@wix/auto-patterns 1.42.0 → 1.44.0

package/dist/cjs/components/AutoPatternsRoute/AutoPatternsPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SchemaContext","_SkeletonEntity","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsCollectionPage","lazy","Promise","resolve","then","module","AutoPatternsEntityPage","AutoPatternsPage","pageConfig","type","collectionPage","entityPage","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","configuration","SchemaProvider","collection","skeleton","SkeletonEntity","exports"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { PageConfig } from '../../types';\nimport { SchemaProvider } from '../../providers/SchemaContext';\nimport { SkeletonEntity } from '../AutoPatternsEntityPage/SkeletonEntity';\n\nconst AutoPatternsCollectionPage = lazy(() =>\n  import('../AutoPatternsCollectionPage').then((module) => ({\n    default: module.AutoPatternsCollectionPage,\n  })),\n);\nconst AutoPatternsEntityPage = lazy(() =>\n  import('../AutoPatternsEntityPage').then((module) => ({\n    default: module.AutoPatternsEntityPage,\n  })),\n);\n\nexport interface AutoPatternsPageProps {\n  pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n  const { type, collectionPage, entityPage } = pageConfig;\n\n  switch (type) {\n    case 'collectionPage':\n      if (collectionPage) {\n        return (\n          <Suspense fallback={<div />}>\n            <AutoPatternsCollectionPage configuration={collectionPage} />\n          </Suspense>\n        );\n      }\n      break;\n    case 'entityPage':\n      if (entityPage) {\n        return (\n          <SchemaProvider\n            collection={entityPage}\n            skeleton={<SkeletonEntity entityPage={entityPage} />}\n          >\n            <Suspense fallback={<SkeletonEntity entityPage={entityPage} />}>\n              <AutoPatternsEntityPage configuration={entityPage} />\n            </Suspense>\n          </SchemaProvider>\n        );\n      }\n      break;\n    default:\n      break;\n  }\n\n  return null;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SchemaContext","_SkeletonEntity","_AutoPatternsCollectionPage","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsEntityPage","lazy","Promise","resolve","then","module","AutoPatternsPage","pageConfig","type","collectionPage","entityPage","createElement","AutoPatternsCollectionPage","configuration","__self","__source","fileName","lineNumber","columnNumber","SchemaProvider","collection","skeleton","SkeletonEntity","Suspense","fallback","exports"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { PageConfig } from '../../types';\nimport { SchemaProvider } from '../../providers/SchemaContext';\nimport { SkeletonEntity } from '../AutoPatternsEntityPage/SkeletonEntity';\nimport { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';\n\nconst AutoPatternsEntityPage = lazy(() =>\n  import('../AutoPatternsEntityPage').then((module) => ({\n    default: module.AutoPatternsEntityPage,\n  })),\n);\n\nexport interface AutoPatternsPageProps {\n  pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n  const { type, collectionPage, entityPage } = pageConfig;\n\n  switch (type) {\n    case 'collectionPage':\n      if (collectionPage) {\n        return <AutoPatternsCollectionPage configuration={collectionPage} />;\n      }\n      break;\n    case 'entityPage':\n      if (entityPage) {\n        return (\n          <SchemaProvider\n            collection={entityPage}\n            skeleton={<SkeletonEntity entityPage={entityPage} />}\n          >\n            <Suspense fallback={<SkeletonEntity entityPage={entityPage} />}>\n              <AutoPatternsEntityPage configuration={entityPage} />\n            </Suspense>\n          </SchemaProvider>\n        );\n      }\n      break;\n    default:\n      break;\n  }\n\n  return null;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AutoPatternsTable/AutoPatternsTable.js

@@ -4,59 +4,160 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsTable = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _patterns = require("@wix/patterns");
-var _hooks = require("../../hooks");
+var _useBasePatternsStateParams = require("../../hooks/useBasePatternsStateParams");
+var _useTableFeaturesAsync = require("../../hooks/useTableFeaturesAsync");
+var _useBaseCollectionComponentReadyFeatures = require("../../hooks/useBaseCollectionComponentReadyFeatures");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/AutoPatternsTable/AutoPatternsTable.tsx";
-const AutoPatternsTable = ({
-  configuration
-}) => {
+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; }
+/**
+ * AutoPatternsTableLoaded - Step 4 in Table Flow
+ *
+ * FLOW 1: AutoPatternsCollectionComponent → AutoPatternsTable → useTableFeaturesAsync → [AutoPatternsTableLoaded] → useBaseCollectionComponentReadyFeatures → Table
+ *
+ * This component renders when all async features have been loaded and are ready.
+ * It represents the "loaded" state of the table flow and handles:
+ *
+ * Key Responsibilities:
+ * - Creates the table collection state using loaded async features
+ * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation
+ * - Extracts and applies table-specific features (baseTableFeatures, sections, dragAndDrop)
+ * - Renders the final Table component with all features combined
+ * - Merges all feature props into a single props object for the Table
+ */
+const AutoPatternsTableLoaded = props => {
   const {
-    state,
-    columns,
-    customColumns,
-    search,
-    title,
-    emptyState,
-    filters,
-    views,
-    actionCell,
-    bulkActionToolbar,
-    onRowClick,
-    stickyColumns,
-    stickySelectionColumn,
-    showTitleBar,
+    config,
+    asyncFeaturesState,
+    baseStateParams,
+    dataHook
+  } = props;
+
+  // Extract loaded async features from the successful feature loading state
+  const {
+    baseTableFeatures,
     sections,
-    dragAndDropProps,
-    dataExtension
-  } = (0, _hooks.useTableFeatures)(configuration);
+    dragAndDrop
+  } = (0, _patterns.useSelector)(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // Create table collection state with the loaded async dependencies
+  const state = (0, _patterns.useTableCollection)(baseStateParams.params);
+
+  // STEP 5: Call shared hook that prepares final collection features
+  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)
+  const baseCollectionComponentReadyFeatures = (0, _useBaseCollectionComponentReadyFeatures.useBaseCollectionComponentReadyFeatures)({
+    config,
+    collection: state.collection,
+    asyncFeaturesState,
+    baseStateParams
+  });
+
+  // Extract feature-specific props from loaded features
+  const dragAndDropProps = dragAndDrop == null || dragAndDrop.useTableDragAndDrop == null ? void 0 : dragAndDrop.useTableDragAndDrop(config);
+  const baseTableFeaturesProps = baseTableFeatures == null ? void 0 : baseTableFeatures.useBaseTableFeatures(config);
+  const sectionsProps = sections == null ? void 0 : sections.useTableSections(config);
+
+  // FINAL STEP: Render the fully-featured Table component
+  // Combines all loaded features into final table props
   return /*#__PURE__*/_react.default.createElement(_patterns.Table, (0, _extends2.default)({
-    dataHook: "auto-patterns-table",
-    search: search,
-    title: title,
+    dataHook: dataHook,
     state: state,
-    columns: columns,
-    dataExtension: dataExtension,
-    customColumns: customColumns
-  }, dragAndDropProps, {
-    actionCell: actionCell,
-    filters: filters,
-    views: views,
-    emptyState: emptyState,
-    bulkActionToolbar: bulkActionToolbar,
-    onRowClick: onRowClick,
+    columns: [],
     horizontalScroll: true,
-    stickyColumns: stickyColumns,
-    stickySelectionColumn: stickySelectionColumn,
-    showTitleBar: showTitleBar,
-    sections: sections,
+    useNewInfiniteScrollLoader: true
+  }, sectionsProps && {
+    sections: sectionsProps
+  }, baseTableFeaturesProps, baseCollectionComponentReadyFeatures, dragAndDropProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 70,
       columnNumber: 5
     }
   }));
 };
