@wix/auto-patterns 1.4.0 → 1.6.0

package/dist/cjs/hooks/useFilters.js

@@ -7,16 +7,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _patterns = require("@wix/patterns");
 var _providers = require("../providers");
+var _filters = require("../utils/filters");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useFilters.tsx";
-const useFilters = config => {
+const useFilters = configuration => {
   const {
     schema
-  } = (0, _providers.useConfig)();
+  } = (0, _providers.useCollectionData)();
   const filters = _react.default.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;
@@ -58,53 +58,23 @@ 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: (0, _patterns.idNameArrayFilter)(),
+            component: _patterns.RadioGroupFilter,
+            props: {
+              ...commonFilterProps,
+              data: [{
+                id: 'checked',
+                name: (filter == null || (_filter$booleanConfig = filter.booleanConfig) == null ? void 0 : _filter$booleanConfig.checkedLabel) || 'Yes'
+              }, {
+                id: 'unchecked',
+                name: (filter == null || (_filter$booleanConfig2 = filter.booleanConfig) == null ? void 0 : _filter$booleanConfig2.uncheckedLabel) || 'No'
+              }]
+            }
+          });
+          break;
         case 'NUMBER':
           currFilters.push({
             key,
@@ -118,55 +88,70 @@ const useFilters = config => {
             }
           });
           break;
+        default:
+          if (filter != null && filter.enumConfig) {
+            currFilters.push((0, _filters.createEnumFilter)({
+              filter,
+              commonFilterProps
+            }));
+          }
+          break;
       }
     });
     return currFilters;
-  }, [config.filters, schema.fields]);
+  }, [configuration == null ? void 0 : configuration.items, schema.fields]);
   const FilterCollectionComponent = ({
-    filter
+    filter,
+    collectionData,
+    key,
+    component,
+    ...filterProps
   }) => {
-    const collection = (0, _patterns.useStaticListFilterCollection)(filter.filter, filter.collectionData ?? []);
-    return /*#__PURE__*/_react.default.createElement(filter.component, (0, _extends2.default)({
-      key: filter.key,
-      filter: filter.filter
-    }, filter.collectionData ? {
+    const FilterComponent = component;
+    const collection = (0, _patterns.useStaticListFilterCollection)(filter, collectionData ?? []);
+    if (!configuration) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(FilterComponent, (0, _extends2.default)({
+      key: key,
+      filter: filter
+    }, collectionData ? {
       collection
-    } : {}, {
-      collection: collection
-    }, filter.props, {
+    } : {}, filterProps, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 149,
+        lineNumber: 141,
         columnNumber: 7
       }
     }));
   };
-  const collectionToolbarFiltersProps = _react.default.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.default.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.default.createElement(FilterCollectionComponent, {
-      filter: filter,
+    acc.components.push(filter.collectionData ? /*#__PURE__*/_react.default.createElement(FilterCollectionComponent, (0, _extends2.default)({
+      filter: filter.filter,
+      key: filter.key,
+      component: filter.component,
+      collectionData: filter.collectionData
+    }, filter.props, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 174,
+        lineNumber: 165,
         columnNumber: 11
       }
-    }) : /*#__PURE__*/_react.default.createElement(filter.component, (0, _extends2.default)({
+    })) : /*#__PURE__*/_react.default.createElement(filter.component, (0, _extends2.default)({
       key: filter.key,
       filter: filter.filter
     }, filter.props, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 173,
         columnNumber: 11
       }
     })));
@@ -176,6 +161,17 @@ const useFilters = config => {
     components: [],
     collectionToolbarFiltersProps
   });
+  return {
+    filtersObject: filtersData.filters,
+    filterComponent: filtersData.components.length > 0 ? /*#__PURE__*/_react.default.createElement(_patterns.CollectionToolbarFilters, (0, _extends2.default)({}, collectionToolbarFiltersProps, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 190,
+        columnNumber: 9
+      }
+    }), filtersData.components) : undefined
+  };
 };
 exports.useFilters = useFilters;
 //# sourceMappingURL=useFilters.js.map

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

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

