@wix/auto-patterns 1.42.0 → 1.44.0

package/dist/cjs/hooks/pluginsDynamicImports.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.importTableSections = exports.importTableGridSwitchDragAndDrop = exports.importTableDragAndDrop = exports.importGridDragAndDrop = exports.importCommonCollectionFeatures = exports.importBaseTableFeatures = void 0;
+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 importTableDragAndDrop = () => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "useTableDragAndDrop" */
+'./useTableDragAndDrop')));
+exports.importTableDragAndDrop = importTableDragAndDrop;
+const importTableGridSwitchDragAndDrop = () => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "useTableGridSwitchDragAndDrop" */
+'./useTableGridSwitchDragAndDrop')));
+exports.importTableGridSwitchDragAndDrop = importTableGridSwitchDragAndDrop;
+const importGridDragAndDrop = () => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "useGridDragAndDrop" */
+'./useGridDragAndDrop')));
+exports.importGridDragAndDrop = importGridDragAndDrop;
+const importBaseTableFeatures = () => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "useBaseTableFeatures" */
+'./useBaseTableFeatures')));
+exports.importBaseTableFeatures = importBaseTableFeatures;
+const importCommonCollectionFeatures = () => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "useCommonCollectionFeatures" */
+'./useCommonCollectionFeatures')));
+exports.importCommonCollectionFeatures = importCommonCollectionFeatures;
+const importTableSections = () => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "useTableSections" */
+'./useTableSections')));
+exports.importTableSections = importTableSections;
+//# sourceMappingURL=pluginsDynamicImports.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["importTableDragAndDrop","Promise","resolve","then","_interopRequireWildcard","require","exports","importTableGridSwitchDragAndDrop","importGridDragAndDrop","importBaseTableFeatures","importCommonCollectionFeatures","importTableSections"],"sources":["../../../src/hooks/pluginsDynamicImports.ts"],"sourcesContent":["export const importTableDragAndDrop = () =>\n  import(\n    /* webpackChunkName: \"useTableDragAndDrop\" */\n    './useTableDragAndDrop'\n  );\n\nexport const importTableGridSwitchDragAndDrop = () =>\n  import(\n    /* webpackChunkName: \"useTableGridSwitchDragAndDrop\" */\n    './useTableGridSwitchDragAndDrop'\n  );\n\nexport const importGridDragAndDrop = () =>\n  import(\n    /* webpackChunkName: \"useGridDragAndDrop\" */\n    './useGridDragAndDrop'\n  );\n\nexport const importBaseTableFeatures = () =>\n  import(\n    /* webpackChunkName: \"useBaseTableFeatures\" */\n    './useBaseTableFeatures'\n  );\n\nexport const importCommonCollectionFeatures = () =>\n  import(\n    /* webpackChunkName: \"useCommonCollectionFeatures\" */\n    './useCommonCollectionFeatures'\n  );\n\nexport const importTableSections = () =>\n  import(\n    /* webpackChunkName: \"useTableSections\" */\n    './useTableSections'\n  );\n"],"mappings":";;;;;;AAAO,MAAMA,sBAAsB,GAAGA,CAAA,KAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAC,uBAAA,CAAAC,OAAA,CAElC;AACA,uBAAuB,GACxB;AAACC,OAAA,CAAAN,sBAAA,GAAAA,sBAAA;AAEG,MAAMO,gCAAgC,GAAGA,CAAA,KAAAN,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAC,uBAAA,CAAAC,OAAA,CAE5C;AACA,iCAAiC,GAClC;AAACC,OAAA,CAAAC,gCAAA,GAAAA,gCAAA;AAEG,MAAMC,qBAAqB,GAAGA,CAAA,KAAAP,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAC,uBAAA,CAAAC,OAAA,CAEjC;AACA,sBAAsB,GACvB;AAACC,OAAA,CAAAE,qBAAA,GAAAA,qBAAA;AAEG,MAAMC,uBAAuB,GAAGA,CAAA,KAAAR,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAC,uBAAA,CAAAC,OAAA,CAEnC;AACA,wBAAwB,GACzB;AAACC,OAAA,CAAAG,uBAAA,GAAAA,uBAAA;AAEG,MAAMC,8BAA8B,GAAGA,CAAA,KAAAT,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAC,uBAAA,CAAAC,OAAA,CAE1C;AACA,+BAA+B,GAChC;AAACC,OAAA,CAAAI,8BAAA,GAAAA,8BAAA;AAEG,MAAMC,mBAAmB,GAAGA,CAAA,KAAAV,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAC,uBAAA,CAAAC,OAAA,CAE/B;AACA,oBAAoB,GACrB;AAACC,OAAA,CAAAK,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/cjs/hooks/useAsyncFeaturesPromiseState.js

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useAsyncFeaturesPromiseState = useAsyncFeaturesPromiseState;
+var _core = require("@wix/patterns/core");
+var _react = require("react");
+function useAsyncFeaturesPromiseState(loaders) {
+  const [state] = (0, _react.useState)(() => {
+    const r = new _core.PromiseState({
+      createPromise: async () => {
+        const entries = await Promise.all(Object.entries(loaders).map(async ([key, loadFunc]) => {
+          if (loadFunc) {
+            const result = await loadFunc();
+            return [key, result];
+          } else {
+            return [key, null];
+          }
+        }));
+        return entries.reduce((acc, [key, value]) => {
+          acc[key] = value;
+          return acc;
+        }, {});
+      }
+    });
+    r.fetchOnce();
+    return r;
+  });
+  return state;
+}
+//# sourceMappingURL=useAsyncFeaturesPromiseState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","useAsyncFeaturesPromiseState","loaders","state","useState","r","PromiseState","createPromise","entries","Promise","all","Object","map","key","loadFunc","result","reduce","acc","value","fetchOnce"],"sources":["../../../src/hooks/useAsyncFeaturesPromiseState.ts"],"sourcesContent":["import { PromiseState } from '@wix/patterns/core';\nimport { useState } from 'react';\n\nexport type AsyncFeaturesState<\n  T extends Record<string, () => Promise<any> | null>,\n> = {\n  [K in keyof T]: T[K] extends () => Promise<infer R> | null\n    ? R | null | undefined\n    : null | undefined;\n};\n\nexport function useAsyncFeaturesPromiseState<\n  T extends Record<string, () => Promise<any> | null>,\n>(loaders: T): PromiseState<AsyncFeaturesState<T>> {\n  const [state] = useState(() => {\n    const r = new PromiseState({\n      createPromise: async () => {\n        const entries = await Promise.all(\n          Object.entries(loaders).map(async ([key, loadFunc]) => {\n            if (loadFunc) {\n              const result = await loadFunc();\n              return [key, result];\n            } else {\n              return [key, null];\n            }\n          }),\n        );\n\n        return entries.reduce((acc, [key, value]) => {\n          acc[key as keyof AsyncFeaturesState<T>] = value;\n          return acc;\n        }, {} as AsyncFeaturesState<T>);\n      },\n    });\n\n    r.fetchOnce();\n\n    return r;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAUO,SAASE,4BAA4BA,CAE1CC,OAAU,EAAuC;EACjD,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7B,MAAMC,CAAC,GAAG,IAAIC,kBAAY,CAAC;MACzBC,aAAa,EAAE,MAAAA,CAAA,KAAY;QACzB,MAAMC,OAAO,GAAG,MAAMC,OAAO,CAACC,GAAG,CAC/BC,MAAM,CAACH,OAAO,CAACN,OAAO,CAAC,CAACU,GAAG,CAAC,OAAO,CAACC,GAAG,EAAEC,QAAQ,CAAC,KAAK;UACrD,IAAIA,QAAQ,EAAE;YACZ,MAAMC,MAAM,GAAG,MAAMD,QAAQ,CAAC,CAAC;YAC/B,OAAO,CAACD,GAAG,EAAEE,MAAM,CAAC;UACtB,CAAC,MAAM;YACL,OAAO,CAACF,GAAG,EAAE,IAAI,CAAC;UACpB;QACF,CAAC,CACH,CAAC;QAED,OAAOL,OAAO,CAACQ,MAAM,CAAC,CAACC,GAAG,EAAE,CAACJ,GAAG,EAAEK,KAAK,CAAC,KAAK;UAC3CD,GAAG,CAACJ,GAAG,CAAgC,GAAGK,KAAK;UAC/C,OAAOD,GAAG;QACZ,CAAC,EAAE,CAAC,CAA0B,CAAC;MACjC;IACF,CAAC,CAAC;IAEFZ,CAAC,CAACc,SAAS,CAAC,CAAC;IAEb,OAAOd,CAAC;EACV,CAAC,CAAC;EAEF,OAAOF,KAAK;AACd","ignoreList":[]}