+
+/**
+ * AutoPatternsTable - Step 2 in Table Flow
+ *
+ * FLOW 1: AutoPatternsCollectionComponent → [AutoPatternsTable] → useTableFeaturesAsync → AutoPatternsTableLoaded → useBaseCollectionComponentReadyFeatures → Table
+ *
+ * This is the main table component that orchestrates the table rendering flow.
+ * It handles the loading states and coordinates between async feature loading and final rendering.
+ *
+ * Key Responsibilities:
+ * - Prepares visible field IDs from table column configuration
+ * - Calls useTableFeaturesAsync (Step 3) to load table-specific async features
+ * - Creates initial table state with basic collection
+ * - Monitors loading status and switches between loading/loaded states
+ * - Renders skeleton table during loading or AutoPatternsTableLoaded when ready
+ */
+const AutoPatternsTable = props => {
+  const {
+    config
+  } = props;
+
+  // Extract visible field IDs from table columns for data fetching optimization
+  const visibleFieldIds = (0, _react.useMemo)(() => config.columns.map(column => column.id), [config]);
+
+  // Initialize base state parameters with collection config and visible fields
+  const baseStateParams = (0, _useBasePatternsStateParams.useBasePatternsStateParams)(config, {
+    visibleFieldIds
+  });
+
+  // STEP 3: Load table-specific async features (drag&drop, sections, base table features)
+  const {
+    asyncFeaturesState
+  } = (0, _useTableFeaturesAsync.useTableFeaturesAsync)({
+    config
+  });
+
+  // Create patterns container and collection factory
+  const container = (0, _patterns.useWixPatternsContainer)();
+  const createCollection = (0, _patterns.useCreateCollection)();
+
+  // Initialize table state with basic collection (used during loading)
+  const [state] = (0, _react.useState)(() => new _patterns.TableState({
+    collection: createCollection(baseStateParams.params),
+    container
+  }));
+
+  // Monitor async features loading status
+  const isReady = (0, _patterns.useSelector)(() => asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError);
+  const dataHook = 'auto-patterns-table';
+  if (isReady) {
+    // STEP 4: All features loaded - render the fully-featured table
+    return /*#__PURE__*/_react.default.createElement(AutoPatternsTableLoaded, {
+      dataHook: dataHook,
+      config: config,
+      baseStateParams: baseStateParams,
+      asyncFeaturesState: asyncFeaturesState,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 140,
+        columnNumber: 7
+      }
+    });
+  }
+
+  // LOADING STATE: Render basic table skeleton while features are loading
+  return /*#__PURE__*/_react.default.createElement(_patterns.Table, {
+    dataHook: dataHook,
+    useNewInfiniteScrollLoader: true,
+    state: state,
+    columns: [],
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 151,
+      columnNumber: 5
+    }
+  });
+};
 exports.AutoPatternsTable = AutoPatternsTable;
 //# sourceMappingURL=AutoPatternsTable.js.map