package/dist/cjs/hooks/useGridFeatures.js

@@ -0,0 +1,77 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useGridFeatures = void 0;
+var _useFetchData = require("./useFetchData");
+var _patterns = require("@wix/patterns");
+var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
+var _useFilters = require("./useFilters");
+var _react = require("react");
+var _providers = require("../providers");
+const useGridFeatures = configuration => {
+  const {
+    item,
+    collection
+  } = configuration;
+  const {
+    collectionId,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  } = collection;
+  const {
+    title,
+    subtitle,
+    image,
+    imagePlacement,
+    preset
+  } = item;
+  const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)(configuration);
+  const {
+    filterComponent,
+    filtersObject
+  } = (0, _useFilters.useFilters)(configuration.filters);
+  const {
+    fetchData
+  } = (0, _useFetchData.useFetchData)(configuration.collection);
+  const {
+    entityIdKey,
+    entityNameKey
+  } = (0, _providers.useCollectionData)();
+  const state = (0, _patterns.useGridCollection)({
+    queryName: `${collectionId}`,
+    itemKey: gridItem => gridItem[entityIdKey],
+    itemName: gridItem => gridItem[entityNameKey],
+    filters: filtersObject,
+    toExtendedFields: gridItem => gridItem.extendedFields,
+    fetchErrorMessage: ({
+      err
+    }) => String(err),
+    fetchData,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  });
+  const renderItem = (0, _react.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
+  };
+};
+exports.useGridFeatures = useGridFeatures;
+//# sourceMappingURL=useGridFeatures.js.map

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

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

package/dist/cjs/hooks/useTableFeatures.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useTableFeatures = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useColumns = require("./useColumns");
+var _useFetchData = require("./useFetchData");
+var _patterns = require("@wix/patterns");
+var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
+var _useFilters = require("./useFilters");
+var _providers = require("../providers");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useTableFeatures.tsx";
+const useTableFeatures = configuration => {
+  var _configuration$custom;
+  const {
+    collectionId,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  } = configuration.collection;
+  const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
+    ...configuration
+  });
+  const {
+    filterComponent,
+    filtersObject
+  } = (0, _useFilters.useFilters)(configuration.filters);
+  const columns = (0, _useColumns.useColumns)(configuration.columns);
+  const {
+    fetchData
+  } = (0, _useFetchData.useFetchData)(configuration.collection);
+  const {
+    entityIdKey,
+    entityNameKey
+  } = (0, _providers.useCollectionData)();
+  const state = (0, _patterns.useTableCollection)({
+    queryName: `${collectionId}`,
+    itemKey: item => item[entityIdKey],
+    itemName: item => item[entityNameKey],
+    filters: filtersObject,
+    toExtendedFields: item => item.extendedFields,
+    fetchErrorMessage: ({
+      err
+    }) => String(err),
+    fetchData,
+    limit,
+    persistQueryToUrl,
+    disableAutoSelectAllCount,
+    selectionConsistencyMode
+  });
+  return {
+    ...commonFeatures,
+    state,
+    columns,
+    filters: filterComponent,
+    customColumns: (_configuration$custom = configuration.customColumns) != null && _configuration$custom.enabled ? /*#__PURE__*/_react.default.createElement(_patterns.CustomColumns, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 49,
+        columnNumber: 7
+      }
+    }) : undefined
+  };
+};
+exports.useTableFeatures = useTableFeatures;
+//# sourceMappingURL=useTableFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_useColumns","_useFetchData","_patterns","_useCommonCollectionFeatures","_useFilters","_providers","_jsxFileName","useTableFeatures","configuration","_configuration$custom","collectionId","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","collection","commonFeatures","useCommonCollectionFeatures","filterComponent","filtersObject","useFilters","filters","columns","useColumns","fetchData","useFetchData","entityIdKey","entityNameKey","useCollectionData","state","useTableCollection","queryName","itemKey","item","itemName","toExtendedFields","extendedFields","fetchErrorMessage","err","String","customColumns","enabled","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","undefined","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAiD,IAAAO,YAAA;AAE1C,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,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAGT;EACL,CAAC,CAAC;EAEF,MAAM;IAAEU,eAAe;IAAEC;EAAc,CAAC,GAAG,IAAAC,sBAAU,EAACZ,aAAa,CAACa,OAAO,CAAC;EAC5E,MAAMC,OAAO,GAAG,IAAAC,sBAAU,EAACf,aAAa,CAACc,OAAO,CAAC;EACjD,MAAM;IAAEE;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAACjB,aAAa,CAACO,UAAU,CAAC;EAE5D,MAAM;IAAEW,WAAW;IAAEC;EAAc,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAE1D,MAAMC,KAAK,GAAG,IAAAC,4BAAkB,EAAM;IACpCC,SAAS,EAAE,GAAGrB,YAAY,EAAE;IAC5BsB,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACP,WAAW,CAAC;IACpCQ,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACN,aAAa,CAAC;IACvCN,OAAO,EAAEF,aAAa;IACtBgB,gBAAgB,EAAGF,IAAI,IAAKA,IAAI,CAACG,cAAc;IAC/CC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3Cd,SAAS;IACTb,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,CAAC;EAEF,OAAO;IACL,GAAGE,cAAc;IACjBa,KAAK;IACLP,OAAO;IACPD,OAAO,EAAEH,eAAe;IACxBsB,aAAa,EAAE,CAAA/B,qBAAA,GAAAD,aAAa,CAACgC,aAAa,aAA3B/B,qBAAA,CAA6BgC,OAAO,gBACjD5C,MAAA,CAAA6C,OAAA,CAAAC,aAAA,CAACzC,SAAA,CAAA0C,aAAa;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzC,YAAA;QAAA0C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GACfC;EACN,CAAC;AACH,CAAC;AAACC,OAAA,CAAA5C,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/index.js