package/dist/cjs/hooks/useBaseCollectionComponentReadyFeatures.js

@@ -0,0 +1,62 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useBaseCollectionComponentReadyFeatures = useBaseCollectionComponentReadyFeatures;
+var _useSyncCollectionStateToAppContext = require("./useSyncCollectionStateToAppContext");
+var _useCollectionInitAsyncDeps = require("./useCollectionInitAsyncDeps");
+var _patterns = require("@wix/patterns");
+/**
+ * useBaseCollectionComponentReadyFeatures - Step 5 (Shared Across All Flows)
+ *
+ * This is the shared hook used by all flows to prepare final collection features once async loading is complete.
+ * It handles the common functionality needed by all collection components regardless of display mode.
+ *
+ * Key Responsibilities:
+ * - Syncs collection state to app context for external consumption
+ * - Initializes async dependencies and connects them to the collection
+ * - Extracts and prepares common collection features (filters, search, actions, etc.)
+ * - Returns standardized props that all final components (Table/Grid/TableGridSwitch) can use
+ * - Provides consistent interface across all three rendering flows
+ */
+function useBaseCollectionComponentReadyFeatures(props) {
+  const {
+    collection,
+    config,
+    asyncFeaturesState,
+    baseStateParams
+  } = props;
+
+  // Extract loaded common features from async state (shared by all flows)
+  const {
+    commonCollectionFeatures
+  } = (0, _patterns.useSelector)(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // STEP 5A: Sync the collection state to app context for external access
+  // This allows other parts of the app to access current collection state
+  (0, _useSyncCollectionStateToAppContext.useSyncCollectionStateToAppContext)({
+    collection
+  });
+
+  // STEP 5B: Initialize async dependencies and connect them to the collection
+  // This ensures all loaded features are properly connected to the collection instance
+  (0, _useCollectionInitAsyncDeps.useCollectionInitAsyncDeps)(asyncFeaturesState, collection);
+
+  // STEP 5C: Prepare filter functionality if filters are loaded and configured
+  const filtersProps = commonCollectionFeatures == null ? void 0 : commonCollectionFeatures.useFilters(config.filters, baseStateParams);
+
+  // STEP 5D: Prepare common collection features (search, bulk actions, empty states, etc.)
+  const commonCollectionFeaturesProps = commonCollectionFeatures == null ? void 0 : commonCollectionFeatures.useCommonCollectionFeatures({
+    ...config,
+    collectionState: collection
+  });
+
+  // FINAL STEP: Return standardized props for use by final components
+  // These props are consumed by Table, Grid, and TableGridSwitch components
+  return {
+    ...commonCollectionFeaturesProps,
+    filters: filtersProps == null ? void 0 : filtersProps.filterComponent
+  };
+}
+//# sourceMappingURL=useBaseCollectionComponentReadyFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useSyncCollectionStateToAppContext","require","_useCollectionInitAsyncDeps","_patterns","useBaseCollectionComponentReadyFeatures","props","collection","config","asyncFeaturesState","baseStateParams","commonCollectionFeatures","useSelector","status","data","useSyncCollectionStateToAppContext","useCollectionInitAsyncDeps","filtersProps","useFilters","filters","commonCollectionFeaturesProps","useCommonCollectionFeatures","collectionState","filterComponent"],"sources":["../../../src/hooks/useBaseCollectionComponentReadyFeatures.ts"],"sourcesContent":["import { useSyncCollectionStateToAppContext } from './useSyncCollectionStateToAppContext';\nimport { useCollectionInitAsyncDeps } from './useCollectionInitAsyncDeps';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { CollectionState, useSelector } from '@wix/patterns';\nimport { getCommonCollectionFeaturesAsync } from './getCommonCollectionFeaturesAsync';\nimport { useBasePatternsStateParams } from './useBasePatternsStateParams';\nimport { PromiseState } from '@wix/patterns/core';\nimport { AsyncFeaturesState } from './useAsyncFeaturesPromiseState';\n\nexport interface UseBaseCollectionComponentReadyFeaturesParams {\n  config: BaseCollectionComponentConfig;\n  collection: CollectionState<any>;\n  asyncFeaturesState: PromiseState<\n    AsyncFeaturesState<ReturnType<typeof getCommonCollectionFeaturesAsync>>\n  >;\n  baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n}\n\n/**\n * useBaseCollectionComponentReadyFeatures - Step 5 (Shared Across All Flows)\n *\n * This is the shared hook used by all flows to prepare final collection features once async loading is complete.\n * It handles the common functionality needed by all collection components regardless of display mode.\n *\n * Key Responsibilities:\n * - Syncs collection state to app context for external consumption\n * - Initializes async dependencies and connects them to the collection\n * - Extracts and prepares common collection features (filters, search, actions, etc.)\n * - Returns standardized props that all final components (Table/Grid/TableGridSwitch) can use\n * - Provides consistent interface across all three rendering flows\n */\nexport function useBaseCollectionComponentReadyFeatures(\n  props: UseBaseCollectionComponentReadyFeaturesParams,\n) {\n  const { collection, config, asyncFeaturesState, baseStateParams } = props;\n\n  // Extract loaded common features from async state (shared by all flows)\n  const { commonCollectionFeatures } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // STEP 5A: Sync the collection state to app context for external access\n  // This allows other parts of the app to access current collection state\n  useSyncCollectionStateToAppContext({ collection });\n\n  // STEP 5B: Initialize async dependencies and connect them to the collection\n  // This ensures all loaded features are properly connected to the collection instance\n  useCollectionInitAsyncDeps(asyncFeaturesState, collection);\n\n  // STEP 5C: Prepare filter functionality if filters are loaded and configured\n  const filtersProps = commonCollectionFeatures?.useFilters(\n    config.filters,\n    baseStateParams,\n  );\n\n  // STEP 5D: Prepare common collection features (search, bulk actions, empty states, etc.)\n  const commonCollectionFeaturesProps =\n    commonCollectionFeatures?.useCommonCollectionFeatures({\n      ...config,\n      collectionState: collection,\n    });\n\n  // FINAL STEP: Return standardized props for use by final components\n  // These props are consumed by Table, Grid, and TableGridSwitch components\n  return {\n    ...commonCollectionFeaturesProps,\n    filters: filtersProps?.filterComponent,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,mCAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,uCAAuCA,CACrDC,KAAoD,EACpD;EACA,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGJ,KAAK;;EAEzE;EACA,MAAM;IAAEK;EAAyB,CAAC,GAAG,IAAAC,qBAAW,EAAC,OAAO;IACtD,GAAGH,kBAAkB,CAACI,MAAM,CAACC;EAC/B,CAAC,CAAC,CAAC;;EAEH;EACA;EACA,IAAAC,sEAAkC,EAAC;IAAER;EAAW,CAAC,CAAC;;EAElD;EACA;EACA,IAAAS,sDAA0B,EAACP,kBAAkB,EAAEF,UAAU,CAAC;;EAE1D;EACA,MAAMU,YAAY,GAAGN,wBAAwB,oBAAxBA,wBAAwB,CAAEO,UAAU,CACvDV,MAAM,CAACW,OAAO,EACdT,eACF,CAAC;;EAED;EACA,MAAMU,6BAA6B,GACjCT,wBAAwB,oBAAxBA,wBAAwB,CAAEU,2BAA2B,CAAC;IACpD,GAAGb,MAAM;IACTc,eAAe,EAAEf;EACnB,CAAC,CAAC;;EAEJ;EACA;EACA,OAAO;IACL,GAAGa,6BAA6B;IAChCD,OAAO,EAAEF,YAAY,oBAAZA,YAAY,CAAEM;EACzB,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/useBasePatternsStateParams.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useBasePatternsStateParams = useBasePatternsStateParams;
+var _useBaseCollectionParams = require("./useBaseCollectionParams");
+var _useFetchData = require("./useFetchData");
+var _useFiltersState = require("./useFiltersState");
+function useBasePatternsStateParams(config, props) {
+  const {
+    visibleFieldIds
+  } = props;
+  const {
+    filterFieldMapping,
+    filtersObject,
+    filters
+  } = (0, _useFiltersState.useFiltersState)(config.filters);
+  const {
+    fetchData
+  } = (0, _useFetchData.useFetchData)({
+    searchableFieldIds: visibleFieldIds,
+    filterFieldMapping
+  });
+  const params = (0, _useBaseCollectionParams.useBaseCollectionParams)({
+    config: config.collection,
+    fetchData,
+    filters: filtersObject
+  });
+  return {
+    params,
+    fetchData,
+    filterFieldMapping,
+    filtersObject,
+    filters
+  };
+}
+//# sourceMappingURL=useBasePatternsStateParams.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useBaseCollectionParams","require","_useFetchData","_useFiltersState","useBasePatternsStateParams","config","props","visibleFieldIds","filterFieldMapping","filtersObject","filters","useFiltersState","fetchData","useFetchData","searchableFieldIds","params","useBaseCollectionParams","collection"],"sources":["../../../src/hooks/useBasePatternsStateParams.ts"],"sourcesContent":["import { useBaseCollectionParams } from './useBaseCollectionParams';\nimport { useFetchData } from './useFetchData';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { useFiltersState } from './useFiltersState';\n\nexport interface UseBasePatternsStateParamsProps {\n  visibleFieldIds: string[];\n}\n\nexport function useBasePatternsStateParams(\n  config: BaseCollectionComponentConfig,\n  props: UseBasePatternsStateParamsProps,\n) {\n  const { visibleFieldIds } = props;\n\n  const { filterFieldMapping, filtersObject, filters } = useFiltersState(\n    config.filters,\n  );\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const params = useBaseCollectionParams({\n    config: config.collection,\n    fetchData,\n    filters: filtersObject,\n  });\n\n  return {\n    params,\n    fetchData,\n    filterFieldMapping,\n    filtersObject,\n    filters,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAMO,SAASG,0BAA0BA,CACxCC,MAAqC,EACrCC,KAAsC,EACtC;EACA,MAAM;IAAEC;EAAgB,CAAC,GAAGD,KAAK;EAEjC,MAAM;IAAEE,kBAAkB;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAG,IAAAC,gCAAe,EACpEN,MAAM,CAACK,OACT,CAAC;EAED,MAAM;IAAEE;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjCC,kBAAkB,EAAEP,eAAe;IACnCC;EACF,CAAC,CAAC;EAEF,MAAMO,MAAM,GAAG,IAAAC,gDAAuB,EAAC;IACrCX,MAAM,EAAEA,MAAM,CAACY,UAAU;IACzBL,SAAS;IACTF,OAAO,EAAED;EACX,CAAC,CAAC;EAEF,OAAO;IACLM,MAAM;IACNH,SAAS;IACTJ,kBAAkB;IAClBC,aAAa;IACbC;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/useCollectionInitAsyncDeps.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCollectionInitAsyncDeps = useCollectionInitAsyncDeps;
+var _react = require("react");
+function useCollectionInitAsyncDeps(asyncFeaturesState, collection) {
+  (0, _react.useState)(() => {
+    collection.hooks.addListener('beforeInitialFetch', () => {
+      if (asyncFeaturesState.status.isError) {
+        throw asyncFeaturesState.status.error;
+      }
+    });
+  });
+}
+//# sourceMappingURL=useCollectionInitAsyncDeps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useCollectionInitAsyncDeps","asyncFeaturesState","collection","useState","hooks","addListener","status","isError","error"],"sources":["../../../src/hooks/useCollectionInitAsyncDeps.ts"],"sourcesContent":["import { useState } from 'react';\nimport { CollectionState } from '@wix/patterns';\nimport { PromiseState } from '@wix/patterns/core';\n\nexport function useCollectionInitAsyncDeps(\n  asyncFeaturesState: PromiseState<any>,\n  collection: CollectionState<any, {}>,\n) {\n  useState(() => {\n    collection.hooks.addListener('beforeInitialFetch', () => {\n      if (asyncFeaturesState.status.isError) {\n        throw asyncFeaturesState.status.error;\n      }\n    });\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,SAASC,0BAA0BA,CACxCC,kBAAqC,EACrCC,UAAoC,EACpC;EACA,IAAAC,eAAQ,EAAC,MAAM;IACbD,UAAU,CAACE,KAAK,CAACC,WAAW,CAAC,oBAAoB,EAAE,MAAM;MACvD,IAAIJ,kBAAkB,CAACK,MAAM,CAACC,OAAO,EAAE;QACrC,MAAMN,kBAAkB,CAACK,MAAM,CAACE,KAAK;MACvC;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/hooks/useCommonCollectionFeatures.js

@@ -2,6 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+var _exportNames = {
+  useCommonCollectionFeatures: true
+};
 exports.useCommonCollectionFeatures = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useEmptyStates = require("./useEmptyStates");
@@ -11,6 +14,13 @@ var _useActionCell = require("./useActionCell");
 var _useBulkActionToolbar = require("./useBulkActionToolbar");
 var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
 var _useViews = require("./useViews");
+var _useFilters = require("./useFilters");
+Object.keys(_useFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFilters[key]) return;
+  exports[key] = _useFilters[key];
+});
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/hooks/useCommonCollectionFeatures.tsx";
 const useCommonCollectionFeatures = ({
   actionCell: actionCellConfig,
@@ -52,7 +62,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 65,
+            lineNumber: 67,
             columnNumber: 13
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -62,7 +72,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 66,
+            lineNumber: 68,
             columnNumber: 15
           }
         }, (_toolbarTitle$subtitl4 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl4 = _toolbarTitle$subtitl4.info) == null ? void 0 : _toolbarTitle$subtitl4.content.text), ((_toolbarTitle$subtitl5 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl5 = _toolbarTitle$subtitl5.info) == null ? void 0 : _toolbarTitle$subtitl5.content.link) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -77,7 +87,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 74,
