@wix/auto-patterns 1.7.0 → 1.8.0

package/dist/cjs/hooks/useCommonCollectionFeatures.js

@@ -5,22 +5,38 @@ exports.__esModule = true;
 exports.useCommonCollectionFeatures = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useEmptyStates = require("./useEmptyStates");
-var _providers = require("../providers");
 var _patterns = require("@wix/patterns");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _designSystem = require("@wix/design-system");
+var _useActionCell = require("./useActionCell");
+var _useBulkActionToolbar = require("./useBulkActionToolbar");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useCommonCollectionFeatures.tsx";
 const useCommonCollectionFeatures = ({
-  actions,
+  actionCell: actionCellConfig,
+  bulkActionToolbar: bulkActionToolbarConfig,
   toolbarTitle,
   search,
-  emptyState: emptyStateConfig
+  emptyState: emptyStateConfig,
+  collection,
+  optimisticActions,
+  collectionType,
+  entityPageId
 }) => {
   var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
-  const context = (0, _providers.usePatternsWizardOverridesContext)();
   const {
     emptyState
   } = (0, _useEmptyStates.useEmptyStates)(emptyStateConfig);
+  const actionCell = (0, _useActionCell.useActionCell)({
+    config: actionCellConfig,
+    collectionId: collection.collectionId,
+    optimisticActions,
+    collectionType,
+    entityPageId
+  });
+  const bulkActionToolbar = (0, _useBulkActionToolbar.useBulkActionToolbar)({
+    config: bulkActionToolbarConfig,
+    collectionId: collection.collectionId,
+    optimisticActions
+  });
   const title = toolbarTitle && /*#__PURE__*/_react.default.createElement(_patterns.ToolbarTitle, {
     title: toolbarTitle.title,
     subtitle: {
@@ -33,7 +49,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 27,
+            lineNumber: 59,
             columnNumber: 13
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -43,7 +59,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 28,
+            lineNumber: 60,
             columnNumber: 15
           }
         }, (_toolbarTitle$subtitl4 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl4 = _toolbarTitle$subtitl4.info) == null ? void 0 : _toolbarTitle$subtitl4.content.text), ((_toolbarTitle$subtitl5 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl5 = _toolbarTitle$subtitl5.info) == null ? void 0 : _toolbarTitle$subtitl5.content.link) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -58,7 +74,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 36,
+            lineNumber: 68,
             columnNumber: 17
           }
         }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
@@ -69,40 +85,16 @@ const useCommonCollectionFeatures = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 52,
       columnNumber: 5
     }
   });
-  const secondaryActionComponents = _react.default.useMemo(() => {
-    const secondaryActions = actions || [];
-    if (secondaryActions.length === 0) {
-      return undefined;
-    }
-    return secondaryActions.map(action => item => ({
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Edit, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 65,
-          columnNumber: 13
-        }
-      }),
-      text: action.text,
-      onClick: () => {
-        var _context$actions, _context$actions$acti;
-        context == null || (_context$actions = context.actions) == null || (_context$actions$acti = _context$actions[action.id]) == null || _context$actions$acti.call(_context$actions, {
-          item
-        });
-      }
-    }));
-  }, [actions, context == null ? void 0 : context.actions]);
   return {
     search: (search == null ? void 0 : search.shown) !== false,
     title,
     emptyState,
-    actionCell: item => ({
-      secondaryActions: secondaryActionComponents == null ? void 0 : secondaryActionComponents.map(action => action(item))
-    })
+    actionCell,
+    bulkActionToolbar
   };
 };
 exports.useCommonCollectionFeatures = useCommonCollectionFeatures;