@@ -13,4 +13,16 @@ Object.keys(_hooks).forEach(function (key) {
   if (key in exports && exports[key] === _hooks[key]) return;
   exports[key] = _hooks[key];
 });
+var _AutoPatternsApp = require("./components/AutoPatternsApp");
+Object.keys(_AutoPatternsApp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AutoPatternsApp[key]) return;
+  exports[key] = _AutoPatternsApp[key];
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_providers","require","Object","keys","forEach","key","exports","_hooks"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './providers';\nexport * from './hooks';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_providers","require","Object","keys","forEach","key","exports","_hooks","_AutoPatternsApp","_types"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './providers';\nexport * from './hooks';\nexport * from './components/AutoPatternsApp';\nexport * from './types';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,gBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,gBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,gBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,gBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,MAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,MAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,MAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,MAAA,CAAAJ,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/providers/CollectionDataContext.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCollectionData = exports.CollectionDataProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _CollectionDataFactory = require("../collectionData/CollectionDataFactory");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/providers/CollectionDataContext.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CollectionDataContext = /*#__PURE__*/(0, _react.createContext)(null);
+const CollectionDataProvider = ({
+  collectionConfig,
+  visibleFieldIds,
+  children
+}) => {
+  const [collectionData, setCollectionData] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    (0, _CollectionDataFactory.getCollectionData)(collectionConfig, visibleFieldIds).then(setCollectionData).catch(error => {
+      console.error('Error fetching config:', error);
+    });
+  }, [collectionConfig, visibleFieldIds]);
+  if (!collectionConfig || !collectionData) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(CollectionDataContext.Provider, {
+    value: collectionData,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 5
+    }
+  }, children);
+};
+exports.CollectionDataProvider = CollectionDataProvider;
+const useCollectionData = () => {
+  const context = (0, _react.useContext)(CollectionDataContext);
+  if (!context) {
+    throw new Error('useCollectionData must be used within a CollectionDataProvider');
+  }
+  return context;
+};
+exports.useCollectionData = useCollectionData;
+//# sourceMappingURL=CollectionDataContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionDataFactory","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CollectionDataContext","createContext","CollectionDataProvider","collectionConfig","visibleFieldIds","children","collectionData","setCollectionData","useState","useEffect","getCollectionData","then","catch","error","console","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","exports","useCollectionData","context","useContext","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,sBAAA,GAAAD,OAAA;AAA4E,IAAAE,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAI5E,MAAMW,qBAAqB,gBAAG,IAAAC,oBAAa,EAAwB,IAAI,CAAC;AAQjE,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,gBAAgB;EAChBC,eAAe;EACfC;AAC2B,CAAC,KAAK;EACjC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAClD,IACF,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAAC,wCAAiB,EAACP,gBAAgB,EAAEC,eAAe,CAAC,CACjDO,IAAI,CAACJ,iBAAiB,CAAC,CACvBK,KAAK,CAAEC,KAAK,IAAK;MAChBC,OAAO,CAACD,KAAK,CAAC,wBAAwB,EAAEA,KAAK,CAAC;IAChD,CAAC,CAAC;EACN,CAAC,EAAE,CAACV,gBAAgB,EAAEC,eAAe,CAAC,CAAC;EAEvC,IAAI,CAACD,gBAAgB,IAAI,CAACG,cAAc,EAAE;IACxC,OAAO,IAAI;EACb;EAEA,oBACE/B,MAAA,CAAAW,OAAA,CAAA6B,aAAA,CAACf,qBAAqB,CAACgB,QAAQ;IAACC,KAAK,EAAEX,cAAe;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDjB,QAC6B,CAAC;AAErC,CAAC;AAACkB,OAAA,CAAArB,sBAAA,GAAAA,sBAAA;AAEK,MAAMsB,iBAAiB,GAAGA,CAAA,KAAsB;EACrD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAAC1B,qBAAqB,CAAC;EACjD,IAAI,CAACyB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,gEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PatternsWizardOverridesContext","createContext","undefined","PatternsWizardOverridesProvider","children","value","createElement","Provider","__self","__source","fileName","lineNumber","columnNumber","exports","usePatternsWizardOverridesContext","useContext"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,IAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmBpE,MAAMW,8BAA8B,gBAAG,IAAAC,oBAAa,EAElDC,SAAS,CAAC;AAEL,MAAMC,+BAGX,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC5B,oBACE7B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACN,8BAA8B,CAACO,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDR,QACsC,CAAC;AAE9C,CAAC;AAACS,OAAA,CAAAV,+BAAA,GAAAA,+BAAA;AAEK,MAAMW,iCAAiC,GAAGA,CAAA,KAEhC;EACf,OAAO,IAAAC,iBAAU,EAACf,8BAA8B,CAAC;AACnD,CAAC;AAACa,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PatternsWizardOverridesContext","createContext","undefined","PatternsWizardOverridesProvider","children","value","createElement","Provider","__self","__source","fileName","lineNumber","columnNumber","exports","usePatternsWizardOverridesContext","useContext"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,IAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmBpE,MAAMW,8BAA8B,gBAAG,IAAAC,oBAAa,EAElDC,SAAS,CAAC;AAEL,MAAMC,+BAGX,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC5B,oBACE7B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACN,8BAA8B,CAACO,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDR,QACsC,CAAC;AAE9C,CAAC;AAACS,OAAA,CAAAV,+BAAA,GAAAA,+BAAA;AAEK,MAAMW,iCAAiC,GAAGA,CAAA,KAEhC;EACf,OAAO,IAAAC,iBAAU,EAACf,8BAA8B,CAAC;AACnD,CAAC;AAACa,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/dist/cjs/providers/{ConfigContext.js → SchemaContext.js}

