@wix/auto-patterns 1.43.0 → 1.45.0

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

@@ -4,59 +4,159 @@ 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,
-    horizontalScroll: true,
-    stickyColumns: stickyColumns,
-    stickySelectionColumn: stickySelectionColumn,
-    showTitleBar: showTitleBar,
-    sections: sections,
+    columns: [],
+    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: 139,
+        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: 150,
+      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","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      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/components/{AutoPatternsEntityPage/Fields → fields}/Checkbox.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.Checkbox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/Checkbox.tsx";
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Checkbox.tsx";
 const Checkbox = props => {
   const {
     field,

package/dist/cjs/components/fields/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","Checkbox","props","field","onChange","value","default","createElement","checked","e","target","dataHook","id","__self","__source","fileName","lineNumber","columnNumber","displayName","exports"],"sources":["../../../../src/components/fields/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CheckboxWSR } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface CheckboxProps extends BaseInputProps<boolean> {}\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const { field, onChange, value } = props;\n\n  return (\n    <CheckboxWSR\n      checked={value}\n      onChange={(e) => {\n        onChange(e.target.checked);\n      }}\n      dataHook={`checkbox-${field.id}`}\n    >\n      {field.displayName}\n    </CheckboxWSR>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6D,IAAAE,YAAA;AAKtD,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAE,QAAW;IACVO,OAAO,EAAEH,KAAM;IACfD,QAAQ,EAAGK,CAAC,IAAK;MACfL,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYR,KAAK,CAACS,EAAE,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhCd,KAAK,CAACe,WACI,CAAC;AAElB,CAAC;AAACC,OAAA,CAAAlB,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/cjs/components/{AutoPatternsEntityPage/Fields → fields}/DateInput.js

@@ -7,7 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _dates = require("./utils/dates");
 var _patterns = require("@wix/patterns");
 var _form = require("@wix/patterns/form");
-var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/DateInput.tsx";
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/DateInput.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function validateDateField(value, validation, t, format, validationType) {
@@ -21,22 +21,23 @@ function validateDateField(value, validation, t, format, validationType) {
   return '';
 }
 const DateInput = props => {
-  var _pageState$entity, _field$validation;
+  var _field$validation;
   const {
     field,
     dataHook,
-    inputRef
+    inputRef,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
     ...container
   } = (0, _patterns.useWixPatternsContainer)();
   (0, _patterns.useSelector)(() => container.initTask.status);
-  const pageState = (0, _patterns.useEntityPageContext)();
   const controller = (0, _form.useController)({
     name: (field == null ? void 0 : field.id) ?? '',
-    control: pageState.form.control,
-    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
         const error = validateDateField(value, field.validation, t);
@@ -59,7 +60,7 @@ const DateInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 65,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
@@ -101,7 +102,7 @@ const DateInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 70,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/fields/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_dates","_patterns","_form","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","validateDateField","value","validation","format","validationType","required","undefined","dateFormat","DateInput","props","_field$validation","field","dataHook","inputRef","formControl","data","translate","container","useWixPatternsContainer","useSelector","initTask","status","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","invalid","statusMessage","exports"],"sources":["../../../../src/components/fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}