+            lineNumber: 76,
             columnNumber: 17
           }
         }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
@@ -88,7 +98,7 @@ const useCommonCollectionFeatures = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 60,
       columnNumber: 5
     }
   }) : undefined;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_patterns","_designSystem","_useActionCell","_useBulkActionToolbar","_useAutoPatternsOptimisticActions","_useViews","_jsxFileName","useCommonCollectionFeatures","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionState","views","viewsConfig","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","optimisticActions","useAutoPatternsOptimisticActions","collectionConfig","useEmptyStates","useActionCell","config","collectionId","useBulkActionToolbar","useViews","shouldShowTitle","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","undefined","shown","exports"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionState, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useViews } from './useViews';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n  | 'views'\n> & {\n  collectionState: CollectionState<any>;\n};\n\nexport const useCommonCollectionFeatures = ({\n  actionCell: actionCellConfig,\n  bulkActionToolbar: bulkActionToolbarConfig,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n  collection,\n  collectionState,\n  views: viewsConfig,\n}: UseCommonCollectionFeaturesParams) => {\n  const optimisticActions = useAutoPatternsOptimisticActions({\n    collectionConfig: collection,\n    collectionState,\n  });\n\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n  const actionCell = useActionCell({\n    config: actionCellConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const bulkActionToolbar = useBulkActionToolbar({\n    config: bulkActionToolbarConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const views = useViews(viewsConfig);\n\n  const shouldShowTitle = toolbarTitle && !views;\n\n  const title = shouldShowTitle ? (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  ) : undefined;\n\n  return {\n    search: search?.shown !== false,\n    title,\n    views,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n    optimisticActions,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_patterns","_designSystem","_useActionCell","_useBulkActionToolbar","_useAutoPatternsOptimisticActions","_useViews","_useFilters","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_jsxFileName","useCommonCollectionFeatures","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionState","views","viewsConfig","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","optimisticActions","useAutoPatternsOptimisticActions","collectionConfig","useEmptyStates","useActionCell","config","collectionId","useBulkActionToolbar","useViews","shouldShowTitle","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","undefined","shown"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionState, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useViews } from './useViews';\n\nexport * from './useFilters';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n  | 'views'\n> & {\n  collectionState: CollectionState<any>;\n};\n\nexport const useCommonCollectionFeatures = ({\n  actionCell: actionCellConfig,\n  bulkActionToolbar: bulkActionToolbarConfig,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n  collection,\n  collectionState,\n  views: viewsConfig,\n}: UseCommonCollectionFeaturesParams) => {\n  const optimisticActions = useAutoPatternsOptimisticActions({\n    collectionConfig: collection,\n    collectionState,\n  });\n\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n  const actionCell = useActionCell({\n    config: actionCellConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const bulkActionToolbar = useBulkActionToolbar({\n    config: bulkActionToolbarConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const views = useViews(viewsConfig);\n\n  const shouldShowTitle = toolbarTitle && !views;\n\n  const title = shouldShowTitle ? (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  ) : undefined;\n\n  return {\n    search: search?.shown !== false,\n    title,\n    views,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n    optimisticActions,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useFilters.js

@@ -6,109 +6,24 @@ exports.useFilters = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _patterns = require("@wix/patterns");
-var _SchemaContext = require("../providers/SchemaContext");
-var _providers = require("../providers");
 var _filters = require("../components/filters");
-var _filterCreators = require("../utils/filterCreators");
+var _getFilterComponent = require("./getFilterComponent");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/hooks/useFilters.tsx";
-const useFilters = configuration => {
-  const schema = (0, _SchemaContext.useSchema)();
-  const schemaRegistry = (0, _providers.useSchemaRegistry)();
-  const [filters] = _react.default.useState(() => {
-    const currFilters = [];
-    configuration == null || configuration.items.forEach(filter => {
-      const {
-        id,
-        fieldId
-      } = filter;
-      const fieldDefinition = schema.fields[fieldId];
-      if (!fieldDefinition) {
-        return;
-      }
-      const label = filter.displayName || fieldDefinition.displayName;
-      const {
-        openByDefault,
-        tagLabel,
-        sectionTitle
-      } = filter;
-      const baseParams = {
-        id,
-        fieldId,
-        commonFilterProps: {
-          sectionTitle,
-          initiallyOpen: openByDefault,
-          accordionItemProps: {
-            label
-          },
-          toolbarItemProps: {
-            label
-          },
-          toolbarTagProps: {
-            label: tagLabel
-          }
-        }
-      };
-      switch (fieldDefinition.type) {
-        case 'DATE':
-        case 'DATETIME':
-          currFilters.push((0, _filterCreators.createDateTimeFilter)({
-            ...baseParams,
-            config: filter.dateConfig
-          }));
-          break;
-        case 'BOOLEAN':
-          currFilters.push((0, _filterCreators.createBooleanFilter)({
-            ...baseParams,
-            config: filter.booleanConfig
-          }));
-          break;
-        case 'NUMBER':
-          currFilters.push((0, _filterCreators.createNumberFilter)({
-            ...baseParams,
-            config: filter.numberConfig
-          }));
-          break;
-        case 'REFERENCE':
-          {
-            const {
-              referencedCollectionId
-            } = fieldDefinition.referenceMetadata;
-            const referencedSchema = schemaRegistry.getSchema(referencedCollectionId);
-            if (referencedSchema) {
-              currFilters.push((0, _filterCreators.createReferenceFilter)({
-                ...baseParams,
-                config: filter.dynamicOptionsConfig,
-                additionalParams: {
-                  referencedSchema
-                }
-              }));
-            }
-            break;
-          }
-        default:
-          if (filter != null && filter.enumConfig) {
-            currFilters.push((0, _filterCreators.createEnumFilter)({
-              ...baseParams,
-              config: filter.enumConfig
-            }));
-          }
-          break;
-      }
-    });
-    return currFilters;
-  });
-  const filterFieldMapping = _react.default.useMemo(() => {
-    return configuration == null ? void 0 : configuration.items.reduce((acc, filter) => {
-      acc[filter.id] = filter;
-      return acc;
-    }, {});
-  }, [configuration == null ? void 0 : configuration.items]);
+const useFilters = (configuration, filtersState) => {
+  const {
+    filters,
+    filterFieldMapping,
+    filtersObject
+  } = filtersState;
   const collectionToolbarFiltersProps = _react.default.useMemo(() => ({
     inline: (configuration == null ? void 0 : configuration.maxInlineFilters) || 0,
     panelTitle: configuration == null ? void 0 : configuration.panelTitle
   }), [configuration]);
-  const filtersData = filters.reduce((acc, filter) => {
-    acc.filters[filter.key] = filter.filter;
+  const filtersWithComponents = filters.map(filter => ({
+    ...filter,
+    component: (0, _getFilterComponent.getFilterComponent)(filter)
+  })).filter(filter => filter.component !== null);
+  const filtersData = filtersWithComponents.reduce((acc, filter) => {
     acc.components.push(filter.collectionData ? /*#__PURE__*/_react.default.createElement(_filters.StaticCollectionFilter, (0, _extends2.default)({
       filter: filter.filter,
       key: filter.key,
@@ -118,7 +33,7 @@ const useFilters = configuration => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 155,
+        lineNumber: 56,
         columnNumber: 11
       }
     })) : filter.collectionId ? /*#__PURE__*/_react.default.createElement(_filters.DynamicCollectionFilter, (0, _extends2.default)({
@@ -131,7 +46,7 @@ const useFilters = configuration => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 163,
+        lineNumber: 64,
         columnNumber: 11
       }
     })) : /*#__PURE__*/_react.default.createElement(filter.component, (0, _extends2.default)({
@@ -141,24 +56,23 @@ const useFilters = configuration => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 73,
         columnNumber: 11
       }
     })));
     return acc;
   }, {
-    filters: {},
     components: [],
     collectionToolbarFiltersProps
   });
   return {
     filterFieldMapping,
-    filtersObject: filtersData.filters,
+    filtersObject,
     filterComponent: filtersData.components.length > 0 ? /*#__PURE__*/_react.default.createElement(_patterns.CollectionToolbarFilters, (0, _extends2.default)({}, collectionToolbarFiltersProps, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 190,
+        lineNumber: 91,
         columnNumber: 9
       }
     }), filtersData.components) : undefined

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_SchemaContext","_providers","_filters","_filterCreators","_jsxFileName","useFilters","configuration","schema","useSchema","schemaRegistry","useSchemaRegistry","filters","React","useState","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","type","push","createDateTimeFilter","config","dateConfig","createBooleanFilter","booleanConfig","createNumberFilter","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","createReferenceFilter","dynamicOptionsConfig","additionalParams","enumConfig","createEnumFilter","filterFieldMapping","useMemo","reduce","acc","collectionToolbarFiltersProps","inline","maxInlineFilters","panelTitle","filtersData","key","components","collectionData","default","createElement","StaticCollectionFilter","_extends2","component","props","__self","__source","fileName","lineNumber","columnNumber","collectionId","DynamicCollectionFilter","componentName","filtersObject","filterComponent","length","CollectionToolbarFilters","undefined","exports"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n  Filter,\n} from '@wix/patterns';\nimport { Filter as SchemaFilterType, FiltersConfig } from '../types';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useSchemaRegistry } from '../providers';\nimport {\n  StaticCollectionFilter,\n  DynamicCollectionFilter,\n} from '../components/filters';\nimport {\n  createDateTimeFilter,\n  createBooleanFilter,\n  createNumberFilter,\n  createEnumFilter,\n  createReferenceFilter,\n} from '../utils/filterCreators';\n\nexport interface FilterOptions {\n  key: string;\n  fieldId: string;\n  filter: Filter<any>;\n  component: React.ElementType;\n  collectionData?: { id: string; name: string }[];\n  collectionId?: string;\n  componentName?: string;\n  props: Record<string, any>;\n}\n\nexport interface ReturnValue {\n  filters: { [key: string]: Filter<any> };\n  components: React.JSX.Element[];\n  collectionToolbarFiltersProps: Pick<\n    CollectionToolbarFiltersProps,\n    'inline' | 'panelTitle' | 'useNewFilters'\n  >;\n}\n\nexport const useFilters = (configuration?: FiltersConfig) => {\n  const schema = useSchema();\n  const schemaRegistry = useSchemaRegistry();\n  const [filters] = React.useState(() => {\n    const currFilters: FilterOptions[] = [];\n    configuration?.items.forEach((filter) => {\n      const { id, fieldId } = filter;\n      const fieldDefinition = schema.fields[fieldId];\n      if (!fieldDefinition) {\n        return;\n      }\n\n      const label = filter.displayName || fieldDefinition.displayName;\n      const { openByDefault, tagLabel, sectionTitle } = filter;\n\n      const baseParams = {\n        id,\n        fieldId,\n        commonFilterProps: {\n          sectionTitle,\n          initiallyOpen: openByDefault,\n          accordionItemProps: { label },\n          toolbarItemProps: { label },\n          toolbarTagProps: { label: tagLabel },\n        },\n      };\n\n      switch (fieldDefinition.type) {\n        case 'DATE':\n        case 'DATETIME':\n          currFilters.push(\n            createDateTimeFilter({\n              ...baseParams,\n              config: filter.dateConfig,\n            }),\n          );\n          break;\n\n        case 'BOOLEAN':\n          currFilters.push(\n            createBooleanFilter({\n              ...baseParams,\n              config: filter.booleanConfig,\n            }),\n          );\n          break;\n\n        case 'NUMBER':\n          currFilters.push(\n            createNumberFilter({\n              ...baseParams,\n              config: filter.numberConfig,\n            }),\n          );\n          break;\n\n        case 'REFERENCE': {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const referencedSchema = schemaRegistry.getSchema(\n            referencedCollectionId,\n          );\n\n          if (referencedSchema) {\n            currFilters.push(\n              createReferenceFilter({\n                ...baseParams,\n                config: filter.dynamicOptionsConfig,\n                additionalParams: {\n                  referencedSchema,\n                },\n              }),\n            );\n          }\n          break;\n        }\n\n        default:\n          if (filter?.enumConfig) {\n            currFilters.push(\n              createEnumFilter({\n                ...baseParams,\n                config: filter.enumConfig,\n              }),\n            );\n          }\n          break;\n      }\n    });\n    return currFilters;\n  });\n\n  const filterFieldMapping = React.useMemo(() => {\n    return configuration?.items.reduce((acc, filter) => {\n      acc[filter.id] = filter;\n      return acc;\n    }, {} as Record<string, SchemaFilterType>);\n  }, [configuration?.items]);\n\n  const collectionToolbarFiltersProps = React.useMemo<\n    Pick<CollectionToolbarFiltersProps, 'inline' | 'panelTitle'>\n  >(\n    () => ({\n      inline: configuration?.maxInlineFilters || 0,\n      panelTitle: configuration?.panelTitle,\n    }),\n    [configuration],\n  );\n\n  const filtersData = filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.components.push(\n        filter.collectionData ? (\n          <StaticCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionData={filter.collectionData}\n            {...filter.props}\n          />\n        ) : filter.collectionId ? (\n          <DynamicCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionId={filter.collectionId}\n            componentName={filter.props.componentName}\n            {...filter.props}\n          />\n        ) : (\n          <filter.component\n            key={filter.key}\n            filter={filter.filter}\n            {...filter.props}\n          />\n        ),\n      );\n\n      return acc;\n    },\n    { filters: {}, components: [], collectionToolbarFiltersProps },\n  );\n\n  return {\n    filterFieldMapping,\n    filtersObject: filtersData.filters,\n    filterComponent:\n      filtersData.components.length > 0 ? (\n        <CollectionToolbarFilters {...collectionToolbarFiltersProps}>\n          {filtersData.components}\n        </CollectionToolbarFilters>\n      ) : undefined,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_filters","_getFilterComponent","_jsxFileName","useFilters","configuration","filtersState","filters","filterFieldMapping","filtersObject","collectionToolbarFiltersProps","React","useMemo","inline","maxInlineFilters","panelTitle","filtersWithComponents","map","filter","component","getFilterComponent","filtersData","reduce","acc","components","push","collectionData","default","createElement","StaticCollectionFilter","_extends2","key","props","__self","__source","fileName","lineNumber","columnNumber","collectionId","DynamicCollectionFilter","componentName","filterComponent","length","CollectionToolbarFilters","undefined","exports"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n} from '@wix/patterns';\nimport { FiltersConfig } from '../types';\nimport {\n  DynamicCollectionFilter,\n  StaticCollectionFilter,\n} from '../components/filters';\nimport { FilterOptions, useFiltersState } from './useFiltersState';\nimport { getFilterComponent } from './getFilterComponent';\n\nexport interface FilterOptionsWithComponent extends FilterOptions {\n  component: ElementType;\n}\n\nexport interface ReturnValue {\n  components: React.JSX.Element[];\n  collectionToolbarFiltersProps: Pick<\n    CollectionToolbarFiltersProps,\n    'inline' | 'panelTitle' | 'useNewFilters'\n  >;\n}\n\nexport const useFilters = (\n  configuration: FiltersConfig | undefined,\n  filtersState: ReturnType<typeof useFiltersState>,\n) => {\n  const { filters, filterFieldMapping, filtersObject } = filtersState;\n\n  const collectionToolbarFiltersProps = React.useMemo<\n    Pick<CollectionToolbarFiltersProps, 'inline' | 'panelTitle'>\n  >(\n    () => ({\n      inline: configuration?.maxInlineFilters || 0,\n      panelTitle: configuration?.panelTitle,\n    }),\n    [configuration],\n  );\n\n  const filtersWithComponents = filters\n    .map((filter) => ({\n      ...filter,\n      component: getFilterComponent(filter),\n    }))\n    .filter(\n      (filter): filter is FilterOptionsWithComponent =>\n        filter.component !== null,\n    );\n\n  const filtersData = filtersWithComponents.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.components.push(\n        filter.collectionData ? (\n          <StaticCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionData={filter.collectionData}\n            {...filter.props}\n          />\n        ) : filter.collectionId ? (\n          <DynamicCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionId={filter.collectionId}\n            componentName={filter.props.componentName}\n            {...filter.props}\n          />\n        ) : (\n          <filter.component\n            key={filter.key}\n            filter={filter.filter}\n            {...filter.props}\n          />\n        ),\n      );\n\n      return acc;\n    },\n    { components: [], collectionToolbarFiltersProps },\n  );\n\n  return {\n    filterFieldMapping,\n    filtersObject,\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/useFiltersState.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useFiltersState = useFiltersState;
+var _providers = require("../providers");
+var _react = _interopRequireDefault(require("react"));
+var _filterCreators = require("../utils/filterCreators");
+function useFiltersState(config) {
+  const schema = (0, _providers.useSchema)();
+  const schemaRegistry = (0, _providers.useSchemaRegistry)();
+  const [filters] = _react.default.useState(() => {
+    const currFilters = [];
+    config == null || config.items.forEach(filter => {
+      const {
+        id,
+        fieldId
+      } = filter;
+      const fieldDefinition = schema.fields[fieldId];
+      if (!fieldDefinition) {
+        return;
+      }
+      const label = filter.displayName || fieldDefinition.displayName;
+      const {
+        openByDefault,
+        tagLabel,
+        sectionTitle
+      } = filter;
+      const baseParams = {
+        id,
+        fieldId,
+        fieldDefinition,
+        commonFilterProps: {
+          sectionTitle,
+          initiallyOpen: openByDefault,
+          accordionItemProps: {
+            label
+          },
+          toolbarItemProps: {
+            label
+          },
+          toolbarTagProps: {
+            label: tagLabel
+          }
+        }
+      };
+      switch (fieldDefinition.type) {
+        case 'DATE':
+        case 'DATETIME':
+          currFilters.push((0, _filterCreators.createDateTimeFilter)({
+            ...baseParams,
+            config: filter.dateConfig
+          }));
+          break;
+        case 'BOOLEAN':
+          currFilters.push((0, _filterCreators.createBooleanFilter)({
+            ...baseParams,
+            config: filter.booleanConfig
+          }));
+          break;
+        case 'NUMBER':
+          currFilters.push((0, _filterCreators.createNumberFilter)({
+            ...baseParams,
+            config: filter.numberConfig
+          }));
+          break;
+        case 'REFERENCE':
+          {
+            const {
+              referencedCollectionId
+            } = fieldDefinition.referenceMetadata;
+            const referencedSchema = schemaRegistry.getSchema(referencedCollectionId);
+            if (referencedSchema) {
+              currFilters.push((0, _filterCreators.createReferenceFilter)({
+                ...baseParams,
+                config: filter.dynamicOptionsConfig,
+                additionalParams: {
+                  referencedSchema
+                }
+              }));
+            }
+            break;
+          }
+        default:
+          if (filter != null && filter.enumConfig) {
+            currFilters.push((0, _filterCreators.createEnumFilter)({
+              ...baseParams,
+              config: filter.enumConfig
+            }));
+          }
+          break;
+      }
+    });
+    return currFilters;
+  });
+  const filterFieldMapping = _react.default.useMemo(() => {
+    return config == null ? void 0 : config.items.reduce((acc, filter) => {
+      acc[filter.id] = filter;
+      return acc;
+    }, {});
+  }, [config == null ? void 0 : config.items]);
+  const filtersObject = filters.reduce((acc, filter) => {
+    acc[filter.key] = filter.filter;
+    return acc;
+  }, {});
+  return {
+    filters,
+    filterFieldMapping,
+    filtersObject
+  };
+}
+//# sourceMappingURL=useFiltersState.js.map