@wix/auto-patterns 1.7.0 → 1.9.0

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,21 +58,28 @@ const useGridFeatures = configuration => {
     disableAutoSelectAllCount,
     selectionConsistencyMode
   });
+  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(collectionId, 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,
     imagePlacement,
     preset,
+    optimisticActions,
     renderItem,
     filters: filterComponent
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_react","_providers","useGridFeatures","configuration","item","collection","collectionId","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","title","subtitle","image","imagePlacement","preset","commonFeatures","useCommonCollectionFeatures","filterComponent","filtersObject","useFilters","filters","fetchData","useFetchData","entityIdKey","entityNameKey","useCollectionData","state","useGridCollection","queryName","itemKey","gridItem","itemName","toExtendedFields","extendedFields","fetchErrorMessage","err","String","renderItem","useMemo","id","backgroundImageUrl","exports"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useMemo } from 'react';\nimport { useCollectionData } from '../providers';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const { item, collection } = configuration;\n\n  const {\n    collectionId,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  } = collection;\n\n  const { title, subtitle, image, imagePlacement, preset } = item;\n\n  const commonFeatures = useCommonCollectionFeatures(configuration);\n\n  const { filterComponent, filtersObject } = useFilters(configuration.filters);\n  const { fetchData } = useFetchData(configuration.collection);\n\n  const { entityIdKey, entityNameKey } = useCollectionData();\n\n  const state = useGridCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (gridItem) => gridItem[entityIdKey],\n    itemName: (gridItem) => gridItem[entityNameKey],\n    filters: filtersObject,\n    toExtendedFields: (gridItem) => gridItem.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  });\n\n  const renderItem = useMemo(\n    () => (gridItem: any) => ({\n      id: gridItem[entityIdKey],\n      title: `${gridItem[title]}`,\n      ...(subtitle ? { subtitle: `${gridItem[subtitle] ?? ''}` } : {}),\n      ...(image ? { backgroundImageUrl: `${gridItem[image]}` } : {}),\n    }),\n    [title, subtitle, image, entityIdKey],\n  );\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEO,MAAMM,eAAe,GAAIC,aAAyB,IAAK;EAC5D,MAAM;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGF,aAAa;EAE1C,MAAM;IACJG,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,GAAGL,UAAU;EAEd,MAAM;IAAEM,KAAK;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,cAAc;IAAEC;EAAO,CAAC,GAAGX,IAAI;EAE/D,MAAMY,cAAc,GAAG,IAAAC,wDAA2B,EAACd,aAAa,CAAC;EAEjE,MAAM;IAAEe,eAAe;IAAEC;EAAc,CAAC,GAAG,IAAAC,sBAAU,EAACjB,aAAa,CAACkB,OAAO,CAAC;EAC5E,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAACpB,aAAa,CAACE,UAAU,CAAC;EAE5D,MAAM;IAAEmB,WAAW;IAAEC;EAAc,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAE1D,MAAMC,KAAK,GAAG,IAAAC,2BAAiB,EAAM;IACnCC,SAAS,EAAE,GAAGvB,YAAY,EAAE;IAC5BwB,OAAO,EAAGC,QAAQ,IAAKA,QAAQ,CAACP,WAAW,CAAC;IAC5CQ,QAAQ,EAAGD,QAAQ,IAAKA,QAAQ,CAACN,aAAa,CAAC;IAC/CJ,OAAO,EAAEF,aAAa;IACtBc,gBAAgB,EAAGF,QAAQ,IAAKA,QAAQ,CAACG,cAAc;IACvDC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3Cd,SAAS;IACTf,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,CAAC;EAEF,MAAM4B,UAAU,GAAG,IAAAC,cAAO,EACxB,MAAOR,QAAa,KAAM;IACxBS,EAAE,EAAET,QAAQ,CAACP,WAAW,CAAC;IACzBb,KAAK,EAAE,GAAGoB,QAAQ,CAACpB,KAAK,CAAC,EAAE;IAC3B,IAAIC,QAAQ,GAAG;MAAEA,QAAQ,EAAE,GAAGmB,QAAQ,CAACnB,QAAQ,CAAC,IAAI,EAAE;IAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,IAAIC,KAAK,GAAG;MAAE4B,kBAAkB,EAAE,GAAGV,QAAQ,CAAClB,KAAK,CAAC;IAAG,CAAC,GAAG,CAAC,CAAC;EAC/D,CAAC,CAAC,EACF,CAACF,KAAK,EAAEC,QAAQ,EAAEC,KAAK,EAAEW,WAAW,CACtC,CAAC;EAED,OAAO;IACL,GAAGR,cAAc;IACjBW,KAAK;IACLb,cAAc;IACdC,MAAM;IACNuB,UAAU;IACVjB,OAAO,EAAEH;EACX,CAAC;AACH,CAAC;AAACwB,OAAA,CAAAxC,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_react","_SchemaContext","_useAutoPatternsOptimisticActions","_getImageUrl","useGridFeatures","configuration","item","collection","collectionId","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","titleFieldId","subtitleFieldId","imageFieldId","imagePlacement","cardContentMode","preset","filterComponent","filtersObject","filtersMapping","useFilters","filters","visibleFieldIds","useMemo","filter","Boolean","fetchData","useFetchData","collectionConfig","schema","useSchema","state","useGridCollection","queryName","itemKey","gridItem","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","collectionType","renderItem","id","title","subtitle","backgroundImageUrl","getImageUrl","exports"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useMemo } from 'react';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { getImageUrl } from '../utils/media/getImageUrl';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const { item, collection } = configuration;\n\n  const {\n    collectionId,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  } = collection;\n\n  const {\n    titleFieldId,\n    subtitleFieldId,\n    imageFieldId,\n    imagePlacement,\n    cardContentMode: preset,\n  } = item;\n\n  const { filterComponent, filtersObject, filtersMapping } = useFilters(\n    configuration.filters,\n  );\n\n  const visibleFieldIds = useMemo(\n    () =>\n      [titleFieldId, subtitleFieldId, imageFieldId].filter(Boolean) as string[],\n    [titleFieldId, subtitleFieldId, imageFieldId],\n  );\n\n  const { fetchData } = useFetchData({\n    collectionConfig: configuration.collection,\n    visibleFieldIds,\n    filtersMapping,\n  });\n  const schema = useSchema();\n\n  const state = useGridCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (gridItem) => gridItem[schema.idField],\n    itemName: (gridItem) => gridItem[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (gridItem) => gridItem.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n    collectionType: 'Grid',\n  });\n\n  const renderItem = useMemo(\n    () => (gridItem: any) => ({\n      id: gridItem[schema.idField],\n      title: `${gridItem[titleFieldId]}`,\n      ...(subtitleFieldId\n        ? { subtitle: `${gridItem[subtitleFieldId] ?? ''}` }\n        : {}),\n      ...(imageFieldId\n        ? { backgroundImageUrl: getImageUrl(gridItem[imageFieldId]) }\n        : {}),\n    }),\n    [titleFieldId, subtitleFieldId, imageFieldId, schema.idField],\n  );\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    optimisticActions,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useNavigationUtils.js