package/dist/cjs/components/AutoPatternsTable/AutoPatternsTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_hooks","_jsxFileName","AutoPatternsTable","configuration","state","columns","customColumns","search","title","emptyState","filters","views","actionCell","bulkActionToolbar","onRowClick","stickyColumns","stickySelectionColumn","showTitleBar","sections","dragAndDropProps","dataExtension","useTableFeatures","default","createElement","Table","_extends2","dataHook","horizontalScroll","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '@wix/patterns';\nimport { TableConfig } from '../../types';\nimport { useTableFeatures } from '../../hooks';\n\nexport interface AutoPatternsTableContentProps {\n  configuration: TableConfig;\n}\n\nexport const AutoPatternsTable = ({\n  configuration,\n}: AutoPatternsTableContentProps) => {\n  const {\n    state,\n    columns,\n    customColumns,\n    search,\n    title,\n    emptyState,\n    filters,\n    views,\n    actionCell,\n    bulkActionToolbar,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n    sections,\n    dragAndDropProps,\n    dataExtension,\n  } = useTableFeatures(configuration);\n\n  return (\n    <Table\n      dataHook=\"auto-patterns-table\"\n      search={search}\n      title={title}\n      state={state}\n      columns={columns}\n      dataExtension={dataExtension}\n      customColumns={customColumns}\n      {...dragAndDropProps}\n      actionCell={actionCell}\n      filters={filters}\n      views={views}\n      emptyState={emptyState}\n      bulkActionToolbar={bulkActionToolbar}\n      onRowClick={onRowClick}\n      horizontalScroll\n      stickyColumns={stickyColumns}\n      stickySelectionColumn={stickySelectionColumn}\n      showTitleBar={showTitleBar}\n      sections={sections}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA+C,IAAAG,YAAA;AAMxC,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,aAAa;IACbC,MAAM;IACNC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC,KAAK;IACLC,UAAU;IACVC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZC,QAAQ;IACRC,gBAAgB;IAChBC;EACF,CAAC,GAAG,IAAAC,uBAAgB,EAAClB,aAAa,CAAC;EAEnC,oBACEP,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,SAAA,CAAAyB,KAAK,MAAAC,SAAA,CAAAH,OAAA;IACJI,QAAQ,EAAC,qBAAqB;IAC9BnB,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbJ,KAAK,EAAEA,KAAM;IACbC,OAAO,EAAEA,OAAQ;IACjBe,aAAa,EAAEA,aAAc;IAC7Bd,aAAa,EAAEA;EAAc,GACzBa,gBAAgB;IACpBP,UAAU,EAAEA,UAAW;IACvBF,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbF,UAAU,EAAEA,UAAW;IACvBI,iBAAiB,EAAEA,iBAAkB;IACrCC,UAAU,EAAEA,UAAW;IACvBa,gBAAgB;IAChBZ,aAAa,EAAEA,aAAc;IAC7BC,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,EACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA/B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_useBasePatternsStateParams","_useTableFeaturesAsync","_useBaseCollectionComponentReadyFeatures","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsTableLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","baseTableFeatures","sections","dragAndDrop","useSelector","status","data","state","useTableCollection","params","baseCollectionComponentReadyFeatures","useBaseCollectionComponentReadyFeatures","collection","dragAndDropProps","useTableDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","sectionsProps","useTableSections","createElement","Table","_extends2","columns","horizontalScroll","useNewInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsTable","visibleFieldIds","useMemo","map","column","id","useBasePatternsStateParams","useTableFeaturesAsync","container","useWixPatternsContainer","createCollection","useCreateCollection","useState","TableState","isReady","isSuccess","isError","exports"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Table,\n  TableState,\n  useCreateCollection,\n  useSelector,\n  useTableCollection,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { TableConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useTableFeaturesAsync } from '../../hooks/useTableFeaturesAsync';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsTableContentProps {\n  config: TableConfig;\n}\n\n/**\n * AutoPatternsTableLoaded - Step 4 in Table Flow\n *\n * FLOW 1: AutoPatternsCollectionComponent → AutoPatternsTable → useTableFeaturesAsync → [AutoPatternsTableLoaded] → useBaseCollectionComponentReadyFeatures → Table\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the table flow and handles:\n *\n * Key Responsibilities:\n * - Creates the table collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts and applies table-specific features (baseTableFeatures, sections, dragAndDrop)\n * - Renders the final Table component with all features combined\n * - Merges all feature props into a single props object for the Table\n */\nconst AutoPatternsTableLoaded = (\n  props: NonNullable<ReturnType<typeof useTableFeaturesAsync>> &\n    AutoPatternsTableContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract loaded async features from the successful feature loading state\n  const { baseTableFeatures, sections, dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create table collection state with the loaded async dependencies\n  const state = useTableCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract feature-specific props from loaded features\n  const dragAndDropProps = dragAndDrop?.useTableDragAndDrop?.(config);\n  const baseTableFeaturesProps =\n    baseTableFeatures?.useBaseTableFeatures(config);\n  const sectionsProps = sections?.useTableSections(config);\n\n  // FINAL STEP: Render the fully-featured Table component\n  // Combines all loaded features into final table props\n  return (\n    <Table\n      dataHook={dataHook}\n      state={state}\n      columns={[]}\n      horizontalScroll\n      useNewInfiniteScrollLoader\n      {...(sectionsProps && { sections: sectionsProps })}\n      {...baseTableFeaturesProps}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsTable - Step 2 in Table Flow\n *\n * FLOW 1: AutoPatternsCollectionComponent → [AutoPatternsTable] → useTableFeaturesAsync → AutoPatternsTableLoaded → useBaseCollectionComponentReadyFeatures → Table\n *\n * This is the main table component that orchestrates the table rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Prepares visible field IDs from table column configuration\n * - Calls useTableFeaturesAsync (Step 3) to load table-specific async features\n * - Creates initial table state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton table during loading or AutoPatternsTableLoaded when ready\n */\nexport const AutoPatternsTable = (props: AutoPatternsTableContentProps) => {\n  const { config } = props;\n\n  // Extract visible field IDs from table columns for data fetching optimization\n  const visibleFieldIds = useMemo(\n    () => config.columns.map((column) => column.id),\n    [config],\n  );\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load table-specific async features (drag&drop, sections, base table features)\n  const { asyncFeaturesState } = useTableFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize table state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new TableState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-table';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured table\n    return (\n      <AutoPatternsTableLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic table skeleton while features are loading\n  return (\n    <Table\n      dataHook={dataHook}\n      useNewInfiniteScrollLoader\n      state={state}\n      columns={[]}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.js

@@ -4,24 +4,184 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsTableGridSwitch = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _patterns = require("@wix/patterns");
-var _useTableGridSwitchFeatures = require("../../hooks/useTableGridSwitchFeatures");
+var _useBasePatternsStateParams = require("../../hooks/useBasePatternsStateParams");
+var _useTableGridSwitchFeaturesAsync = require("../../hooks/useTableGridSwitchFeaturesAsync");
+var _useBaseGridFeatures = require("../../hooks/useBaseGridFeatures");
+var _useBaseCollectionComponentReadyFeatures = require("../../hooks/useBaseCollectionComponentReadyFeatures");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.tsx";
-const AutoPatternsTableGridSwitch = ({
-  configuration
-}) => {
-  const props = (0, _useTableGridSwitchFeatures.useTableGridSwitchFeatures)(configuration);
+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; }
+/**
+ * AutoPatternsTableGridSwitchLoaded - Step 4 in TableGridSwitch Flow
+ *
+ * FLOW 3: AutoPatternsCollectionComponent → AutoPatternsTableGridSwitch → useTableGridSwitchFeaturesAsync → [AutoPatternsTableGridSwitchLoaded] → useBaseCollectionComponentReadyFeatures → TableGridSwitch
+ *
+ * This component renders when all async features have been loaded and are ready.
+ * It represents the "loaded" state of the table-grid switch flow and handles:
+ *
+ * Key Responsibilities:
+ * - Creates the table-grid-switch collection state using loaded async features
+ * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation
+ * - Combines both table features (baseTableFeatures) and grid features (renderItem, preset, imagePlacement)
+ * - Extracts async features like dragAndDrop if enabled
+ * - Renders the final TableGridSwitch component with all features combined
+ * - Provides both table columns AND grid display props to support switching
+ */
+const AutoPatternsTableGridSwitchLoaded = props => {
+  const {
+    config,
+    asyncFeaturesState,
+    baseStateParams,
+    dataHook
+  } = props;
+
+  // Extract grid-specific display features (for grid mode when user switches)
+  const {
+    renderItem,
+    imagePlacement,
+    preset
+  } = (0, _useBaseGridFeatures.useBaseGridFeatures)(config);
+
+  // Extract loaded async features from the successful feature loading state
+  const {
+    baseTableFeatures,
+    dragAndDrop
+  } = (0, _patterns.useSelector)(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // Create table-grid-switch collection state with the loaded async dependencies
+  const state = (0, _patterns.useTableGridSwitchCollection)(baseStateParams.params);
+
+  // STEP 5: Call shared hook that prepares final collection features
+  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)
+  const baseCollectionComponentReadyFeatures = (0, _useBaseCollectionComponentReadyFeatures.useBaseCollectionComponentReadyFeatures)({
+    config,
+    collection: state.collection,
+    asyncFeaturesState,
+    baseStateParams
+  });
+
+  // Extract table-grid-switch specific drag and drop props if feature is loaded
+  const dragAndDropProps = dragAndDrop == null || dragAndDrop.useTableGridSwitchDragAndDrop == null ? void 0 : dragAndDrop.useTableGridSwitchDragAndDrop(config);
+
+  // Extract table-specific features (for table mode when user switches)
+  const baseTableFeaturesProps = baseTableFeatures == null ? void 0 : baseTableFeatures.useBaseTableFeatures(config);
+
+  // FINAL STEP: Render the fully-featured TableGridSwitch component
+  // Combines table features, grid features, and switch functionality
   return /*#__PURE__*/_react.default.createElement(_patterns.TableGridSwitch, (0, _extends2.default)({
-    dataHook: "auto-patterns-table-grid-switch"
-  }, props, {
+    dataHook: dataHook,
+    preset: preset,
+    imagePlacement: imagePlacement,
+    renderItem: renderItem,
+    columns: [],
+    state: state
+  }, baseCollectionComponentReadyFeatures, baseTableFeaturesProps, dragAndDropProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
+      lineNumber: 76,
       columnNumber: 5
     }
   }));
 };
+
+/**
+ * AutoPatternsTableGridSwitch - Step 2 in TableGridSwitch Flow
+ *
+ * FLOW 3: AutoPatternsCollectionComponent → [AutoPatternsTableGridSwitch] → useTableGridSwitchFeaturesAsync → AutoPatternsTableGridSwitchLoaded → useBaseCollectionComponentReadyFeatures → TableGridSwitch
+ *
+ * This is the main table-grid-switch component that orchestrates the combined table/grid rendering flow.
+ * It handles both table and grid configurations simultaneously to support runtime switching.
+ *
+ * Key Responsibilities:
+ * - Merges visible field IDs from both table columns AND grid features for comprehensive data fetching
+ * - Extracts grid display features (renderItem, preset, imagePlacement) for grid mode
+ * - Calls useTableGridSwitchFeaturesAsync (Step 3) to load combined async features
+ * - Creates initial table-grid-switch state with basic collection
+ * - Monitors loading status and switches between loading/loaded states
+ * - Renders skeleton TableGridSwitch during loading or AutoPatternsTableGridSwitchLoaded when ready
+ */
+const AutoPatternsTableGridSwitch = props => {
+  const {
+    config
+  } = props;
+
+  // Extract visible field IDs from table columns (for table mode)
+  const tableVisibleFieldIds = (0, _react.useMemo)(() => config.columns.map(column => column.id), [config]);
+
+  // Extract grid display features and visible field IDs (for grid mode)
+  const {
+    renderItem,
+    imagePlacement,
+    preset,
+    visibleFieldIds: gridVisibleFieldIds
+  } = (0, _useBaseGridFeatures.useBaseGridFeatures)(config);
+
+  // IMPORTANT: Merge visible fields from BOTH table AND grid to support switching
+  // This ensures all necessary data is loaded regardless of current view mode
+  const visibleFieldIds = (0, _react.useMemo)(() => Array.from(new Set([...tableVisibleFieldIds, ...gridVisibleFieldIds])), [tableVisibleFieldIds, gridVisibleFieldIds]);
+
+  // Initialize base state parameters with collection config and combined visible fields
+  const baseStateParams = (0, _useBasePatternsStateParams.useBasePatternsStateParams)(config, {
+    visibleFieldIds
+  });
+
+  // STEP 3: Load table-grid-switch async features (combines table + grid features)
+  const {
+    asyncFeaturesState
+  } = (0, _useTableGridSwitchFeaturesAsync.useTableGridSwitchFeaturesAsync)({
+    config
+  });
+
+  // Create patterns container and collection factory
+  const container = (0, _patterns.useWixPatternsContainer)();
+  const createCollection = (0, _patterns.useCreateCollection)();
+
+  // Initialize table-grid-switch state with basic collection (used during loading)
+  const [state] = (0, _react.useState)(() => new _patterns.TableGridSwitchState({
+    collection: createCollection(baseStateParams.params),
+    container,
+    containerOverrides: {}
+  }));
+
+  // Monitor async features loading status
+  const isReady = (0, _patterns.useSelector)(() => asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError);
+  const dataHook = 'auto-patterns-table-grid-switch';
+  if (isReady) {
+    // STEP 4: All features loaded - render the fully-featured table-grid-switch
+    return /*#__PURE__*/_react.default.createElement(AutoPatternsTableGridSwitchLoaded, {
+      dataHook: dataHook,
+      config: config,
+      baseStateParams: baseStateParams,
+      asyncFeaturesState: asyncFeaturesState,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 166,
+        columnNumber: 7
+      }
+    });
+  }
+
+  // LOADING STATE: Render basic table-grid-switch skeleton while features are loading
+  return /*#__PURE__*/_react.default.createElement(_patterns.TableGridSwitch, {
+    dataHook: dataHook,
+    state: state,
+    columns: [],
+    preset: preset,
+    imagePlacement: imagePlacement,
+    renderItem: renderItem,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 177,
+      columnNumber: 5
+    }
+  });
+};
 exports.AutoPatternsTableGridSwitch = AutoPatternsTableGridSwitch;
 //# sourceMappingURL=AutoPatternsTableGridSwitch.js.map