@@ -1,43 +1,44 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useConfig = exports.ConfigProvider = void 0;
+exports.useSchema = exports.SchemaProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _ConfigFactory = require("../config/ConfigFactory");
-var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/providers/ConfigContext.tsx";
+var _SchemaFactory = require("../collectionData/SchemaFactory");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/providers/SchemaContext.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ConfigContext = /*#__PURE__*/(0, _react.createContext)(null);
-const ConfigProvider = ({
-  page,
+const SchemaContext = /*#__PURE__*/(0, _react.createContext)(null);
+const SchemaProvider = ({
+  collectionId,
+  entityTypeSource,
   children
 }) => {
-  const [config, setConfig] = (0, _react.useState)(null);
+  const [schema, setSchema] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
-    (0, _ConfigFactory.getCompositeConfig)(page).then(setConfig).catch(error => {
-      console.error('Error fetching config:', error);
+    (0, _SchemaFactory.getSchema)(collectionId, entityTypeSource).then(setSchema).catch(error => {
+      console.error('Error fetching schema config:', error);
     });
-  }, [page]);
-  if (!config) {
+  }, [collectionId, entityTypeSource]);
+  if (!schema) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(ConfigContext.Provider, {
-    value: config,
+  return /*#__PURE__*/_react.default.createElement(SchemaContext.Provider, {
+    value: schema,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 39,
       columnNumber: 5
     }
   }, children);
 };
-exports.ConfigProvider = ConfigProvider;
-const useConfig = () => {
-  const context = (0, _react.useContext)(ConfigContext);
+exports.SchemaProvider = SchemaProvider;
+const useSchema = () => {
+  const context = (0, _react.useContext)(SchemaContext);
   if (!context) {
-    throw new Error('useConfig must be used within a ConfigProvider');
+    throw new Error('useSchema must be used within a SchemaProvider');
   }
   return context;
 };
-exports.useConfig = useConfig;
-//# sourceMappingURL=ConfigContext.js.map
+exports.useSchema = useSchema;
+//# sourceMappingURL=SchemaContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SchemaFactory","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SchemaContext","createContext","SchemaProvider","collectionId","entityTypeSource","children","schema","setSchema","useState","useEffect","getSchema","then","catch","error","console","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","exports","useSchema","context","useContext","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,cAAA,GAAAD,OAAA;AAA4D,IAAAE,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAG5D,MAAMW,aAAa,gBAAG,IAAAC,oBAAa,EAAsB,IAAI,CAAC;AAQvD,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,YAAY;EACZC,gBAAgB;EAChBC;AACmB,CAAC,KAAK;EACzB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAsB,IAAI,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAAC,wBAAS,EAACP,YAAY,EAAEC,gBAAgB,CAAC,CACtCO,IAAI,CAACJ,SAAS,CAAC,CACfK,KAAK,CAAEC,KAAK,IAAK;MAChBC,OAAO,CAACD,KAAK,CAAC,+BAA+B,EAAEA,KAAK,CAAC;IACvD,CAAC,CAAC;EACN,CAAC,EAAE,CAACV,YAAY,EAAEC,gBAAgB,CAAC,CAAC;EAEpC,IAAI,CAACE,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACE/B,MAAA,CAAAW,OAAA,CAAA6B,aAAA,CAACf,aAAa,CAACgB,QAAQ;IAACC,KAAK,EAAEX,MAAO;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEjB,QAAiC,CAAC;AAE9E,CAAC;AAACkB,OAAA,CAAArB,cAAA,GAAAA,cAAA;AAEK,MAAMsB,SAAS,GAAGA,CAAA,KAAoB;EAC3C,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAAC1B,aAAa,CAAC;EACzC,IAAI,CAACyB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/providers/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-var _ConfigContext = require("./ConfigContext");
-Object.keys(_ConfigContext).forEach(function (key) {
+var _CollectionDataContext = require("./CollectionDataContext");
+Object.keys(_CollectionDataContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ConfigContext[key]) return;
-  exports[key] = _ConfigContext[key];
+  if (key in exports && exports[key] === _CollectionDataContext[key]) return;
+  exports[key] = _CollectionDataContext[key];
 });
 var _PatternsWizardOverridesContext = require("./PatternsWizardOverridesContext");
 Object.keys(_PatternsWizardOverridesContext).forEach(function (key) {