@@ -0,0 +1,55 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useNavigation = void 0;
+var _react = require("react");
+var _patterns = require("@wix/patterns");
+var _providers = require("../providers");
+var _reactRouterDom = require("react-router-dom");
+var _usePagePath = require("./usePagePath");
+const useNavigation = () => {
+  const {
+    navigateToEntityPage: navigateToEntityPagePatterns
+  } = (0, _patterns.usePatternsNavigate)();
+  const appConfig = (0, _providers.useAppConfigContext)();
+  const {
+    getSchema
+  } = (0, _providers.useSchemaRegistry)();
+  const {
+    getPagePath
+  } = (0, _usePagePath.usePagePath)(appConfig);
+  const navigateToEntityPage = (0, _react.useCallback)(({
+    item,
+    entityPageId
+  }) => {
+    var _route$params;
+    const entityPage = entityPageId ? appConfig.pages.find(page => page.id === entityPageId) : null;
+    if (!entityPage) {
+      return;
+    }
+    const {
+      route,
+      collectionId
+    } = entityPage.entityPage;
+    const schema = getSchema(collectionId);
+    if (route.path && (_route$params = route.params) != null && _route$params.id && schema) {
+      const path = (0, _reactRouterDom.generatePath)(route.path, {
+        [route.params.id]: (item == null ? void 0 : item[schema.idField]) ?? ''
+      });
+      navigateToEntityPagePatterns({
+        path,
+        entity: item
+      });
+    }
+  }, [appConfig, navigateToEntityPagePatterns, getSchema]);
+  const getParentPagePath = (0, _react.useCallback)(parentPageId => {
+    return getPagePath(parentPageId);
+  }, [getPagePath]);
+  return {
+    navigateToEntityPage,
+    getParentPagePath,
+    getPagePath
+  };
+};
+exports.useNavigation = useNavigation;
+//# sourceMappingURL=useNavigationUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_patterns","_providers","_reactRouterDom","_usePagePath","useNavigation","navigateToEntityPage","navigateToEntityPagePatterns","usePatternsNavigate","appConfig","useAppConfigContext","getSchema","useSchemaRegistry","getPagePath","usePagePath","useCallback","item","entityPageId","_route$params","entityPage","pages","find","page","id","route","collectionId","schema","path","params","generatePath","idField","entity","getParentPagePath","parentPageId","exports"],"sources":["../../../src/hooks/useNavigationUtils.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { usePatternsNavigate } from '@wix/patterns';\nimport { useAppConfigContext, useSchemaRegistry } from '../providers';\nimport { generatePath } from 'react-router-dom';\nimport { EntityPageConfig } from '../types';\nimport { usePagePath } from './usePagePath';\n\nexport type NavigateToEntityPageFunc = (args: {\n  item: any;\n  entityPageId?: string;\n}) => void;\n\nexport const useNavigation = () => {\n  const { navigateToEntityPage: navigateToEntityPagePatterns } =\n    usePatternsNavigate();\n  const appConfig = useAppConfigContext();\n  const { getSchema } = useSchemaRegistry();\n  const { getPagePath } = usePagePath(appConfig);\n\n  const navigateToEntityPage = useCallback(\n    ({ item, entityPageId }) => {\n      const entityPage = entityPageId\n        ? appConfig.pages.find((page) => page.id === entityPageId)\n        : null;\n\n      if (!entityPage) {\n        return;\n      }\n\n      const { route, collectionId } = entityPage.entityPage as EntityPageConfig;\n      const schema = getSchema(collectionId);\n      if (route.path && route.params?.id && schema) {\n        const path = generatePath(route.path, {\n          [route.params.id]: item?.[schema.idField] ?? '',\n        });\n        navigateToEntityPagePatterns({\n          path,\n          entity: item,\n        });\n      }\n    },\n    [appConfig, navigateToEntityPagePatterns, getSchema],\n  );\n\n  const getParentPagePath = useCallback(\n    (parentPageId?: string): string | undefined => {\n      return getPagePath(parentPageId);\n    },\n    [getPagePath],\n  );\n\n  return {\n    navigateToEntityPage,\n    getParentPagePath,\n    getPagePath,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAOO,MAAMK,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC,oBAAoB,EAAEC;EAA6B,CAAC,GAC1D,IAAAC,6BAAmB,EAAC,CAAC;EACvB,MAAMC,SAAS,GAAG,IAAAC,8BAAmB,EAAC,CAAC;EACvC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACzC,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,wBAAW,EAACL,SAAS,CAAC;EAE9C,MAAMH,oBAAoB,GAAG,IAAAS,kBAAW,EACtC,CAAC;IAAEC,IAAI;IAAEC;EAAa,CAAC,KAAK;IAAA,IAAAC,aAAA;IAC1B,MAAMC,UAAU,GAAGF,YAAY,GAC3BR,SAAS,CAACW,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKN,YAAY,CAAC,GACxD,IAAI;IAER,IAAI,CAACE,UAAU,EAAE;MACf;IACF;IAEA,MAAM;MAAEK,KAAK;MAAEC;IAAa,CAAC,GAAGN,UAAU,CAACA,UAA8B;IACzE,MAAMO,MAAM,GAAGf,SAAS,CAACc,YAAY,CAAC;IACtC,IAAID,KAAK,CAACG,IAAI,KAAAT,aAAA,GAAIM,KAAK,CAACI,MAAM,aAAZV,aAAA,CAAcK,EAAE,IAAIG,MAAM,EAAE;MAC5C,MAAMC,IAAI,GAAG,IAAAE,4BAAY,EAACL,KAAK,CAACG,IAAI,EAAE;QACpC,CAACH,KAAK,CAACI,MAAM,CAACL,EAAE,GAAG,CAAAP,IAAI,oBAAJA,IAAI,CAAGU,MAAM,CAACI,OAAO,CAAC,KAAI;MAC/C,CAAC,CAAC;MACFvB,4BAA4B,CAAC;QAC3BoB,IAAI;QACJI,MAAM,EAAEf;MACV,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAACP,SAAS,EAAEF,4BAA4B,EAAEI,SAAS,CACrD,CAAC;EAED,MAAMqB,iBAAiB,GAAG,IAAAjB,kBAAW,EAClCkB,YAAqB,IAAyB;IAC7C,OAAOpB,WAAW,CAACoB,YAAY,CAAC;EAClC,CAAC,EACD,CAACpB,WAAW,CACd,CAAC;EAED,OAAO;IACLP,oBAAoB;IACpB0B,iBAAiB;IACjBnB;EACF,CAAC;AACH,CAAC;AAACqB,OAAA,CAAA7B,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/hooks/usePagePath.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePagePath = void 0;
+var _react = require("react");
+const usePagePath = configuration => {
+  const getPagePath = (0, _react.useCallback)(pageId => {
+    var _currentPage$collecti, _currentPage$entityPa;
+    if (!pageId) {
+      return '/';
+    }
+    const currentPage = configuration.pages.find(page => page.id === pageId);
+    let path;
+    switch (currentPage == null ? void 0 : currentPage.type) {
+      case 'collectionPage':
+        path = (_currentPage$collecti = currentPage.collectionPage) == null ? void 0 : _currentPage$collecti.route.path;
+        break;
+      case 'entityPage':
+        path = (_currentPage$entityPa = currentPage.entityPage) == null ? void 0 : _currentPage$entityPa.route.path;
+        break;
+      default:
+        path = undefined;
+    }
+    if (process.env.NODE_ENV === 'test') {
+      // in test mode we sometime override pages so we need to return the path or '/'
+      return path || '/';
+    }
+    return path;
+  }, [configuration]);
+  return {
+    getPagePath
+  };
+};
+exports.usePagePath = usePagePath;
+//# sourceMappingURL=usePagePath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","usePagePath","configuration","getPagePath","useCallback","pageId","_currentPage$collecti","_currentPage$entityPa","currentPage","pages","find","page","id","path","type","collectionPage","route","entityPage","undefined","process","env","NODE_ENV","exports"],"sources":["../../../src/hooks/usePagePath.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { AppConfig } from '../types';\n\nexport const usePagePath = (configuration: AppConfig) => {\n  const getPagePath = useCallback(\n    (pageId?: string) => {\n      if (!pageId) {\n        return '/';\n      }\n\n      const currentPage = configuration.pages.find(\n        (page) => page.id === pageId,\n      );\n\n      let path;\n      switch (currentPage?.type) {\n        case 'collectionPage':\n          path = currentPage.collectionPage?.route.path;\n          break;\n        case 'entityPage':\n          path = currentPage.entityPage?.route.path;\n          break;\n        default:\n          path = undefined;\n      }\n\n      if (process.env.NODE_ENV === 'test') {\n        // in test mode we sometime override pages so we need to return the path or '/'\n        return path || '/';\n      }\n\n      return path;\n    },\n    [configuration],\n  );\n\n  return { getPagePath };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,WAAW,GAAIC,aAAwB,IAAK;EACvD,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,MAAe,IAAK;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACnB,IAAI,CAACF,MAAM,EAAE;MACX,OAAO,GAAG;IACZ;IAEA,MAAMG,WAAW,GAAGN,aAAa,CAACO,KAAK,CAACC,IAAI,CACzCC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKP,MACxB,CAAC;IAED,IAAIQ,IAAI;IACR,QAAQL,WAAW,oBAAXA,WAAW,CAAEM,IAAI;MACvB,KAAK,gBAAgB;QACnBD,IAAI,IAAAP,qBAAA,GAAGE,WAAW,CAACO,cAAc,qBAA1BT,qBAAA,CAA4BU,KAAK,CAACH,IAAI;QAC7C;MACF,KAAK,YAAY;QACfA,IAAI,IAAAN,qBAAA,GAAGC,WAAW,CAACS,UAAU,qBAAtBV,qBAAA,CAAwBS,KAAK,CAACH,IAAI;QACzC;MACF;QACEA,IAAI,GAAGK,SAAS;IACpB;IAEA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;MACnC;MACA,OAAOR,IAAI,IAAI,GAAG;IACpB;IAEA,OAAOA,IAAI;EACb,CAAC,EACD,CAACX,aAAa,CAChB,CAAC;EAED,OAAO;IAAEC;EAAY,CAAC;AACxB,CAAC;AAACmB,OAAA,CAAArB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/hooks/useTableFeatures.js

