@wix/auto-patterns 1.4.0 → 1.6.0

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useColumns","useFetchData","CustomColumns","useTableCollection","useCommonCollectionFeatures","useFilters","useCollectionData","useTableFeatures","configuration","_configuration$custom","collectionId","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","collection","commonFeatures","filterComponent","filtersObject","filters","columns","fetchData","entityIdKey","entityNameKey","state","queryName","itemKey","item","itemName","toExtendedFields","extendedFields","fetchErrorMessage","_ref","err","String","customColumns","enabled","createElement","undefined"],"sources":["../../../src/hooks/useTableFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { useFetchData } from './useFetchData';\nimport { CustomColumns, useTableCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useCollectionData } from '../providers';\n\nexport const useTableFeatures = (configuration: TableConfig) => {\n  const {\n    collectionId,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  } = configuration.collection;\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n  });\n\n  const { filterComponent, filtersObject } = useFilters(configuration.filters);\n  const columns = useColumns(configuration.columns);\n  const { fetchData } = useFetchData(configuration.collection);\n\n  const { entityIdKey, entityNameKey } = useCollectionData();\n\n  const state = useTableCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (item) => item[entityIdKey],\n    itemName: (item) => item[entityNameKey],\n    filters: filtersObject,\n    toExtendedFields: (item) => item.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    columns,\n    filters: filterComponent,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,eAAe;AACjE,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,cAAc;AAEhD,OAAO,MAAMC,gBAAgB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAC9D,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,GAAGN,aAAa,CAACO,UAAU;EAE5B,MAAMC,cAAc,GAAGZ,2BAA2B,CAAC;IACjD,GAAGI;EACL,CAAC,CAAC;EAEF,MAAM;IAAES,eAAe;IAAEC;EAAc,CAAC,GAAGb,UAAU,CAACG,aAAa,CAACW,OAAO,CAAC;EAC5E,MAAMC,OAAO,GAAGpB,UAAU,CAACQ,aAAa,CAACY,OAAO,CAAC;EACjD,MAAM;IAAEC;EAAU,CAAC,GAAGpB,YAAY,CAACO,aAAa,CAACO,UAAU,CAAC;EAE5D,MAAM;IAAEO,WAAW;IAAEC;EAAc,CAAC,GAAGjB,iBAAiB,CAAC,CAAC;EAE1D,MAAMkB,KAAK,GAAGrB,kBAAkB,CAAM;IACpCsB,SAAS,EAAE,GAAGf,YAAY,EAAE;IAC5BgB,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACL,WAAW,CAAC;IACpCM,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACJ,aAAa,CAAC;IACvCJ,OAAO,EAAED,aAAa;IACtBW,gBAAgB,EAAGF,IAAI,IAAKA,IAAI,CAACG,cAAc;IAC/CC,iBAAiB,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAI,CAAC,GAAAD,IAAA;MAAA,OAAKE,MAAM,CAACD,GAAG,CAAC;IAAA;IAC3CZ,SAAS;IACTV,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,CAAC;EAEF,OAAO;IACL,GAAGE,cAAc;IACjBQ,KAAK;IACLJ,OAAO;IACPD,OAAO,EAAEF,eAAe;IACxBkB,aAAa,EAAE,CAAA1B,qBAAA,GAAAD,aAAa,CAAC2B,aAAa,aAA3B1B,qBAAA,CAA6B2B,OAAO,gBACjDrC,KAAA,CAAAsC,aAAA,CAACnC,aAAa,MAAE,CAAC,GACfoC;EACN,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/index.js

@@ -1,3 +1,5 @@
 export * from './providers';
 export * from './hooks';
+export * from './components/AutoPatternsApp';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from './providers';\nexport * from './hooks';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from './providers';\nexport * from './hooks';\nexport * from './components/AutoPatternsApp';\nexport * from './types';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,8BAA8B;AAC5C,cAAc,SAAS","ignoreList":[]}