package/dist/cjs/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_useTableGridSwitchFeatures","_jsxFileName","AutoPatternsTableGridSwitch","configuration","props","useTableGridSwitchFeatures","default","createElement","TableGridSwitch","_extends2","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport { TableGridSwitch } from '@wix/patterns';\nimport { TableGridSwitchConfig } from '../../types';\nimport { useTableGridSwitchFeatures } from '../../hooks/useTableGridSwitchFeatures';\n\nexport interface AutoPatternsTableGridSwitchProps {\n  configuration: TableGridSwitchConfig;\n}\n\nexport const AutoPatternsTableGridSwitch = ({\n  configuration,\n}: AutoPatternsTableGridSwitchProps) => {\n  const props = useTableGridSwitchFeatures(configuration);\n  return (\n    <TableGridSwitch dataHook=\"auto-patterns-table-grid-switch\" {...props} />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAAoF,IAAAG,YAAA;AAM7E,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAMC,KAAK,GAAG,IAAAC,sDAA0B,EAACF,aAAa,CAAC;EACvD,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAS,eAAe,MAAAC,SAAA,CAAAH,OAAA;IAACI,QAAQ,EAAC;EAAiC,GAAKN,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAE7E,CAAC;AAACC,OAAA,CAAAd,2BAAA,GAAAA,2BAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_useBasePatternsStateParams","_useTableGridSwitchFeaturesAsync","_useBaseGridFeatures","_useBaseCollectionComponentReadyFeatures","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsTableGridSwitchLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","useBaseGridFeatures","baseTableFeatures","dragAndDrop","useSelector","status","data","state","useTableGridSwitchCollection","params","baseCollectionComponentReadyFeatures","useBaseCollectionComponentReadyFeatures","collection","dragAndDropProps","useTableGridSwitchDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","createElement","TableGridSwitch","_extends2","columns","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsTableGridSwitch","tableVisibleFieldIds","useMemo","map","column","id","visibleFieldIds","gridVisibleFieldIds","Array","from","Set","useBasePatternsStateParams","useTableGridSwitchFeaturesAsync","container","useWixPatternsContainer","createCollection","useCreateCollection","useState","TableGridSwitchState","containerOverrides","isReady","isSuccess","isError","exports"],"sources":["../../../../src/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  TableGridSwitch,\n  TableGridSwitchState,\n  useCreateCollection,\n  useSelector,\n  useTableGridSwitchCollection,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { TableGridSwitchConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useTableGridSwitchFeaturesAsync } from '../../hooks/useTableGridSwitchFeaturesAsync';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsTableGridSwitchProps {\n  config: TableGridSwitchConfig;\n}\n\n/**\n * AutoPatternsTableGridSwitchLoaded - Step 4 in TableGridSwitch Flow\n *\n * FLOW 3: AutoPatternsCollectionComponent → AutoPatternsTableGridSwitch → useTableGridSwitchFeaturesAsync → [AutoPatternsTableGridSwitchLoaded] → useBaseCollectionComponentReadyFeatures → TableGridSwitch\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the table-grid switch flow and handles:\n *\n * Key Responsibilities:\n * - Creates the table-grid-switch collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Combines both table features (baseTableFeatures) and grid features (renderItem, preset, imagePlacement)\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final TableGridSwitch component with all features combined\n * - Provides both table columns AND grid display props to support switching\n */\nconst AutoPatternsTableGridSwitchLoaded = (\n  props: NonNullable<ReturnType<typeof useTableGridSwitchFeaturesAsync>> &\n    AutoPatternsTableGridSwitchProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (for grid mode when user switches)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { baseTableFeatures, dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create table-grid-switch collection state with the loaded async dependencies\n  const state = useTableGridSwitchCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract table-grid-switch specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useTableGridSwitchDragAndDrop?.(config);\n\n  // Extract table-specific features (for table mode when user switches)\n  const baseTableFeaturesProps =\n    baseTableFeatures?.useBaseTableFeatures(config);\n\n  // FINAL STEP: Render the fully-featured TableGridSwitch component\n  // Combines table features, grid features, and switch functionality\n  return (\n    <TableGridSwitch\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      columns={[]}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...baseTableFeaturesProps}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsTableGridSwitch - Step 2 in TableGridSwitch Flow\n *\n * FLOW 3: AutoPatternsCollectionComponent → [AutoPatternsTableGridSwitch] → useTableGridSwitchFeaturesAsync → AutoPatternsTableGridSwitchLoaded → useBaseCollectionComponentReadyFeatures → TableGridSwitch\n *\n * This is the main table-grid-switch component that orchestrates the combined table/grid rendering flow.\n * It handles both table and grid configurations simultaneously to support runtime switching.\n *\n * Key Responsibilities:\n * - Merges visible field IDs from both table columns AND grid features for comprehensive data fetching\n * - Extracts grid display features (renderItem, preset, imagePlacement) for grid mode\n * - Calls useTableGridSwitchFeaturesAsync (Step 3) to load combined async features\n * - Creates initial table-grid-switch state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton TableGridSwitch during loading or AutoPatternsTableGridSwitchLoaded when ready\n */\nexport const AutoPatternsTableGridSwitch = (\n  props: AutoPatternsTableGridSwitchProps,\n) => {\n  const { config } = props;\n\n  // Extract visible field IDs from table columns (for table mode)\n  const tableVisibleFieldIds = useMemo(\n    () => config.columns.map((column) => column.id),\n    [config],\n  );\n\n  // Extract grid display features and visible field IDs (for grid mode)\n  const {\n    renderItem,\n    imagePlacement,\n    preset,\n    visibleFieldIds: gridVisibleFieldIds,\n  } = useBaseGridFeatures(config);\n\n  // IMPORTANT: Merge visible fields from BOTH table AND grid to support switching\n  // This ensures all necessary data is loaded regardless of current view mode\n  const visibleFieldIds = useMemo(\n    () =>\n      Array.from(new Set([...tableVisibleFieldIds, ...gridVisibleFieldIds])),\n    [tableVisibleFieldIds, gridVisibleFieldIds],\n  );\n\n  // Initialize base state parameters with collection config and combined visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load table-grid-switch async features (combines table + grid features)\n  const { asyncFeaturesState } = useTableGridSwitchFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize table-grid-switch state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new TableGridSwitchState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n        containerOverrides: {},\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-table-grid-switch';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured table-grid-switch\n    return (\n      <AutoPatternsTableGridSwitchLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic table-grid-switch skeleton while features are loading\n  return (\n    <TableGridSwitch\n      dataHook={dataHook}\n      state={state}\n      columns={[]}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/getCommonCollectionFeaturesAsync.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getCommonCollectionFeaturesAsync = getCommonCollectionFeaturesAsync;
+var _pluginsDynamicImports = require("./pluginsDynamicImports");
+function getCommonCollectionFeaturesAsync() {
+  return {
+    commonCollectionFeatures: () => (0, _pluginsDynamicImports.importCommonCollectionFeatures)()
+  };
+}
+//# sourceMappingURL=getCommonCollectionFeaturesAsync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_pluginsDynamicImports","require","getCommonCollectionFeaturesAsync","commonCollectionFeatures","importCommonCollectionFeatures"],"sources":["../../../src/hooks/getCommonCollectionFeaturesAsync.ts"],"sourcesContent":["import { importCommonCollectionFeatures } from './pluginsDynamicImports';\n\nexport function getCommonCollectionFeaturesAsync() {\n  return {\n    commonCollectionFeatures: () => importCommonCollectionFeatures(),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEO,SAASC,gCAAgCA,CAAA,EAAG;EACjD,OAAO;IACLC,wBAAwB,EAAEA,CAAA,KAAM,IAAAC,qDAA8B,EAAC;EACjE,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/getFilterComponent.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getFilterComponent = getFilterComponent;
+var _patterns = require("@wix/patterns");
+function getFilterComponent(filter) {
+  switch (filter.fieldDefinition.type) {
+    case 'DATE':
+    case 'DATETIME':
+      return _patterns.DateRangeFilter;
+    case 'BOOLEAN':
+      return _patterns.RadioGroupFilter;
+    case 'NUMBER':
+      return _patterns.NumberRangeFilter;
+    case 'REFERENCE':
+      {
+        var _filter$dynamicOption;
+        return (filter == null || (_filter$dynamicOption = filter.dynamicOptionsFilterConfig) == null ? void 0 : _filter$dynamicOption.selectionMode) === 'single' ? _patterns.AutoCompleteFilter : _patterns.MultiSelectCollectionFilter;
+      }
+    default:
+      if (filter != null && filter.enumConfig) {
+        const {
+          selectionMode,
+          optionType,
+          options
+        } = filter.enumConfig;
+        const inlineComponentThreshold = 5;
+        let component;
+        if (selectionMode === 'single') {
+          component = options.length > inlineComponentThreshold ? _patterns.AutoCompleteFilter : _patterns.RadioGroupFilter;
+          if (optionType === 'select') {
+            component = _patterns.AutoCompleteFilter;
+          } else if (optionType === 'radio') {
+            component = _patterns.RadioGroupFilter;
+          }
+        } else {
+          component = options.length > inlineComponentThreshold ? _patterns.MultiSelectCheckboxFilter : _patterns.MultiInlineCheckboxFilter;
+          if (optionType === 'select') {
+            component = _patterns.MultiSelectCollectionFilter;
+          } else if (optionType === 'inlineCheckbox') {
+            component = _patterns.MultiInlineCheckboxFilter;
+          } else if (optionType === 'checkbox') {
+            component = _patterns.MultiSelectCheckboxFilter;
+          }
+        }
+        return component;
+      }
+      break;
+  }
+  return null;
+}
+//# sourceMappingURL=getFilterComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_patterns","require","getFilterComponent","filter","fieldDefinition","type","DateRangeFilter","RadioGroupFilter","NumberRangeFilter","_filter$dynamicOption","dynamicOptionsFilterConfig","selectionMode","AutoCompleteFilter","MultiSelectCollectionFilter","enumConfig","optionType","options","inlineComponentThreshold","component","length","MultiSelectCheckboxFilter","MultiInlineCheckboxFilter"],"sources":["../../../src/hooks/getFilterComponent.ts"],"sourcesContent":["import { FilterOptions } from './useFiltersState';\nimport {\n  AutoCompleteFilter,\n  DateRangeFilter,\n  MultiInlineCheckboxFilter,\n  MultiSelectCheckboxFilter,\n  MultiSelectCollectionFilter,\n  NumberRangeFilter,\n  RadioGroupFilter,\n} from '@wix/patterns';\nimport { ElementType } from 'react';\n\nexport function getFilterComponent(filter: FilterOptions): ElementType | null {\n  switch (filter.fieldDefinition.type) {\n    case 'DATE':\n    case 'DATETIME':\n      return DateRangeFilter;\n\n    case 'BOOLEAN':\n      return RadioGroupFilter;\n\n    case 'NUMBER':\n      return NumberRangeFilter;\n\n    case 'REFERENCE': {\n      return filter?.dynamicOptionsFilterConfig?.selectionMode === 'single'\n        ? AutoCompleteFilter\n        : MultiSelectCollectionFilter;\n    }\n\n    default:\n      if (filter?.enumConfig) {\n        const { selectionMode, optionType, options } = filter.enumConfig;\n\n        const inlineComponentThreshold = 5;\n\n        let component;\n\n        if (selectionMode === 'single') {\n          component =\n            options.length > inlineComponentThreshold\n              ? AutoCompleteFilter\n              : RadioGroupFilter;\n          if (optionType === 'select') {\n            component = AutoCompleteFilter;\n          } else if (optionType === 'radio') {\n            component = RadioGroupFilter;\n          }\n        } else {\n          component =\n            options.length > inlineComponentThreshold\n              ? MultiSelectCheckboxFilter\n              : MultiInlineCheckboxFilter;\n          if (optionType === 'select') {\n            component = MultiSelectCollectionFilter;\n          } else if (optionType === 'inlineCheckbox') {\n            component = MultiInlineCheckboxFilter;\n          } else if (optionType === 'checkbox') {\n            component = MultiSelectCheckboxFilter;\n          }\n        }\n\n        return component;\n      }\n      break;\n  }\n\n  return null;\n}\n"],"mappings":";;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAWO,SAASC,kBAAkBA,CAACC,MAAqB,EAAsB;EAC5E,QAAQA,MAAM,CAACC,eAAe,CAACC,IAAI;IACjC,KAAK,MAAM;IACX,KAAK,UAAU;MACb,OAAOC,yBAAe;IAExB,KAAK,SAAS;MACZ,OAAOC,0BAAgB;IAEzB,KAAK,QAAQ;MACX,OAAOC,2BAAiB;IAE1B,KAAK,WAAW;MAAE;QAAA,IAAAC,qBAAA;QAChB,OAAO,CAAAN,MAAM,aAAAM,qBAAA,GAANN,MAAM,CAAEO,0BAA0B,qBAAlCD,qBAAA,CAAoCE,aAAa,MAAK,QAAQ,GACjEC,4BAAkB,GAClBC,qCAA2B;MACjC;IAEA;MACE,IAAIV,MAAM,YAANA,MAAM,CAAEW,UAAU,EAAE;QACtB,MAAM;UAAEH,aAAa;UAAEI,UAAU;UAAEC;QAAQ,CAAC,GAAGb,MAAM,CAACW,UAAU;QAEhE,MAAMG,wBAAwB,GAAG,CAAC;QAElC,IAAIC,SAAS;QAEb,IAAIP,aAAa,KAAK,QAAQ,EAAE;UAC9BO,SAAS,GACPF,OAAO,CAACG,MAAM,GAAGF,wBAAwB,GACrCL,4BAAkB,GAClBL,0BAAgB;UACtB,IAAIQ,UAAU,KAAK,QAAQ,EAAE;YAC3BG,SAAS,GAAGN,4BAAkB;UAChC,CAAC,MAAM,IAAIG,UAAU,KAAK,OAAO,EAAE;YACjCG,SAAS,GAAGX,0BAAgB;UAC9B;QACF,CAAC,MAAM;UACLW,SAAS,GACPF,OAAO,CAACG,MAAM,GAAGF,wBAAwB,GACrCG,mCAAyB,GACzBC,mCAAyB;UAC/B,IAAIN,UAAU,KAAK,QAAQ,EAAE;YAC3BG,SAAS,GAAGL,qCAA2B;UACzC,CAAC,MAAM,IAAIE,UAAU,KAAK,gBAAgB,EAAE;YAC1CG,SAAS,GAAGG,mCAAyB;UACvC,CAAC,MAAM,IAAIN,UAAU,KAAK,UAAU,EAAE;YACpCG,SAAS,GAAGE,mCAAyB;UACvC;QACF;QAEA,OAAOF,SAAS;MAClB;MACA;EACJ;EAEA,OAAO,IAAI;AACb","ignoreList":[]}

package/dist/cjs/hooks/index.js

@@ -5,13 +5,6 @@ var _exportNames = {
   useAppContext: true
 };
 exports.useAppContext = void 0;
-var _useTableFeatures = require("./useTableFeatures");
-Object.keys(_useTableFeatures).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useTableFeatures[key]) return;
-  exports[key] = _useTableFeatures[key];
-});
 var _useFilters = require("./useFilters");
 Object.keys(_useFilters).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -19,12 +12,12 @@ Object.keys(_useFilters).forEach(function (key) {
   if (key in exports && exports[key] === _useFilters[key]) return;
   exports[key] = _useFilters[key];
 });
