@wix/auto-patterns 1.4.0 → 1.5.0

package/dist/esm/exports/react.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/exports/react.ts"],"sourcesContent":["export * from '../react';\n"],"mappings":"AAAA,cAAc,UAAU","ignoreList":[]}
+{"version":3,"names":["AutoPatternsApp"],"sources":["../../../src/exports/react.ts"],"sourcesContent":["export * from '../react';\nexport { AutoPatternsApp } from '../components/AutoPatternsApp';\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,SAASA,eAAe,QAAQ,+BAA+B","ignoreList":[]}

package/dist/esm/hooks/index.js

@@ -1,2 +1,4 @@
-export * from './useTableProps';
+export * from './useTableFeatures';
+export * from './useFilters';
+export * from './useGridFeatures';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableProps';\n"],"mappings":"AAAA,cAAc,iBAAiB","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableFeatures';\nexport * from './useFilters';\nexport * from './useGridFeatures';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/hooks/useColumns.js

@@ -1,14 +1,11 @@
-import { useConfig, usePatternsWizardOverridesContext } from '../providers';
+import { useCollectionData, usePatternsWizardOverridesContext } from '../providers';
 import { camelCase, get } from 'lodash';
-export const useColumns = () => {
+export const useColumns = columns => {
   const {
-    page: {
-      columns = []
-    },
     schema: {
       fields
     }
-  } = useConfig();
+  } = useCollectionData();
   const overrides = usePatternsWizardOverridesContext();
   const existingColumns = columns.filter(column => {
     return !!fields[column.id];

package/dist/esm/hooks/useColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["useConfig","usePatternsWizardOverridesContext","camelCase","get","useColumns","page","columns","schema","fields","overrides","existingColumns","filter","column","id","map","_fieldDefinition$capa","fieldDefinition","sortable","capabilities","baseColumnConfig","title","name","displayName","width","createSortConfiguration","createCustomColumnConfiguration","render","item","_overrides$columns","_overrides$columns$ca","itemValue","call","value","createRenderer","Boolean","type","Date","toLocaleDateString","date","toLocaleString","join","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport { useConfig, usePatternsWizardOverridesContext } from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (): TableColumn<any>[] => {\n  const {\n    page: { columns = [] },\n    schema: { fields },\n  } = useConfig();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id];\n  });\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition) {\n        return null;\n      }\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition.displayName,\n        ...(column.width ? { width: column.width } : {}),\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (item: any) => {\n          const itemValue = get(item, column.id);\n          return (\n            overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n            }) ?? createRenderer(fieldDefinition, itemValue)\n          );\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createRenderer = (fieldDefinition: Field, itemValue: any): string => {\n  if (itemValue == null) {\n    return '';\n  }\n\n  switch (fieldDefinition.type) {\n    case 'BOOLEAN':\n      return itemValue ? '✔' : '✖';\n    case 'DATE':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleDateString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleDateString();\n      }\n      return itemValue;\n    case 'DATETIME':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleString();\n      }\n      return itemValue;\n    case 'ARRAY':\n      // We assume that the array contains strings\n      // If the array contains objects, we need to handle it differently\n      return itemValue.join(', ');\n    default:\n      return itemValue;\n  }\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,iCAAiC,QAAQ,cAAc;AAE3E,SAASC,SAAS,EAAEC,GAAG,QAAQ,QAAQ;AAEvC,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAA0B;EAClD,MAAM;IACJC,IAAI,EAAE;MAAEC,OAAO,GAAG;IAAG,CAAC;IACtBC,MAAM,EAAE;MAAEC;IAAO;EACnB,CAAC,GAAGR,SAAS,CAAC,CAAC;EAEf,MAAMS,SAAS,GAAGR,iCAAiC,CAAC,CAAC;EAErD,MAAMS,eAAe,GAAGJ,OAAO,CAACK,MAAM,CAAEC,MAAM,IAAK;IACjD,OAAO,CAAC,CAACJ,MAAM,CAACI,MAAM,CAACC,EAAE,CAAC;EAC5B,CAAC,CAAC;EAEF,OAAOH,eAAe,CACnBI,GAAG,CAAEF,MAAM,IAAK;IAAA,IAAAG,qBAAA;IACf,MAAMC,eAAe,GAAGR,MAAM,CAACI,MAAM,CAACC,EAAE,CAAC;IACzC,IAAI,CAACG,eAAe,EAAE;MACpB,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GACZL,MAAM,CAACK,QAAQ,KAAID,eAAe,aAAAD,qBAAA,GAAfC,eAAe,CAAEE,YAAY,qBAA7BH,qBAAA,CAA+BE,QAAQ;IAE5D,MAAME,gBAAgB,GAAG;MACvBN,EAAE,EAAED,MAAM,CAACC,EAAE;MACbO,KAAK,EAAER,MAAM,CAACS,IAAI,IAAIL,eAAe,CAACM,WAAW;MACjD,IAAIV,MAAM,CAACW,KAAK,GAAG;QAAEA,KAAK,EAAEX,MAAM,CAACW;MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;MAChD,GAAGC,uBAAuB,CAACZ,MAAM,EAAEK,QAAQ,CAAC;MAC5C,GAAGQ,+BAA+B,CAACb,MAAM,CAAC;MAC1Cc,MAAM,EAAGC,IAAS,IAAK;QAAA,IAAAC,kBAAA,EAAAC,qBAAA;QACrB,MAAMC,SAAS,GAAG3B,GAAG,CAACwB,IAAI,EAAEf,MAAM,CAACC,EAAE,CAAC;QACtC,OACE,CAAAJ,SAAS,aAAAmB,kBAAA,GAATnB,SAAS,CAAEH,OAAO,cAAAuB,qBAAA,GAAlBD,kBAAA,CAAqB1B,SAAS,CAACU,MAAM,CAACC,EAAE,CAAC,CAAC,qBAA1CgB,qBAAA,CAAAE,IAAA,CAAAH,kBAAA,EAA6C;UAC3CI,KAAK,EAAEF;QACT,CAAC,CAAC,KAAIG,cAAc,CAACjB,eAAe,EAAEc,SAAS,CAAC;MAEpD;IACF,CAAC;IAED,OAAOX,gBAAgB;EACzB,CAAC,CAAC,CACDR,MAAM,CAACuB,OAAO,CAAC;AACpB,CAAC;AAED,MAAMD,cAAc,GAAGA,CAACjB,eAAsB,EAAEc,SAAc,KAAa;EACzE,IAAIA,SAAS,IAAI,IAAI,EAAE;IACrB,OAAO,EAAE;EACX;EAEA,QAAQd,eAAe,CAACmB,IAAI;IAC1B,KAAK,SAAS;MACZ,OAAOL,SAAS,GAAG,GAAG,GAAG,GAAG;IAC9B,KAAK,MAAM;MACT,IAAIA,SAAS,YAAYM,IAAI,EAAE;QAC7B,OAAON,SAAS,CAACO,kBAAkB,CAAC,CAAC;MACvC;MACA,IAAI,OAAOP,SAAS,KAAK,QAAQ,EAAE;QACjC,MAAMQ,IAAI,GAAG,IAAIF,IAAI,CAACN,SAAS,CAAC;QAChC,OAAOQ,IAAI,CAACD,kBAAkB,CAAC,CAAC;MAClC;MACA,OAAOP,SAAS;IAClB,KAAK,UAAU;MACb,IAAIA,SAAS,YAAYM,IAAI,EAAE;QAC7B,OAAON,SAAS,CAACS,cAAc,CAAC,CAAC;MACnC;MACA,IAAI,OAAOT,SAAS,KAAK,QAAQ,EAAE;QACjC,MAAMQ,IAAI,GAAG,IAAIF,IAAI,CAACN,SAAS,CAAC;QAChC,OAAOQ,IAAI,CAACC,cAAc,CAAC,CAAC;MAC9B;MACA,OAAOT,SAAS;IAClB,KAAK,OAAO;MACV;MACA;MACA,OAAOA,SAAS,CAACU,IAAI,CAAC,IAAI,CAAC;IAC7B;MACE,OAAOV,SAAS;EACpB;AACF,CAAC;AAED,MAAMN,uBAAuB,GAAGA,CAC9BZ,MAAc,EACdK,QAAkB,KACY;EAC9B,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,CAAC,CAAC;EACX;EACA,MAAMwB,oBAAoB,GAAG;IAC3BxB,QAAQ;IACRyB,gBAAgB,EAAE9B,MAAM,CAAC8B;EAC3B,CAAC;;EAED;EACA;EACA;EACA,IAAI9B,MAAM,CAAC+B,QAAQ,IAAI/B,MAAM,CAAC+B,QAAQ,KAAK,MAAM,EAAE;IACjD,OAAO;MACL,GAAGF,oBAAoB;MACvBE,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,EAAEC,SAAS;IACrC,CAAC;EACH;EACA,OAAO;IACL,GAAGH;EACL,CAAC;AACH,CAAC;AAED,MAAMhB,+BAA+B,GACnCb,MAAc,IACgB;EAC9B,MAAMiC,eAAe,GAAG,CAAC,CAACjC,MAAM,CAACiC,eAAe;EAEhD,IAAIjC,MAAM,CAACkC,gCAAgC,EAAE;IAC3C,OAAO;MAAEA,gCAAgC,EAAE;IAAK,CAAC;EACnD;EACA,IAAIlC,MAAM,CAACmC,QAAQ,KAAK,KAAK,EAAE;IAC7B,OAAO;MACLA,QAAQ,EAAE,KAAK;MACfF;IACF,CAAC;EACH;EACA,OAAO;IACLG,aAAa,EAAE,CAAC,CAACpC,MAAM,CAACoC,aAAa;IACrCH;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useCollectionData","usePatternsWizardOverridesContext","camelCase","get","useColumns","columns","schema","fields","overrides","existingColumns","filter","column","id","map","_fieldDefinition$capa","fieldDefinition","sortable","capabilities","baseColumnConfig","title","name","displayName","width","createSortConfiguration","createCustomColumnConfiguration","render","item","_overrides$columns","_overrides$columns$ca","itemValue","call","value","createRenderer","Boolean","type","Date","toLocaleDateString","date","toLocaleString","join","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport {\n  useCollectionData,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (columns: Column[]) => {\n  const {\n    schema: { fields },\n  } = useCollectionData();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id];\n  });\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition) {\n        return null;\n      }\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition.displayName,\n        ...(column.width ? { width: column.width } : {}),\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (item: any) => {\n          const itemValue = get(item, column.id);\n          return (\n            overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n            }) ?? createRenderer(fieldDefinition, itemValue)\n          );\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createRenderer = (fieldDefinition: Field, itemValue: any): string => {\n  if (itemValue == null) {\n    return '';\n  }\n\n  switch (fieldDefinition.type) {\n    case 'BOOLEAN':\n      return itemValue ? '✔' : '✖';\n    case 'DATE':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleDateString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleDateString();\n      }\n      return itemValue;\n    case 'DATETIME':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleString();\n      }\n      return itemValue;\n    case 'ARRAY':\n      // We assume that the array contains strings\n      // If the array contains objects, we need to handle it differently\n      return itemValue.join(', ');\n    default:\n      return itemValue;\n  }\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useCommonCollectionFeatures.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { useEmptyStates } from './useEmptyStates';
+import { usePatternsWizardOverridesContext } from '../providers';
+import { ToolbarTitle } from '@wix/patterns';
+import { Edit } from '@wix/wix-ui-icons-common';
+import { Box, Text, TextButton } from '@wix/design-system';
+export const useCommonCollectionFeatures = _ref => {
+  var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
+  let {
+    actions,
+    toolbarTitle,
+    search,
+    emptyState: emptyStateConfig
+  } = _ref;
+  const context = usePatternsWizardOverridesContext();
+  const {
+    emptyState
+  } = useEmptyStates(emptyStateConfig);
+  const title = toolbarTitle && /*#__PURE__*/React.createElement(ToolbarTitle, {
+    title: toolbarTitle.title,
+    subtitle: {
+      text: ((_toolbarTitle$subtitl = toolbarTitle.subtitle) == null ? void 0 : _toolbarTitle$subtitl.text) ?? '',
+      learnMore: (_toolbarTitle$subtitl2 = toolbarTitle.subtitle) == null ? void 0 : _toolbarTitle$subtitl2.learnMore,
+      info: ((_toolbarTitle$subtitl3 = toolbarTitle.subtitle) == null ? void 0 : _toolbarTitle$subtitl3.info) && {
+        content: /*#__PURE__*/React.createElement(Box, {
+          direction: "vertical",
+          gap: "6px"
+        }, /*#__PURE__*/React.createElement(Text, {
+          dataHook: "toolbar-title-subtitle-info-content",
+          light: true,
+          size: "small"
+        }, (_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.createElement(TextButton, {
+          dataHook: "toolbar-title-subtitle-info-link",
+          size: "small",
+          underline: "always",
+          skin: "light",
+          as: "a",
+          rel: "noopener",
+          target: "_blank",
+          href: (_toolbarTitle$subtitl6 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl6 = _toolbarTitle$subtitl6.info) == null ? void 0 : _toolbarTitle$subtitl6.content.link.url
+        }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
+      }
+    },
+    itemsLimit: toolbarTitle.itemsLimit,
+    showTotal: toolbarTitle.showTotal
+  });
+  const secondaryActionComponents = React.useMemo(() => {
+    const secondaryActions = actions || [];
+    if (secondaryActions.length === 0) {
+      return undefined;
+    }
+    return secondaryActions.map(action => item => ({
+      icon: /*#__PURE__*/React.createElement(Edit, null),
+      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))
+    })
+  };
+};
+//# sourceMappingURL=useCommonCollectionFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEmptyStates","usePatternsWizardOverridesContext","ToolbarTitle","Edit","Box","Text","TextButton","useCommonCollectionFeatures","_ref","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","actions","toolbarTitle","search","emptyState","emptyStateConfig","context","title","createElement","subtitle","text","learnMore","info","content","direction","gap","dataHook","light","size","link","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","secondaryActionComponents","useMemo","secondaryActions","length","undefined","map","action","item","icon","onClick","_context$actions","_context$actions$acti","id","call","shown","actionCell"],"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":[]}

package/dist/esm/hooks/useEmptyStates.js

@@ -1,14 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CollectionEmptyState } from '@wix/patterns';
-import { useConfig, usePatternsWizardOverridesContext } from '../providers';
-export const useEmptyStates = () => {
+import { usePatternsWizardOverridesContext } from '../providers';
+export const useEmptyStates = emptyState => {
   var _emptyState$addNewCta, _overrides$emptyState, _emptyState$addNewCta2, _emptyState$addNewCta3, _emptyState$addNewCta4, _emptyState$customCta, _overrides$emptyState2, _emptyState$customCta2, _emptyState$image, _overrides$emptyState3, _emptyState$image2;
-  const {
-    page: {
-      emptyState = undefined
-    }
-  } = useConfig();
   const {
     title,
     subtitle

package/dist/esm/hooks/useEmptyStates.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CollectionEmptyState","useConfig","usePatternsWizardOverridesContext","useEmptyStates","_emptyState$addNewCta","_overrides$emptyState","_emptyState$addNewCta2","_emptyState$addNewCta3","_emptyState$addNewCta4","_emptyState$customCta","_overrides$emptyState2","_emptyState$customCta2","_emptyState$image","_overrides$emptyState3","_emptyState$image2","page","emptyState","undefined","title","subtitle","overrides","onClick","addNewCta","id","text","_customCta","customCta","_image","image","createElement","_extends"],"sources":["../../../src/hooks/useEmptyStates.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionEmptyState } from '@wix/patterns';\nimport { useConfig, usePatternsWizardOverridesContext } from '../providers';\n\nexport const useEmptyStates = () => {\n  const {\n    page: { emptyState = undefined },\n  } = useConfig();\n  const { title, subtitle } = emptyState || {};\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const onClick = emptyState?.addNewCta?.id\n    ? overrides?.emptyState?.[emptyState?.addNewCta?.id]\n    : undefined;\n  const addNewCta = onClick\n    ? {\n        addNewCta: {\n          ...(emptyState?.addNewCta?.text\n            ? { text: emptyState?.addNewCta?.text }\n            : {}),\n          onClick,\n        },\n      }\n    : {};\n\n  const _customCta = emptyState?.customCta?.id\n    ? overrides?.emptyState?.[emptyState?.customCta?.id]\n    : undefined;\n\n  const customCta = _customCta\n    ? {\n        customCta: _customCta(),\n      }\n    : {};\n\n  const _image = emptyState?.image?.id\n    ? overrides?.emptyState?.[emptyState?.image?.id]\n    : undefined;\n\n  const image = _image\n    ? {\n        image: _image(),\n      }\n    : {};\n\n  return {\n    emptyState: (\n      <CollectionEmptyState\n        title={title}\n        subtitle={subtitle}\n        {...addNewCta}\n        {...customCta}\n        {...image}\n      />\n    ),\n  };\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,EAAEC,iCAAiC,QAAQ,cAAc;AAE3E,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,iBAAA,EAAAC,sBAAA,EAAAC,kBAAA;EAClC,MAAM;IACJC,IAAI,EAAE;MAAEC,UAAU,GAAGC;IAAU;EACjC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACf,MAAM;IAAEiB,KAAK;IAAEC;EAAS,CAAC,GAAGH,UAAU,IAAI,CAAC,CAAC;EAE5C,MAAMI,SAAS,GAAGlB,iCAAiC,CAAC,CAAC;EAErD,MAAMmB,OAAO,GAAGL,UAAU,aAAAZ,qBAAA,GAAVY,UAAU,CAAEM,SAAS,aAArBlB,qBAAA,CAAuBmB,EAAE,GACrCH,SAAS,aAAAf,qBAAA,GAATe,SAAS,CAAEJ,UAAU,qBAArBX,qBAAA,CAAwBW,UAAU,aAAAV,sBAAA,GAAVU,UAAU,CAAEM,SAAS,qBAArBhB,sBAAA,CAAuBiB,EAAE,CAAC,GAClDN,SAAS;EACb,MAAMK,SAAS,GAAGD,OAAO,GACrB;IACEC,SAAS,EAAE;MACT,IAAIN,UAAU,aAAAT,sBAAA,GAAVS,UAAU,CAAEM,SAAS,aAArBf,sBAAA,CAAuBiB,IAAI,GAC3B;QAAEA,IAAI,EAAER,UAAU,aAAAR,sBAAA,GAAVQ,UAAU,CAAEM,SAAS,qBAArBd,sBAAA,CAAuBgB;MAAK,CAAC,GACrC,CAAC,CAAC,CAAC;MACPH;IACF;EACF,CAAC,GACD,CAAC,CAAC;EAEN,MAAMI,UAAU,GAAGT,UAAU,aAAAP,qBAAA,GAAVO,UAAU,CAAEU,SAAS,aAArBjB,qBAAA,CAAuBc,EAAE,GACxCH,SAAS,aAAAV,sBAAA,GAATU,SAAS,CAAEJ,UAAU,qBAArBN,sBAAA,CAAwBM,UAAU,aAAAL,sBAAA,GAAVK,UAAU,CAAEU,SAAS,qBAArBf,sBAAA,CAAuBY,EAAE,CAAC,GAClDN,SAAS;EAEb,MAAMS,SAAS,GAAGD,UAAU,GACxB;IACEC,SAAS,EAAED,UAAU,CAAC;EACxB,CAAC,GACD,CAAC,CAAC;EAEN,MAAME,MAAM,GAAGX,UAAU,aAAAJ,iBAAA,GAAVI,UAAU,CAAEY,KAAK,aAAjBhB,iBAAA,CAAmBW,EAAE,GAChCH,SAAS,aAAAP,sBAAA,GAATO,SAAS,CAAEJ,UAAU,qBAArBH,sBAAA,CAAwBG,UAAU,aAAAF,kBAAA,GAAVE,UAAU,CAAEY,KAAK,qBAAjBd,kBAAA,CAAmBS,EAAE,CAAC,GAC9CN,SAAS;EAEb,MAAMW,KAAK,GAAGD,MAAM,GAChB;IACEC,KAAK,EAAED,MAAM,CAAC;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OAAO;IACLX,UAAU,eACRjB,KAAA,CAAA8B,aAAA,CAAC7B,oBAAoB,EAAA8B,QAAA;MACnBZ,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA;IAAS,GACfG,SAAS,EACTI,SAAS,EACTE,KAAK,CACV;EAEL,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CollectionEmptyState","usePatternsWizardOverridesContext","useEmptyStates","emptyState","_emptyState$addNewCta","_overrides$emptyState","_emptyState$addNewCta2","_emptyState$addNewCta3","_emptyState$addNewCta4","_emptyState$customCta","_overrides$emptyState2","_emptyState$customCta2","_emptyState$image","_overrides$emptyState3","_emptyState$image2","title","subtitle","overrides","onClick","addNewCta","id","undefined","text","_customCta","customCta","_image","image","createElement","_extends"],"sources":["../../../src/hooks/useEmptyStates.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionEmptyState } from '@wix/patterns';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { EmptyState } from '../types';\n\nexport const useEmptyStates = (emptyState?: EmptyState) => {\n  const { title, subtitle } = emptyState || {};\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const onClick = emptyState?.addNewCta?.id\n    ? overrides?.emptyState?.[emptyState?.addNewCta?.id]\n    : undefined;\n  const addNewCta = onClick\n    ? {\n        addNewCta: {\n          ...(emptyState?.addNewCta?.text\n            ? { text: emptyState?.addNewCta?.text }\n            : {}),\n          onClick,\n        },\n      }\n    : {};\n\n  const _customCta = emptyState?.customCta?.id\n    ? overrides?.emptyState?.[emptyState?.customCta?.id]\n    : undefined;\n\n  const customCta = _customCta\n    ? {\n        customCta: _customCta(),\n      }\n    : {};\n\n  const _image = emptyState?.image?.id\n    ? overrides?.emptyState?.[emptyState?.image?.id]\n    : undefined;\n\n  const image = _image\n    ? {\n        image: _image(),\n      }\n    : {};\n\n  return {\n    emptyState: (\n      <CollectionEmptyState\n        title={title}\n        subtitle={subtitle}\n        {...addNewCta}\n        {...customCta}\n        {...image}\n      />\n    ),\n  };\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,iCAAiC,QAAQ,cAAc;AAGhE,OAAO,MAAMC,cAAc,GAAIC,UAAuB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,iBAAA,EAAAC,sBAAA,EAAAC,kBAAA;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGb,UAAU,IAAI,CAAC,CAAC;EAE5C,MAAMc,SAAS,GAAGhB,iCAAiC,CAAC,CAAC;EAErD,MAAMiB,OAAO,GAAGf,UAAU,aAAAC,qBAAA,GAAVD,UAAU,CAAEgB,SAAS,aAArBf,qBAAA,CAAuBgB,EAAE,GACrCH,SAAS,aAAAZ,qBAAA,GAATY,SAAS,CAAEd,UAAU,qBAArBE,qBAAA,CAAwBF,UAAU,aAAAG,sBAAA,GAAVH,UAAU,CAAEgB,SAAS,qBAArBb,sBAAA,CAAuBc,EAAE,CAAC,GAClDC,SAAS;EACb,MAAMF,SAAS,GAAGD,OAAO,GACrB;IACEC,SAAS,EAAE;MACT,IAAIhB,UAAU,aAAAI,sBAAA,GAAVJ,UAAU,CAAEgB,SAAS,aAArBZ,sBAAA,CAAuBe,IAAI,GAC3B;QAAEA,IAAI,EAAEnB,UAAU,aAAAK,sBAAA,GAAVL,UAAU,CAAEgB,SAAS,qBAArBX,sBAAA,CAAuBc;MAAK,CAAC,GACrC,CAAC,CAAC,CAAC;MACPJ;IACF;EACF,CAAC,GACD,CAAC,CAAC;EAEN,MAAMK,UAAU,GAAGpB,UAAU,aAAAM,qBAAA,GAAVN,UAAU,CAAEqB,SAAS,aAArBf,qBAAA,CAAuBW,EAAE,GACxCH,SAAS,aAAAP,sBAAA,GAATO,SAAS,CAAEd,UAAU,qBAArBO,sBAAA,CAAwBP,UAAU,aAAAQ,sBAAA,GAAVR,UAAU,CAAEqB,SAAS,qBAArBb,sBAAA,CAAuBS,EAAE,CAAC,GAClDC,SAAS;EAEb,MAAMG,SAAS,GAAGD,UAAU,GACxB;IACEC,SAAS,EAAED,UAAU,CAAC;EACxB,CAAC,GACD,CAAC,CAAC;EAEN,MAAME,MAAM,GAAGtB,UAAU,aAAAS,iBAAA,GAAVT,UAAU,CAAEuB,KAAK,aAAjBd,iBAAA,CAAmBQ,EAAE,GAChCH,SAAS,aAAAJ,sBAAA,GAATI,SAAS,CAAEd,UAAU,qBAArBU,sBAAA,CAAwBV,UAAU,aAAAW,kBAAA,GAAVX,UAAU,CAAEuB,KAAK,qBAAjBZ,kBAAA,CAAmBM,EAAE,CAAC,GAC9CC,SAAS;EAEb,MAAMK,KAAK,GAAGD,MAAM,GAChB;IACEC,KAAK,EAAED,MAAM,CAAC;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OAAO;IACLtB,UAAU,eACRJ,KAAA,CAAA4B,aAAA,CAAC3B,oBAAoB,EAAA4B,QAAA;MACnBb,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA;IAAS,GACfG,SAAS,EACTK,SAAS,EACTE,KAAK,CACV;EAEL,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useFetchData.js

@@ -1,15 +1,14 @@
-import { useConfig, usePatternsWizardOverridesContext } from '../providers';
-export const useFetchData = () => {
+import { useCollectionData, usePatternsWizardOverridesContext } from '../providers';
+export const useFetchData = config => {
   var _overrides$fetchData;
   const {
-    page: {
-      fetchData: fetchDataOverride = undefined
-    },
-    collection: {
-      fetchData: defaultFetchData
-    }
-  } = useConfig();
+    fetchData: fetchDataOverride
+  } = config;
   const overrides = usePatternsWizardOverridesContext();
+  const {
+    collection
+  } = 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;
   return {
     fetchData

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

@@ -1 +1 @@
-{"version":3,"names":["useConfig","usePatternsWizardOverridesContext","useFetchData","_overrides$fetchData","page","fetchData","fetchDataOverride","undefined","collection","defaultFetchData","overrides","id"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import { useConfig, usePatternsWizardOverridesContext } from '../providers';\n\nexport const useFetchData = () => {\n  const {\n    page: { fetchData: fetchDataOverride = undefined },\n    collection: { fetchData: defaultFetchData },\n  } = useConfig();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const fetchData = fetchDataOverride?.id\n    ? overrides?.fetchData?.[fetchDataOverride.id] ?? defaultFetchData\n    : defaultFetchData;\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,iCAAiC,QAAQ,cAAc;AAE3E,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAAA,IAAAC,oBAAA;EAChC,MAAM;IACJC,IAAI,EAAE;MAAEC,SAAS,EAAEC,iBAAiB,GAAGC;IAAU,CAAC;IAClDC,UAAU,EAAE;MAAEH,SAAS,EAAEI;IAAiB;EAC5C,CAAC,GAAGT,SAAS,CAAC,CAAC;EAEf,MAAMU,SAAS,GAAGT,iCAAiC,CAAC,CAAC;EAErD,MAAMI,SAAS,GAAGC,iBAAiB,YAAjBA,iBAAiB,CAAEK,EAAE,GACnC,CAAAD,SAAS,aAAAP,oBAAA,GAATO,SAAS,CAAEL,SAAS,qBAApBF,oBAAA,CAAuBG,iBAAiB,CAACK,EAAE,CAAC,KAAIF,gBAAgB,GAChEA,gBAAgB;EAEpB,OAAO;IACLJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useCollectionData","usePatternsWizardOverridesContext","useFetchData","config","_overrides$fetchData","fetchData","fetchDataOverride","overrides","collection","defaultFetchData","id"],"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,SACEA,iBAAiB,EACjBC,iCAAiC,QAC5B,cAAc;AAGrB,OAAO,MAAMC,YAAY,GAAIC,MAAwB,IAAK;EAAA,IAAAC,oBAAA;EACxD,MAAM;IAAEC,SAAS,EAAEC;EAAkB,CAAC,GAAGH,MAAM;EAC/C,MAAMI,SAAS,GAAGN,iCAAiC,CAAC,CAAC;EACrD,MAAM;IAAEO;EAAW,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC1C,MAAMS,gBAAgB,GAAGD,UAAU,CAACH,SAAS;EAE7C,MAAMA,SAAS,GAAGC,iBAAiB,YAAjBA,iBAAiB,CAAEI,EAAE,GACnC,CAAAH,SAAS,aAAAH,oBAAA,GAATG,SAAS,CAAEF,SAAS,qBAApBD,oBAAA,CAAuBE,iBAAiB,CAACI,EAAE,CAAC,KAAID,gBAAgB,GAChEA,gBAAgB;EAEpB,OAAO;IACLJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useFilters.js

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { DateRangeFilter, dateRangeFilter, NumberRangeFilter, numberRangeFilter, useStaticListFilterCollection } from '@wix/patterns';
-import { useConfig } from '../providers';
-export const useFilters = config => {
+import { CollectionToolbarFilters, DateRangeFilter, dateRangeFilter, idNameArrayFilter, NumberRangeFilter, numberRangeFilter, RadioGroupFilter, useStaticListFilterCollection } from '@wix/patterns';
+import { useCollectionData } from '../providers';
+import { createEnumFilter } from '../utils/filters';
+export const useFilters = configuration => {
   const {
     schema
-  } = useConfig();
+  } = useCollectionData();
   const filters = React.useMemo(() => {
-    var _config$filters;
     const currFilters = [];
-    (_config$filters = config.filters) == null || _config$filters.items.forEach(filter => {
-      var _filter$dateConfig, _filter$dateConfig2, _filter$dateConfig3, _filter$numberConfig, _filter$numberConfig2, _filter$numberConfig3;
+    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
       } = filter;
@@ -52,53 +52,23 @@ export const useFilters = config => {
             }
           });
           break;
-        // case 'multi-select':
-        //   currFilters.push({
-        //     key,
-        //     filter: idNameArrayFilter(),
-        //     component: MultiSelectCheckboxFilter,
-        //     collectionData:
-        //       filter.static?.values.map((value) => {
-        //         return { id: value.id, name: value.value };
-        //       }) ?? [],
-        //     props: {
-        //       accordionItemProps: { label: filter.displayName },
-        //       popoverProps: { appendTo: 'window' },
-        //     },
-        //   });
-
-        //   break;
-        // case 'single':
-        //   currFilters.push({
-        //     key,
-        //     filter: idNameArrayFilter(),
-        //     component: SingleSelectFilter,
-        //     collectionData:
-        //       filter.static?.values.map((value) => {
-        //         return { id: value.id, name: value.value };
-        //       }) ?? [],
-        //     props: {
-        //       placeholder: `Select ${filter.displayName}`,
-        //       accordionItemProps: { label: filter.displayName },
-        //     },
-        //   });
-
-        //   break;
-        // case 'radio-group':
-        //   currFilters.push({
-        //     key,
-        //     filter: idNameArrayFilter(),
-        //     component: RadioGroupFilter,
-        //     props: {
-        //       accordionItemProps: { label: filter.displayName },
-        //       data:
-        //         filter.static?.values.map((value) => {
-        //           return { id: value.id, name: value.value };
-        //         }) ?? [],
-        //     },
-        //   });
-
-        //   break;
+        case 'BOOLEAN':
+          currFilters.push({
+            key,
+            filter: idNameArrayFilter(),
+            component: 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'
+              }]
+            }
+          });
+          break;
         case 'NUMBER':
           currFilters.push({
             key,
@@ -112,36 +82,50 @@ export const useFilters = config => {
             }
           });
           break;
+        default:
+          if (filter != null && filter.enumConfig) {
+            currFilters.push(createEnumFilter({
+              filter,
+              commonFilterProps
+            }));
+          }
+          break;
       }
     });
     return currFilters;
-  }, [config.filters, schema.fields]);
+  }, [configuration == null ? void 0 : configuration.items, schema.fields]);
   const FilterCollectionComponent = _ref => {
     let {
-      filter
+      filter,
+      collectionData,
+      key,
+      component,
+      ...filterProps
     } = _ref;
-    const collection = useStaticListFilterCollection(filter.filter, filter.collectionData ?? []);
-    return /*#__PURE__*/React.createElement(filter.component, _extends({
-      key: filter.key,
-      filter: filter.filter
-    }, filter.collectionData ? {
+    const FilterComponent = component;
+    const collection = useStaticListFilterCollection(filter, collectionData ?? []);
+    if (!configuration) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(FilterComponent, _extends({
+      key: key,
+      filter: filter
+    }, collectionData ? {
       collection
-    } : {}, {
-      collection: collection
-    }, filter.props));
+    } : {}, filterProps));
   };
-  const collectionToolbarFiltersProps = React.useMemo(() => {
-    var _config$filters2, _config$filters3;
-    return {
-      inline: ((_config$filters2 = config.filters) == null ? void 0 : _config$filters2.maxToolbarFilters) || 0,
-      panelTitle: (_config$filters3 = config.filters) == null ? void 0 : _config$filters3.panelTitle
-    };
-  }, [config.filters]);
-  return filters.reduce((acc, filter) => {
+  const collectionToolbarFiltersProps = React.useMemo(() => ({
+    inline: (configuration == null ? void 0 : configuration.maxToolbarFilters) || 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.createElement(FilterCollectionComponent, {
-      filter: filter
-    }) : /*#__PURE__*/React.createElement(filter.component, _extends({
+    acc.components.push(filter.collectionData ? /*#__PURE__*/React.createElement(FilterCollectionComponent, _extends({
+      filter: filter.filter,
+      key: filter.key,
+      component: filter.component,
+      collectionData: filter.collectionData
+    }, filter.props)) : /*#__PURE__*/React.createElement(filter.component, _extends({
       key: filter.key,
       filter: filter.filter
     }, filter.props)));
@@ -151,5 +135,9 @@ export const useFilters = config => {
     components: [],
     collectionToolbarFiltersProps
   });
+  return {
+    filtersObject: filtersData.filters,
+    filterComponent: filtersData.components.length > 0 ? /*#__PURE__*/React.createElement(CollectionToolbarFilters, collectionToolbarFiltersProps, filtersData.components) : undefined
+  };
 };
 //# sourceMappingURL=useFilters.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","DateRangeFilter","dateRangeFilter","NumberRangeFilter","numberRangeFilter","useStaticListFilterCollection","useConfig","useFilters","config","schema","filters","useMemo","_config$filters","currFilters","items","forEach","filter","_filter$dateConfig","_filter$dateConfig2","_filter$dateConfig3","_filter$numberConfig","_filter$numberConfig2","_filter$numberConfig3","fieldId","key","fieldDefinition","fields","label","displayName","initiallyOpen","sectionTitle","accordionItemProps","toolbarTagProps","commonFilterProps","toolbarItemProps","type","push","component","props","mode","dateConfig","dateRangeOptions","filterByTime","min","numberConfig","max","decimal","FilterCollectionComponent","_ref","collection","collectionData","createElement","_extends","collectionToolbarFiltersProps","_config$filters2","_config$filters3","inline","maxToolbarFilters","panelTitle","reduce","acc","components"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport { PageConfig } from '../types';\nimport {\n  CollectionToolbarFiltersProps,\n  DateRangeFilter,\n  dateRangeFilter,\n  Filter,\n  NumberRangeFilter,\n  numberRangeFilter,\n  useStaticListFilterCollection,\n} from '@wix/patterns';\nimport { useConfig } from '../providers';\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 = (config: PageConfig) => {\n  const { schema } = useConfig();\n  const filters = React.useMemo(() => {\n    const currFilters: FilterOptions[] = [];\n    config.filters?.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 'multi-select':\n        //   currFilters.push({\n        //     key,\n        //     filter: idNameArrayFilter(),\n        //     component: MultiSelectCheckboxFilter,\n        //     collectionData:\n        //       filter.static?.values.map((value) => {\n        //         return { id: value.id, name: value.value };\n        //       }) ?? [],\n        //     props: {\n        //       accordionItemProps: { label: filter.displayName },\n        //       popoverProps: { appendTo: 'window' },\n        //     },\n        //   });\n\n        //   break;\n        // case 'single':\n        //   currFilters.push({\n        //     key,\n        //     filter: idNameArrayFilter(),\n        //     component: SingleSelectFilter,\n        //     collectionData:\n        //       filter.static?.values.map((value) => {\n        //         return { id: value.id, name: value.value };\n        //       }) ?? [],\n        //     props: {\n        //       placeholder: `Select ${filter.displayName}`,\n        //       accordionItemProps: { label: filter.displayName },\n        //     },\n        //   });\n\n        //   break;\n        // case 'radio-group':\n        //   currFilters.push({\n        //     key,\n        //     filter: idNameArrayFilter(),\n        //     component: RadioGroupFilter,\n        //     props: {\n        //       accordionItemProps: { label: filter.displayName },\n        //       data:\n        //         filter.static?.values.map((value) => {\n        //           return { id: value.id, name: value.value };\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    });\n    return currFilters;\n  }, [config.filters, schema.fields]);\n\n  const FilterCollectionComponent: React.FC<{\n    filter: FilterOptions;\n  }> = ({ filter }) => {\n    const collection = useStaticListFilterCollection(\n      filter.filter,\n      filter.collectionData ?? [],\n    );\n\n    return (\n      <filter.component\n        key={filter.key}\n        filter={filter.filter}\n        {...(filter.collectionData ? { collection } : {})}\n        collection={collection}\n        {...filter.props}\n      />\n    );\n  };\n\n  const collectionToolbarFiltersProps = React.useMemo<\n    Pick<CollectionToolbarFiltersProps, 'inline' | 'panelTitle'>\n  >(\n    () => ({\n      inline: config.filters?.maxToolbarFilters || 0,\n      panelTitle: config.filters?.panelTitle,\n    }),\n    [config.filters],\n  );\n\n  return filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.components.push(\n        filter.collectionData ? (\n          <FilterCollectionComponent filter={filter} />\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","CollectionToolbarFilters","DateRangeFilter","dateRangeFilter","idNameArrayFilter","NumberRangeFilter","numberRangeFilter","RadioGroupFilter","useStaticListFilterCollection","useCollectionData","createEnumFilter","useFilters","configuration","schema","filters","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","component","props","mode","dateConfig","dateRangeOptions","filterByTime","data","id","name","booleanConfig","checkedLabel","uncheckedLabel","min","numberConfig","max","decimal","enumConfig","FilterCollectionComponent","_ref","collectionData","filterProps","FilterComponent","collection","createElement","_extends","collectionToolbarFiltersProps","inline","maxToolbarFilters","panelTitle","filtersData","reduce","acc","components","filtersObject","filterComponent","length","undefined"],"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":[]}

package/dist/esm/hooks/useGridFeatures.js

@@ -0,0 +1,75 @@
+import { useFetchData } from './useFetchData';
+import { useGridCollection } from '@wix/patterns';
+import { useCommonCollectionFeatures } from './useCommonCollectionFeatures';
+import { useFilters } from './useFilters';
+import { useMemo } from 'react';
+import { useCollectionData } from '../providers';
+export const useGridFeatures = configuration => {
+  const {
+    item,
+    collection
+  } = configuration;
+  const {
+    collectionId,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  } = collection;
+  const {
+    title,
+    subtitle,
+    image,
+    imagePlacement,
+    preset
+  } = item;
+  const commonFeatures = useCommonCollectionFeatures(configuration);
+  const {
+    filterComponent,
+    filtersObject
+  } = useFilters(configuration.filters);
+  const {
+    fetchData
+  } = useFetchData(configuration.collection);
+  const {
+    entityIdKey,
+    entityNameKey
+  } = useCollectionData();
+  const state = useGridCollection({
+    queryName: `${collectionId}`,
+    itemKey: gridItem => gridItem[entityIdKey],
+    itemName: gridItem => gridItem[entityNameKey],
+    filters: filtersObject,
+    toExtendedFields: gridItem => gridItem.extendedFields,
+    fetchErrorMessage: _ref => {
+      let {
+        err
+      } = _ref;
+      return String(err);
+    },
+    fetchData,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  });
+  const renderItem = useMemo(() => gridItem => ({
+    id: gridItem[entityIdKey],
+    title: `${gridItem[title]}`,
+    ...(subtitle ? {
+      subtitle: `${gridItem[subtitle] ?? ''}`
+    } : {}),
+    ...(image ? {
+      backgroundImageUrl: `${gridItem[image]}`
+    } : {})
+  }), [title, subtitle, image, entityIdKey]);
+  return {
+    ...commonFeatures,
+    state,
+    imagePlacement,
+    preset,
+    renderItem,
+    filters: filterComponent
+  };
+};
+//# sourceMappingURL=useGridFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useFetchData","useGridCollection","useCommonCollectionFeatures","useFilters","useMemo","useCollectionData","useGridFeatures","configuration","item","collection","collectionId","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","title","subtitle","image","imagePlacement","preset","commonFeatures","filterComponent","filtersObject","filters","fetchData","entityIdKey","entityNameKey","state","queryName","itemKey","gridItem","itemName","toExtendedFields","extendedFields","fetchErrorMessage","_ref","err","String","renderItem","id","backgroundImageUrl"],"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,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,iBAAiB,QAAQ,cAAc;AAEhD,OAAO,MAAMC,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,GAAGlB,2BAA2B,CAACK,aAAa,CAAC;EAEjE,MAAM;IAAEc,eAAe;IAAEC;EAAc,CAAC,GAAGnB,UAAU,CAACI,aAAa,CAACgB,OAAO,CAAC;EAC5E,MAAM;IAAEC;EAAU,CAAC,GAAGxB,YAAY,CAACO,aAAa,CAACE,UAAU,CAAC;EAE5D,MAAM;IAAEgB,WAAW;IAAEC;EAAc,CAAC,GAAGrB,iBAAiB,CAAC,CAAC;EAE1D,MAAMsB,KAAK,GAAG1B,iBAAiB,CAAM;IACnC2B,SAAS,EAAE,GAAGlB,YAAY,EAAE;IAC5BmB,OAAO,EAAGC,QAAQ,IAAKA,QAAQ,CAACL,WAAW,CAAC;IAC5CM,QAAQ,EAAGD,QAAQ,IAAKA,QAAQ,CAACJ,aAAa,CAAC;IAC/CH,OAAO,EAAED,aAAa;IACtBU,gBAAgB,EAAGF,QAAQ,IAAKA,QAAQ,CAACG,cAAc;IACvDC,iBAAiB,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAI,CAAC,GAAAD,IAAA;MAAA,OAAKE,MAAM,CAACD,GAAG,CAAC;IAAA;IAC3CZ,SAAS;IACTb,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,CAAC;EAEF,MAAMwB,UAAU,GAAGlC,OAAO,CACxB,MAAO0B,QAAa,KAAM;IACxBS,EAAE,EAAET,QAAQ,CAACL,WAAW,CAAC;IACzBV,KAAK,EAAE,GAAGe,QAAQ,CAACf,KAAK,CAAC,EAAE;IAC3B,IAAIC,QAAQ,GAAG;MAAEA,QAAQ,EAAE,GAAGc,QAAQ,CAACd,QAAQ,CAAC,IAAI,EAAE;IAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,IAAIC,KAAK,GAAG;MAAEuB,kBAAkB,EAAE,GAAGV,QAAQ,CAACb,KAAK,CAAC;IAAG,CAAC,GAAG,CAAC,CAAC;EAC/D,CAAC,CAAC,EACF,CAACF,KAAK,EAAEC,QAAQ,EAAEC,KAAK,EAAEQ,WAAW,CACtC,CAAC;EAED,OAAO;IACL,GAAGL,cAAc;IACjBO,KAAK;IACLT,cAAc;IACdC,MAAM;IACNmB,UAAU;IACVf,OAAO,EAAEF;EACX,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useTableFeatures.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { useColumns } from './useColumns';
+import { useFetchData } from './useFetchData';
+import { CustomColumns, useTableCollection } from '@wix/patterns';
+import { useCommonCollectionFeatures } from './useCommonCollectionFeatures';
+import { useFilters } from './useFilters';
+import { useCollectionData } from '../providers';
+export const useTableFeatures = configuration => {
+  var _configuration$custom;
+  const {
+    collectionId,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  } = configuration.collection;
+  const commonFeatures = useCommonCollectionFeatures({
+    ...configuration
+  });
+  const {
+    filterComponent,
+    filtersObject
+  } = useFilters(configuration.filters);
+  const columns = useColumns(configuration.columns);
+  const {
+    fetchData
+  } = useFetchData(configuration.collection);
+  const {
+    entityIdKey,
+    entityNameKey
+  } = useCollectionData();
+  const state = useTableCollection({
+    queryName: `${collectionId}`,
+    itemKey: item => item[entityIdKey],
+    itemName: item => item[entityNameKey],
+    filters: filtersObject,
+    toExtendedFields: item => item.extendedFields,
+    fetchErrorMessage: _ref => {
+      let {
+        err
+      } = _ref;
+      return String(err);
+    },
+    fetchData,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  });
+  return {
+    ...commonFeatures,
+    state,
+    columns,
+    filters: filterComponent,
+    customColumns: (_configuration$custom = configuration.customColumns) != null && _configuration$custom.enabled ? /*#__PURE__*/React.createElement(CustomColumns, null) : undefined
+  };
+};
+//# sourceMappingURL=useTableFeatures.js.map