@wix/auto-patterns 1.20.0 → 1.22.0

package/dist/cjs/components/AutoPatternsCollectionComponent/AutoPatternsCollectionComponent.js

@@ -0,0 +1,109 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AutoPatternsCollectionComponent = void 0;
+var _AutoPatternsTableGridSwitch = require("../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch");
+var _AutoPatternsTable = require("../AutoPatternsTable");
+var _AutoPatternsGrid = require("../AutoPatternsGrid");
+var _providers = require("../../providers");
+var _SkeletonCollection = require("../AutoPatternsCollectionPageContent/SkeletonCollection");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsCollectionComponent/AutoPatternsCollectionComponent.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AutoPatternsCollectionComponent = ({
+  component,
+  index
+}) => {
+  const {
+    layout,
+    ...sharedConfig
+  } = component;
+  const memoized = (0, _react.useMemo)(() => {
+    var _layout$find, _layout$find2;
+    if (!(layout != null && layout.length)) {
+      return {
+        componentToRender: null,
+        componentType: 'Table'
+      };
+    }
+    const tableConfig = (_layout$find = layout.find(item => item.type === 'Table')) == null ? void 0 : _layout$find.table;
+    const gridConfig = (_layout$find2 = layout.find(item => item.type === 'Grid')) == null ? void 0 : _layout$find2.grid;
+    let componentType = 'Table';
+    let componentToRender = null;
+    if (tableConfig && gridConfig) {
+      const config = {
+        ...sharedConfig,
+        ...tableConfig,
+        ...gridConfig
+      };
+      componentToRender = /*#__PURE__*/_react.default.createElement(_AutoPatternsTableGridSwitch.AutoPatternsTableGridSwitch, {
+        configuration: config,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 39,
+          columnNumber: 9
+        }
+      });
+    } else if (tableConfig) {
+      const config = {
+        ...sharedConfig,
+        ...tableConfig
+      };
+      componentToRender = /*#__PURE__*/_react.default.createElement(_AutoPatternsTable.AutoPatternsTable, {
+        configuration: config,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 43,
+          columnNumber: 27
+        }
+      });
+    } else if (gridConfig) {
+      componentType = 'Grid';
+      const config = {
+        ...sharedConfig,
+        ...gridConfig
+      };
+      componentToRender = /*#__PURE__*/_react.default.createElement(_AutoPatternsGrid.AutoPatternsGrid, {
+        configuration: config,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 47,
+          columnNumber: 27
+        }
+      });
+    }
+    return {
+      componentToRender,
+      componentType
+    };
+  }, [layout, sharedConfig]);
+  const {
+    componentToRender,
+    componentType
+  } = memoized;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, componentToRender ? /*#__PURE__*/_react.default.createElement(_providers.SchemaProvider, {
+    key: `${sharedConfig.collection.collectionId}-${index}`,
+    collection: sharedConfig.collection,
+    skeleton: /*#__PURE__*/_react.default.createElement(_SkeletonCollection.SkeletonCollection, {
+      componentType: componentType,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 21
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 58,
+      columnNumber: 9
+    }
+  }, componentToRender) : null);
+};
+exports.AutoPatternsCollectionComponent = AutoPatternsCollectionComponent;
+//# sourceMappingURL=AutoPatternsCollectionComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_AutoPatternsTableGridSwitch","require","_AutoPatternsTable","_AutoPatternsGrid","_providers","_SkeletonCollection","_react","_interopRequireWildcard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsCollectionComponent","component","index","layout","sharedConfig","memoized","useMemo","_layout$find","_layout$find2","length","componentToRender","componentType","tableConfig","find","item","type","table","gridConfig","grid","config","createElement","AutoPatternsTableGridSwitch","configuration","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsTable","AutoPatternsGrid","Fragment","SchemaProvider","key","collection","collectionId","skeleton","SkeletonCollection","exports"],"sources":["../../../../src/components/AutoPatternsCollectionComponent/AutoPatternsCollectionComponent.tsx"],"sourcesContent":["import { CollectionComponentConfig } from '../../types';\nimport { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\nimport { SchemaProvider } from '../../providers';\nimport { SkeletonCollection } from '../AutoPatternsCollectionPageContent/SkeletonCollection';\nimport React, { useMemo } from 'react';\n\nexport const AutoPatternsCollectionComponent = ({\n  component,\n  index,\n}: {\n  component: CollectionComponentConfig;\n  index: number;\n}) => {\n  const { layout, ...sharedConfig } = component;\n\n  const memoized = useMemo(() => {\n    if (!layout?.length) {\n      return {\n        componentToRender: null,\n        componentType: 'Table' as 'Table' | 'Grid',\n      };\n    }\n\n    const tableConfig = layout.find((item) => item.type === 'Table')?.table;\n    const gridConfig = layout.find((item) => item.type === 'Grid')?.grid;\n\n    let componentType: 'Table' | 'Grid' = 'Table';\n    let componentToRender: React.ReactNode = null;\n\n    if (tableConfig && gridConfig) {\n      const config = {\n        ...sharedConfig,\n        ...tableConfig,\n        ...gridConfig,\n      };\n      componentToRender = (\n        <AutoPatternsTableGridSwitch configuration={config} />\n      );\n    } else if (tableConfig) {\n      const config = { ...sharedConfig, ...tableConfig };\n      componentToRender = <AutoPatternsTable configuration={config} />;\n    } else if (gridConfig) {\n      componentType = 'Grid';\n      const config = { ...sharedConfig, ...gridConfig };\n      componentToRender = <AutoPatternsGrid configuration={config} />;\n    }\n\n    return { componentToRender, componentType };\n  }, [layout, sharedConfig]);\n\n  const { componentToRender, componentType } = memoized;\n\n  return (\n    <>\n      {componentToRender ? (\n        <SchemaProvider\n          key={`${sharedConfig.collection.collectionId}-${index}`}\n          collection={sharedConfig.collection}\n          skeleton={<SkeletonCollection componentType={componentType} />}\n        >\n          {componentToRender}\n        </SchemaProvider>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js