-var _useGridFeatures = require("./useGridFeatures");
-Object.keys(_useGridFeatures).forEach(function (key) {
+var _useGridFeaturesAsync = require("./useGridFeaturesAsync");
+Object.keys(_useGridFeaturesAsync).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useGridFeatures[key]) return;
-  exports[key] = _useGridFeatures[key];
+  if (key in exports && exports[key] === _useGridFeaturesAsync[key]) return;
+  exports[key] = _useGridFeaturesAsync[key];
 });
 var _useNavigationUtils = require("./useNavigationUtils");
 Object.keys(_useNavigationUtils).forEach(function (key) {

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

@@ -1 +1 @@
-{"version":3,"names":["_useTableFeatures","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_useFilters","_useGridFeatures","_useNavigationUtils","_usePagePath","_useEntityPageHeaderTexts","_AppContext","useAppContext"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableFeatures';\nexport * from './useFilters';\nexport * from './useGridFeatures';\nexport * from './useNavigationUtils';\nexport * from './usePagePath';\nexport * from './useEntityPageHeaderTexts';\nexport { useAppContext } from '../providers/AppContext';\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAM,WAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,gBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,gBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAO,gBAAA,CAAAP,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAO,gBAAA,CAAAP,GAAA;AAAA;AACA,IAAAQ,mBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,mBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAQ,mBAAA,CAAAR,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAQ,mBAAA,CAAAR,GAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAS,YAAA,CAAAT,GAAA;AAAA;AACA,IAAAU,yBAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,yBAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,yBAAA,CAAAV,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAU,yBAAA,CAAAV,GAAA;AAAA;AACA,IAAAW,WAAA,GAAAf,OAAA;AAAwDS,OAAA,CAAAO,aAAA,GAAAD,WAAA,CAAAC,aAAA","ignoreList":[]}
+{"version":3,"names":["_useFilters","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_useGridFeaturesAsync","_useNavigationUtils","_usePagePath","_useEntityPageHeaderTexts","_AppContext","useAppContext"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useFilters';\nexport * from './useGridFeaturesAsync';\nexport * from './useNavigationUtils';\nexport * from './usePagePath';\nexport * from './useEntityPageHeaderTexts';\nexport { useAppContext } from '../providers/AppContext';\n"],"mappings":";;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,WAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,qBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,qBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAM,qBAAA,CAAAN,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAM,qBAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,mBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,mBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAO,mBAAA,CAAAP,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAO,mBAAA,CAAAP,GAAA;AAAA;AACA,IAAAQ,YAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,YAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAQ,YAAA,CAAAR,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAQ,YAAA,CAAAR,GAAA;AAAA;AACA,IAAAS,yBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,yBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,yBAAA,CAAAT,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAS,yBAAA,CAAAT,GAAA;AAAA;AACA,IAAAU,WAAA,GAAAd,OAAA;AAAwDS,OAAA,CAAAM,aAAA,GAAAD,WAAA,CAAAC,aAAA","ignoreList":[]}