@@ -1,16 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useTableFeatures = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _useColumns = require("./useColumns");
 var _useFetchData = require("./useFetchData");
 var _patterns = require("@wix/patterns");
 var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
 var _useFilters = require("./useFilters");
-var _providers = require("../providers");
+var _SchemaContext = require("../providers/SchemaContext");
+var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useTableFeatures.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useTableFeatures = configuration => {
   var _configuration$custom;
   const {
@@ -20,25 +22,25 @@ const useTableFeatures = configuration => {
     disableAutoSelectAllCount,
     selectionConsistencyMode
   } = configuration.collection;
-  const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
-    ...configuration
-  });
   const {
     filterComponent,
-    filtersObject
+    filtersObject,
+    filtersMapping
   } = (0, _useFilters.useFilters)(configuration.filters);
   const columns = (0, _useColumns.useColumns)(configuration.columns);
+  const visibleFieldIds = (0, _react.useMemo)(() => configuration.columns.map(column => column.id), [configuration]);
   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.useTableCollection)({
     queryName: `${collectionId}`,
-    itemKey: item => item[entityIdKey],
-    itemName: item => item[entityNameKey],
+    itemKey: item => item[schema.idField],
+    itemName: item => item[schema.displayField],
     filters: filtersObject,
     toExtendedFields: item => item.extendedFields,
     fetchErrorMessage: ({
@@ -50,16 +52,22 @@ const useTableFeatures = configuration => {
     disableAutoSelectAllCount,
     selectionConsistencyMode
   });
+  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(collectionId, state.collection);
+  const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
+    ...configuration,
+    optimisticActions
+  });
   return {
     ...commonFeatures,
     state,
     columns,
     filters: filterComponent,
+    optimisticActions,
     customColumns: (_configuration$custom = configuration.customColumns) != null && _configuration$custom.enabled ? /*#__PURE__*/_react.default.createElement(_patterns.CustomColumns, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 68,
         columnNumber: 7
       }
     }) : undefined