package/dist/cjs/hooks/useCommonCollectionFeatures.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_providers","_patterns","_wixUiIconsCommon","_designSystem","_jsxFileName","useCommonCollectionFeatures","actions","toolbarTitle","search","emptyState","emptyStateConfig","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","context","usePatternsWizardOverridesContext","useEmptyStates","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","secondaryActionComponents","React","useMemo","secondaryActions","length","undefined","map","action","item","icon","Edit","onClick","_context$actions","_context$actions$acti","id","call","shown","actionCell","exports"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { ToolbarTitle } from '@wix/patterns';\nimport { Edit } from '@wix/wix-ui-icons-common';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\n\nexport const useCommonCollectionFeatures = ({\n  actions,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n}: BaseCollectionComponentConfig) => {\n  const context = usePatternsWizardOverridesContext();\n\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n\n  const title = toolbarTitle && (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  );\n\n  const secondaryActionComponents = React.useMemo(() => {\n    const secondaryActions = actions || [];\n    if (secondaryActions.length === 0) {\n      return undefined;\n    }\n\n    return secondaryActions.map((action) => (item: any) => ({\n      icon: <Edit />,\n      text: action.text,\n      onClick: () => {\n        context?.actions?.[action.id]?.({ item });\n      },\n    }));\n  }, [actions, context?.actions]);\n\n  return {\n    search: search?.shown !== false,\n    title,\n    emptyState,\n    actionCell: (item: any) => ({\n      secondaryActions: secondaryActionComponents?.map((action) =>\n        action(item),\n      ),\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_patterns","_designSystem","_useActionCell","_useBulkActionToolbar","_jsxFileName","useCommonCollectionFeatures","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","optimisticActions","collectionType","entityPageId","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","useEmptyStates","useActionCell","config","collectionId","useBulkActionToolbar","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","shown","exports"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionOptimisticActions, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig, ComponentConfig } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n> & {\n  optimisticActions: CollectionOptimisticActions<any, any>;\n  collectionType?: ComponentConfig['type'];\n};\n\nexport const useCommonCollectionFeatures = ({\n  actionCell: actionCellConfig,\n  bulkActionToolbar: bulkActionToolbarConfig,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n  collection,\n  optimisticActions,\n  collectionType,\n  entityPageId,\n}: UseCommonCollectionFeaturesParams) => {\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n  const actionCell = useActionCell({\n    config: actionCellConfig,\n    collectionId: collection.collectionId,\n    optimisticActions,\n    collectionType,\n    entityPageId,\n  });\n\n  const bulkActionToolbar = useBulkActionToolbar({\n    config: bulkActionToolbarConfig,\n    collectionId: collection.collectionId,\n    optimisticActions,\n  });\n\n  const title = toolbarTitle && (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  );\n\n  return {\n    search: search?.shown !== false,\n    title,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useFetchData.js

@@ -1,19 +1,43 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useFetchData = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _providers = require("../providers");
-const useFetchData = config => {
-  var _overrides$fetchData;
-  const {
-    fetchData: fetchDataOverride
-  } = config;
+var _SchemaContext = require("../providers/SchemaContext");
+var _factory = require("../dataSourceAdapters/factory");
+const useFetchData = ({
+  collectionConfig,
+  visibleFieldIds,
+  filtersMapping
+}) => {
+  const schema = (0, _SchemaContext.useSchema)();
   const overrides = (0, _providers.usePatternsWizardOverridesContext)();
   const {
-    collection
-  } = (0, _providers.useCollectionData)();
-  const defaultFetchData = collection.fetchData;
-  const fetchData = fetchDataOverride != null && fetchDataOverride.id ? (overrides == null || (_overrides$fetchData = overrides.fetchData) == null ? void 0 : _overrides$fetchData[fetchDataOverride.id]) ?? defaultFetchData : defaultFetchData;
+    fetchData: fetchDataOverride
+  } = collectionConfig;
+  const defaultDataProvider = _react.default.useMemo(() => {
+    if (!schema) {
+      throw new Error('useFetchData: schema is not available');
+    }
+    return (0, _factory.createDataProvider)({
+      collectionId: collectionConfig.collectionId,
+      entityTypeSource: collectionConfig.entityTypeSource,
+      schema,
+      visibleFieldIds,
+      filtersMapping
+    });
+  }, [schema, collectionConfig.collectionId, collectionConfig.entityTypeSource, visibleFieldIds, filtersMapping]);
+  const fetchData = _react.default.useMemo(() => {
+    const defaultFetch = defaultDataProvider == null ? void 0 : defaultDataProvider.fetchData;
+    if (fetchDataOverride != null && fetchDataOverride.id) {
+      var _overrides$fetchData;
+      const overrideFetch = overrides == null || (_overrides$fetchData = overrides.fetchData) == null ? void 0 : _overrides$fetchData[fetchDataOverride.id];
+      return overrideFetch ?? defaultFetch;
+    }
+    return defaultFetch;
+  }, [defaultDataProvider, fetchDataOverride == null ? void 0 : fetchDataOverride.id, overrides == null ? void 0 : overrides.fetchData]);
   return {
     fetchData
   };

package/dist/cjs/hooks/useFetchData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_providers","require","useFetchData","config","_overrides$fetchData","fetchData","fetchDataOverride","overrides","usePatternsWizardOverridesContext","collection","useCollectionData","defaultFetchData","id","exports"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import {\n  useCollectionData,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { CollectionConfig } from '../types';\n\nexport const useFetchData = (config: CollectionConfig) => {\n  const { fetchData: fetchDataOverride } = config;\n  const overrides = usePatternsWizardOverridesContext();\n  const { collection } = useCollectionData();\n  const defaultFetchData = collection.fetchData;\n\n  const fetchData = fetchDataOverride?.id\n    ? overrides?.fetchData?.[fetchDataOverride.id] ?? defaultFetchData\n    : defaultFetchData;\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMO,MAAMC,YAAY,GAAIC,MAAwB,IAAK;EAAA,IAAAC,oBAAA;EACxD,MAAM;IAAEC,SAAS,EAAEC;EAAkB,CAAC,GAAGH,MAAM;EAC/C,MAAMI,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EACrD,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAC1C,MAAMC,gBAAgB,GAAGF,UAAU,CAACJ,SAAS;EAE7C,MAAMA,SAAS,GAAGC,iBAAiB,YAAjBA,iBAAiB,CAAEM,EAAE,GACnC,CAAAL,SAAS,aAAAH,oBAAA,GAATG,SAAS,CAAEF,SAAS,qBAApBD,oBAAA,CAAuBE,iBAAiB,CAACM,EAAE,CAAC,KAAID,gBAAgB,GAChEA,gBAAgB;EAEpB,OAAO;IACLN;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAAX,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_SchemaContext","_factory","useFetchData","collectionConfig","visibleFieldIds","filtersMapping","schema","useSchema","overrides","usePatternsWizardOverridesContext","fetchData","fetchDataOverride","defaultDataProvider","React","useMemo","Error","createDataProvider","collectionId","entityTypeSource","defaultFetch","id","_overrides$fetchData","overrideFetch","exports"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import React from 'react';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { CollectionConfig, Filter } from '../types';\nimport { useSchema } from '../providers/SchemaContext';\nimport { createDataProvider } from '../dataSourceAdapters/factory';\n\nexport const useFetchData = ({\n  collectionConfig,\n  visibleFieldIds,\n  filtersMapping,\n}: {\n  collectionConfig: CollectionConfig;\n  visibleFieldIds: string[];\n  filtersMapping?: Record<string, Filter>;\n}) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const { fetchData: fetchDataOverride } = collectionConfig;\n\n  const defaultDataProvider = React.useMemo(() => {\n    if (!schema) {\n      throw new Error('useFetchData: schema is not available');\n    }\n    return createDataProvider({\n      collectionId: collectionConfig.collectionId,\n      entityTypeSource: collectionConfig.entityTypeSource,\n      schema,\n      visibleFieldIds,\n      filtersMapping,\n    });\n  }, [\n    schema,\n    collectionConfig.collectionId,\n    collectionConfig.entityTypeSource,\n    visibleFieldIds,\n    filtersMapping,\n  ]);\n\n  const fetchData = React.useMemo(() => {\n    const defaultFetch = defaultDataProvider?.fetchData;\n\n    if (fetchDataOverride?.id) {\n      const overrideFetch = overrides?.fetchData?.[fetchDataOverride.id];\n      return overrideFetch ?? defaultFetch;\n    }\n    return defaultFetch;\n  }, [defaultDataProvider, fetchDataOverride?.id, overrides?.fetchData]);\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEO,MAAMI,YAAY,GAAGA,CAAC;EAC3BC,gBAAgB;EAChBC,eAAe;EACfC;AAKF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EACrD,MAAM;IAAEC,SAAS,EAAEC;EAAkB,CAAC,GAAGR,gBAAgB;EAEzD,MAAMS,mBAAmB,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM;IAC9C,IAAI,CAACR,MAAM,EAAE;MACX,MAAM,IAAIS,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IACA,OAAO,IAAAC,2BAAkB,EAAC;MACxBC,YAAY,EAAEd,gBAAgB,CAACc,YAAY;MAC3CC,gBAAgB,EAAEf,gBAAgB,CAACe,gBAAgB;MACnDZ,MAAM;MACNF,eAAe;MACfC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CACDC,MAAM,EACNH,gBAAgB,CAACc,YAAY,EAC7Bd,gBAAgB,CAACe,gBAAgB,EACjCd,eAAe,EACfC,cAAc,CACf,CAAC;EAEF,MAAMK,SAAS,GAAGG,cAAK,CAACC,OAAO,CAAC,MAAM;IACpC,MAAMK,YAAY,GAAGP,mBAAmB,oBAAnBA,mBAAmB,CAAEF,SAAS;IAEnD,IAAIC,iBAAiB,YAAjBA,iBAAiB,CAAES,EAAE,EAAE;MAAA,IAAAC,oBAAA;MACzB,MAAMC,aAAa,GAAGd,SAAS,aAAAa,oBAAA,GAATb,SAAS,CAAEE,SAAS,qBAApBW,oBAAA,CAAuBV,iBAAiB,CAACS,EAAE,CAAC;MAClE,OAAOE,aAAa,IAAIH,YAAY;IACtC;IACA,OAAOA,YAAY;EACrB,CAAC,EAAE,CAACP,mBAAmB,EAAED,iBAAiB,oBAAjBA,iBAAiB,CAAES,EAAE,EAAEZ,SAAS,oBAATA,SAAS,CAAEE,SAAS,CAAC,CAAC;EAEtE,OAAO;IACLA;EACF,CAAC;AACH,CAAC;AAACa,OAAA,CAAArB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/hooks/useFilters.js

@@ -6,133 +6,110 @@ exports.useFilters = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _patterns = require("@wix/patterns");
+var _SchemaContext = require("../providers/SchemaContext");
 var _providers = require("../providers");
-var _filters = require("../utils/filters");
+var _filters = require("../components/filters");
+var _filterCreators = require("../utils/filterCreators");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useFilters.tsx";
 const useFilters = configuration => {
-  const {
-    schema
-  } = (0, _providers.useCollectionData)();
+  const schema = (0, _SchemaContext.useSchema)();
+  const schemaRegistry = (0, _providers.useSchemaRegistry)();
   const filters = _react.default.useMemo(() => {
     const currFilters = [];
     configuration == null || configuration.items.forEach(filter => {
-      var _filter$dateConfig, _filter$dateConfig2, _filter$dateConfig3, _filter$booleanConfig, _filter$booleanConfig2, _filter$numberConfig, _filter$numberConfig2, _filter$numberConfig3;
       const {
-        fieldId: key
+        id,
+        fieldId
       } = filter;
-      const fieldDefinition = schema.fields[key];
+      const fieldDefinition = schema.fields[fieldId];
       if (!fieldDefinition) {
         return;
       }
       const label = filter.displayName || fieldDefinition.displayName;
       const {
-        initiallyOpen,
+        openByDefault,
+        tagLabel,
         sectionTitle
-      } = filter.accordionItemProps || {};
-      const {
-        toolbarTagProps
       } = filter;
-      const commonFilterProps = {
-        accordionItemProps: {
-          label,
-          initiallyOpen,
-          sectionTitle
-        },
-        toolbarItemProps: {
-          label
-        },
-        toolbarTagProps
+      const baseParams = {
+        id,
+        fieldId,
+        commonFilterProps: {
+          sectionTitle,
+          initiallyOpen: openByDefault,
+          accordionItemProps: {
+            label
+          },
+          toolbarItemProps: {
+            label
+          },
+          toolbarTagProps: {
+            label: tagLabel
+          }
+        }
       };
       switch (fieldDefinition.type) {
         case 'DATE':
         case 'DATETIME':
-          currFilters.push({
-            key,
-            filter: (0, _patterns.dateRangeFilter)(),
-            component: _patterns.DateRangeFilter,
-            props: {
-              ...commonFilterProps,
-              mode: (_filter$dateConfig = filter.dateConfig) == null ? void 0 : _filter$dateConfig.mode,
-              dateRangeOptions: (_filter$dateConfig2 = filter.dateConfig) == null ? void 0 : _filter$dateConfig2.dateRangeOptions,
-              filterByTime: (_filter$dateConfig3 = filter.dateConfig) == null ? void 0 : _filter$dateConfig3.filterByTime
-            }
-          });
+          currFilters.push((0, _filterCreators.createDateTimeFilter)({
+            ...baseParams,
+            config: filter.dateConfig
+          }));
           break;
         case 'BOOLEAN':
-          currFilters.push({
-            key,
-            filter: (0, _patterns.idNameArrayFilter)(),
-            component: _patterns.RadioGroupFilter,
-            props: {
-              ...commonFilterProps,
-              data: [{
-                id: 'checked',
-                name: (filter == null || (_filter$booleanConfig = filter.booleanConfig) == null ? void 0 : _filter$booleanConfig.checkedLabel) || 'Yes'
-              }, {
-                id: 'unchecked',
-                name: (filter == null || (_filter$booleanConfig2 = filter.booleanConfig) == null ? void 0 : _filter$booleanConfig2.uncheckedLabel) || 'No'
-              }]
-            }
-          });
+          currFilters.push((0, _filterCreators.createBooleanFilter)({
+            ...baseParams,
+            config: filter.booleanConfig
+          }));
           break;
         case 'NUMBER':
-          currFilters.push({
-            key,
-            filter: (0, _patterns.numberRangeFilter)(),
-            component: _patterns.NumberRangeFilter,
-            props: {
-              ...commonFilterProps,
-              min: (_filter$numberConfig = filter.numberConfig) == null ? void 0 : _filter$numberConfig.min,
-              max: (_filter$numberConfig2 = filter.numberConfig) == null ? void 0 : _filter$numberConfig2.max,
-              decimal: (_filter$numberConfig3 = filter.numberConfig) == null ? void 0 : _filter$numberConfig3.decimal
-            }
-          });
+          currFilters.push((0, _filterCreators.createNumberFilter)({
+            ...baseParams,
+            config: filter.numberConfig
+          }));
           break;
+        case 'REFERENCE':
+          {
+            const {
+              referencedCollectionId
+            } = fieldDefinition.referenceMetadata;
+            const referencedSchema = schemaRegistry.getSchema(referencedCollectionId);
+            if (referencedSchema) {
+              currFilters.push((0, _filterCreators.createReferenceFilter)({
+                ...baseParams,
+                config: filter.dynamicOptionsConfig,
+                additionalParams: {
+                  referencedSchema
+                }
+              }));
+            }
+            break;
+          }
         default:
           if (filter != null && filter.enumConfig) {
-            currFilters.push((0, _filters.createEnumFilter)({
-              filter,
-              commonFilterProps
+            currFilters.push((0, _filterCreators.createEnumFilter)({
+              ...baseParams,
+              config: filter.enumConfig
             }));
           }
           break;
       }
     });
     return currFilters;
-  }, [configuration == null ? void 0 : configuration.items, schema.fields]);
-  const FilterCollectionComponent = ({
-    filter,
-    collectionData,
-    key,
-    component,
-    ...filterProps
-  }) => {
-    const FilterComponent = component;
-    const collection = (0, _patterns.useStaticListFilterCollection)(filter, collectionData ?? []);
-    if (!configuration) {
-      return null;
-    }
-    return /*#__PURE__*/_react.default.createElement(FilterComponent, (0, _extends2.default)({
-      key: key,
-      filter: filter
-    }, collectionData ? {
-      collection
-    } : {}, filterProps, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 141,
-        columnNumber: 7
-      }
-    }));
-  };
+  }, [configuration == null ? void 0 : configuration.items, schema.fields, schemaRegistry]);
+  const filtersMapping = _react.default.useMemo(() => {
+    return configuration == null ? void 0 : configuration.items.reduce((acc, filter) => {
+      acc[filter.id] = filter;
+      return acc;
+    }, {});
+  }, [configuration == null ? void 0 : configuration.items]);
   const collectionToolbarFiltersProps = _react.default.useMemo(() => ({
-    inline: (configuration == null ? void 0 : configuration.maxToolbarFilters) || 0,
+    inline: (configuration == null ? void 0 : configuration.maxInlineFilters) || 0,
     panelTitle: configuration == null ? void 0 : configuration.panelTitle
   }), [configuration]);
   const filtersData = filters.reduce((acc, filter) => {
     acc.filters[filter.key] = filter.filter;
-    acc.components.push(filter.collectionData ? /*#__PURE__*/_react.default.createElement(FilterCollectionComponent, (0, _extends2.default)({
+    acc.components.push(filter.collectionData ? /*#__PURE__*/_react.default.createElement(_filters.StaticCollectionFilter, (0, _extends2.default)({
       filter: filter.filter,
       key: filter.key,
       component: filter.component,
@@ -141,7 +118,20 @@ const useFilters = configuration => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165,
+        lineNumber: 155,
+        columnNumber: 11
+      }
+    })) : filter.collectionId ? /*#__PURE__*/_react.default.createElement(_filters.DynamicCollectionFilter, (0, _extends2.default)({
+      filter: filter.filter,
+      key: filter.key,
+      component: filter.component,
+      collectionId: filter.collectionId,
+      componentName: filter.props.componentName
+    }, filter.props, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 163,
         columnNumber: 11
       }
     })) : /*#__PURE__*/_react.default.createElement(filter.component, (0, _extends2.default)({
@@ -151,7 +141,7 @@ const useFilters = configuration => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173,
+        lineNumber: 172,
         columnNumber: 11
       }
     })));
@@ -162,6 +152,7 @@ const useFilters = configuration => {
     collectionToolbarFiltersProps
   });
   return {
+    filtersMapping,
     filtersObject: filtersData.filters,
     filterComponent: filtersData.components.length > 0 ? /*#__PURE__*/_react.default.createElement(_patterns.CollectionToolbarFilters, (0, _extends2.default)({}, collectionToolbarFiltersProps, {
       __self: void 0,

package/dist/cjs/hooks/useFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_providers","_filters","_jsxFileName","useFilters","configuration","schema","useCollectionData","filters","React","useMemo","currFilters","items","forEach","filter","_filter$dateConfig","_filter$dateConfig2","_filter$dateConfig3","_filter$booleanConfig","_filter$booleanConfig2","_filter$numberConfig","_filter$numberConfig2","_filter$numberConfig3","fieldId","key","fieldDefinition","fields","label","displayName","initiallyOpen","sectionTitle","accordionItemProps","toolbarTagProps","commonFilterProps","toolbarItemProps","type","push","dateRangeFilter","component","DateRangeFilter","props","mode","dateConfig","dateRangeOptions","filterByTime","idNameArrayFilter","RadioGroupFilter","data","id","name","booleanConfig","checkedLabel","uncheckedLabel","numberRangeFilter","NumberRangeFilter","min","numberConfig","max","decimal","enumConfig","createEnumFilter","FilterCollectionComponent","collectionData","filterProps","FilterComponent","collection","useStaticListFilterCollection","default","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","collectionToolbarFiltersProps","inline","maxToolbarFilters","panelTitle","filtersData","reduce","acc","components","filtersObject","filterComponent","length","CollectionToolbarFilters","undefined","exports"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n  DateRangeFilter,\n  dateRangeFilter,\n  Filter,\n  idNameArrayFilter,\n  NumberRangeFilter,\n  numberRangeFilter,\n  RadioGroupFilter,\n  useStaticListFilterCollection,\n} from '@wix/patterns';\nimport { FiltersConfig } from '../types';\nimport { useCollectionData } from '../providers';\nimport { createEnumFilter } from '../utils/filters';\n\nexport interface FilterOptions {\n  key: string;\n  filter: Filter<any>;\n  component: React.ElementType;\n  collectionData?: { id: string; name: string }[];\n  props: Record<string, any>;\n}\n\nexport interface ReturnValue {\n  filters: { [key: string]: Filter<any> };\n  components: React.JSX.Element[];\n  collectionToolbarFiltersProps: Pick<\n    CollectionToolbarFiltersProps,\n    'inline' | 'panelTitle' | 'useNewFilters'\n  >;\n}\n\nexport const useFilters = (configuration?: FiltersConfig) => {\n  const { schema } = useCollectionData();\n  const filters = React.useMemo(() => {\n    const currFilters: FilterOptions[] = [];\n    configuration?.items.forEach((filter) => {\n      const { fieldId: key } = filter;\n      const fieldDefinition = schema.fields[key];\n      if (!fieldDefinition) {\n        return;\n      }\n\n      const label = filter.displayName || fieldDefinition.displayName;\n      const { initiallyOpen, sectionTitle } = filter.accordionItemProps || {};\n      const { toolbarTagProps } = filter;\n\n      const commonFilterProps = {\n        accordionItemProps: {\n          label,\n          initiallyOpen,\n          sectionTitle,\n        },\n        toolbarItemProps: {\n          label,\n        },\n        toolbarTagProps,\n      };\n\n      switch (fieldDefinition.type) {\n        case 'DATE':\n        case 'DATETIME':\n          currFilters.push({\n            key,\n            filter: dateRangeFilter(),\n            component: DateRangeFilter,\n            props: {\n              ...commonFilterProps,\n              mode: filter.dateConfig?.mode,\n              dateRangeOptions: filter.dateConfig?.dateRangeOptions,\n              filterByTime: filter.dateConfig?.filterByTime,\n            },\n          });\n\n          break;\n        case 'BOOLEAN':\n          currFilters.push({\n            key,\n            filter: idNameArrayFilter(),\n            component: RadioGroupFilter,\n            props: {\n              ...commonFilterProps,\n              data: [\n                {\n                  id: 'checked',\n                  name: filter?.booleanConfig?.checkedLabel || 'Yes',\n                },\n                {\n                  id: 'unchecked',\n                  name: filter?.booleanConfig?.uncheckedLabel || 'No',\n                },\n              ],\n            },\n          });\n          break;\n        case 'NUMBER':\n          currFilters.push({\n            key,\n            filter: numberRangeFilter(),\n            component: NumberRangeFilter,\n            props: {\n              ...commonFilterProps,\n              min: filter.numberConfig?.min,\n              max: filter.numberConfig?.max,\n              decimal: filter.numberConfig?.decimal,\n            },\n          });\n\n          break;\n\n        default:\n          if (filter?.enumConfig) {\n            currFilters.push(createEnumFilter({ filter, commonFilterProps }));\n          }\n          break;\n      }\n    });\n    return currFilters;\n  }, [configuration?.items, schema.fields]);\n\n  const FilterCollectionComponent: React.FC<{\n    filter: Filter<any>;\n    collectionData?: { id: string; name: string }[];\n    key: string;\n    component: React.ElementType;\n  }> = ({ filter, collectionData, key, component, ...filterProps }) => {\n    const FilterComponent = component;\n\n    const collection = useStaticListFilterCollection(\n      filter,\n      collectionData ?? [],\n    );\n\n    if (!configuration) {\n      return null;\n    }\n\n    return (\n      <FilterComponent\n        key={key}\n        filter={filter}\n        {...(collectionData ? { collection } : {})}\n        {...filterProps}\n      />\n    );\n  };\n\n  const collectionToolbarFiltersProps = React.useMemo<\n    Pick<CollectionToolbarFiltersProps, 'inline' | 'panelTitle'>\n  >(\n    () => ({\n      inline: configuration?.maxToolbarFilters || 0,\n      panelTitle: configuration?.panelTitle,\n    }),\n    [configuration],\n  );\n\n  const filtersData = filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.components.push(\n        filter.collectionData ? (\n          <FilterCollectionComponent\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionData={filter.collectionData}\n            {...filter.props}\n          />\n        ) : (\n          <filter.component\n            key={filter.key}\n            filter={filter.filter}\n            {...filter.props}\n          />\n        ),\n      );\n\n      return acc;\n    },\n    { filters: {}, components: [], collectionToolbarFiltersProps },\n  );\n\n  return {\n    filtersObject: filtersData.filters,\n    filterComponent:\n      filtersData.components.length > 0 ? (\n        <CollectionToolbarFilters {...collectionToolbarFiltersProps}>\n          {filtersData.components}\n        </CollectionToolbarFilters>\n      ) : undefined,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_SchemaContext","_providers","_filters","_filterCreators","_jsxFileName","useFilters","configuration","schema","useSchema","schemaRegistry","useSchemaRegistry","filters","React","useMemo","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","type","push","createDateTimeFilter","config","dateConfig","createBooleanFilter","booleanConfig","createNumberFilter","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","createReferenceFilter","dynamicOptionsConfig","additionalParams","enumConfig","createEnumFilter","filtersMapping","reduce","acc","collectionToolbarFiltersProps","inline","maxInlineFilters","panelTitle","filtersData","key","components","collectionData","default","createElement","StaticCollectionFilter","_extends2","component","props","__self","__source","fileName","lineNumber","columnNumber","collectionId","DynamicCollectionFilter","componentName","filtersObject","filterComponent","length","CollectionToolbarFilters","undefined","exports"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n  Filter,\n} from '@wix/patterns';\nimport { Filter as SchemaFilterType, FiltersConfig } from '../types';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useSchemaRegistry } from '../providers';\nimport {\n  StaticCollectionFilter,\n  DynamicCollectionFilter,\n} from '../components/filters';\nimport {\n  createDateTimeFilter,\n  createBooleanFilter,\n  createNumberFilter,\n  createEnumFilter,\n  createReferenceFilter,\n} from '../utils/filterCreators';\n\nexport interface FilterOptions {\n  key: string;\n  fieldId: string;\n  filter: Filter<any>;\n  component: React.ElementType;\n  collectionData?: { id: string; name: string }[];\n  collectionId?: string;\n  componentName?: string;\n  props: Record<string, any>;\n}\n\nexport interface ReturnValue {\n  filters: { [key: string]: Filter<any> };\n  components: React.JSX.Element[];\n  collectionToolbarFiltersProps: Pick<\n    CollectionToolbarFiltersProps,\n    'inline' | 'panelTitle' | 'useNewFilters'\n  >;\n}\n\nexport const useFilters = (configuration?: FiltersConfig) => {\n  const schema = useSchema();\n  const schemaRegistry = useSchemaRegistry();\n  const filters = React.useMemo(() => {\n    const currFilters: FilterOptions[] = [];\n    configuration?.items.forEach((filter) => {\n      const { id, fieldId } = filter;\n      const fieldDefinition = schema.fields[fieldId];\n      if (!fieldDefinition) {\n        return;\n      }\n\n      const label = filter.displayName || fieldDefinition.displayName;\n      const { openByDefault, tagLabel, sectionTitle } = filter;\n\n      const baseParams = {\n        id,\n        fieldId,\n        commonFilterProps: {\n          sectionTitle,\n          initiallyOpen: openByDefault,\n          accordionItemProps: { label },\n          toolbarItemProps: { label },\n          toolbarTagProps: { label: tagLabel },\n        },\n      };\n\n      switch (fieldDefinition.type) {\n        case 'DATE':\n        case 'DATETIME':\n          currFilters.push(\n            createDateTimeFilter({\n              ...baseParams,\n              config: filter.dateConfig,\n            }),\n          );\n          break;\n\n        case 'BOOLEAN':\n          currFilters.push(\n            createBooleanFilter({\n              ...baseParams,\n              config: filter.booleanConfig,\n            }),\n          );\n          break;\n\n        case 'NUMBER':\n          currFilters.push(\n            createNumberFilter({\n              ...baseParams,\n              config: filter.numberConfig,\n            }),\n          );\n          break;\n\n        case 'REFERENCE': {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const referencedSchema = schemaRegistry.getSchema(\n            referencedCollectionId,\n          );\n\n          if (referencedSchema) {\n            currFilters.push(\n              createReferenceFilter({\n                ...baseParams,\n                config: filter.dynamicOptionsConfig,\n                additionalParams: {\n                  referencedSchema,\n                },\n              }),\n            );\n          }\n          break;\n        }\n\n        default:\n          if (filter?.enumConfig) {\n            currFilters.push(\n              createEnumFilter({\n                ...baseParams,\n                config: filter.enumConfig,\n              }),\n            );\n          }\n          break;\n      }\n    });\n    return currFilters;\n  }, [configuration?.items, schema.fields, schemaRegistry]);\n\n  const filtersMapping = React.useMemo(() => {\n    return configuration?.items.reduce((acc, filter) => {\n      acc[filter.id] = filter;\n      return acc;\n    }, {} as Record<string, SchemaFilterType>);\n  }, [configuration?.items]);\n\n  const collectionToolbarFiltersProps = React.useMemo<\n    Pick<CollectionToolbarFiltersProps, 'inline' | 'panelTitle'>\n  >(\n    () => ({\n      inline: configuration?.maxInlineFilters || 0,\n      panelTitle: configuration?.panelTitle,\n    }),\n    [configuration],\n  );\n\n  const filtersData = filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.components.push(\n        filter.collectionData ? (\n          <StaticCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionData={filter.collectionData}\n            {...filter.props}\n          />\n        ) : filter.collectionId ? (\n          <DynamicCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionId={filter.collectionId}\n            componentName={filter.props.componentName}\n            {...filter.props}\n          />\n        ) : (\n          <filter.component\n            key={filter.key}\n            filter={filter.filter}\n            {...filter.props}\n          />\n        ),\n      );\n\n      return acc;\n    },\n    { filters: {}, components: [], collectionToolbarFiltersProps },\n  );\n\n  return {\n    filtersMapping,\n    filtersObject: filtersData.filters,\n    filterComponent:\n      filtersData.components.length > 0 ? (\n        <CollectionToolbarFilters {...collectionToolbarFiltersProps}>\n          {filtersData.components}\n        </CollectionToolbarFilters>\n      ) : undefined,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useGridFeatures.js

@@ -7,7 +7,9 @@ var _patterns = require("@wix/patterns");
 var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
 var _useFilters = require("./useFilters");
 var _react = require("react");
-var _providers = require("../providers");
+var _SchemaContext = require("../providers/SchemaContext");
+var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
+var _getImageUrl = require("../utils/media/getImageUrl");
 const useGridFeatures = configuration => {
   const {
     item,
@@ -21,28 +23,30 @@ const useGridFeatures = configuration => {
     selectionConsistencyMode
   } = collection;
   const {
-    title,
-    subtitle,
-    image,
+    titleFieldId,
+    subtitleFieldId,
+    imageFieldId,
     imagePlacement,
-    preset
+    cardContentMode: preset
   } = item;
-  const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)(configuration);
   const {
     filterComponent,
-    filtersObject
+    filtersObject,
+    filtersMapping
   } = (0, _useFilters.useFilters)(configuration.filters);
+  const visibleFieldIds = (0, _react.useMemo)(() => [titleFieldId, subtitleFieldId, imageFieldId].filter(Boolean), [titleFieldId, subtitleFieldId, imageFieldId]);
   const {
     fetchData
-  } = (0, _useFetchData.useFetchData)(configuration.collection);
-  const {
-    entityIdKey,
-    entityNameKey
-  } = (0, _providers.useCollectionData)();
+  } = (0, _useFetchData.useFetchData)({
+    collectionConfig: configuration.collection,
+    visibleFieldIds,
+    filtersMapping
+  });
+  const schema = (0, _SchemaContext.useSchema)();
   const state = (0, _patterns.useGridCollection)({
     queryName: `${collectionId}`,
-    itemKey: gridItem => gridItem[entityIdKey],
-    itemName: gridItem => gridItem[entityNameKey],
+    itemKey: gridItem => gridItem[schema.idField],
+    itemName: gridItem => gridItem[schema.displayField],
     filters: filtersObject,
     toExtendedFields: gridItem => gridItem.extendedFields,
     fetchErrorMessage: ({
@@ -54,16 +58,22 @@ const useGridFeatures = configuration => {
     disableAutoSelectAllCount,
     selectionConsistencyMode
   });
+  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(state.collection);
+  const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
+    ...configuration,
+    optimisticActions,
+    collectionType: 'Grid'
+  });
   const renderItem = (0, _react.useMemo)(() => gridItem => ({
-    id: gridItem[entityIdKey],
-    title: `${gridItem[title]}`,
-    ...(subtitle ? {
-      subtitle: `${gridItem[subtitle] ?? ''}`
+    id: gridItem[schema.idField],
+    title: `${gridItem[titleFieldId]}`,
+    ...(subtitleFieldId ? {
+      subtitle: `${gridItem[subtitleFieldId] ?? ''}`
     } : {}),
-    ...(image ? {
-      backgroundImageUrl: `${gridItem[image]}`
+    ...(imageFieldId ? {
+      backgroundImageUrl: (0, _getImageUrl.getImageUrl)(gridItem[imageFieldId])
     } : {})
-  }), [title, subtitle, image, entityIdKey]);
+  }), [titleFieldId, subtitleFieldId, imageFieldId, schema.idField]);
   return {
     ...commonFeatures,
     state,