@wix/auto-patterns 1.0.0 → 1.2.0

package/dist/esm/config/CmsCompositeConfig.js

@@ -0,0 +1,80 @@
+import { collections, items } from '@wix/data';
+import { FilterPropToOperator } from './constants';
+const FilterPropToMethod = {
+  from: 'ge',
+  to: 'le'
+};
+function isValidFilterProp(prop) {
+  return Object.prototype.hasOwnProperty.call(FilterPropToMethod, prop);
+}
+function getOperatorForFilter(prop) {
+  if (isValidFilterProp(prop)) {
+    return FilterPropToMethod[prop];
+  }
+  return undefined;
+}
+const isSupportedOperator = (schema, filterProp, filterKey) => {
+  const field = schema.fields.find(f => f.id === filterKey);
+  if (!field) {
+    return false;
+  }
+  if (!isValidFilterProp(filterProp)) {
+    return false;
+  }
+  const operator = FilterPropToOperator[filterProp];
+  const supportedOperators = field.capabilities.supportedQueryOperators;
+  return supportedOperators.includes(operator);
+};
+export async function fetchCmsSchema(config) {
+  const schema = await collections.getDataCollection(config.collectionId);
+  return {
+    fields: schema.fields.map(field => {
+      var _field$capabilities, _field$capabilities2;
+      return {
+        id: field.key,
+        type: field.type,
+        capabilities: {
+          supportedQueryOperators: ((_field$capabilities = field.capabilities) == null ? void 0 : _field$capabilities.queryOperators) || [],
+          sortable: ((_field$capabilities2 = field.capabilities) == null ? void 0 : _field$capabilities2.sortable) || false
+        }
+      };
+    })
+  };
+}
+export async function getCmsCompositeConfig(config) {
+  const schema = await fetchCmsSchema(config);
+  const collection = {
+    fetchData: async query => {
+      let dataQuery = items.query(config.collectionId);
+      const {
+        filters
+      } = query;
+      for (const key in filters) {
+        const filter = filters[key];
+        if (filter && typeof filter === 'object') {
+          const filterObj = filter;
+          for (const prop in filterObj) {
+            const operator = getOperatorForFilter(prop);
+            if (operator && typeof dataQuery[operator] === 'function' && isSupportedOperator(schema, prop, key)) {
+              const value = filterObj[prop];
+              if (value) {
+                dataQuery = dataQuery[operator](key, value);
+              }
+            }
+          }
+        }
+      }
+      const res = await dataQuery.find();
+      return {
+        items: res.items,
+        total: res.totalCount
+      };
+    }
+  };
+  return {
+    page: config,
+    schema,
+    collection
+  };
+}
+//# sourceMappingURL=CmsCompositeConfig.js.map

