[Data Object][Grid] missing drop down options for filters

assets/js/src/core/app/config/services/index.ts

@@ -30,6 +30,8 @@ import { DynamicTypeFieldFilterRegistry } from '@Pimcore/modules/element/dynamic
 import { DynamicTypeListingRegistry } from '@Pimcore/modules/element/dynamic-types/definitions/listing/dynamic-type-listing-registry'
 import { DynamicTypeListingAssetLink } from '@Pimcore/modules/element/dynamic-types/definitions/listing/types/dynamic-type-listing-asset-link'
 import { serviceIds } from '@Pimcore/app/config/services/service-ids'
+import { DynamicTypeFieldFilterObjectAdapter } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/types/data-object-adapter/dynamic-type-field-filter-data-object-adapter'
+import { DynamicTypeFieldFilterDataObjectObjectBrick } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/types/data-object-brick/dynamic-type-field-filter-data-object-object-brick'
 import { DynamicTypeFieldFilterText } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/types/text/dynamic-type-field-filter-text'
 import { DynamicTypeFieldFilterNumber } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/types/number/dynamic-type-field-filter-number'
 import { DynamicTypeFieldFilterSelect } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/types/select/dynamic-type-field-filter-select'
@@ -148,7 +150,7 @@ import { DynamicTypeGridCellDataObjectAdapter } from '@Pimcore/modules/element/d
 import { MainNavRegistry } from '@Pimcore/modules/app/nav/services/main-nav-registry'
 import { DynamicTypeGridCellDataObjectActions } from '@Pimcore/modules/element/dynamic-types/definitions/grid-cell/types/data-object-actions/dynamic-type-grid-cell-data-object-actions'
 import { DynamicTypeGridCellDataObjectObjectBrick } from '@Pimcore/modules/element/dynamic-types/definitions/grid-cell/types/data-object-object-brick/dynamic-type-grid-cell-data-object-adapter'
-import { DynamicTypeBatchEditDataObjectAdapter } from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adpater'
+import { DynamicTypeBatchEditDataObjectAdapter } from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adapter'
 import { DynamicTypeBatchEditDataObjectObjectBrick } from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/data-object-object-brick/dynamic-type-batch-edit-data-object-object-brick'
 import { DynamicTypeAssetRegistry } from '@Pimcore/modules/element/dynamic-types/definitions/asset/dynamic-type-asset-registry'
 import { DynamicTypeAssetImage } from '@Pimcore/modules/element/dynamic-types/definitions/asset/types/dynamic-type-asset-image'
@@ -194,6 +196,8 @@ container.bind(serviceIds.iconLibrary).to(IconLibrary).inSingletonScope()
 
 // dynamic types field filters
 container.bind(serviceIds['DynamicTypes/FieldFilterRegistry']).to(DynamicTypeFieldFilterRegistry).inSingletonScope()
+container.bind(serviceIds['DynamicTypes/FieldFilter/DataObjectAdapter']).to(DynamicTypeFieldFilterObjectAdapter).inSingletonScope()
+container.bind(serviceIds['DynamicTypes/FieldFilter/DataObjectObjectBrick']).to(DynamicTypeFieldFilterDataObjectObjectBrick).inSingletonScope()
 container.bind(serviceIds['DynamicTypes/FieldFilter/Text']).to(DynamicTypeFieldFilterText).inSingletonScope()
 container.bind(serviceIds['DynamicTypes/FieldFilter/Number']).to(DynamicTypeFieldFilterNumber).inSingletonScope()
 container.bind(serviceIds['DynamicTypes/FieldFilter/Select']).to(DynamicTypeFieldFilterSelect).inSingletonScope()

assets/js/src/core/app/config/services/service-ids.ts