@@ -6,7 +6,6 @@ exports.AutoPatternsCollectionPage = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _page = require("@wix/patterns/page");
 var _AutoPatternsCollectionPageContent = require("../AutoPatternsCollectionPageContent");
-var _providers = require("../../providers");
 var _useCollectionPageActions = require("../../hooks/useCollectionPageActions");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx";
 const AutoPatternsCollectionPage = ({
@@ -19,14 +18,13 @@ const AutoPatternsCollectionPage = ({
   const actions = (0, _useCollectionPageActions.useCollectionPageActions)({
     collectionPageActions: configuration.actions
   });
-  const context = (0, _providers.usePatternsWizardOverridesContext)();
   return /*#__PURE__*/_react.default.createElement(_page.CollectionPage, {
     height: "100vh",
     dataHook: "auto-patterns-page",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 21,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_page.CollectionPage.Header, {
@@ -37,29 +35,22 @@ const AutoPatternsCollectionPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 22,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_page.CollectionPage.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 28,
       columnNumber: 7
     }
-  }, context != null && context.HeaderAddon ? /*#__PURE__*/_react.default.createElement(context.HeaderAddon, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 32,
-      columnNumber: 33
-    }
-  }) : null, /*#__PURE__*/_react.default.createElement(_AutoPatternsCollectionPageContent.AutoPatternsCollectionPageContent, {
+  }, /*#__PURE__*/_react.default.createElement(_AutoPatternsCollectionPageContent.AutoPatternsCollectionPageContent, {
     configuration: configuration,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 29,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_page","_AutoPatternsCollectionPageContent","_providers","_useCollectionPageActions","_jsxFileName","AutoPatternsCollectionPage","configuration","title","subtitle","actions","useCollectionPageActions","collectionPageActions","context","usePatternsWizardOverridesContext","default","createElement","CollectionPage","height","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","primaryAction","primaryActions","secondaryActions","Content","HeaderAddon","AutoPatternsCollectionPageContent","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { usePatternsWizardOverridesContext } from '../../providers';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  const context = usePatternsWizardOverridesContext();\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={actions.primaryActions}\n        secondaryActions={actions.secondaryActions}\n      />\n      <CollectionPage.Content>\n        {context?.HeaderAddon ? <context.HeaderAddon /> : null}\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n    </CollectionPage>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kCAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAMzE,MAAMC,0BAEZ,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACzB,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EAEzC,MAAMG,OAAO,GAAG,IAAAC,kDAAwB,EAAC;IACvCC,qBAAqB,EAAEL,aAAa,CAACG;EACvC,CAAC,CAAC;EAEF,MAAMG,OAAO,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EAEnD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,cAAc;IAACC,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC,oBAAoB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1D1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,cAAc,CAACQ,MAAM;IACpBjB,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBiB,aAAa,EAAEhB,OAAO,CAACiB,cAAe;IACtCC,gBAAgB,EAAElB,OAAO,CAACkB,gBAAiB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAAC,eACF1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,cAAc,CAACY,OAAO;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpBX,OAAO,YAAPA,OAAO,CAAEiB,WAAW,gBAAGhC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACH,OAAO,CAACiB,WAAW;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAG,IAAI,eACtD1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,kCAAA,CAAA6B,iCAAiC;IAACxB,aAAa,EAAEA,aAAc;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC;AAACQ,OAAA,CAAA1B,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_page","_AutoPatternsCollectionPageContent","_useCollectionPageActions","_jsxFileName","AutoPatternsCollectionPage","configuration","title","subtitle","actions","useCollectionPageActions","collectionPageActions","default","createElement","CollectionPage","height","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","primaryAction","primaryActions","secondaryActions","Content","AutoPatternsCollectionPageContent","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={actions.primaryActions}\n        secondaryActions={actions.secondaryActions}\n      />\n      <CollectionPage.Content>\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n    </CollectionPage>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kCAAA,GAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAAgF,IAAAI,YAAA;AAMzE,MAAMC,0BAEZ,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACzB,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EAEzC,MAAMG,OAAO,GAAG,IAAAC,kDAAwB,EAAC;IACvCC,qBAAqB,EAAEL,aAAa,CAACG;EACvC,CAAC,CAAC;EAEF,oBACEX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,cAAc;IAACC,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC,oBAAoB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1DvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,cAAc,CAACQ,MAAM;IACpBf,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBe,aAAa,EAAEd,OAAO,CAACe,cAAe;IACtCC,gBAAgB,EAAEhB,OAAO,CAACgB,gBAAiB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAAC,eACFvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,cAAc,CAACY,OAAO;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrBvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,kCAAA,CAAAyB,iCAAiC;IAACrB,aAAa,EAAEA,aAAc;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC;AAACO,OAAA,CAAAvB,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js

@@ -4,11 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsCollectionPageContent = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _AutoPatternsTable = require("../AutoPatternsTable");
-var _AutoPatternsGrid = require("../AutoPatternsGrid");
-var _AutoPatternsTableGridSwitch = require("../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch");
 var _providers = require("../../providers");
-var _SkeletonCollection = require("./SkeletonCollection");
+var _AutoPatternsCollectionComponent = require("../AutoPatternsCollectionComponent/AutoPatternsCollectionComponent");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx";
 const AutoPatternsCollectionPageContent = ({
   configuration
@@ -16,83 +13,37 @@ const AutoPatternsCollectionPageContent = ({
   const {
     components
   } = configuration;
+  const overrides = (0, _providers.usePatternsWizardOverridesContext)();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, components.map((component, index) => {
-    var _layout$find, _layout$find2;
-    const {
-      layout,
-      ...sharedConfig
-    } = component;
-    if (!(layout != null && layout.length)) {
-      return null;
-    }
-    const tableConfig = (_layout$find = layout.find(item => item.type === 'Table')) == null ? void 0 : _layout$find.table;
-    const gridConfig = (_layout$find2 = layout.find(item => item.type === 'Grid')) == null ? void 0 : _layout$find2.grid;
-    let componentType = 'Table';
-    let componentToRender = null;
-    if (tableConfig && gridConfig) {
-      const config = {
-        ...sharedConfig,
-        ...tableConfig,
-        ...gridConfig
-      };
-      componentToRender = /*#__PURE__*/_react.default.createElement(_AutoPatternsTableGridSwitch.AutoPatternsTableGridSwitch, {
-        configuration: config,
+    if (component.type === 'collection') {
+      return /*#__PURE__*/_react.default.createElement(_AutoPatternsCollectionComponent.AutoPatternsCollectionComponent, {
+        key: `collection-${component.collection.collectionId}-${index}`,
+        component: component,
+        index: index,
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 42,
+          lineNumber: 22,
           columnNumber: 15
         }
       });
-    } else if (tableConfig) {
-      const config = {
-        ...sharedConfig,
-        ...tableConfig
-      };
-      componentToRender = /*#__PURE__*/_react.default.createElement(_AutoPatternsTable.AutoPatternsTable, {
-        configuration: config,
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 46,
-          columnNumber: 33
-        }
-      });
-    } else if (gridConfig) {
-      componentType = 'Grid';
-      const config = {
-        ...sharedConfig,
-        ...gridConfig
-      };
-      componentToRender = /*#__PURE__*/_react.default.createElement(_AutoPatternsGrid.AutoPatternsGrid, {
-        configuration: config,
+    } else if (component.type === 'custom') {
+      var _overrides$slots;
+      const CustomComponent = overrides == null || (_overrides$slots = overrides.slots) == null ? void 0 : _overrides$slots[component.id];
+      if (!CustomComponent) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(CustomComponent, {
+        key: `custom-${component.id}-${index}`,
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 50,
-          columnNumber: 33
+          lineNumber: 35,
+          columnNumber: 20
         }
       });
     }
-    return componentToRender ? /*#__PURE__*/_react.default.createElement(_providers.SchemaProvider, {
-      key: `${sharedConfig.collection.collectionId}-${index}`,
-      collection: sharedConfig.collection,
-      skeleton: /*#__PURE__*/_react.default.createElement(_SkeletonCollection.SkeletonCollection, {
-        componentType: componentType,
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 57,
-          columnNumber: 25
-        }
-      }),
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 54,
-        columnNumber: 13
-      }
-    }, componentToRender) : null;
+    return null;
   }).filter(Boolean));
 };
 exports.AutoPatternsCollectionPageContent = AutoPatternsCollectionPageContent;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTable","_AutoPatternsGrid","_AutoPatternsTableGridSwitch","_providers","_SkeletonCollection","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","default","createElement","Fragment","map","component","index","_layout$find","_layout$find2","layout","sharedConfig","length","tableConfig","find","item","type","table","gridConfig","grid","componentType","componentToRender","config","AutoPatternsTableGridSwitch","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsTable","AutoPatternsGrid","SchemaProvider","key","collection","collectionId","skeleton","SkeletonCollection","filter","Boolean","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\nimport { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';\nimport { SchemaProvider } from '../../providers';\nimport { SkeletonCollection } from './SkeletonCollection';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components\n        .map((component, index) => {\n          const { layout, ...sharedConfig } = component;\n\n          if (!layout?.length) {\n            return null;\n          }\n\n          const tableConfig = layout.find(\n            (item) => item.type === 'Table',\n          )?.table;\n          const gridConfig = layout.find((item) => item.type === 'Grid')?.grid;\n          let componentType: 'Table' | 'Grid' = 'Table';\n\n          let componentToRender = null;\n\n          if (tableConfig && gridConfig) {\n            const config = {\n              ...sharedConfig,\n              ...tableConfig,\n              ...gridConfig,\n            };\n            componentToRender = (\n              <AutoPatternsTableGridSwitch configuration={config} />\n            );\n          } else if (tableConfig) {\n            const config = { ...sharedConfig, ...tableConfig };\n            componentToRender = <AutoPatternsTable configuration={config} />;\n          } else if (gridConfig) {\n            componentType = 'Grid';\n            const config = { ...sharedConfig, ...gridConfig };\n            componentToRender = <AutoPatternsGrid configuration={config} />;\n          }\n\n          return componentToRender ? (\n            <SchemaProvider\n              key={`${sharedConfig.collection.collectionId}-${index}`}\n              collection={sharedConfig.collection}\n              skeleton={<SkeletonCollection componentType={componentType} />}\n            >\n              {componentToRender}\n            </SchemaProvider>\n          ) : null;\n        })\n        .filter(Boolean)}\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_AutoPatternsCollectionComponent","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","overrides","usePatternsWizardOverridesContext","default","createElement","Fragment","map","component","index","type","AutoPatternsCollectionComponent","key","collection","collectionId","__self","__source","fileName","lineNumber","columnNumber","_overrides$slots","CustomComponent","slots","id","filter","Boolean","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPageConfig } from '../../types';\nimport { usePatternsWizardOverridesContext } from '../../providers';\nimport { AutoPatternsCollectionComponent } from '../AutoPatternsCollectionComponent/AutoPatternsCollectionComponent';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  const overrides = usePatternsWizardOverridesContext();\n\n  return (\n    <>\n      {components\n        .map((component, index) => {\n          if (component.type === 'collection') {\n            return (\n              <AutoPatternsCollectionComponent\n                key={`collection-${component.collection.collectionId}-${index}`}\n                component={component}\n                index={index}\n              />\n            );\n          } else if (component.type === 'custom') {\n            const CustomComponent = overrides?.slots?.[component.id];\n\n            if (!CustomComponent) {\n              return null;\n            }\n\n            return <CustomComponent key={`custom-${component.id}-${index}`} />;\n          }\n\n          return null;\n        })\n        .filter(Boolean)}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,gCAAA,GAAAF,OAAA;AAAqH,IAAAG,YAAA;AAM9G,MAAMC,iCAAiC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EACpC,MAAME,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EAErD,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAE,QAAA,QACGL,UAAU,CACRM,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IACzB,IAAID,SAAS,CAACE,IAAI,KAAK,YAAY,EAAE;MACnC,oBACEjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,gCAAA,CAAAc,+BAA+B;QAC9BC,GAAG,EAAE,cAAcJ,SAAS,CAACK,UAAU,CAACC,YAAY,IAAIL,KAAK,EAAG;QAChED,SAAS,EAAEA,SAAU;QACrBC,KAAK,EAAEA,KAAM;QAAAM,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnB,YAAA;UAAAoB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACd,CAAC;IAEN,CAAC,MAAM,IAAIX,SAAS,CAACE,IAAI,KAAK,QAAQ,EAAE;MAAA,IAAAU,gBAAA;MACtC,MAAMC,eAAe,GAAGnB,SAAS,aAAAkB,gBAAA,GAATlB,SAAS,CAAEoB,KAAK,qBAAhBF,gBAAA,CAAmBZ,SAAS,CAACe,EAAE,CAAC;MAExD,IAAI,CAACF,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,oBAAO5B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACgB,eAAe;QAACT,GAAG,EAAE,UAAUJ,SAAS,CAACe,EAAE,IAAId,KAAK,EAAG;QAAAM,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnB,YAAA;UAAAoB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IACpE;IAEA,OAAO,IAAI;EACb,CAAC,CAAC,CACDK,MAAM,CAACC,OAAO,CACjB,CAAC;AAEP,CAAC;AAACC,OAAA,CAAA3B,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/Fields/ImageInput.js

@@ -21,6 +21,7 @@ const ImageInput = props => {
     ...container
   } = (0, _patterns.useWixPatternsContainer)();
   (0, _patterns.useSelector)(() => container.initTask.status);
+  const isMobile = (0, _patterns.useIsMobile)();
   const pageState = (0, _patterns.useEntityPageContext)();
   async function openMedia() {
     try {
@@ -59,14 +60,14 @@ const ImageInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 61,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ImageViewer, {
     imageUrl: imageUrl,
     dataHook: `image-${field.id}`,
-    onAddImage: () => openMedia(),
-    onUpdateImage: () => openMedia(),
+    onAddImage: isMobile ? undefined : () => openMedia(),
+    onUpdateImage: isMobile ? undefined : () => openMedia(),
     updateImageInfo: t('cairo.replace-image.tooltip'),
     removeImageInfo: t('cairo.remove-image.tooltip'),
     addImageInfo: t('cairo.add-image.tooltip'),
@@ -77,7 +78,7 @@ const ImageInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/AutoPatternsEntityPage/Fields/ImageInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_getImageUrl","_dashboard","_jsxFileName","ImageInput","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","openMedia","_chosenMediaItems$ite","chosenMediaItems","dashboard","openMediaManager","multiSelect","category","newImage","items","media","image","controller","onChange","error","console","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","imageUrl","getImageUrl","default","createElement","FormField","label","displayName","fieldState","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","ImageViewer","onAddImage","onUpdateImage","updateImageInfo","removeImageInfo","addImageInfo","height","width","fit","onRemoveImage","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ImageInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, ImageViewer } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { getImageUrl } from '../../../utils/media/getImageUrl';\nimport { dashboard } from '@wix/dashboard';\n\nexport interface ImageInputProps extends BaseInputProps<string> {}\n\nexport const ImageInput = (props: ImageInputProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const pageState = useEntityPageContext();\n\n  async function openMedia() {\n    try {\n      const chosenMediaItems = await dashboard.openMediaManager({\n        multiSelect: false,\n        category: 'IMAGE',\n      });\n\n      const newImage = chosenMediaItems?.items[0]?.media?.image?.image;\n\n      controller.field.onChange(newImage);\n    } catch (error) {\n      console.error('Error opening Media Manager or no files selected:', error);\n    }\n  }\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const imageUrl =\n    controller.field.value && getImageUrl(controller.field.value);\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <ImageViewer\n        imageUrl={imageUrl}\n        dataHook={`image-${field.id}`}\n        onAddImage={() => openMedia()}\n        onUpdateImage={() => openMedia()}\n        updateImageInfo={t('cairo.replace-image.tooltip')}\n        removeImageInfo={t('cairo.remove-image.tooltip')}\n        addImageInfo={t('cairo.add-image.tooltip')}\n        height=\"120px\"\n        width=\"25%\"\n        fit=\"cover\"\n        onRemoveImage={() => controller.field.onChange(null)}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_getImageUrl","_dashboard","_jsxFileName","ImageInput","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","container","useWixPatternsContainer","useSelector","initTask","status","isMobile","useIsMobile","pageState","useEntityPageContext","openMedia","_chosenMediaItems$ite","chosenMediaItems","dashboard","openMediaManager","multiSelect","category","newImage","items","media","image","controller","onChange","error","console","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","imageUrl","getImageUrl","default","createElement","FormField","label","displayName","fieldState","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","ImageViewer","onAddImage","onUpdateImage","updateImageInfo","removeImageInfo","addImageInfo","height","width","fit","onRemoveImage","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ImageInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, ImageViewer } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useIsMobile,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { getImageUrl } from '../../../utils/media/getImageUrl';\nimport { dashboard } from '@wix/dashboard';\n\nexport interface ImageInputProps extends BaseInputProps<string> {}\n\nexport const ImageInput = (props: ImageInputProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const isMobile = useIsMobile();\n  const pageState = useEntityPageContext();\n\n  async function openMedia() {\n    try {\n      const chosenMediaItems = await dashboard.openMediaManager({\n        multiSelect: false,\n        category: 'IMAGE',\n      });\n\n      const newImage = chosenMediaItems?.items[0]?.media?.image?.image;\n\n      controller.field.onChange(newImage);\n    } catch (error) {\n      console.error('Error opening Media Manager or no files selected:', error);\n    }\n  }\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const imageUrl =\n    controller.field.value && getImageUrl(controller.field.value);\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <ImageViewer\n        imageUrl={imageUrl}\n        dataHook={`image-${field.id}`}\n        onAddImage={isMobile ? undefined : () => openMedia()}\n        onUpdateImage={isMobile ? undefined : () => openMedia()}\n        updateImageInfo={t('cairo.replace-image.tooltip')}\n        removeImageInfo={t('cairo.remove-image.tooltip')}\n        addImageInfo={t('cairo.add-image.tooltip')}\n        height=\"120px\"\n        width=\"25%\"\n        fit=\"cover\"\n        onRemoveImage={() => controller.field.onChange(null)}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -23,6 +23,7 @@ const AutoPatternsTable = ({
     onRowClick,
     stickyColumns,
     stickySelectionColumn,
+    showTitleBar,
     sections
   } = (0, _hooks.useTableFeatures)(configuration);
   return /*#__PURE__*/_react.default.createElement(_patterns.Table, {
@@ -40,11 +41,12 @@ const AutoPatternsTable = ({
     horizontalScroll: true,
     stickyColumns: stickyColumns,
     stickySelectionColumn: stickySelectionColumn,
+    showTitleBar: showTitleBar,
     sections: sections,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 31,
       columnNumber: 5
     }
   });

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","actionCell","bulkActionToolbar","onRowClick","stickyColumns","stickySelectionColumn","sections","useTableFeatures","default","createElement","Table","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    actionCell,\n    bulkActionToolbar,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    sections,\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      customColumns={customColumns}\n      actionCell={actionCell}\n      filters={filters}\n      emptyState={emptyState}\n      bulkActionToolbar={bulkActionToolbar}\n      onRowClick={onRowClick}\n      horizontalScroll\n      stickyColumns={stickyColumns}\n      stickySelectionColumn={stickySelectionColumn}\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,UAAU;IACVC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrBC;EACF,CAAC,GAAG,IAAAC,uBAAgB,EAACd,aAAa,CAAC;EAEnC,oBACEP,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,SAAA,CAAAqB,KAAK;IACJC,QAAQ,EAAC,qBAAqB;IAC9Bd,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbJ,KAAK,EAAEA,KAAM;IACbC,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BK,UAAU,EAAEA,UAAW;IACvBD,OAAO,EAAEA,OAAQ;IACjBD,UAAU,EAAEA,UAAW;IACvBG,iBAAiB,EAAEA,iBAAkB;IACrCC,UAAU,EAAEA,UAAW;IACvBS,gBAAgB;IAChBR,aAAa,EAAEA,aAAc;IAC7BC,qBAAqB,EAAEA,qBAAsB;IAC7CC,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA1B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_hooks","_jsxFileName","AutoPatternsTable","configuration","state","columns","customColumns","search","title","emptyState","filters","actionCell","bulkActionToolbar","onRowClick","stickyColumns","stickySelectionColumn","showTitleBar","sections","useTableFeatures","default","createElement","Table","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    actionCell,\n    bulkActionToolbar,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n    sections,\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      customColumns={customColumns}\n      actionCell={actionCell}\n      filters={filters}\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,UAAU;IACVC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZC;EACF,CAAC,GAAG,IAAAC,uBAAgB,EAACf,aAAa,CAAC;EAEnC,oBACEP,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,SAAA,CAAAsB,KAAK;IACJC,QAAQ,EAAC,qBAAqB;IAC9Bf,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbJ,KAAK,EAAEA,KAAM;IACbC,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BK,UAAU,EAAEA,UAAW;IACvBD,OAAO,EAAEA,OAAQ;IACjBD,UAAU,EAAEA,UAAW;IACvBG,iBAAiB,EAAEA,iBAAkB;IACrCC,UAAU,EAAEA,UAAW;IACvBU,gBAAgB;IAChBT,aAAa,EAAEA,aAAc;IAC7BC,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/hooks/useActionCell.js

@@ -20,7 +20,7 @@ const useActionCell = ({
     collectionId
   });
   const buildCellActions = (0, _react.useCallback)((item, index, api) => {
-    var _config$primaryAction, _config$secondaryActi, _config$secondaryActi2, _config$secondaryActi3, _config$secondaryActi4;
+    var _config$primaryAction, _config$primaryAction2, _config$secondaryActi, _config$secondaryActi2, _config$secondaryActi3, _config$secondaryActi4;
     const buildAction = actionConfig => {
       if (actionConfig.type === 'divider') {
         return {
@@ -74,6 +74,11 @@ const useActionCell = ({
       };
     };
     const primaryAction = config != null && (_config$primaryAction = config.primaryAction) != null && _config$primaryAction.item ? buildAction(config.primaryAction.item) : undefined;
+    const primaryActionProps = {
+      ...(config != null && (_config$primaryAction2 = config.primaryAction) != null && _config$primaryAction2.alwaysVisible ? {
+        visibility: 'always'
+      } : {})
+    };
     const rawSecondaryActions = config != null && (_config$secondaryActi = config.secondaryActions) != null && _config$secondaryActi.items.length ? config.secondaryActions.items.map(buildAction).filter(Boolean) : [];
 
     // Process secondary actions with inline count consideration
@@ -85,7 +90,10 @@ const useActionCell = ({
     }
     return {
       ...(primaryAction ? {
-        primaryAction
+        primaryAction: {
+          ...primaryAction,
+          ...primaryActionProps
+        }
       } : {
         primaryAction: undefined
       }),

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useActionsSDK","_actions","cleanupActionsWithDividers","actions","inlineCount","clean","a","filter","x","i","ar","_ar","divider","length","slice","useActionCell","config","collectionId","sdk","useActionsSDK","buildCellActions","useCallback","item","index","api","_config$primaryAction","_config$secondaryActi","_config$secondaryActi2","_config$secondaryActi3","_config$secondaryActi4","buildAction","actionConfig","type","actionToResolve","baseParams","actionParams","updateAction","action","deleteAction","customAction","resolvedAction","resolveAction","label","tooltip","resolvedActionProps","text","disabledDescription","primaryAction","undefined","rawSecondaryActions","secondaryActions","items","map","Boolean","numOfVisibleSecondaryActions","alwaysShowSecondaryActions","inlineAlwaysVisible","exports"],"sources":["../../../src/hooks/useActionCell.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  ActionCellConfig,\n  ActionCellItemConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport {\n  updateAction,\n  customAction,\n  resolveAction,\n  deleteAction,\n} from '../utils/actions';\nimport { DividerActionConfig } from '../types/actions/base';\n\nexport interface useActionCellParams {\n  config?: ActionCellConfig;\n  collectionId: string;\n}\n\nconst cleanupActionsWithDividers = (\n  actions: any[],\n  inlineCount?: number,\n): any[] => {\n  const clean = (a: any[]) =>\n    a.filter(\n      (x, i, ar) =>\n        x?.divider !== true ||\n        (i > 0 && i < ar.length - 1 && ar[i - 1]?.divider !== true),\n    );\n  return !actions?.length || !inlineCount || inlineCount >= actions.length\n    ? clean(actions || [])\n    : [\n        ...clean(actions.slice(0, inlineCount)),\n        ...clean(actions.slice(inlineCount)),\n      ];\n};\n\nexport const useActionCell = ({\n  config,\n  collectionId,\n}: useActionCellParams) => {\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const buildCellActions = useCallback(\n    (item, index, api) => {\n      const buildAction = (\n        actionConfig: ActionCellItemConfig | DividerActionConfig,\n      ) => {\n        if (actionConfig.type === 'divider') {\n          return { divider: true };\n        }\n\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: { item, index, api },\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'update':\n            actionToResolve = updateAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'delete':\n            actionToResolve = deleteAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'custom':\n            actionToResolve = customAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          default:\n            return null;\n        }\n\n        if (!actionToResolve) {\n          return null;\n        }\n\n        const resolvedAction = resolveAction(actionConfig, actionToResolve);\n        const { label, tooltip, ...resolvedActionProps } = resolvedAction;\n\n        return {\n          ...resolvedActionProps,\n          text: resolvedAction.label,\n          disabledDescription: resolvedAction.tooltip,\n        };\n      };\n\n      const primaryAction = config?.primaryAction?.item\n        ? buildAction(config.primaryAction.item)\n        : undefined;\n\n      const rawSecondaryActions = config?.secondaryActions?.items.length\n        ? config.secondaryActions.items.map(buildAction).filter(Boolean)\n        : [];\n\n      // Process secondary actions with inline count consideration\n      const secondaryActions = cleanupActionsWithDividers(\n        rawSecondaryActions,\n        config?.secondaryActions?.inlineCount,\n      );\n\n      const numOfVisibleSecondaryActions =\n        config?.secondaryActions?.inlineCount;\n      const alwaysShowSecondaryActions =\n        config?.secondaryActions?.inlineAlwaysVisible;\n\n      if (!primaryAction && !secondaryActions.length) {\n        return {};\n      }\n\n      return {\n        ...(primaryAction ? { primaryAction } : { primaryAction: undefined }),\n        ...(secondaryActions.length && { secondaryActions }),\n        numOfVisibleSecondaryActions,\n        alwaysShowSecondaryActions,\n      };\n    },\n    [config, sdk],\n  );\n\n  return buildCellActions;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_useActionsSDK","_actions","cleanupActionsWithDividers","actions","inlineCount","clean","a","filter","x","i","ar","_ar","divider","length","slice","useActionCell","config","collectionId","sdk","useActionsSDK","buildCellActions","useCallback","item","index","api","_config$primaryAction","_config$primaryAction2","_config$secondaryActi","_config$secondaryActi2","_config$secondaryActi3","_config$secondaryActi4","buildAction","actionConfig","type","actionToResolve","baseParams","actionParams","updateAction","action","deleteAction","customAction","resolvedAction","resolveAction","label","tooltip","resolvedActionProps","text","disabledDescription","primaryAction","undefined","primaryActionProps","alwaysVisible","visibility","rawSecondaryActions","secondaryActions","items","map","Boolean","numOfVisibleSecondaryActions","alwaysShowSecondaryActions","inlineAlwaysVisible","exports"],"sources":["../../../src/hooks/useActionCell.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  ActionCellConfig,\n  ActionCellItemConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport {\n  updateAction,\n  customAction,\n  resolveAction,\n  deleteAction,\n} from '../utils/actions';\nimport { DividerActionConfig } from '../types/actions/base';\n\nexport interface useActionCellParams {\n  config?: ActionCellConfig;\n  collectionId: string;\n}\n\nconst cleanupActionsWithDividers = (\n  actions: any[],\n  inlineCount?: number,\n): any[] => {\n  const clean = (a: any[]) =>\n    a.filter(\n      (x, i, ar) =>\n        x?.divider !== true ||\n        (i > 0 && i < ar.length - 1 && ar[i - 1]?.divider !== true),\n    );\n  return !actions?.length || !inlineCount || inlineCount >= actions.length\n    ? clean(actions || [])\n    : [\n      ...clean(actions.slice(0, inlineCount)),\n      ...clean(actions.slice(inlineCount)),\n    ];\n};\n\nexport const useActionCell = ({\n  config,\n  collectionId,\n}: useActionCellParams) => {\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const buildCellActions = useCallback(\n    (item, index, api) => {\n      const buildAction = (\n        actionConfig: ActionCellItemConfig | DividerActionConfig,\n      ) => {\n        if (actionConfig.type === 'divider') {\n          return { divider: true };\n        }\n\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: { item, index, api },\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'update':\n            actionToResolve = updateAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'delete':\n            actionToResolve = deleteAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'custom':\n            actionToResolve = customAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          default:\n            return null;\n        }\n\n        if (!actionToResolve) {\n          return null;\n        }\n\n        const resolvedAction = resolveAction(actionConfig, actionToResolve);\n        const { label, tooltip, ...resolvedActionProps } = resolvedAction;\n\n        return {\n          ...resolvedActionProps,\n          text: resolvedAction.label,\n          disabledDescription: resolvedAction.tooltip,\n        };\n      };\n\n      const primaryAction = config?.primaryAction?.item\n        ? buildAction(config.primaryAction.item)\n        : undefined;\n\n      const primaryActionProps = {\n        ...(config?.primaryAction?.alwaysVisible\n          ? { visibility: 'always' }\n          : {}),\n      };\n\n      const rawSecondaryActions = config?.secondaryActions?.items.length\n        ? config.secondaryActions.items.map(buildAction).filter(Boolean)\n        : [];\n\n      // Process secondary actions with inline count consideration\n      const secondaryActions = cleanupActionsWithDividers(\n        rawSecondaryActions,\n        config?.secondaryActions?.inlineCount,\n      );\n\n      const numOfVisibleSecondaryActions =\n        config?.secondaryActions?.inlineCount;\n      const alwaysShowSecondaryActions =\n        config?.secondaryActions?.inlineAlwaysVisible;\n\n      if (!primaryAction && !secondaryActions.length) {\n        return {};\n      }\n\n      return {\n        ...(primaryAction\n          ? {\n            primaryAction: {\n              ...primaryAction,\n              ...primaryActionProps,\n            },\n          }\n          : { primaryAction: undefined }),\n        ...(secondaryActions.length && { secondaryActions }),\n        numOfVisibleSecondaryActions,\n        alwaysShowSecondaryActions,\n      };\n    },\n    [config, sdk],\n  );\n\n  return buildCellActions;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useBaseTableFeatures.js

@@ -28,7 +28,7 @@ const useBaseTableFeatures = configuration => {
   });
   const stickyColumns = configuration.stickyColumns;
   const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number
-
+  const showTitleBar = configuration.showTitleBar ?? true;
   return {
     columns,
     visibleFieldIds,
@@ -37,12 +37,13 @@ const useBaseTableFeatures = configuration => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 40,
         columnNumber: 7
       }
     }) : undefined,
     stickyColumns,
-    stickySelectionColumn
+    stickySelectionColumn,
+    showTitleBar
   };
 };
 exports.useBaseTableFeatures = useBaseTableFeatures;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useColumns","_patterns","_useCollectionPageOnRowClickActions","_useNavigationUtils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","useNavigation","columns","useColumns","visibleFieldIds","useMemo","map","column","id","entityPageId","onRowClickOverride","useCollectionPageOnRowClickActions","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","customColumns","enabled","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","undefined","exports"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n  const columns = useColumns(configuration.columns);\n  const visibleFieldIds = useMemo(\n    () => configuration.columns.map((column) => column.id),\n    [configuration],\n  );\n\n  const entityPageId = configuration.entityPageId;\n\n  const onRowClickOverride = useCollectionPageOnRowClickActions({\n    collectionPageOnRowClickActions: configuration.onRowClick,\n    collectionId: configuration.collection.collectionId,\n  });\n\n  const onRowClick = configuration.onRowClick\n    ? onRowClickOverride\n    : (item: any) =>\n        navigateToEntityPage({\n          item,\n          entityPageId,\n        });\n\n  const stickyColumns = configuration.stickyColumns;\n  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useColumns","_patterns","_useCollectionPageOnRowClickActions","_useNavigationUtils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","useNavigation","columns","useColumns","visibleFieldIds","useMemo","map","column","id","entityPageId","onRowClickOverride","useCollectionPageOnRowClickActions","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","customColumns","enabled","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","undefined","exports"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n  const columns = useColumns(configuration.columns);\n  const visibleFieldIds = useMemo(\n    () => configuration.columns.map((column) => column.id),\n    [configuration],\n  );\n\n  const entityPageId = configuration.entityPageId;\n\n  const onRowClickOverride = useCollectionPageOnRowClickActions({\n    collectionPageOnRowClickActions: configuration.onRowClick,\n    collectionId: configuration.collection.collectionId,\n  });\n\n  const onRowClick = configuration.onRowClick\n    ? onRowClickOverride\n    : (item: any) =>\n        navigateToEntityPage({\n          item,\n          entityPageId,\n        });\n\n  const stickyColumns = configuration.stickyColumns;\n  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n  const showTitleBar = configuration.showTitleBar ?? true;\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useTableFeatures.js

@@ -30,7 +30,8 @@ const useTableFeatures = configuration => {
     columns,
     onRowClick,
     stickyColumns,
-    stickySelectionColumn
+    stickySelectionColumn,
+    showTitleBar
   } = (0, _useBaseTableFeatures.useBaseTableFeatures)(configuration);
   const {
     fetchData
@@ -74,6 +75,7 @@ const useTableFeatures = configuration => {
     onRowClick,
     stickyColumns,
     stickySelectionColumn,
+    showTitleBar,
     sections
   };
 };