package/dist/esm/config/CmsCompositeConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["collections","items","FilterPropToOperator","FilterPropToMethod","from","to","isValidFilterProp","prop","Object","prototype","hasOwnProperty","call","getOperatorForFilter","undefined","isSupportedOperator","schema","filterProp","filterKey","field","fields","find","f","id","operator","supportedOperators","capabilities","supportedQueryOperators","includes","fetchCmsSchema","config","getDataCollection","collectionId","map","_field$capabilities","_field$capabilities2","key","type","queryOperators","sortable","getCmsCompositeConfig","collection","fetchData","query","dataQuery","filters","filter","filterObj","value","res","total","totalCount","page"],"sources":["../../../src/config/CmsCompositeConfig.ts"],"sourcesContent":["import { PageConfig, SchemaConfig } from '../types';\nimport { collections, items } from '@wix/data';\nimport { CompositeConfig } from './CompositeConfig';\nimport { FilterProp, FilterPropToOperator } from './constants';\nimport { ComputedQuery } from '@wix/patterns';\n\nexport type CmsOperatorMethod = 'ge' | 'le';\n\nconst FilterPropToMethod: Record<FilterProp, CmsOperatorMethod> = {\n  from: 'ge',\n  to: 'le',\n};\n\nfunction isValidFilterProp(prop: string): prop is FilterProp {\n  return Object.prototype.hasOwnProperty.call(FilterPropToMethod, prop);\n}\n\nfunction getOperatorForFilter(prop: string): CmsOperatorMethod | undefined {\n  if (isValidFilterProp(prop)) {\n    return FilterPropToMethod[prop];\n  }\n  return undefined;\n}\n\nconst isSupportedOperator = (\n  schema: SchemaConfig,\n  filterProp: string,\n  filterKey: string,\n) => {\n  const field = schema.fields.find((f) => f.id === filterKey);\n  if (!field) {\n    return false;\n  }\n\n  if (!isValidFilterProp(filterProp)) {\n    return false;\n  }\n\n  const operator = FilterPropToOperator[filterProp];\n  const supportedOperators = field.capabilities.supportedQueryOperators;\n  return supportedOperators.includes(operator);\n};\n\nexport async function fetchCmsSchema(\n  config: PageConfig,\n): Promise<SchemaConfig> {\n  const schema = await collections.getDataCollection(config.collectionId);\n  return {\n    fields: schema.fields.map((field) => ({\n      id: field.key as string,\n      type: field.type as string,\n      capabilities: {\n        supportedQueryOperators: field.capabilities?.queryOperators || [],\n        sortable: field.capabilities?.sortable || false,\n      },\n    })),\n  };\n}\n\nexport async function getCmsCompositeConfig(\n  config: PageConfig,\n): Promise<CompositeConfig> {\n  const schema = await fetchCmsSchema(config);\n\n  const collection = {\n    fetchData: async (query: ComputedQuery<any>) => {\n      let dataQuery = items.query(config.collectionId);\n      const { filters } = query;\n      for (const key in filters) {\n        const filter = filters[key];\n        if (filter && typeof filter === 'object') {\n          const filterObj = filter as Record<string, any>;\n          for (const prop in filterObj) {\n            const operator = getOperatorForFilter(prop);\n            if (\n              operator &&\n              typeof dataQuery[operator] === 'function' &&\n              isSupportedOperator(schema, prop, key)\n            ) {\n              const value = filterObj[prop];\n              if (value) {\n                dataQuery = dataQuery[operator](key, value);\n              }\n            }\n          }\n        }\n      }\n\n      const res = await dataQuery.find();\n      return {\n        items: res.items,\n        total: res.totalCount,\n      };\n    },\n  };\n\n  return { page: config, schema, collection };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/config/CompositeConfig.js

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

package/dist/esm/config/CompositeConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/config/CompositeConfig.ts"],"sourcesContent":["import { SchemaConfig, PageConfig } from '../types';\nimport { CollectionConfig } from '@wix/patterns';\n\nexport interface CompositeConfig {\n  page: PageConfig;\n  schema: SchemaConfig;\n  collection: Pick<CollectionConfig<any, any>, 'fetchData'>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/config/ConfigFactory.js

@@ -0,0 +1,8 @@
+import { getCmsCompositeConfig } from './CmsCompositeConfig';
+export async function getCompositeConfig(config) {
+  if (config.entityTypeSource === 'cms') {
+    return getCmsCompositeConfig(config);
+  }
+  throw new Error(`Unsupported source type: ${config.entityTypeSource}`);
+}
+//# sourceMappingURL=ConfigFactory.js.map

package/dist/esm/config/ConfigFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getCmsCompositeConfig","getCompositeConfig","config","entityTypeSource","Error"],"sources":["../../../src/config/ConfigFactory.ts"],"sourcesContent":["import { PageConfig } from '../types';\nimport { getCmsCompositeConfig } from './CmsCompositeConfig';\nimport { CompositeConfig } from './CompositeConfig';\n\nexport async function getCompositeConfig(\n  config: PageConfig,\n): Promise<CompositeConfig> {\n  if (config.entityTypeSource === 'cms') {\n    return getCmsCompositeConfig(config);\n  }\n  throw new Error(`Unsupported source type: ${config.entityTypeSource}`);\n}\n"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,sBAAsB;AAG5D,OAAO,eAAeC,kBAAkBA,CACtCC,MAAkB,EACQ;EAC1B,IAAIA,MAAM,CAACC,gBAAgB,KAAK,KAAK,EAAE;IACrC,OAAOH,qBAAqB,CAACE,MAAM,CAAC;EACtC;EACA,MAAM,IAAIE,KAAK,CAAC,4BAA4BF,MAAM,CAACC,gBAAgB,EAAE,CAAC;AACxE","ignoreList":[]}

package/dist/esm/config/constants.js

@@ -0,0 +1,5 @@
+export const FilterPropToOperator = {
+  from: 'GTE',
+  to: 'LTE'
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/config/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FilterPropToOperator","from","to"],"sources":["../../../src/config/constants.ts"],"sourcesContent":["import { QueryOperator } from '../types';\n\nexport type FilterProp = 'from' | 'to';\n\nexport const FilterPropToOperator: Record<FilterProp, QueryOperator> = {\n  from: 'GTE',\n  to: 'LTE',\n};\n"],"mappings":"AAIA,OAAO,MAAMA,oBAAuD,GAAG;EACrEC,IAAI,EAAE,KAAK;EACXC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

package/dist/esm/config/index.js

@@ -0,0 +1,2 @@
+export * from './CompositeConfig';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/config/index.ts"],"sourcesContent":["export * from './CompositeConfig';\n"],"mappings":"AAAA,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/hooks/useColumns.js

@@ -1,12 +1,12 @@
-import { usePatternsWizardContext, usePatternsWizardOverridesContext } from '../providers';
+import { useConfig, usePatternsWizardOverridesContext } from '../providers';
 import { SupportedValueTypeEnum } from '../types';
 import { camelCase, get } from 'lodash';
 export const useColumns = () => {
   const {
-    configuration: {
+    page: {
       columns = []
     }
-  } = usePatternsWizardContext();
+  } = useConfig();
   const overrides = usePatternsWizardOverridesContext();
   return columns.map(column => ({
     id: column.id,

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

@@ -1 +1 @@
-{"version":3,"names":["usePatternsWizardContext","usePatternsWizardOverridesContext","SupportedValueTypeEnum","camelCase","get","useColumns","configuration","columns","overrides","map","column","id","title","name","width","render","item","_overrides$columns","_overrides$columns$ca","itemValue","call","value","createRenderer","type","BOOLEAN","DATE","Date","toLocaleString"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport {\n  usePatternsWizardContext,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { Column, SupportedValueTypeEnum } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (): TableColumn<any>[] => {\n  const {\n    configuration: { columns = [] },\n  } = usePatternsWizardContext();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  return columns.map((column) => ({\n    id: column.id,\n    title: column.name,\n    ...(column.width ? { width: column.width } : {}),\n    render: (item) => {\n      const itemValue = get(item, column.id);\n      return (\n        overrides?.columns?.[camelCase(column.id)]?.({ value: itemValue }) ??\n        createRenderer(column, itemValue)\n      );\n    },\n  }));\n};\n\nconst createRenderer = (column: Column, itemValue: any): string => {\n  switch (column.type) {\n    case SupportedValueTypeEnum.BOOLEAN:\n      return itemValue ? '✔' : '✖';\n    case SupportedValueTypeEnum.DATE:\n      return itemValue ? new Date(itemValue).toLocaleString() : '';\n    default:\n      return itemValue;\n  }\n};\n"],"mappings":"AACA,SACEA,wBAAwB,EACxBC,iCAAiC,QAC5B,cAAc;AACrB,SAAiBC,sBAAsB,QAAQ,UAAU;AACzD,SAASC,SAAS,EAAEC,GAAG,QAAQ,QAAQ;AAEvC,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAA0B;EAClD,MAAM;IACJC,aAAa,EAAE;MAAEC,OAAO,GAAG;IAAG;EAChC,CAAC,GAAGP,wBAAwB,CAAC,CAAC;EAE9B,MAAMQ,SAAS,GAAGP,iCAAiC,CAAC,CAAC;EAErD,OAAOM,OAAO,CAACE,GAAG,CAAEC,MAAM,KAAM;IAC9BC,EAAE,EAAED,MAAM,CAACC,EAAE;IACbC,KAAK,EAAEF,MAAM,CAACG,IAAI;IAClB,IAAIH,MAAM,CAACI,KAAK,GAAG;MAAEA,KAAK,EAAEJ,MAAM,CAACI;IAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAChDC,MAAM,EAAGC,IAAI,IAAK;MAAA,IAAAC,kBAAA,EAAAC,qBAAA;MAChB,MAAMC,SAAS,GAAGf,GAAG,CAACY,IAAI,EAAEN,MAAM,CAACC,EAAE,CAAC;MACtC,OACE,CAAAH,SAAS,aAAAS,kBAAA,GAATT,SAAS,CAAED,OAAO,cAAAW,qBAAA,GAAlBD,kBAAA,CAAqBd,SAAS,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC,qBAA1CO,qBAAA,CAAAE,IAAA,CAAAH,kBAAA,EAA6C;QAAEI,KAAK,EAAEF;MAAU,CAAC,CAAC,KAClEG,cAAc,CAACZ,MAAM,EAAES,SAAS,CAAC;IAErC;EACF,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAMG,cAAc,GAAGA,CAACZ,MAAc,EAAES,SAAc,KAAa;EACjE,QAAQT,MAAM,CAACa,IAAI;IACjB,KAAKrB,sBAAsB,CAACsB,OAAO;MACjC,OAAOL,SAAS,GAAG,GAAG,GAAG,GAAG;IAC9B,KAAKjB,sBAAsB,CAACuB,IAAI;MAC9B,OAAON,SAAS,GAAG,IAAIO,IAAI,CAACP,SAAS,CAAC,CAACQ,cAAc,CAAC,CAAC,GAAG,EAAE;IAC9D;MACE,OAAOR,SAAS;EACpB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["useConfig","usePatternsWizardOverridesContext","SupportedValueTypeEnum","camelCase","get","useColumns","page","columns","overrides","map","column","id","title","name","width","render","item","_overrides$columns","_overrides$columns$ca","itemValue","call","value","createRenderer","type","BOOLEAN","DATE","Date","toLocaleString"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport { useConfig, usePatternsWizardOverridesContext } from '../providers';\nimport { Column, SupportedValueTypeEnum } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (): TableColumn<any>[] => {\n  const {\n    page: { columns = [] },\n  } = useConfig();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  return columns.map((column) => ({\n    id: column.id,\n    title: column.name,\n    ...(column.width ? { width: column.width } : {}),\n    render: (item) => {\n      const itemValue = get(item, column.id);\n      return (\n        overrides?.columns?.[camelCase(column.id)]?.({ value: itemValue }) ??\n        createRenderer(column, itemValue)\n      );\n    },\n  }));\n};\n\nconst createRenderer = (column: Column, itemValue: any): string => {\n  switch (column.type) {\n    case SupportedValueTypeEnum.BOOLEAN:\n      return itemValue ? '✔' : '✖';\n    case SupportedValueTypeEnum.DATE:\n      return itemValue ? new Date(itemValue).toLocaleString() : '';\n    default:\n      return itemValue;\n  }\n};\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,iCAAiC,QAAQ,cAAc;AAC3E,SAAiBC,sBAAsB,QAAQ,UAAU;AACzD,SAASC,SAAS,EAAEC,GAAG,QAAQ,QAAQ;AAEvC,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAA0B;EAClD,MAAM;IACJC,IAAI,EAAE;MAAEC,OAAO,GAAG;IAAG;EACvB,CAAC,GAAGP,SAAS,CAAC,CAAC;EAEf,MAAMQ,SAAS,GAAGP,iCAAiC,CAAC,CAAC;EAErD,OAAOM,OAAO,CAACE,GAAG,CAAEC,MAAM,KAAM;IAC9BC,EAAE,EAAED,MAAM,CAACC,EAAE;IACbC,KAAK,EAAEF,MAAM,CAACG,IAAI;IAClB,IAAIH,MAAM,CAACI,KAAK,GAAG;MAAEA,KAAK,EAAEJ,MAAM,CAACI;IAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAChDC,MAAM,EAAGC,IAAI,IAAK;MAAA,IAAAC,kBAAA,EAAAC,qBAAA;MAChB,MAAMC,SAAS,GAAGf,GAAG,CAACY,IAAI,EAAEN,MAAM,CAACC,EAAE,CAAC;MACtC,OACE,CAAAH,SAAS,aAAAS,kBAAA,GAATT,SAAS,CAAED,OAAO,cAAAW,qBAAA,GAAlBD,kBAAA,CAAqBd,SAAS,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC,qBAA1CO,qBAAA,CAAAE,IAAA,CAAAH,kBAAA,EAA6C;QAAEI,KAAK,EAAEF;MAAU,CAAC,CAAC,KAClEG,cAAc,CAACZ,MAAM,EAAES,SAAS,CAAC;IAErC;EACF,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAMG,cAAc,GAAGA,CAACZ,MAAc,EAAES,SAAc,KAAa;EACjE,QAAQT,MAAM,CAACa,IAAI;IACjB,KAAKrB,sBAAsB,CAACsB,OAAO;MACjC,OAAOL,SAAS,GAAG,GAAG,GAAG,GAAG;IAC9B,KAAKjB,sBAAsB,CAACuB,IAAI;MAC9B,OAAON,SAAS,GAAG,IAAIO,IAAI,CAACP,SAAS,CAAC,CAACQ,cAAc,CAAC,CAAC,GAAG,EAAE;IAC9D;MACE,OAAOR,SAAS;EACpB;AACF,CAAC","ignoreList":[]}

package/dist/esm/hooks/useFeatures.js

@@ -1,16 +1,16 @@
 import React from 'react';
 import { Views, DataExtension } from '@wix/patterns';
-import { usePatternsWizardContext } from '../providers';
+import { useConfig } from '../providers';
 import { useFilters } from './useFilters';
 export const useFeatures = () => {
   const {
-    configuration
-  } = usePatternsWizardContext();
+    page
+  } = useConfig();
   const {
     views,
     customFields
-  } = configuration;
-  const filters = useFilters(configuration);
+  } = page;
+  const filters = useFilters(page);
   return {
     views: views != null && views.enabled ? /*#__PURE__*/React.createElement(Views, null) : undefined,
     dataExtension: customFields != null && customFields.enabled ? /*#__PURE__*/React.createElement(DataExtension, null) : undefined,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Views","DataExtension","usePatternsWizardContext","useFilters","useFeatures","configuration","views","customFields","filters","enabled","createElement","undefined","dataExtension"],"sources":["../../../src/hooks/useFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { Views, DataExtension } from '@wix/patterns';\nimport { usePatternsWizardContext } from '../providers';\nimport { useFilters } from './useFilters';\n\nexport const useFeatures = () => {\n  const { configuration } = usePatternsWizardContext();\n  const { views, customFields } = configuration;\n  const filters = useFilters(configuration);\n\n  return {\n    views: views?.enabled ? <Views /> : undefined,\n    dataExtension: customFields?.enabled ? <DataExtension /> : undefined,\n    filters,\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,aAAa,QAAQ,eAAe;AACpD,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAc,CAAC,GAAGH,wBAAwB,CAAC,CAAC;EACpD,MAAM;IAAEI,KAAK;IAAEC;EAAa,CAAC,GAAGF,aAAa;EAC7C,MAAMG,OAAO,GAAGL,UAAU,CAACE,aAAa,CAAC;EAEzC,OAAO;IACLC,KAAK,EAAEA,KAAK,YAALA,KAAK,CAAEG,OAAO,gBAAGV,KAAA,CAAAW,aAAA,CAACV,KAAK,MAAE,CAAC,GAAGW,SAAS;IAC7CC,aAAa,EAAEL,YAAY,YAAZA,YAAY,CAAEE,OAAO,gBAAGV,KAAA,CAAAW,aAAA,CAACT,aAAa,MAAE,CAAC,GAAGU,SAAS;IACpEH;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Views","DataExtension","useConfig","useFilters","useFeatures","page","views","customFields","filters","enabled","createElement","undefined","dataExtension"],"sources":["../../../src/hooks/useFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { Views, DataExtension } from '@wix/patterns';\nimport { useConfig } from '../providers';\nimport { useFilters } from './useFilters';\n\nexport const useFeatures = () => {\n  const { page } = useConfig();\n  const { views, customFields } = page;\n  const filters = useFilters(page);\n\n  return {\n    views: views?.enabled ? <Views /> : undefined,\n    dataExtension: customFields?.enabled ? <DataExtension /> : undefined,\n    filters,\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,aAAa,QAAQ,eAAe;AACpD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAK,CAAC,GAAGH,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEI,KAAK;IAAEC;EAAa,CAAC,GAAGF,IAAI;EACpC,MAAMG,OAAO,GAAGL,UAAU,CAACE,IAAI,CAAC;EAEhC,OAAO;IACLC,KAAK,EAAEA,KAAK,YAALA,KAAK,CAAEG,OAAO,gBAAGV,KAAA,CAAAW,aAAA,CAACV,KAAK,MAAE,CAAC,GAAGW,SAAS;IAC7CC,aAAa,EAAEL,YAAY,YAAZA,YAAY,CAAEE,OAAO,gBAAGV,KAAA,CAAAW,aAAA,CAACT,aAAa,MAAE,CAAC,GAAGU,SAAS;IACpEH;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useFilters.js

@@ -1,186 +1,104 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import _ from 'lodash';
-import { SupportedValueTypeEnum } from '../types';
 import { DateRangeFilter, dateRangeFilter, idNameArrayFilter, MultiSelectCheckboxFilter, NumberRangeFilter, numberRangeFilter, RadioGroupFilter, SingleSelectFilter, useStaticListFilterCollection } from '@wix/patterns';
 export const useFilters = config => {
-  var _config$filters;
-  const filters = [];
-  (_config$filters = config.filters) == null || _config$filters.forEach(filter => {
-    var _filter$static, _filter$static2, _filter$static3, _filter$numberConfig, _filter$numberConfig2, _filter$numberConfig3;
-    const key = _.camelCase(filter.displayName);
-    switch (filter.componentType) {
-      case 'date-range':
-        filters.push({
-          key,
-          filter: dateRangeFilter(),
-          component: DateRangeFilter,
-          props: {
-            accordionItemProps: {
-              label: filter.displayName
-            }
-          },
-          query: (acc, values) => {
-            if (values[key]) {
-              if (values[key].from) {
-                acc.$and.push({
-                  [filter.id]: {
-                    $gte: values[key].from.toISOString()
-                  }
-                });
-              }
-              if (values[key].to) {
-                acc.$and.push({
-                  [filter.id]: {
-                    $lte: values[key].to.toISOString()
-                  }
-                });
+  const filters = React.useMemo(() => {
+    var _config$filters;
+    const currFilters = [];
+    (_config$filters = config.filters) == null || _config$filters.forEach(filter => {
+      var _filter$static, _filter$static2, _filter$static3, _filter$numberConfig, _filter$numberConfig2, _filter$numberConfig3;
+      const key = _.camelCase(filter.displayName);
+      switch (filter.componentType) {
+        case 'date-range':
+          currFilters.push({
+            key,
+            filter: dateRangeFilter(),
+            component: DateRangeFilter,
+            props: {
+              accordionItemProps: {
+                label: filter.displayName
               }
             }
-            return acc;
-          }
-        });
-        break;
-      case 'multi-select':
-        filters.push({
-          key,
-          filter: idNameArrayFilter(),
-          component: MultiSelectCheckboxFilter,
-          collectionData: ((_filter$static = filter.static) == null ? void 0 : _filter$static.values.map(value => {
-            return {
-              id: value.id,
-              name: value.value
-            };
-          })) ?? [],
-          props: {
-            accordionItemProps: {
-              label: filter.displayName
-            },
-            popoverProps: {
-              appendTo: 'window'
-            }
-          },
-          query: (acc, values) => {
-            if (values[key]) {
-              acc.$and.push({
-                [filter.id]: {
-                  $in: values[key].map(item => item.id)
-                }
-              });
-            }
-            return acc;
-          }
-        });
-        break;
-      case 'single':
-        filters.push({
-          key,
-          filter: idNameArrayFilter(),
-          component: SingleSelectFilter,
-          collectionData: ((_filter$static2 = filter.static) == null ? void 0 : _filter$static2.values.map(value => {
-            return {
-              id: value.id,
-              name: value.value
-            };
-          })) ?? [],
-          props: {
-            placeholder: `Select ${filter.displayName}`,
-            accordionItemProps: {
-              label: filter.displayName
-            }
-          },
-          query: (acc, values) => {
-            if (values[key]) {
-              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {
-                acc.$and.push({
-                  [filter.id]: {
-                    $eq: values[key].map(item => item.id === 'true' ? true : false)
-                  }
-                });
-              } else {
-                acc.$and.push({
-                  [filter.id]: {
-                    $in: values[key].map(item => item.id)
-                  }
-                });
+          });
+          break;
+        case 'multi-select':
+          currFilters.push({
+            key,
+            filter: idNameArrayFilter(),
+            component: MultiSelectCheckboxFilter,
+            collectionData: ((_filter$static = filter.static) == null ? void 0 : _filter$static.values.map(value => {
+              return {
+                id: value.id,
+                name: value.value
+              };
+            })) ?? [],
+            props: {
+              accordionItemProps: {
+                label: filter.displayName
+              },
+              popoverProps: {
+                appendTo: 'window'
               }
             }
-            return acc;
-          }
-        });
-        break;
-      case 'radio-group':
-        filters.push({
-          key,
-          filter: idNameArrayFilter(),
-          component: RadioGroupFilter,
-          props: {
-            accordionItemProps: {
-              label: filter.displayName
-            },
-            data: ((_filter$static3 = filter.static) == null ? void 0 : _filter$static3.values.map(value => {
+          });
+          break;
+        case 'single':
+          currFilters.push({
+            key,
+            filter: idNameArrayFilter(),
+            component: SingleSelectFilter,
+            collectionData: ((_filter$static2 = filter.static) == null ? void 0 : _filter$static2.values.map(value => {
               return {
                 id: value.id,
                 name: value.value
               };
-            })) ?? []
-          },
-          query: (acc, values) => {
-            if (values[key]) {
-              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {
-                acc.$and.push({
-                  [filter.id]: {
-                    $eq: values[key].map(item => item.id === 'true' ? true : false)
-                  }
-                });
-              } else {
-                acc.$and.push({
-                  [filter.id]: {
-                    $in: values[key].map(item => item.id)
-                  }
-                });
+            })) ?? [],
+            props: {
+              placeholder: `Select ${filter.displayName}`,
+              accordionItemProps: {
+                label: filter.displayName
               }
             }
-            return acc;
-          }
-        });
-        break;
-      case 'number':
-        filters.push({
-          key,
-          filter: numberRangeFilter(),
-          component: NumberRangeFilter,
-          props: {
-            accordionItemProps: {
-              label: filter.displayName
-            },
-            min: ((_filter$numberConfig = filter.numberConfig) == null ? void 0 : _filter$numberConfig.min) ?? 0,
-            max: ((_filter$numberConfig2 = filter.numberConfig) == null ? void 0 : _filter$numberConfig2.max) ?? 100,
-            decimal: (_filter$numberConfig3 = filter.numberConfig) == null ? void 0 : _filter$numberConfig3.decimal
-          },
-          query: (acc, values) => {
-            if (values[key]) {
-              if (values[key].from) {
-                acc.$and.push({
-                  [filter.id]: {
-                    $gte: values[key].from
-                  }
-                });
-              }
-              if (values[key].to) {
-                acc.$and.push({
-                  [filter.id]: {
-                    $lte: values[key].to
-                  }
-                });
-              }
+          });
+          break;
+        case 'radio-group':
+          currFilters.push({
+            key,
+            filter: idNameArrayFilter(),
+            component: RadioGroupFilter,
+            props: {
+              accordionItemProps: {
+                label: filter.displayName
+              },
+              data: ((_filter$static3 = filter.static) == null ? void 0 : _filter$static3.values.map(value => {
+                return {
+                  id: value.id,
+                  name: value.value
+                };
+              })) ?? []
             }
-            return acc;
-          }
-        });
-        break;
-    }
-  });
+          });
+          break;
+        case 'number':
+          currFilters.push({
+            key,
+            filter: numberRangeFilter(),
+            component: NumberRangeFilter,
+            props: {
+              accordionItemProps: {
+                label: filter.displayName
+              },
+              min: ((_filter$numberConfig = filter.numberConfig) == null ? void 0 : _filter$numberConfig.min) ?? 0,
+              max: ((_filter$numberConfig2 = filter.numberConfig) == null ? void 0 : _filter$numberConfig2.max) ?? 100,
+              decimal: (_filter$numberConfig3 = filter.numberConfig) == null ? void 0 : _filter$numberConfig3.decimal
+            }
+          });
+          break;
+      }
+    });
+    return currFilters;
+  }, [config.filters]);
   const FilterCollectionComponent = _ref => {
     let {
       filter
@@ -197,7 +115,6 @@ export const useFilters = config => {
   };
   return filters.reduce((acc, filter) => {
     acc.filters[filter.key] = filter.filter;
-    acc.queries.push(filter.query);
     acc.components.push(filter.collectionData ? /*#__PURE__*/React.createElement(FilterCollectionComponent, {
       filter: filter
     }) : /*#__PURE__*/React.createElement(filter.component, _extends({
@@ -207,8 +124,7 @@ export const useFilters = config => {
     return acc;
   }, {
     filters: {},
-    components: [],
-    queries: []
+    components: []
   });
 };
 //# sourceMappingURL=useFilters.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_","SupportedValueTypeEnum","DateRangeFilter","dateRangeFilter","idNameArrayFilter","MultiSelectCheckboxFilter","NumberRangeFilter","numberRangeFilter","RadioGroupFilter","SingleSelectFilter","useStaticListFilterCollection","useFilters","config","_config$filters","filters","forEach","filter","_filter$static","_filter$static2","_filter$static3","_filter$numberConfig","_filter$numberConfig2","_filter$numberConfig3","key","camelCase","displayName","componentType","push","component","props","accordionItemProps","label","query","acc","values","from","$and","id","$gte","toISOString","to","$lte","collectionData","static","map","value","name","popoverProps","appendTo","$in","item","placeholder","definition","type","BOOLEAN","$eq","data","min","numberConfig","max","decimal","FilterCollectionComponent","_ref","collection","createElement","_extends","reduce","queries","components"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { ProjectConfig, SupportedValueTypeEnum } from '../types';\nimport {\n  DateRangeFilter,\n  dateRangeFilter,\n  Filter,\n  idNameArrayFilter,\n  MultiSelectCheckboxFilter,\n  NumberRangeFilter,\n  numberRangeFilter,\n  RadioGroupFilter,\n  SingleSelectFilter,\n  useStaticListFilterCollection,\n} from '@wix/patterns';\n\nexport interface FilterOptions {\n  key: string;\n  filter: Filter<any>;\n  query: (\n    acc: { $and: Record<string, any> },\n    values: Record<string, any>,\n  ) => Record<string, 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  queries: FilterOptions['query'][];\n}\n\nexport const useFilters = (config: ProjectConfig) => {\n  const filters: FilterOptions[] = [];\n\n  config.filters?.forEach((filter) => {\n    const key = _.camelCase(filter.displayName);\n\n    switch (filter.componentType) {\n      case 'date-range':\n        filters.push({\n          key,\n          filter: dateRangeFilter(),\n          component: DateRangeFilter,\n          props: {\n            accordionItemProps: { label: filter.displayName },\n          },\n          query: (acc, values) => {\n            if (values[key]) {\n              if (values[key].from) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $gte: values[key].from.toISOString(),\n                  },\n                });\n              }\n\n              if (values[key].to) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $lte: values[key].to.toISOString(),\n                  },\n                });\n              }\n            }\n\n            return acc;\n          },\n        });\n\n        break;\n      case 'multi-select':\n        filters.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          query: (acc, values) => {\n            if (values[key]) {\n              acc.$and.push({\n                [filter.id]: {\n                  $in: values[key].map((item: any) => item.id),\n                },\n              });\n            }\n\n            return acc;\n          },\n        });\n\n        break;\n      case 'single':\n        filters.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          query: (acc, values) => {\n            if (values[key]) {\n              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $eq: values[key].map((item: any) =>\n                      item.id === 'true' ? true : false,\n                    ),\n                  },\n                });\n              } else {\n                acc.$and.push({\n                  [filter.id]: {\n                    $in: values[key].map((item: any) => item.id),\n                  },\n                });\n              }\n            }\n            return acc;\n          },\n        });\n\n        break;\n      case 'radio-group':\n        filters.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          query: (acc, values) => {\n            if (values[key]) {\n              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $eq: values[key].map((item: any) =>\n                      item.id === 'true' ? true : false,\n                    ),\n                  },\n                });\n              } else {\n                acc.$and.push({\n                  [filter.id]: {\n                    $in: values[key].map((item: any) => item.id),\n                  },\n                });\n              }\n            }\n            return acc;\n          },\n        });\n\n        break;\n      case 'number':\n        filters.push({\n          key,\n          filter: numberRangeFilter(),\n          component: NumberRangeFilter,\n          props: {\n            accordionItemProps: { label: filter.displayName },\n            min: filter.numberConfig?.min ?? 0,\n            max: filter.numberConfig?.max ?? 100,\n            decimal: filter.numberConfig?.decimal,\n          },\n          query: (acc, values) => {\n            if (values[key]) {\n              if (values[key].from) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $gte: values[key].from,\n                  },\n                });\n              }\n\n              if (values[key].to) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $lte: values[key].to,\n                  },\n                });\n              }\n            }\n            return acc;\n          },\n        });\n\n        break;\n    }\n  });\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  return filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.queries.push(filter.query);\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: [], queries: [] },\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_","DateRangeFilter","dateRangeFilter","idNameArrayFilter","MultiSelectCheckboxFilter","NumberRangeFilter","numberRangeFilter","RadioGroupFilter","SingleSelectFilter","useStaticListFilterCollection","useFilters","config","filters","useMemo","_config$filters","currFilters","forEach","filter","_filter$static","_filter$static2","_filter$static3","_filter$numberConfig","_filter$numberConfig2","_filter$numberConfig3","key","camelCase","displayName","componentType","push","component","props","accordionItemProps","label","collectionData","static","values","map","value","id","name","popoverProps","appendTo","placeholder","data","min","numberConfig","max","decimal","FilterCollectionComponent","_ref","collection","createElement","_extends","reduce","acc","components"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { PageConfig } from '../types';\nimport {\n  DateRangeFilter,\n  dateRangeFilter,\n  Filter,\n  idNameArrayFilter,\n  MultiSelectCheckboxFilter,\n  NumberRangeFilter,\n  numberRangeFilter,\n  RadioGroupFilter,\n  SingleSelectFilter,\n  useStaticListFilterCollection,\n} from '@wix/patterns';\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}\n\nexport const useFilters = (config: PageConfig) => {\n  const filters = React.useMemo(() => {\n    const currFilters: FilterOptions[] = [];\n    config.filters?.forEach((filter) => {\n      const key = _.camelCase(filter.displayName);\n\n      switch (filter.componentType) {\n        case 'date-range':\n          currFilters.push({\n            key,\n            filter: dateRangeFilter(),\n            component: DateRangeFilter,\n            props: {\n              accordionItemProps: { label: filter.displayName },\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              accordionItemProps: { label: filter.displayName },\n              min: filter.numberConfig?.min ?? 0,\n              max: filter.numberConfig?.max ?? 100,\n              decimal: filter.numberConfig?.decimal,\n            },\n          });\n\n          break;\n      }\n    });\n    return currFilters;\n  }, [config.filters]);\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  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: [] },\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/providers/ConfigContext.js

@@ -0,0 +1,29 @@
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import { getCompositeConfig } from '../config/ConfigFactory';
+const ConfigContext = /*#__PURE__*/createContext(null);
+export const ConfigProvider = _ref => {
+  let {
+    page,
+    children
+  } = _ref;
+  const [config, setConfig] = useState(null);
+  useEffect(() => {
+    getCompositeConfig(page).then(setConfig).catch(error => {
+      console.error('Error fetching config:', error);
+    });
+  }, [page]);
+  if (!config) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: config
+  }, children);
+};
+export const useConfig = () => {
+  const context = useContext(ConfigContext);
+  if (!context) {
+    throw new Error('useConfig must be used within a ConfigProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=ConfigContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useEffect","useState","getCompositeConfig","ConfigContext","ConfigProvider","_ref","page","children","config","setConfig","then","catch","error","console","createElement","Provider","value","useConfig","context","Error"],"sources":["../../../src/providers/ConfigContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n} from 'react';\nimport { PageConfig } from '../types';\nimport { CompositeConfig } from '../config/CompositeConfig';\nimport { getCompositeConfig } from '../config/ConfigFactory';\n\nconst ConfigContext = createContext<CompositeConfig | null>(null);\n\ninterface ConfigProviderProps {\n  page: PageConfig;\n  children: ReactNode;\n}\n\nexport const ConfigProvider = ({ page, children }: ConfigProviderProps) => {\n  const [config, setConfig] = useState<CompositeConfig | null>(null);\n\n  useEffect(() => {\n    getCompositeConfig(page)\n      .then(setConfig)\n      .catch((error) => {\n        console.error('Error fetching config:', error);\n      });\n  }, [page]);\n\n  if (!config) {\n    return null;\n  }\n\n  return (\n    <ConfigContext.Provider value={config}>{children}</ConfigContext.Provider>\n  );\n};\n\nexport const useConfig = (): CompositeConfig => {\n  const context = useContext(ConfigContext);\n  if (!context) {\n    throw new Error('useConfig must be used within a ConfigProvider');\n  }\n  return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QAEH,OAAO;AAGd,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,MAAMC,aAAa,gBAAGL,aAAa,CAAyB,IAAI,CAAC;AAOjE,OAAO,MAAMM,cAAc,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,IAAI;IAAEC;EAA8B,CAAC,GAAAF,IAAA;EACpE,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAyB,IAAI,CAAC;EAElED,SAAS,CAAC,MAAM;IACdE,kBAAkB,CAACI,IAAI,CAAC,CACrBI,IAAI,CAACD,SAAS,CAAC,CACfE,KAAK,CAAEC,KAAK,IAAK;MAChBC,OAAO,CAACD,KAAK,CAAC,wBAAwB,EAAEA,KAAK,CAAC;IAChD,CAAC,CAAC;EACN,CAAC,EAAE,CAACN,IAAI,CAAC,CAAC;EAEV,IAAI,CAACE,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAAAiB,aAAA,CAACX,aAAa,CAACY,QAAQ;IAACC,KAAK,EAAER;EAAO,GAAED,QAAiC,CAAC;AAE9E,CAAC;AAED,OAAO,MAAMU,SAAS,GAAGA,CAAA,KAAuB;EAC9C,MAAMC,OAAO,GAAGnB,UAAU,CAACI,aAAa,CAAC;EACzC,IAAI,CAACe,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 './PatternsWizardContext';
+export * from './ConfigContext';
 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 './PatternsWizardContext';\nexport * from './PatternsWizardOverridesContext';\n"],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,kCAAkC","ignoreList":[]}
+{"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":[]}

package/dist/esm/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["CollectionTypeEnum","SupportedValueTypeEnum","ComponentTypeEnum"],"sources":["../../src/types.ts"],"sourcesContent":["export enum CollectionTypeEnum {\n  TABLE = 'Table',\n  GRID = 'Grid',\n  TABLE_GRID_SWITCH = 'TableGridSwitch',\n}\n\nexport enum SupportedValueTypeEnum {\n  STRING = 'STRING',\n  NUMBER = 'NUMBER',\n  BOOLEAN = 'BOOLEAN',\n  DATE = 'DATE',\n  ENUM = 'ENUM',\n}\n\nexport interface Column {\n  id: string;\n  name: string;\n  type: SupportedValueTypeEnum;\n  width?: string;\n}\n\nexport interface FilterValue {\n  id: string;\n  value: string;\n  system?: boolean;\n  deletable?: boolean;\n}\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 FieldDefinition {\n  id: string;\n  name: string;\n  description?: string;\n  path: string;\n  type?: SupportedValueTypeEnum;\n  schemaName?: string;\n  enums?: string[];\n}\n\nexport interface Filter {\n  id: string;\n  displayName: string;\n  componentType: ComponentTypeEnum;\n  definition: FieldDefinition;\n  numberConfig?: {\n    min?: number;\n    max?: number;\n    decimal?: boolean;\n  };\n  static?: {\n    values: FilterValue[];\n  };\n}\n\nexport interface CollectionConfig {\n  type: CollectionTypeEnum;\n  grid?: GridCollectionConfig;\n}\n\nexport interface GridCollectionConfig {\n  renderItem: {\n    title: string;\n    subtitle?: string;\n    primaryActionProps?: {\n      label: string;\n      // onClick: () => void;\n    };\n    secondaryActionProps?: {\n      label: string;\n      // onClick: () => void;\n    };\n  };\n  imagePlacement?: 'top' | 'side';\n  renderAddItem?: boolean;\n  sections?: {\n    title: string;\n    action?: {\n      label: string;\n      // onClick: () => void;\n    };\n  };\n  dragAndDrop?: boolean;\n}\n\ninterface Action {\n  id: string;\n  text: string;\n  icon: string;\n}\nexport interface ProjectConfig {\n  pageTitle: string;\n  pageSubtitle: string;\n  viewType: string;\n  collectionId: string;\n  entityTypeSource: EntityTypeSource;\n  entityId: string;\n  entityName: string;\n  columns: Column[];\n  collectionConfig: CollectionConfig;\n  entitySchemaName: string;\n  filters?: Filter[];\n  actions?: Action[];\n  views?: {\n    enabled: boolean;\n  };\n  customFields?: {\n    enabled: boolean;\n  };\n  optimisticActions?: {\n    enabled: boolean;\n  };\n}\n\nexport interface ProjectDTO {\n  key: string;\n  id: string;\n  userId: string;\n  createdAt: Date;\n  updatedAt: Date;\n  config: ProjectConfig;\n}\n\nexport interface PatternsWizardBaseProps {\n  configuration: ProjectConfig;\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 EntityTypeSource = 'cms';\n\nexport interface Field {\n  id: string;\n  type: string;\n}\n\n// TODO: fill this out\nexport interface SchemaConfig {\n  fields: Field[];\n}\n"],"mappings":"AAAA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;AAM9B,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAsBlC,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;;AAyH7B","ignoreList":[]}
+{"version":3,"names":["CollectionTypeEnum","SupportedValueTypeEnum","ComponentTypeEnum"],"sources":["../../src/types.ts"],"sourcesContent":["export enum CollectionTypeEnum {\n  TABLE = 'Table',\n  GRID = 'Grid',\n  TABLE_GRID_SWITCH = 'TableGridSwitch',\n}\n\nexport enum SupportedValueTypeEnum {\n  STRING = 'STRING',\n  NUMBER = 'NUMBER',\n  BOOLEAN = 'BOOLEAN',\n  DATE = 'DATE',\n  ENUM = 'ENUM',\n}\n\nexport interface Column {\n  id: string;\n  name: string;\n  type: SupportedValueTypeEnum;\n  width?: string;\n}\n\nexport interface FilterValue {\n  id: string;\n  value: string;\n  system?: boolean;\n  deletable?: boolean;\n}\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 FieldDefinition {\n  id: string;\n  name: string;\n  description?: string;\n  path: string;\n  type?: SupportedValueTypeEnum;\n  schemaName?: string;\n  enums?: string[];\n}\n\nexport interface Filter {\n  id: string;\n  displayName: string;\n  componentType: ComponentTypeEnum;\n  definition: FieldDefinition;\n  numberConfig?: {\n    min?: number;\n    max?: number;\n    decimal?: boolean;\n  };\n  static?: {\n    values: FilterValue[];\n  };\n}\n\nexport interface CollectionConfig {\n  type: CollectionTypeEnum;\n  grid?: GridCollectionConfig;\n}\n\nexport interface GridCollectionConfig {\n  renderItem: {\n    title: string;\n    subtitle?: string;\n    primaryActionProps?: {\n      label: string;\n      // onClick: () => void;\n    };\n    secondaryActionProps?: {\n      label: string;\n      // onClick: () => void;\n    };\n  };\n  imagePlacement?: 'top' | 'side';\n  renderAddItem?: boolean;\n  sections?: {\n    title: string;\n    action?: {\n      label: string;\n      // onClick: () => void;\n    };\n  };\n  dragAndDrop?: boolean;\n}\n\ninterface Action {\n  id: string;\n  text: string;\n  icon: string;\n}\nexport interface PageConfig {\n  pageTitle: { text: string; hideTotal?: boolean };\n  pageSubtitle?: {\n    text: string;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  viewType: string;\n  collectionId: string;\n  entityTypeSource: EntityTypeSource;\n  entityId: string;\n  entityName: string;\n  columns: Column[];\n  collectionConfig: CollectionConfig;\n  entitySchemaName: string;\n  filters?: Filter[];\n  actions?: Action[];\n  views?: {\n    enabled: boolean;\n  };\n  customFields?: {\n    enabled: boolean;\n  };\n  optimisticActions?: {\n    enabled: boolean;\n  };\n}\n\nexport interface ProjectDTO {\n  key: string;\n  id: string;\n  userId: string;\n  createdAt: Date;\n  updatedAt: Date;\n  config: PageConfig;\n}\n\nexport interface PatternsWizardBaseProps {\n  configuration: PageConfig;\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 EntityTypeSource = 'cms';\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  type: string;\n  capabilities: {\n    supportedQueryOperators: QueryOperator[];\n    sortable: boolean;\n  };\n}\n\n// TODO: fill this out\nexport interface SchemaConfig {\n  fields: Field[];\n}\n"],"mappings":"AAAA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;AAM9B,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAsBlC,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;;AAkJ7B","ignoreList":[]}