package/dist/esm/providers/CollectionDataContext.js

@@ -0,0 +1,30 @@
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import { getCollectionData } from '../collectionData/CollectionDataFactory';
+const CollectionDataContext = /*#__PURE__*/createContext(null);
+export const CollectionDataProvider = _ref => {
+  let {
+    collectionConfig,
+    visibleFieldIds,
+    children
+  } = _ref;
+  const [collectionData, setCollectionData] = useState(null);
+  useEffect(() => {
+    getCollectionData(collectionConfig, visibleFieldIds).then(setCollectionData).catch(error => {
+      console.error('Error fetching config:', error);
+    });
+  }, [collectionConfig, visibleFieldIds]);
+  if (!collectionConfig || !collectionData) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(CollectionDataContext.Provider, {
+    value: collectionData
+  }, children);
+};
+export const useCollectionData = () => {
+  const context = useContext(CollectionDataContext);
+  if (!context) {
+    throw new Error('useCollectionData must be used within a CollectionDataProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=CollectionDataContext.js.map

package/dist/esm/providers/CollectionDataContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useEffect","useState","getCollectionData","CollectionDataContext","CollectionDataProvider","_ref","collectionConfig","visibleFieldIds","children","collectionData","setCollectionData","then","catch","error","console","createElement","Provider","value","useCollectionData","context","Error"],"sources":["../../../src/providers/CollectionDataContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n} from 'react';\nimport { getCollectionData } from '../collectionData/CollectionDataFactory';\nimport { CollectionConfig } from '../types/CollectionPageConfig';\nimport { CollectionData } from '../collectionData/CollectionData';\n\nconst CollectionDataContext = createContext<CollectionData | null>(null);\n\ninterface CollectionDataProviderProps {\n  collectionConfig: CollectionConfig;\n  visibleFieldIds: string[];\n  children: ReactNode;\n}\n\nexport const CollectionDataProvider = ({\n  collectionConfig,\n  visibleFieldIds,\n  children,\n}: CollectionDataProviderProps) => {\n  const [collectionData, setCollectionData] = useState<CollectionData | null>(\n    null,\n  );\n\n  useEffect(() => {\n    getCollectionData(collectionConfig, visibleFieldIds)\n      .then(setCollectionData)\n      .catch((error) => {\n        console.error('Error fetching config:', error);\n      });\n  }, [collectionConfig, visibleFieldIds]);\n\n  if (!collectionConfig || !collectionData) {\n    return null;\n  }\n\n  return (\n    <CollectionDataContext.Provider value={collectionData}>\n      {children}\n    </CollectionDataContext.Provider>\n  );\n};\n\nexport const useCollectionData = (): CollectionData => {\n  const context = useContext(CollectionDataContext);\n  if (!context) {\n    throw new Error(\n      'useCollectionData must be used within a CollectionDataProvider',\n    );\n  }\n  return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QAEH,OAAO;AACd,SAASC,iBAAiB,QAAQ,yCAAyC;AAI3E,MAAMC,qBAAqB,gBAAGL,aAAa,CAAwB,IAAI,CAAC;AAQxE,OAAO,MAAMM,sBAAsB,GAAGC,IAAA,IAIH;EAAA,IAJI;IACrCC,gBAAgB;IAChBC,eAAe;IACfC;EAC2B,CAAC,GAAAH,IAAA;EAC5B,MAAM,CAACI,cAAc,EAAEC,iBAAiB,CAAC,GAAGT,QAAQ,CAClD,IACF,CAAC;EAEDD,SAAS,CAAC,MAAM;IACdE,iBAAiB,CAACI,gBAAgB,EAAEC,eAAe,CAAC,CACjDI,IAAI,CAACD,iBAAiB,CAAC,CACvBE,KAAK,CAAEC,KAAK,IAAK;MAChBC,OAAO,CAACD,KAAK,CAAC,wBAAwB,EAAEA,KAAK,CAAC;IAChD,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,gBAAgB,EAAEC,eAAe,CAAC,CAAC;EAEvC,IAAI,CAACD,gBAAgB,IAAI,CAACG,cAAc,EAAE;IACxC,OAAO,IAAI;EACb;EAEA,oBACEZ,KAAA,CAAAkB,aAAA,CAACZ,qBAAqB,CAACa,QAAQ;IAACC,KAAK,EAAER;EAAe,GACnDD,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMU,iBAAiB,GAAGA,CAAA,KAAsB;EACrD,MAAMC,OAAO,GAAGpB,UAAU,CAACI,qBAAqB,CAAC;EACjD,IAAI,CAACgB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,gEACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/esm/providers/PatternsWizardOverridesContext.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from "react";
+import React, { createContext, useContext } from 'react';
 const PatternsWizardOverridesContext = /*#__PURE__*/createContext(undefined);
 export const PatternsWizardOverridesProvider = _ref => {
   let {

package/dist/esm/providers/PatternsWizardOverridesContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","PatternsWizardOverridesContext","undefined","PatternsWizardOverridesProvider","_ref","children","value","createElement","Provider","usePatternsWizardOverridesContext"],"sources":["../../../src/providers/PatternsWizardOverridesContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\nimport {\n  IColumnValue,\n  IMenuItem,\n  PagePrimaryActionProps,\n  PageSecondaryActionProps,\n} from \"../types\";\nimport { CollectionConfig } from '@wix/patterns';\n\nexport interface PatternsWizardOverridesContextProps {\n  actions?: Record<string, (props: IMenuItem<any>) => void>;\n  columns?: Record<string, (props: IColumnValue<any>) => void>;\n  HeaderAddon?: React.FC;\n  emptyState?: Record<string, () => void>;\n  usePagePrimaryAction?: () => PagePrimaryActionProps;\n  usePageSecondaryAction?: () => PageSecondaryActionProps;\n  fetchData?: Record<string, CollectionConfig<any, any>['fetchData']>;\n}\n\nconst PatternsWizardOverridesContext = createContext<\n  PatternsWizardOverridesContextProps | undefined\n>(undefined);\n\nexport const PatternsWizardOverridesProvider: React.FC<{\n  children: ReactNode;\n  value: PatternsWizardOverridesContextProps;\n}> = ({ children, value }) => {\n  return (\n    <PatternsWizardOverridesContext.Provider value={value}>\n      {children}\n    </PatternsWizardOverridesContext.Provider>\n  );\n};\n\nexport const usePatternsWizardOverridesContext = ():\n  | PatternsWizardOverridesContextProps\n  | undefined => {\n  return useContext(PatternsWizardOverridesContext);\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAmBnE,MAAMC,8BAA8B,gBAAGF,aAAa,CAElDG,SAAS,CAAC;AAEZ,OAAO,MAAMC,+BAGX,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACvB,oBACEN,KAAA,CAAAS,aAAA,CAACN,8BAA8B,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GACnDD,QACsC,CAAC;AAE9C,CAAC;AAED,OAAO,MAAMI,iCAAiC,GAAGA,CAAA,KAEhC;EACf,OAAOT,UAAU,CAACC,8BAA8B,CAAC;AACnD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","PatternsWizardOverridesContext","undefined","PatternsWizardOverridesProvider","_ref","children","value","createElement","Provider","usePatternsWizardOverridesContext"],"sources":["../../../src/providers/PatternsWizardOverridesContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from 'react';\nimport {\n  IColumnValue,\n  IMenuItem,\n  PagePrimaryActionProps,\n  PageSecondaryActionProps,\n} from '../types';\nimport { CollectionConfig } from '@wix/patterns';\n\nexport interface PatternsWizardOverridesContextProps {\n  actions?: Record<string, (props: IMenuItem<any>) => void>;\n  columns?: Record<string, (props: IColumnValue<any>) => void>;\n  HeaderAddon?: React.FC;\n  emptyState?: Record<string, () => void>;\n  usePagePrimaryAction?: () => PagePrimaryActionProps;\n  usePageSecondaryAction?: () => PageSecondaryActionProps;\n  fetchData?: Record<string, CollectionConfig<any, any>['fetchData']>;\n}\n\nconst PatternsWizardOverridesContext = createContext<\n  PatternsWizardOverridesContextProps | undefined\n>(undefined);\n\nexport const PatternsWizardOverridesProvider: React.FC<{\n  children: ReactNode;\n  value: PatternsWizardOverridesContextProps;\n}> = ({ children, value }) => {\n  return (\n    <PatternsWizardOverridesContext.Provider value={value}>\n      {children}\n    </PatternsWizardOverridesContext.Provider>\n  );\n};\n\nexport const usePatternsWizardOverridesContext = ():\n  | PatternsWizardOverridesContextProps\n  | undefined => {\n  return useContext(PatternsWizardOverridesContext);\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAmBnE,MAAMC,8BAA8B,gBAAGF,aAAa,CAElDG,SAAS,CAAC;AAEZ,OAAO,MAAMC,+BAGX,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACvB,oBACEN,KAAA,CAAAS,aAAA,CAACN,8BAA8B,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GACnDD,QACsC,CAAC;AAE9C,CAAC;AAED,OAAO,MAAMI,iCAAiC,GAAGA,CAAA,KAEhC;EACf,OAAOT,UAAU,CAACC,8BAA8B,CAAC;AACnD,CAAC","ignoreList":[]}

package/dist/esm/providers/SchemaContext.js

@@ -0,0 +1,30 @@
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import { getSchema } from '../collectionData/SchemaFactory';
+const SchemaContext = /*#__PURE__*/createContext(null);
+export const SchemaProvider = _ref => {
+  let {
+    collectionId,
+    entityTypeSource,
+    children
+  } = _ref;
+  const [schema, setSchema] = useState(null);
+  useEffect(() => {
+    getSchema(collectionId, entityTypeSource).then(setSchema).catch(error => {
+      console.error('Error fetching schema config:', error);
+    });
+  }, [collectionId, entityTypeSource]);
+  if (!schema) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(SchemaContext.Provider, {
+    value: schema
+  }, children);
+};
+export const useSchema = () => {
+  const context = useContext(SchemaContext);
+  if (!context) {
+    throw new Error('useSchema must be used within a SchemaProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=SchemaContext.js.map

package/dist/esm/providers/SchemaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useEffect","useState","getSchema","SchemaContext","SchemaProvider","_ref","collectionId","entityTypeSource","children","schema","setSchema","then","catch","error","console","createElement","Provider","value","useSchema","context","Error"],"sources":["../../../src/providers/SchemaContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n} from 'react';\nimport { getSchema } from '../collectionData/SchemaFactory';\nimport { SchemaConfig } from '../types';\n\nconst SchemaContext = createContext<SchemaConfig | null>(null);\n\ninterface SchemaProviderProps {\n  collectionId: string;\n  entityTypeSource: string;\n  children: ReactNode;\n}\n\nexport const SchemaProvider = ({\n  collectionId,\n  entityTypeSource,\n  children,\n}: SchemaProviderProps) => {\n  const [schema, setSchema] = useState<SchemaConfig | null>(null);\n\n  useEffect(() => {\n    getSchema(collectionId, entityTypeSource)\n      .then(setSchema)\n      .catch((error) => {\n        console.error('Error fetching schema config:', error);\n      });\n  }, [collectionId, entityTypeSource]);\n\n  if (!schema) {\n    return null;\n  }\n\n  return (\n    <SchemaContext.Provider value={schema}>{children}</SchemaContext.Provider>\n  );\n};\n\nexport const useSchema = (): SchemaConfig => {\n  const context = useContext(SchemaContext);\n  if (!context) {\n    throw new Error('useSchema must be used within a SchemaProvider');\n  }\n  return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QAEH,OAAO;AACd,SAASC,SAAS,QAAQ,iCAAiC;AAG3D,MAAMC,aAAa,gBAAGL,aAAa,CAAsB,IAAI,CAAC;AAQ9D,OAAO,MAAMM,cAAc,GAAGC,IAAA,IAIH;EAAA,IAJI;IAC7BC,YAAY;IACZC,gBAAgB;IAChBC;EACmB,CAAC,GAAAH,IAAA;EACpB,MAAM,CAACI,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAAsB,IAAI,CAAC;EAE/DD,SAAS,CAAC,MAAM;IACdE,SAAS,CAACI,YAAY,EAAEC,gBAAgB,CAAC,CACtCI,IAAI,CAACD,SAAS,CAAC,CACfE,KAAK,CAAEC,KAAK,IAAK;MAChBC,OAAO,CAACD,KAAK,CAAC,+BAA+B,EAAEA,KAAK,CAAC;IACvD,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,YAAY,EAAEC,gBAAgB,CAAC,CAAC;EAEpC,IAAI,CAACE,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEZ,KAAA,CAAAkB,aAAA,CAACZ,aAAa,CAACa,QAAQ;IAACC,KAAK,EAAER;EAAO,GAAED,QAAiC,CAAC;AAE9E,CAAC;AAED,OAAO,MAAMU,SAAS,GAAGA,CAAA,KAAoB;EAC3C,MAAMC,OAAO,GAAGpB,UAAU,CAACI,aAAa,CAAC;EACzC,IAAI,CAACgB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/esm/providers/index.js

@@ -1,3 +1,3 @@
-export * from './ConfigContext';
+export * from './CollectionDataContext';
 export * from './PatternsWizardOverridesContext';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/providers/index.ts"],"sourcesContent":["export * from './ConfigContext';\nexport * from './PatternsWizardOverridesContext';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,kCAAkC","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/providers/index.ts"],"sourcesContent":["export * from './CollectionDataContext';\nexport * from './PatternsWizardOverridesContext';\n"],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,kCAAkC","ignoreList":[]}

package/dist/esm/react.js

@@ -1,2 +1,2 @@
-export * from './components/AutoPatternsCollectionPage';
+export * from './components/AutoPatternsApp';
 //# sourceMappingURL=react.js.map

package/dist/esm/react.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/react.tsx"],"sourcesContent":["export * from './components/AutoPatternsCollectionPage';\n"],"mappings":"AAAA,cAAc,yCAAyC","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../src/react.tsx"],"sourcesContent":["export * from './components/AutoPatternsApp';\n"],"mappings":"AAAA,cAAc,8BAA8B","ignoreList":[]}

package/dist/esm/{types.js → types/CollectionPageConfig.js}

@@ -1,9 +1,3 @@
-export let CollectionTypeEnum = /*#__PURE__*/function (CollectionTypeEnum) {
-  CollectionTypeEnum["TABLE"] = "Table";
-  CollectionTypeEnum["GRID"] = "Grid";
-  CollectionTypeEnum["TABLE_GRID_SWITCH"] = "TableGridSwitch";
-  return CollectionTypeEnum;
-}({});
 export let ComponentTypeEnum = /*#__PURE__*/function (ComponentTypeEnum) {
   ComponentTypeEnum["SINGLE"] = "single";
   ComponentTypeEnum["MULTI_SELECT"] = "multi-select";
@@ -12,6 +6,4 @@ export let ComponentTypeEnum = /*#__PURE__*/function (ComponentTypeEnum) {
   ComponentTypeEnum["DATE_RANGE"] = "date-range";
   return ComponentTypeEnum;
 }({});
-
-// TODO: fill this out
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=CollectionPageConfig.js.map

package/dist/esm/types/CollectionPageConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ComponentTypeEnum"],"sources":["../../../src/types/CollectionPageConfig.ts"],"sourcesContent":["import { CollectionToolbarFiltersProps } from '@wix/patterns';\nimport { DateRangeFilterMode, DateRangeOptions } from '@wix/patterns/core';\n\nexport interface CollectionPageConfig {\n  title: { text: string; hideTotal?: boolean };\n  subtitle?: {\n    text: string;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  components: ComponentConfig[];\n}\n\ninterface ComponentConfig {\n  type: 'Table' | 'Grid' | 'TableGridSwitch';\n  table?: TableConfig;\n  grid?: GridConfig;\n}\n\nexport interface CollectionConfig {\n  collectionId: string;\n  entityTypeSource: 'cms';\n  fetchData?: FetchData;\n  limit?: number;\n  persistQueryToUrl?: boolean;\n  disableAutoSelectAllCount?: boolean;\n  selectionConsistencyMode?: 'preserve' | 'clear';\n}\n\nexport interface BaseCollectionComponentConfig {\n  collection: CollectionConfig;\n  search?: { shown?: boolean };\n  toolbarTitle?: ToolbarTitle;\n  actions?: Action[];\n  emptyState?: EmptyState;\n  filters?: FiltersConfig;\n}\n\nexport interface TableConfig extends BaseCollectionComponentConfig {\n  columns: Column[];\n  customColumns?: {\n    enabled: boolean;\n  };\n}\n\nexport interface GridConfig extends BaseCollectionComponentConfig {\n  item: GridItem;\n}\n\nexport interface ToolbarTitle {\n  title: string;\n  subtitle?: {\n    text: string;\n    info?: {\n      content: {\n        text: string;\n        link?: {\n          url: string;\n          label: string;\n        };\n      };\n    };\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  showTotal?: boolean;\n  itemsLimit?: number;\n}\n\nexport interface Column {\n  id: string;\n  name: string;\n  width?: string;\n  sortable?: boolean;\n  defaultSortOrder?: 'asc' | 'desc';\n  sortMode?: 'asc' | 'desc';\n  defaultHidden?: boolean;\n  hiddenFromCustomColumnsSelection?: boolean;\n  hideable?: boolean;\n  reorderDisabled?: boolean;\n}\n\nexport interface GridItem {\n  title: string;\n  subtitle?: string;\n  image?: string;\n  preset?: 'full' | 'title' | 'empty';\n  imagePlacement?: 'top' | 'side';\n}\n\nexport interface EmptyState {\n  title?: string;\n  subtitle?: string;\n  image?: {\n    id: string;\n  };\n  addNewCta?: {\n    id?: string;\n    text?: string;\n  };\n  customCta?: {\n    id?: string;\n  };\n}\n\ninterface FetchData {\n  id: string;\n}\n\nexport interface FilterOption {\n  value: string;\n  label: string;\n}\n\nexport type FilterSelectionMode = 'single' | 'multiple';\nexport type EnumFilterOptionType =\n  | 'checkbox'\n  | 'inlineCheckbox'\n  | 'radio'\n  | 'select';\n\nexport enum ComponentTypeEnum {\n  SINGLE = 'single',\n  MULTI_SELECT = 'multi-select',\n  RADIO_GROUP = 'radio-group',\n  NUMBER = 'number',\n  DATE_RANGE = 'date-range',\n}\n\nexport interface FiltersConfig {\n  items: Filter[];\n  maxToolbarFilters?: CollectionToolbarFiltersProps['inline'];\n  panelTitle?: string;\n}\n\nexport interface DateFilterConfig {\n  mode?: DateRangeFilterMode;\n  dateRangeOptions?: DateRangeOptions;\n  filterByTime?: boolean;\n}\n\nexport interface NumberFilterConfig {\n  min?: number;\n  max?: number;\n  decimal?: boolean;\n}\n\nexport interface BooleanFilterConfig {\n  checkedLabel?: string;\n  uncheckedLabel?: string;\n}\n\nexport interface EnumFilterConfig {\n  options: FilterOption[];\n  selectionMode: FilterSelectionMode;\n  optionType?: EnumFilterOptionType;\n}\n\nexport interface Filter {\n  fieldId: string;\n  displayName?: string;\n  accordionItemProps?: {\n    initiallyOpen?: boolean;\n    sectionTitle?: string;\n  };\n  toolbarTagProps?: {\n    label: string;\n  };\n  componentType?: ComponentTypeEnum;\n  numberConfig?: NumberFilterConfig;\n  dateConfig?: DateFilterConfig;\n  booleanConfig?: BooleanFilterConfig;\n  enumConfig?: EnumFilterConfig;\n}\n\ninterface Action {\n  id: string;\n  text: string;\n  icon: string;\n}\n"],"mappings":"AA6HA,WAAYA,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}

package/dist/esm/types/EntityPageConfig.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EntityPageConfig.js.map

package/dist/esm/types/EntityPageConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/types/EntityPageConfig.ts"],"sourcesContent":["export interface EntityPageConfig {\n  title?: { text: string };\n  subtitle?: {\n    text: string;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  visibleFieldIds: string[];\n  collectionId: string;\n  entityTypeSource: string;\n  collectionPagePath: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/types/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './CollectionPageConfig';
+export * from './EntityPageConfig';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/types/index.ts"],"sourcesContent":["export * from './types';\nexport * from './CollectionPageConfig';\nexport * from './EntityPageConfig';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,wBAAwB;AACtC,cAAc,oBAAoB","ignoreList":[]}

package/dist/esm/types/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/types/types.ts"],"sourcesContent":["import { PrimaryActions, SecondaryActions } from '@wix/patterns';\nimport { EntityPageConfig } from './EntityPageConfig';\nimport { CollectionPageConfig } from './CollectionPageConfig';\n\nexport type PatternsFieldType =\n  | 'SHORT_TEXT'\n  | 'LONG_TEXT'\n  | 'NUMBER'\n  | 'BOOLEAN'\n  | 'DATE'\n  | 'DATETIME'\n  | 'URL'\n  | 'ARRAY';\n\nexport interface AppConfig {\n  pages: PageConfig[];\n}\n\nexport interface PageConfig {\n  id: string;\n  routePath: string;\n  type: 'collectionPage' | 'entityPage';\n  collectionPage?: CollectionPageConfig;\n  entityPage?: EntityPageConfig;\n}\n\nexport type EntityProps = { [key: string]: any };\n\nexport interface IMenuItem<T extends EntityProps = {}> {\n  item: T;\n}\nexport interface IColumnValue<T> {\n  value: T;\n}\n\nexport type QueryOperator =\n  | 'CONTAINS'\n  | 'ENDS_WITH'\n  | 'EQ'\n  | 'EXISTS'\n  | 'GT'\n  | 'GTE'\n  | 'HAS_ALL'\n  | 'HAS_SOME'\n  | 'LT'\n  | 'LTE'\n  | 'NE'\n  | 'STARTS_WITH'\n  | 'URLIZED';\n\nexport interface Field {\n  id: string;\n  displayName: string;\n  type: PatternsFieldType;\n  capabilities: {\n    supportedQueryOperators: QueryOperator[];\n    sortable: boolean;\n  };\n}\n\nexport interface SchemaConfig {\n  fields: Record<string, Field | undefined>;\n  displayField: string;\n  actions: {\n    get: (entityId: string) => Promise<any>;\n    create: (newEntity: Partial<any>) => Promise<any>;\n    update: (updatedEntity: any) => Promise<any>;\n    delete: (entityId: string) => Promise<any>;\n  };\n}\n\nexport type PagePrimaryActionProps = React.ComponentProps<\n  typeof PrimaryActions\n>;\n\nexport type PageSecondaryActionProps = React.ComponentProps<\n  typeof SecondaryActions\n>;\n"],"mappings":"","ignoreList":[]}