@@ -56,6 +56,8 @@ export const serviceIds = {
   // dynamic types
   ...dynamicTypeRegistriesServiceIds,
 
+  'DynamicTypes/FieldFilter/DataObjectAdapter': 'DynamicTypes/FieldFilter/DataObjectAdapter',
+  'DynamicTypes/FieldFilter/DataObjectObjectBrick': 'DynamicTypes/FieldFilter/DataObjectObjectBrick',
   'DynamicTypes/FieldFilter/Text': 'DynamicTypes/FieldFilter/Text',
   'DynamicTypes/FieldFilter/Number': 'DynamicTypes/FieldFilter/Number',
   'DynamicTypes/FieldFilter/Select': 'DynamicTypes/FieldFilter/Select',

assets/js/src/core/modules/element/dynamic-types/definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adpater.tsx → assets/js/src/core/modules/element/dynamic-types/definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adapter.tsx

@@ -17,7 +17,7 @@ import {
   type AbstractBatchEditDefinition,
   type DynamicTypeBatchEditAbstract
 } from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/dynamic-type-batch-edit-abstract'
-import { DynamicTypeBatchEditDataObjectAdapterComponent } from '../../components/data-object-adpater/dynamic-type-batch-edit-data-object-adapter-component'
+import { DynamicTypeBatchEditDataObjectAdapterComponent } from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/components/data-object-adapter/dynamic-type-batch-edit-data-object-adapter-component'
 
 @injectable()
 export class DynamicTypeBatchEditDataObjectAdapter implements DynamicTypeBatchEditAbstract {

assets/js/src/core/modules/element/dynamic-types/definitions/field-filters/components/dynamic-type-field-filter-object-adapter.tsx

@@ -0,0 +1,47 @@
+/**
+* Pimcore
+*
+* This source file is available under two different licenses:
+* - Pimcore Open Core License (POCL)
+* - Pimcore Commercial License (PCL)
+* Full copyright and license information is available in
+* LICENSE.md which is distributed with this source code.
+*
+*  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+*  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+*/
+
+import React from 'react'
+import { Alert } from 'antd'
+import { type AbstractFieldFilterDefinition } from '../dynamic-type-field-filter-abstract'
+import { useDynamicFilter } from '@Pimcore/components/dynamic-filter/provider/use-dynamic-filter'
+import { useInjection } from '@Pimcore/app/depency-injection'
+import type { DynamicTypeFieldFilterRegistry } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/dynamic-type-field-filter-registry'
+import { serviceIds } from '@Pimcore/app/config/services/service-ids'
+
+export interface DynamicTypeFieldFilterObjectAdapterProps extends AbstractFieldFilterDefinition {}
+
+export const DynamicTypeFieldFilterObjectAdapterComponent = (): React.JSX.Element => {
+  const { config } = useDynamicFilter()
+
+  if (!('fieldDefinition' in config)) {
+    throw new Error('Field definition is missing in config')
+  }
+
+  const { fieldDefinition } = config
+  const currentFieldType: string = fieldDefinition?.fieldType ?? fieldDefinition?.fieldtype ?? 'unknown'
+  const objectDataRegistry = useInjection<DynamicTypeFieldFilterRegistry>(serviceIds['DynamicTypes/FieldFilterRegistry'])
+
+  if (!objectDataRegistry.hasDynamicType(currentFieldType)) {
+    return (
+      <Alert
+        message={ `Unknown data type: ${currentFieldType}` }
+        type="warning"
+      />
+    )
+  }
+
+  const objectDataType = objectDataRegistry.getDynamicType(currentFieldType)
+
+  return objectDataType.getFieldFilterComponent(fieldDefinition as AbstractFieldFilterDefinition)
+}

assets/js/src/core/modules/element/dynamic-types/definitions/field-filters/components/dynamic-type-field-filter-object-object-brick.tsx

@@ -0,0 +1,47 @@
+/**
+* Pimcore
+*
+* This source file is available under two different licenses:
+* - Pimcore Open Core License (POCL)
+* - Pimcore Commercial License (PCL)
+* Full copyright and license information is available in
+* LICENSE.md which is distributed with this source code.
+*
+*  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+*  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+*/
+
+import React from 'react'
+import { Alert } from 'antd'
+import { type AbstractFieldFilterDefinition } from '../dynamic-type-field-filter-abstract'
+import { useDynamicFilter } from '@Pimcore/components/dynamic-filter/provider/use-dynamic-filter'
+import { useInjection } from '@Pimcore/app/depency-injection'
+import type { DynamicTypeFieldFilterRegistry } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/dynamic-type-field-filter-registry'
+import { serviceIds } from '@Pimcore/app/config/services/service-ids'
+
+export interface DynamicTypeFieldFilterObjectBrickProps extends AbstractFieldFilterDefinition {}
+
+export const DynamicTypeFieldFilterObjectBrickComponent = (): React.JSX.Element => {
+  const { config } = useDynamicFilter()
+
+  if (!('fieldDefinition' in config)) {
+    throw new Error('Field definition is missing in config')
+  }
+
+  const { fieldDefinition } = config
+  const currentFieldType: string = fieldDefinition?.fieldType ?? fieldDefinition?.fieldtype ?? 'unknown'
+  const objectDataRegistry = useInjection<DynamicTypeFieldFilterRegistry>(serviceIds['DynamicTypes/FieldFilterRegistry'])
+
+  if (!objectDataRegistry.hasDynamicType(currentFieldType)) {
+    return (
+      <Alert
+        message={ `Unknown data type: ${currentFieldType}` }
+        type="warning"
+      />
+    )
+  }
+
+  const objectDataType = objectDataRegistry.getDynamicType(currentFieldType)
+
+  return objectDataType.getFieldFilterComponent(fieldDefinition as AbstractFieldFilterDefinition)
+}

assets/js/src/core/modules/element/dynamic-types/definitions/field-filters/components/dynamic-type-field-filter-select-component.tsx

@@ -13,22 +13,24 @@
 
 import React, { useEffect, useState } from 'react'
 import { type DefaultOptionType } from 'antd/es/select'
-import { Select } from '@Pimcore/components/select/select'
+import { Select, type SelectProps } from '@Pimcore/components/select/select'
 import { type AbstractFieldFilterDefinition } from '../dynamic-type-field-filter-abstract'
 import { useDynamicFilter } from '@Pimcore/components/dynamic-filter/provider/use-dynamic-filter'
 
-export interface DynamicTypeFieldFilterSelectProps extends AbstractFieldFilterDefinition {}
+export interface DynamicTypeFieldFilterSelectProps extends AbstractFieldFilterDefinition {
+  options: SelectProps['options']
+}
 
 export const DynamicTypeFieldFilterSelectComponent = (props: DynamicTypeFieldFilterSelectProps): React.JSX.Element => {
-  const { setData, data, config } = useDynamicFilter()
+  const { setData, data } = useDynamicFilter()
   const [_value, setValue] = useState(data)
   const options: DefaultOptionType[] = []
 
-  if (config.options !== undefined) {
-    for (const option of config.options) {
+  if (props.options !== undefined) {
+    for (const option of props.options) {
       options.push({
-        label: option,
-        value: option
+        label: option?.key,
+        value: option?.value
       })
     }
   }

assets/js/src/core/modules/element/dynamic-types/definitions/field-filters/types/data-object-adapter/dynamic-type-field-filter-data-object-adapter.tsx

@@ -0,0 +1,31 @@
+/**
+* Pimcore
+*
+* This source file is available under two different licenses:
+* - Pimcore Open Core License (POCL)
+* - Pimcore Commercial License (PCL)
+* Full copyright and license information is available in
+* LICENSE.md which is distributed with this source code.
+*
+*  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+*  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+*/
+
+import React, { type ReactElement } from 'react'
+import { injectable } from 'inversify'
+import { type DynamicTypeFieldFilterAbstract } from '../../dynamic-type-field-filter-abstract'
+import {
+  DynamicTypeFieldFilterObjectAdapterComponent,
+  type DynamicTypeFieldFilterObjectAdapterProps
+} from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/components/dynamic-type-field-filter-object-adapter'
+
+@injectable()
+export class DynamicTypeFieldFilterObjectAdapter implements DynamicTypeFieldFilterAbstract {
+  id = 'dataobject.adapter'
+
+  getFieldFilterComponent (props: DynamicTypeFieldFilterObjectAdapterProps): ReactElement<DynamicTypeFieldFilterObjectAdapterProps> {
+    return (
+      <DynamicTypeFieldFilterObjectAdapterComponent { ...props } />
+    )
+  }
+}

assets/js/src/core/modules/element/dynamic-types/definitions/field-filters/types/data-object-brick/dynamic-type-field-filter-data-object-object-brick.tsx

@@ -0,0 +1,31 @@
+/**
+* Pimcore
+*
+* This source file is available under two different licenses:
+* - Pimcore Open Core License (POCL)
+* - Pimcore Commercial License (PCL)
+* Full copyright and license information is available in
+* LICENSE.md which is distributed with this source code.
+*
+*  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+*  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+*/
+
+import React, { type ReactElement } from 'react'
+import { injectable } from 'inversify'
+import { type DynamicTypeFieldFilterAbstract } from '../../dynamic-type-field-filter-abstract'
+import {
+  DynamicTypeFieldFilterObjectBrickComponent,
+  type DynamicTypeFieldFilterObjectBrickProps
+} from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/components/dynamic-type-field-filter-object-object-brick'
+
+@injectable()
+export class DynamicTypeFieldFilterDataObjectObjectBrick implements DynamicTypeFieldFilterAbstract {
+  id = 'dataobject.objectbrick'
+
+  getFieldFilterComponent (props: DynamicTypeFieldFilterObjectBrickProps): ReactElement<DynamicTypeFieldFilterObjectBrickProps> {
+    return (
+      <DynamicTypeFieldFilterObjectBrickComponent { ...props } />
+    )
+  }
+}

assets/js/src/core/modules/element/dynamic-types/index.ts

@@ -16,6 +16,8 @@ import { container } from '@Pimcore/app/depency-injection'
 import { moduleSystem } from '@Pimcore/app/module-system/module-system'
 import { type DynamicTypeFieldFilterRegistry } from './definitions/field-filters/dynamic-type-field-filter-registry'
 import { serviceIds } from '@Pimcore/app/config/services/service-ids'
+import { type DynamicTypeFieldFilterObjectAdapter } from './definitions/field-filters/types/data-object-adapter/dynamic-type-field-filter-data-object-adapter'
+import { type DynamicTypeFieldFilterDataObjectObjectBrick } from '@Pimcore/modules/element/dynamic-types/definitions/field-filters/types/data-object-brick/dynamic-type-field-filter-data-object-object-brick'
 import { type DynamicTypeFieldFilterText } from './definitions/field-filters/types/text/dynamic-type-field-filter-text'
 import { type DynamicTypeFieldFilterNumber } from './definitions/field-filters/types/number/dynamic-type-field-filter-number'
 import { type DynamicTypeFieldFilterSelect } from './definitions/field-filters/types/select/dynamic-type-field-filter-select'
@@ -135,7 +137,7 @@ import { type DynamicTypeObjectDataObjectBrick } from './definitions/objects/dat
 import { type DynamicTypeGridCellDataObjectAdapter } from './definitions/grid-cell/types/data-object-adapter/dynamic-type-grid-cell-data-object-adapter'
 import { type DynamicTypeGridCellDataObjectActions } from './definitions/grid-cell/types/data-object-actions/dynamic-type-grid-cell-data-object-actions'
 import { type DynamicTypeGridCellDataObjectObjectBrick } from './definitions/grid-cell/types/data-object-object-brick/dynamic-type-grid-cell-data-object-adapter'
-import { type DynamicTypeBatchEditDataObjectAdapter } from './definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adpater'
+import { type DynamicTypeBatchEditDataObjectAdapter } from './definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adapter'
 import { type DynamicTypeBatchEditDataObjectObjectBrick } from './definitions/batch-edits/types/data-object-object-brick/dynamic-type-batch-edit-data-object-object-brick'
 import { type DynamicTypeAssetRegistry } from './definitions/asset/dynamic-type-asset-registry'
 import { type DynamicTypeAssetArchive } from './definitions/asset/types/dynamic-type-asset-archive'
@@ -157,6 +159,8 @@ moduleSystem.registerModule({
   onInit () {
     const fieldFilterRegistry = container.get<DynamicTypeFieldFilterRegistry>(serviceIds['DynamicTypes/FieldFilterRegistry'])
 
+    fieldFilterRegistry.registerDynamicType(container.get<DynamicTypeFieldFilterObjectAdapter>(serviceIds['DynamicTypes/FieldFilter/DataObjectAdapter']))
+    fieldFilterRegistry.registerDynamicType(container.get<DynamicTypeFieldFilterDataObjectObjectBrick>(serviceIds['DynamicTypes/FieldFilter/DataObjectObjectBrick']))
     fieldFilterRegistry.registerDynamicType(container.get<DynamicTypeFieldFilterText>(serviceIds['DynamicTypes/FieldFilter/Text']))
     fieldFilterRegistry.registerDynamicType(container.get<DynamicTypeFieldFilterNumber>(serviceIds['DynamicTypes/FieldFilter/Number']))
     fieldFilterRegistry.registerDynamicType(container.get<DynamicTypeFieldFilterSelect>(serviceIds['DynamicTypes/FieldFilter/Select']))

assets/js/src/sdk/modules/element/index.ts

@@ -28,13 +28,13 @@ export * from '@Pimcore/modules/element/draft/hooks/use-schedules'
 export * from '@Pimcore/modules/element/draft/hooks/use-tabs'
 export * from '@Pimcore/modules/element/draft/hooks/use-trackable-changes'
 
-export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/components/data-object-adpater/dynamic-type-batch-edit-data-object-adapter-component'
+export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/components/data-object-adapter/dynamic-type-batch-edit-data-object-adapter-component'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/components/data-object-object-brick/dynamic-type-batch-edit-data-object-object-brick-component'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/components/text/dynamic-type-batch-edit-text-area-component'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/components/text/dynamic-type-batch-edit-text-component'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/dynamic-type-batch-edit-abstract'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/dynamic-type-batch-edit-registry'
-export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adpater'
+export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/data-object-adapter/dynamic-type-batch-edit-data-object-adapter'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/data-object-object-brick/dynamic-type-batch-edit-data-object-object-brick'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/text/dynamic-type-batch-edit-text'
 export * from '@Pimcore/modules/element/dynamic-types/definitions/batch-edits/types/text/dynamic-type-batch-edit-text-area'