@wix/auto-patterns 1.43.0 → 1.45.0

package/dist/esm/components/AutoPatternsRoute/AutoPatternsRoutes.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","usePagePath","PatternsReactRoute","PatternsReactRouter","AutoPatternsPage","Navigate","useWixPatternsContainer","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsRoutes","_ref","config","getPagePath","layoutType","createElement","Fragment","pages","map","page","key","id","pageConfig","mainPage","find","appMainPage","routes","routePath","type","path","element","filter","Boolean","mainPagePath","push","to"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagePath } from '../../hooks';\nimport { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';\nimport { AutoPatternsPage } from './AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\nimport { Navigate } from 'react-router-dom';\nimport { AppConfig } from '../../types';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n};\n\nexport const AutoPatternsRoutes = ({ config }: { config: AppConfig }) => {\n  const { getPagePath } = usePagePath(config);\n  const { layoutType } = useWixPatternsContainer();\n\n  if (layoutType === 'panel') {\n    return (\n      <>\n        {config.pages.map((page) => {\n          return <AutoPatternsPage key={page.id} pageConfig={page} />;\n        })}\n      </>\n    );\n  }\n\n  const mainPage = config.pages.find((page) => page.appMainPage);\n\n  const routes = config.pages\n    .map((page) => {\n      const routePath = getPagePath(page.id);\n\n      if (!routePath) {\n        return null;\n      }\n\n      return (\n        <PatternsReactRoute\n          key={page.id}\n          type={pageTypeToRouteType[page.type] ?? 'other'}\n          path={routePath}\n          element={<AutoPatternsPage pageConfig={page} />}\n        />\n      );\n    })\n    .filter(Boolean);\n\n  if (mainPage) {\n    const mainPagePath = getPagePath(mainPage.id);\n\n    if (mainPagePath) {\n      routes.push(\n        <PatternsReactRoute\n          key=\"main-redirect\"\n          type=\"other\"\n          path=\"/\"\n          element={<Navigate to={mainPagePath} />}\n        />,\n      );\n    }\n  }\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAC9E,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,SAASC,uBAAuB,QAAQ,eAAe;AAEvD,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAClE,MAAM;IAAEE;EAAY,CAAC,GAAGZ,WAAW,CAACW,MAAM,CAAC;EAC3C,MAAM;IAAEE;EAAW,CAAC,GAAGR,uBAAuB,CAAC,CAAC;EAEhD,IAAIQ,UAAU,KAAK,OAAO,EAAE;IAC1B,oBACEd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGJ,MAAM,CAACK,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;MAC1B,oBAAOnB,KAAA,CAAAe,aAAA,CAACX,gBAAgB;QAACgB,GAAG,EAAED,IAAI,CAACE,EAAG;QAACC,UAAU,EAAEH;MAAK,CAAE,CAAC;IAC7D,CAAC,CACD,CAAC;EAEP;EAEA,MAAMI,QAAQ,GAAGX,MAAM,CAACK,KAAK,CAACO,IAAI,CAAEL,IAAI,IAAKA,IAAI,CAACM,WAAW,CAAC;EAE9D,MAAMC,MAAM,GAAGd,MAAM,CAACK,KAAK,CACxBC,GAAG,CAAEC,IAAI,IAAK;IACb,MAAMQ,SAAS,GAAGd,WAAW,CAACM,IAAI,CAACE,EAAE,CAAC;IAEtC,IAAI,CAACM,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,oBACE3B,KAAA,CAAAe,aAAA,CAACb,kBAAkB;MACjBkB,GAAG,EAAED,IAAI,CAACE,EAAG;MACbO,IAAI,EAAErB,mBAAmB,CAACY,IAAI,CAACS,IAAI,CAAC,IAAI,OAAQ;MAChDC,IAAI,EAAEF,SAAU;MAChBG,OAAO,eAAE9B,KAAA,CAAAe,aAAA,CAACX,gBAAgB;QAACkB,UAAU,EAAEH;MAAK,CAAE;IAAE,CACjD,CAAC;EAEN,CAAC,CAAC,CACDY,MAAM,CAACC,OAAO,CAAC;EAElB,IAAIT,QAAQ,EAAE;IACZ,MAAMU,YAAY,GAAGpB,WAAW,CAACU,QAAQ,CAACF,EAAE,CAAC;IAE7C,IAAIY,YAAY,EAAE;MAChBP,MAAM,CAACQ,IAAI,cACTlC,KAAA,CAAAe,aAAA,CAACb,kBAAkB;QACjBkB,GAAG,EAAC,eAAe;QACnBQ,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,GAAG;QACRC,OAAO,eAAE9B,KAAA,CAAAe,aAAA,CAACV,QAAQ;UAAC8B,EAAE,EAAEF;QAAa,CAAE;MAAE,CACzC,CACH,CAAC;IACH;EACF;EAEA,oBAAOjC,KAAA,CAAAe,aAAA,CAACZ,mBAAmB,QAAEuB,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}
+{"version":3,"names":["React","usePagePath","PatternsReactRoute","PatternsReactRouter","AutoPatternsPage","Navigate","useWixPatternsContainer","pageTypeToRouteType","collectionPage","entityPage","settingsPage","AutoPatternsRoutes","_ref","config","getPagePath","layoutType","createElement","Fragment","pages","map","page","key","id","pageConfig","mainPage","find","appMainPage","routes","routePath","type","path","element","filter","Boolean","mainPagePath","push","to"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagePath } from '../../hooks';\nimport { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';\nimport { AutoPatternsPage } from './AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\nimport { Navigate } from 'react-router-dom';\nimport { AppConfig } from '../../types';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n  settingsPage: 'other',\n};\n\nexport const AutoPatternsRoutes = ({ config }: { config: AppConfig }) => {\n  const { getPagePath } = usePagePath(config);\n  const { layoutType } = useWixPatternsContainer();\n\n  if (layoutType === 'panel') {\n    return (\n      <>\n        {config.pages.map((page) => {\n          return <AutoPatternsPage key={page.id} pageConfig={page} />;\n        })}\n      </>\n    );\n  }\n\n  const mainPage = config.pages.find((page) => page.appMainPage);\n\n  const routes = config.pages\n    .map((page) => {\n      const routePath = getPagePath(page.id);\n\n      if (!routePath) {\n        return null;\n      }\n\n      return (\n        <PatternsReactRoute\n          key={page.id}\n          type={pageTypeToRouteType[page.type] ?? 'other'}\n          path={routePath}\n          element={<AutoPatternsPage pageConfig={page} />}\n        />\n      );\n    })\n    .filter(Boolean);\n\n  if (mainPage) {\n    const mainPagePath = getPagePath(mainPage.id);\n\n    if (mainPagePath) {\n      routes.push(\n        <PatternsReactRoute\n          key=\"main-redirect\"\n          type=\"other\"\n          path=\"/\"\n          element={<Navigate to={mainPagePath} />}\n        />,\n      );\n    }\n  }\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAC9E,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,SAASC,uBAAuB,QAAQ,eAAe;AAEvD,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE,YAAY;EACxBC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAClE,MAAM;IAAEE;EAAY,CAAC,GAAGb,WAAW,CAACY,MAAM,CAAC;EAC3C,MAAM;IAAEE;EAAW,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEhD,IAAIS,UAAU,KAAK,OAAO,EAAE;IAC1B,oBACEf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QACGJ,MAAM,CAACK,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;MAC1B,oBAAOpB,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;QAACiB,GAAG,EAAED,IAAI,CAACE,EAAG;QAACC,UAAU,EAAEH;MAAK,CAAE,CAAC;IAC7D,CAAC,CACD,CAAC;EAEP;EAEA,MAAMI,QAAQ,GAAGX,MAAM,CAACK,KAAK,CAACO,IAAI,CAAEL,IAAI,IAAKA,IAAI,CAACM,WAAW,CAAC;EAE9D,MAAMC,MAAM,GAAGd,MAAM,CAACK,KAAK,CACxBC,GAAG,CAAEC,IAAI,IAAK;IACb,MAAMQ,SAAS,GAAGd,WAAW,CAACM,IAAI,CAACE,EAAE,CAAC;IAEtC,IAAI,CAACM,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,oBACE5B,KAAA,CAAAgB,aAAA,CAACd,kBAAkB;MACjBmB,GAAG,EAAED,IAAI,CAACE,EAAG;MACbO,IAAI,EAAEtB,mBAAmB,CAACa,IAAI,CAACS,IAAI,CAAC,IAAI,OAAQ;MAChDC,IAAI,EAAEF,SAAU;MAChBG,OAAO,eAAE/B,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;QAACmB,UAAU,EAAEH;MAAK,CAAE;IAAE,CACjD,CAAC;EAEN,CAAC,CAAC,CACDY,MAAM,CAACC,OAAO,CAAC;EAElB,IAAIT,QAAQ,EAAE;IACZ,MAAMU,YAAY,GAAGpB,WAAW,CAACU,QAAQ,CAACF,EAAE,CAAC;IAE7C,IAAIY,YAAY,EAAE;MAChBP,MAAM,CAACQ,IAAI,cACTnC,KAAA,CAAAgB,aAAA,CAACd,kBAAkB;QACjBmB,GAAG,EAAC,eAAe;QACnBQ,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,GAAG;QACRC,OAAO,eAAE/B,KAAA,CAAAgB,aAAA,CAACX,QAAQ;UAAC+B,EAAE,EAAEF;QAAa,CAAE;MAAE,CACzC,CACH,CAAC;IACH;EACF;EAEA,oBAAOlC,KAAA,CAAAgB,aAAA,CAACb,mBAAmB,QAAEwB,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.js

@@ -0,0 +1,108 @@
+import React, { useRef } from 'react';
+import { errorHandler } from '@wix/essentials';
+import { MoreActions, SettingsPage, useSettingsPage, useSettings } from '@wix/patterns';
+import { useForm } from '@wix/patterns/form';
+import { ContentCard } from '../layouts/ContentCard';
+import { useSettingsPageMoreActions } from '../../hooks/useSettingsPageMoreActions';
+import { useBaseSDK } from '../../hooks/useBaseSDK';
+import { useSchema } from '../../providers/SchemaContext';
+export const AutoPatternsSettingsPage = _ref => {
+  var _pageLayout$main, _pageLayout$sidebar;
+  let {
+    configuration
+  } = _ref;
+  const {
+    title,
+    subtitle,
+    actions: pageActions,
+    layout: pageLayout
+  } = configuration;
+  const schema = useSchema();
+  const {
+    fields,
+    actions
+  } = schema;
+  const form = useForm({
+    mode: 'onChange'
+  });
+  const inputRefs = useRef({});
+  const setInputRef = (id, input) => {
+    inputRefs.current[id] = input;
+  };
+  const validate = () => {
+    const invalidFieldId = Object.keys(inputRefs.current).find(fieldId => {
+      var _inputRefs$current$fi;
+      // change to get
+      return (_inputRefs$current$fi = inputRefs.current[fieldId]) == null ? void 0 : _inputRefs$current$fi.invalid;
+    });
+    if (invalidFieldId) {
+      var _inputRefs$current$in;
+      (_inputRefs$current$in = inputRefs.current[invalidFieldId]) == null || _inputRefs$current$in.focus == null || _inputRefs$current$in.focus();
+      throw new Error('Invalid form');
+    }
+  };
+  const state = useSettingsPage({
+    form,
+    saveErrorToast: err => ({
+      message: errorHandler.getResolvedError(err).message
+    }),
+    onCancel: async () => {
+      form.reset();
+    },
+    onSave: async () => {
+      validate();
+      const formValues = form.getValues();
+      const currentSettings = state.settings || {};
+      const updatedSettings = {
+        ...currentSettings,
+        ...formValues
+      };
+      await actions.update(updatedSettings);
+    },
+    fetch: async () => {
+      const result = await actions.get('');
+      return {
+        settings: result
+      };
+    }
+  });
+  const settings = useSettings(state);
+  const baseSDK = useBaseSDK();
+  const resolvedMoreActions = useSettingsPageMoreActions(pageActions == null ? void 0 : pageActions.moreActions, baseSDK);
+  return /*#__PURE__*/React.createElement(SettingsPage, {
+    state: state,
+    dataHook: "auto-patterns-settings-page"
+  }, /*#__PURE__*/React.createElement(SettingsPage.Header, {
+    title: {
+      ...title,
+      text: (title == null ? void 0 : title.text) ?? ''
+    },
+    subtitle: subtitle,
+    moreActions: resolvedMoreActions.length > 0 ? /*#__PURE__*/React.createElement(MoreActions, {
+      items: resolvedMoreActions
+    }) : undefined
+  }), /*#__PURE__*/React.createElement(SettingsPage.Content, null, /*#__PURE__*/React.createElement(SettingsPage.MainContent, {
+    dataHook: "settings-page-main-content"
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    type: "settings",
+    key: `main-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
+    fields: fields,
+    form: form,
+    data: settings
+  }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/React.createElement(SettingsPage.AdditionalContent, null, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    type: "settings",
+    key: `sidebar-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
+    fields: fields,
+    form: form,
+    data: settings
+  }))) : null));
+};
+//# sourceMappingURL=AutoPatternsSettingsPage.js.map

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","errorHandler","MoreActions","SettingsPage","useSettingsPage","useSettings","useForm","ContentCard","useSettingsPageMoreActions","useBaseSDK","useSchema","AutoPatternsSettingsPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","title","subtitle","actions","pageActions","layout","pageLayout","schema","fields","form","mode","inputRefs","setInputRef","id","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","state","saveErrorToast","err","message","getResolvedError","onCancel","reset","onSave","formValues","getValues","currentSettings","settings","updatedSettings","update","fetch","result","get","baseSDK","resolvedMoreActions","moreActions","createElement","dataHook","Header","text","length","items","undefined","Content","MainContent","main","map","layoutIndex","type","key","sectionId","cardIndex","data","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { errorHandler } from '@wix/essentials';\nimport {\n  MoreActions,\n  SettingsPage,\n  SettingsPageState,\n  useSettingsPage,\n  useSettings,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { ContentCard } from '../layouts/ContentCard';\nimport { SettingsPageConfig, BaseInputRef } from '../../types';\nimport { useSettingsPageMoreActions } from '../../hooks/useSettingsPageMoreActions';\nimport { useBaseSDK } from '../../hooks/useBaseSDK';\nimport { useSchema } from '../../providers/SchemaContext';\n\nexport const AutoPatternsSettingsPage: React.FC<{\n  configuration: SettingsPageConfig;\n}> = ({ configuration }) => {\n  const {\n    title,\n    subtitle,\n    actions: pageActions,\n    layout: pageLayout,\n  } = configuration;\n\n  const schema = useSchema();\n  const { fields, actions } = schema;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      // change to get\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n\n  const state: SettingsPageState<any> = useSettingsPage<any, any>({\n    form,\n    saveErrorToast: (err) => ({\n      message: errorHandler.getResolvedError(err).message,\n    }),\n    onCancel: async () => {\n      form.reset();\n    },\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const currentSettings = state.settings || {};\n      const updatedSettings = {\n        ...currentSettings,\n        ...formValues,\n      };\n\n      await actions.update(updatedSettings);\n    },\n    fetch: async () => {\n      const result = await actions.get('');\n      return { settings: result };\n    },\n  });\n\n  const settings = useSettings(state);\n\n  const baseSDK = useBaseSDK();\n  const resolvedMoreActions = useSettingsPageMoreActions(\n    pageActions?.moreActions,\n    baseSDK,\n  );\n\n  return (\n    <SettingsPage state={state} dataHook=\"auto-patterns-settings-page\">\n      <SettingsPage.Header\n        title={{ ...title, text: title?.text ?? '' }}\n        subtitle={subtitle}\n        moreActions={\n          resolvedMoreActions.length > 0 ? (\n            <MoreActions items={resolvedMoreActions} />\n          ) : undefined\n        }\n      />\n      <SettingsPage.Content>\n        <SettingsPage.MainContent dataHook=\"settings-page-main-content\">\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <ContentCard\n              type=\"settings\"\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n              fields={fields}\n              form={form}\n              data={settings}\n            />\n          ))}\n        </SettingsPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <SettingsPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <ContentCard\n                type=\"settings\"\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n                fields={fields}\n                form={form}\n                data={settings}\n              />\n            ))}\n          </SettingsPage.AdditionalContent>\n        ) : null}\n      </SettingsPage.Content>\n    </SettingsPage>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.uni.driver.js

@@ -0,0 +1,10 @@
+import { SettingsPageUniDriver } from '@wix/patterns/testkit/unidriver';
+import { baseUniDriverFactory } from '../AutoPatternsApp/AutoPatternsApp.uni.driver';
+export const AutoPatternsSettingsPageUniDriver = (base, body) => {
+  const settingsPageDriver = SettingsPageUniDriver(base, body);
+  return {
+    ...baseUniDriverFactory(base),
+    ...settingsPageDriver
+  };
+};
+//# sourceMappingURL=AutoPatternsSettingsPage.uni.driver.js.map

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SettingsPageUniDriver","baseUniDriverFactory","AutoPatternsSettingsPageUniDriver","base","body","settingsPageDriver"],"sources":["../../../../src/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { SettingsPageUniDriver } from '@wix/patterns/testkit/unidriver';\nimport { baseUniDriverFactory } from '../AutoPatternsApp/AutoPatternsApp.uni.driver';\n\nexport const AutoPatternsSettingsPageUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const settingsPageDriver = SettingsPageUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    ...settingsPageDriver,\n  };\n};\n"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,iCAAiC;AACvE,SAASC,oBAAoB,QAAQ,+CAA+C;AAEpF,OAAO,MAAMC,iCAAiC,GAAGA,CAC/CC,IAAe,EACfC,IAAe,KACZ;EACH,MAAMC,kBAAkB,GAAGL,qBAAqB,CAACG,IAAI,EAAEC,IAAI,CAAC;EAE5D,OAAO;IACL,GAAGH,oBAAoB,CAACE,IAAI,CAAC;IAC7B,GAAGE;EACL,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsSettingsPage/index.js

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

package/dist/esm/components/AutoPatternsSettingsPage/index.js.map

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

package/dist/esm/components/AutoPatternsTable/AutoPatternsTable.js

@@ -1,50 +1,134 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Table } from '@wix/patterns';
-import { useTableFeatures } from '../../hooks';
-export const AutoPatternsTable = _ref => {
-  let {
-    configuration
-  } = _ref;
+import React, { useMemo, useState } from 'react';
+import { Table, TableState, useCreateCollection, useSelector, useTableCollection, useWixPatternsContainer } from '@wix/patterns';
+import { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';
+import { useTableFeaturesAsync } from '../../hooks/useTableFeaturesAsync';
+import { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';
+/**
+ * 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
-  } = useTableFeatures(configuration);
+    dragAndDrop
+  } = useSelector(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // Create table collection state with the loaded async dependencies
+  const state = 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 = 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.createElement(Table, _extends({
-    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));
+};
+
+/**
+ * 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
+ */
+export const AutoPatternsTable = props => {
+  const {
+    config
+  } = props;
+
+  // Extract visible field IDs from table columns for data fetching optimization
+  const visibleFieldIds = useMemo(() => config.columns.map(column => column.id), [config]);
+
+  // Initialize base state parameters with collection config and visible fields
+  const baseStateParams = useBasePatternsStateParams(config, {
+    visibleFieldIds
+  });
+
+  // STEP 3: Load table-specific async features (drag&drop, sections, base table features)
+  const {
+    asyncFeaturesState
+  } = useTableFeaturesAsync({
+    config
+  });
+
+  // Create patterns container and collection factory
+  const container = useWixPatternsContainer();
+  const createCollection = useCreateCollection();
+
+  // Initialize table state with basic collection (used during loading)
+  const [state] = useState(() => new TableState({
+    collection: createCollection(baseStateParams.params),
+    container
   }));
+
+  // Monitor async features loading status
+  const isReady = 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.createElement(AutoPatternsTableLoaded, {
+      dataHook: dataHook,
+      config: config,
+      baseStateParams: baseStateParams,
+      asyncFeaturesState: asyncFeaturesState
+    });
+  }
+
+  // LOADING STATE: Render basic table skeleton while features are loading
+  return /*#__PURE__*/React.createElement(Table, {
+    dataHook: dataHook,
+    useNewInfiniteScrollLoader: true,
+    state: state,
+    columns: []
+  });
 };
 //# sourceMappingURL=AutoPatternsTable.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Table","useTableFeatures","AutoPatternsTable","_ref","configuration","state","columns","customColumns","search","title","emptyState","filters","views","actionCell","bulkActionToolbar","onRowClick","stickyColumns","stickySelectionColumn","showTitleBar","sections","dragAndDropProps","dataExtension","createElement","_extends","dataHook","horizontalScroll"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,eAAe;AAErC,SAASC,gBAAgB,QAAQ,aAAa;AAM9C,OAAO,MAAMC,iBAAiB,GAAGC,IAAA,IAEI;EAAA,IAFH;IAChCC;EAC6B,CAAC,GAAAD,IAAA;EAC9B,MAAM;IACJE,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,GAAGpB,gBAAgB,CAACG,aAAa,CAAC;EAEnC,oBACEL,KAAA,CAAAuB,aAAA,CAACtB,KAAK,EAAAuB,QAAA;IACJC,QAAQ,EAAC,qBAAqB;IAC9BhB,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;IACvBU,gBAAgB;IAChBT,aAAa,EAAEA,aAAc;IAC7BC,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA;EAAS,EACpB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","Table","TableState","useCreateCollection","useSelector","useTableCollection","useWixPatternsContainer","useBasePatternsStateParams","useTableFeaturesAsync","useBaseCollectionComponentReadyFeatures","AutoPatternsTableLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","baseTableFeatures","sections","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","dragAndDropProps","useTableDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","sectionsProps","useTableSections","createElement","_extends","columns","useNewInfiniteScrollLoader","AutoPatternsTable","visibleFieldIds","map","column","id","container","createCollection","isReady","isSuccess","isError"],"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/esm/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.js

@@ -1,14 +1,159 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { TableGridSwitch } from '@wix/patterns';
-import { useTableGridSwitchFeatures } from '../../hooks/useTableGridSwitchFeatures';
-export const AutoPatternsTableGridSwitch = _ref => {
-  let {
-    configuration
-  } = _ref;
-  const props = useTableGridSwitchFeatures(configuration);
+import React, { useMemo, useState } from 'react';
+import { TableGridSwitch, TableGridSwitchState, useCreateCollection, useSelector, useTableGridSwitchCollection, useWixPatternsContainer } from '@wix/patterns';
+import { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';
+import { useTableGridSwitchFeaturesAsync } from '../../hooks/useTableGridSwitchFeaturesAsync';
+import { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';
+import { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';
+/**
+ * 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
+  } = useBaseGridFeatures(config);
+
+  // Extract loaded async features from the successful feature loading state
+  const {
+    baseTableFeatures,
+    dragAndDrop
+  } = useSelector(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // Create table-grid-switch collection state with the loaded async dependencies
+  const state = 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 = 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.createElement(TableGridSwitch, _extends({
-    dataHook: "auto-patterns-table-grid-switch"
-  }, props));
+    dataHook: dataHook,
+    preset: preset,
+    imagePlacement: imagePlacement,
+    renderItem: renderItem,
+    columns: [],
+    state: state
+  }, baseCollectionComponentReadyFeatures, baseTableFeaturesProps, dragAndDropProps));
+};
+
+/**
+ * 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
+ */
+export const AutoPatternsTableGridSwitch = props => {
+  const {
+    config
+  } = props;
+
+  // Extract visible field IDs from table columns (for table mode)
+  const tableVisibleFieldIds = 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
+  } = 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 = useMemo(() => Array.from(new Set([...tableVisibleFieldIds, ...gridVisibleFieldIds])), [tableVisibleFieldIds, gridVisibleFieldIds]);
+
+  // Initialize base state parameters with collection config and combined visible fields
+  const baseStateParams = useBasePatternsStateParams(config, {
+    visibleFieldIds
+  });
+
+  // STEP 3: Load table-grid-switch async features (combines table + grid features)
+  const {
+    asyncFeaturesState
+  } = useTableGridSwitchFeaturesAsync({
+    config
+  });
+
+  // Create patterns container and collection factory
+  const container = useWixPatternsContainer();
+  const createCollection = useCreateCollection();
+
+  // Initialize table-grid-switch state with basic collection (used during loading)
+  const [state] = useState(() => new TableGridSwitchState({
+    collection: createCollection(baseStateParams.params),
+    container,
+    containerOverrides: {}
+  }));
+
+  // Monitor async features loading status
+  const isReady = 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.createElement(AutoPatternsTableGridSwitchLoaded, {
+      dataHook: dataHook,
+      config: config,
+      baseStateParams: baseStateParams,
+      asyncFeaturesState: asyncFeaturesState
+    });
+  }
+
+  // LOADING STATE: Render basic table-grid-switch skeleton while features are loading
+  return /*#__PURE__*/React.createElement(TableGridSwitch, {
+    dataHook: dataHook,
+    state: state,
+    columns: [],
+    preset: preset,
+    imagePlacement: imagePlacement,
+    renderItem: renderItem
+  });
 };
 //# sourceMappingURL=AutoPatternsTableGridSwitch.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","TableGridSwitch","useTableGridSwitchFeatures","AutoPatternsTableGridSwitch","_ref","configuration","props","createElement","_extends","dataHook"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,eAAe;AAE/C,SAASC,0BAA0B,QAAQ,wCAAwC;AAMnF,OAAO,MAAMC,2BAA2B,GAAGC,IAAA,IAEH;EAAA,IAFI;IAC1CC;EACgC,CAAC,GAAAD,IAAA;EACjC,MAAME,KAAK,GAAGJ,0BAA0B,CAACG,aAAa,CAAC;EACvD,oBACEL,KAAA,CAAAO,aAAA,CAACN,eAAe,EAAAO,QAAA;IAACC,QAAQ,EAAC;EAAiC,GAAKH,KAAK,CAAG,CAAC;AAE7E,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","TableGridSwitch","TableGridSwitchState","useCreateCollection","useSelector","useTableGridSwitchCollection","useWixPatternsContainer","useBasePatternsStateParams","useTableGridSwitchFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsTableGridSwitchLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","baseTableFeatures","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","dragAndDropProps","useTableGridSwitchDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","createElement","_extends","columns","AutoPatternsTableGridSwitch","tableVisibleFieldIds","map","column","id","visibleFieldIds","gridVisibleFieldIds","Array","from","Set","container","createCollection","containerOverrides","isReady","isSuccess","isError"],"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/esm/components/fields/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Checkbox","CheckboxWSR","props","field","onChange","value","createElement","checked","e","target","dataHook","id","displayName"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,WAAW,QAAQ,oBAAoB;AAK5D,OAAO,MAAMD,QAAQ,GAAIE,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,oBACEH,KAAA,CAAAO,aAAA,CAACL,WAAW;IACVM,OAAO,EAAEF,KAAM;IACfD,QAAQ,EAAGI,CAAC,IAAK;MACfJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYP,KAAK,CAACQ,EAAE;EAAG,GAEhCR,KAAK,CAACS,WACI,CAAC;AAElB,CAAC","ignoreList":[]}