@wix/auto-patterns 1.9.0 → 1.10.0

package/README.md

@@ -2,6 +2,56 @@
 
 React Library flow package generated with Yoshi.
 
+## Icon Loading System
+
+This package uses a build-time icon generation system that works across different bundlers (Vite, Webpack, etc.).
+
+### How it works
+
+1. **Build-time generation**: Icons are discovered and import statements are pre-generated during build
+2. **Bundler agnostic**: Works with Vite, Webpack, and other modern bundlers
+3. **Lazy loading**: Icons are still loaded on-demand for optimal performance
+4. **Fallback support**: If an icon is not found, falls back to a default icon
+
+### Development
+
+#### Building Icons
+
+Icons are automatically built when running the main build command:
+
+```bash
+yarn build
+```
+
+To regenerate icons manually:
+
+```bash
+yarn build:icons
+```
+
+#### How Icons Are Generated
+
+1. The `scripts/generate-icon-imports.ts` script scans for available icons
+2. It generates `src/utils/generated-icon-imports.ts` with all icon imports
+3. Components use this generated file instead of dynamic imports
+
+#### Using Icons in Components
+
+Icons are loaded through the `DynamicIcon` component:
+
+```tsx
+import { DynamicIcon } from '@wix/auto-patterns';
+
+// Usage
+<DynamicIcon icon="Edit" />
+```
+
+The system automatically handles:
+- Icon availability checking
+- Fallback to default icons
+- Lazy loading with Suspense
+- Bundler compatibility
+
 ## Useful URLs
 
 - [Yoshi Library Flow Docs](https://bo.wix.com/pages/yoshi/docs/library-flow/overview)

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

@@ -6,6 +6,8 @@ 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 _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx";
 const AutoPatternsCollectionPageContent = ({
   configuration
@@ -21,13 +23,12 @@ const AutoPatternsCollectionPageContent = ({
       case 'Table':
         if (component.table) {
           return /*#__PURE__*/_react.default.createElement(_AutoPatternsTable.AutoPatternsTable, {
-            key: component.table.collection.collectionId,
             configuration: component.table,
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 22,
-              columnNumber: 17
+              lineNumber: 32,
+              columnNumber: 26
             }
           });
         }
@@ -35,13 +36,25 @@ const AutoPatternsCollectionPageContent = ({
       case 'Grid':
         if (component.grid) {
           return /*#__PURE__*/_react.default.createElement(_AutoPatternsGrid.AutoPatternsGrid, {
-            key: component.grid.collection.collectionId,
             configuration: component.grid,
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 32,
-              columnNumber: 17
+              lineNumber: 37,
+              columnNumber: 26
+            }
+          });
+        }
+        return null;
+      case 'TableGridSwitch':
+        if (component.tableGridSwitch) {
+          return /*#__PURE__*/_react.default.createElement(_AutoPatternsTableGridSwitch.AutoPatternsTableGridSwitch, {
+            configuration: component.tableGridSwitch,
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 43,
+              columnNumber: 21
             }
           });
         }
@@ -49,6 +62,22 @@ const AutoPatternsCollectionPageContent = ({
       default:
         return null;
     }
+  }).map(element => {
+    if (element == null) {
+      return null;
+    }
+    const configuration = element.props.configuration;
+    return /*#__PURE__*/_react.default.createElement(_providers.SchemaProvider, {
+      key: configuration.collection.collectionId,
+      collectionId: configuration.collection.collectionId,
+      entityTypeSource: configuration.collection.entityTypeSource,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 62,
+        columnNumber: 13
+      }
+    }, element);
   }));
 };
 exports.AutoPatternsCollectionPageContent = AutoPatternsCollectionPageContent;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTable","_AutoPatternsGrid","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","default","createElement","Fragment","map","component","type","table","AutoPatternsTable","key","collection","collectionId","__self","__source","fileName","lineNumber","columnNumber","grid","AutoPatternsGrid","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\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.map((component) => {\n        const { type } = component;\n        switch (type) {\n          case 'Table':\n            if (component.table) {\n              return (\n                <AutoPatternsTable\n                  key={component.table.collection.collectionId}\n                  configuration={component.table}\n                />\n              );\n            }\n            return null;\n          case 'Grid':\n            if (component.grid) {\n              return (\n                <AutoPatternsGrid\n                  key={component.grid.collection.collectionId}\n                  configuration={component.grid}\n                />\n              );\n            }\n            return null;\n          default:\n            return null;\n        }\n      })}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAAuD,IAAAG,YAAA;AAMhD,MAAMC,iCAAiC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,QACGH,UAAU,CAACI,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAa,iBAAiB;YAChBC,GAAG,EAAEJ,SAAS,CAACE,KAAK,CAACG,UAAU,CAACC,YAAa;YAC7CZ,aAAa,EAAEM,SAAS,CAACE,KAAM;YAAAK,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIX,SAAS,CAACY,IAAI,EAAE;UAClB,oBACEzB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAsB,gBAAgB;YACfT,GAAG,EAAEJ,SAAS,CAACY,IAAI,CAACP,UAAU,CAACC,YAAa;YAC5CZ,aAAa,EAAEM,SAAS,CAACY,IAAK;YAAAL,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAC/B,CAAC;QAEN;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC;AAACG,OAAA,CAAArB,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTable","_AutoPatternsGrid","_AutoPatternsTableGridSwitch","_providers","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","default","createElement","Fragment","map","component","type","table","AutoPatternsTable","__self","__source","fileName","lineNumber","columnNumber","grid","AutoPatternsGrid","tableGridSwitch","AutoPatternsTableGridSwitch","element","props","SchemaProvider","key","collection","collectionId","entityTypeSource","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport {\n  BaseCollectionComponentConfig,\n  CollectionPageConfig,\n} from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\nimport { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';\nimport { SchemaProvider } from '../../providers';\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(\n          (\n            component,\n          ): ReactElement<{\n            configuration: BaseCollectionComponentConfig;\n          }> | null => {\n            const { type } = component;\n            switch (type) {\n              case 'Table':\n                if (component.table) {\n                  return <AutoPatternsTable configuration={component.table} />;\n                }\n                return null;\n              case 'Grid':\n                if (component.grid) {\n                  return <AutoPatternsGrid configuration={component.grid} />;\n                }\n                return null;\n              case 'TableGridSwitch':\n                if (component.tableGridSwitch) {\n                  return (\n                    <AutoPatternsTableGridSwitch\n                      configuration={component.tableGridSwitch}\n                    />\n                  );\n                }\n                return null;\n              default:\n                return null;\n            }\n          },\n        )\n        .map((element) => {\n          if (element == null) {\n            return null;\n          }\n\n          const configuration = element.props.configuration;\n\n          return (\n            <SchemaProvider\n              key={configuration.collection.collectionId}\n              collectionId={configuration.collection.collectionId}\n              entityTypeSource={configuration.collection.entityTypeSource}\n            >\n              {element}\n            </SchemaProvider>\n          );\n        })}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAiD,IAAAK,YAAA;AAM1C,MAAMC,iCAAiC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACET,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAE,QAAA,QACGH,UAAU,CACRI,GAAG,CAEAC,SAAS,IAGE;IACX,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBAAOjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,kBAAA,CAAAe,iBAAiB;YAACT,aAAa,EAAEM,SAAS,CAACE,KAAM;YAAAE,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAd,YAAA;cAAAe,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;QAC9D;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIR,SAAS,CAACS,IAAI,EAAE;UAClB,oBAAOxB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAqB,gBAAgB;YAAChB,aAAa,EAAEM,SAAS,CAACS,IAAK;YAAAL,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAd,YAAA;cAAAe,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;QAC5D;QACA,OAAO,IAAI;MACb,KAAK,iBAAiB;QACpB,IAAIR,SAAS,CAACW,eAAe,EAAE;UAC7B,oBACE1B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,4BAAA,CAAAsB,2BAA2B;YAC1BlB,aAAa,EAAEM,SAAS,CAACW,eAAgB;YAAAP,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAd,YAAA;cAAAe,UAAA;cAAAC,YAAA;YAAA;UAAA,CAC1C,CAAC;QAEN;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CACF,CAAC,CACAT,GAAG,CAAEc,OAAO,IAAK;IAChB,IAAIA,OAAO,IAAI,IAAI,EAAE;MACnB,OAAO,IAAI;IACb;IAEA,MAAMnB,aAAa,GAAGmB,OAAO,CAACC,KAAK,CAACpB,aAAa;IAEjD,oBACET,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAwB,cAAc;MACbC,GAAG,EAAEtB,aAAa,CAACuB,UAAU,CAACC,YAAa;MAC3CA,YAAY,EAAExB,aAAa,CAACuB,UAAU,CAACC,YAAa;MACpDC,gBAAgB,EAAEzB,aAAa,CAACuB,UAAU,CAACE,gBAAiB;MAAAf,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3DK,OACa,CAAC;EAErB,CAAC,CACH,CAAC;AAEP,CAAC;AAACO,OAAA,CAAA3B,iCAAA,GAAAA,iCAAA","ignoreList":[]}

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

@@ -69,6 +69,8 @@ const ImageInput = props => {
     onUpdateImage: () => openMedia(),
     updateImageInfo: t('cairo.replace-image.tooltip'),
     removeImageInfo: t('cairo.table.advanced-sorting.remove.button.tooltip'),
+    height: "120px",
+    width: "25%",
     fit: "cover",
     onRemoveImage: () => controller.field.onChange(null),
     __self: void 0,

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","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(\n          'cairo.table.advanced-sorting.remove.button.tooltip',\n        )}\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","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","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(\n          'cairo.table.advanced-sorting.remove.button.tooltip',\n        )}\n        height=\"120px\"\n        width=\"25%\"\n        fit=\"cover\"\n        onRemoveImage={() => controller.field.onChange(null)}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAIpC,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,qBAAA;EACpD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEjC,MAAM;IAAEM,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAChE,IAAAC,qBAAW,EAAC,MAAMF,SAAS,CAACG,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,SAAS,GAAG,IAAAC,8BAAoB,EAAC,CAAC;EAExC,eAAeC,SAASA,CAAA,EAAG;IACzB,IAAI;MAAA,IAAAC,qBAAA;MACF,MAAMC,gBAAgB,GAAG,MAAMC,oBAAS,CAACC,gBAAgB,CAAC;QACxDC,WAAW,EAAE,KAAK;QAClBC,QAAQ,EAAE;MACZ,CAAC,CAAC;MAEF,MAAMC,QAAQ,GAAGL,gBAAgB,aAAAD,qBAAA,GAAhBC,gBAAgB,CAAEM,KAAK,CAAC,CAAC,CAAC,cAAAP,qBAAA,GAA1BA,qBAAA,CAA4BQ,KAAK,cAAAR,qBAAA,GAAjCA,qBAAA,CAAmCS,KAAK,qBAAxCT,qBAAA,CAA0CS,KAAK;MAEhEC,UAAU,CAACtB,KAAK,CAACuB,QAAQ,CAACL,QAAQ,CAAC;IACrC,CAAC,CAAC,OAAOM,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,mDAAmD,EAAEA,KAAK,CAAC;IAC3E;EACF;EAEA,MAAMF,UAAU,GAAG,IAAAI,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAA3B,KAAK,oBAALA,KAAK,CAAE4B,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEpB,SAAS,CAACqB,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAlC,iBAAA,GAAGY,SAAS,CAACuB,MAAM,qBAAjBnC,iBAAA,CAA4B,CAAAG,KAAK,oBAALA,KAAK,CAAE4B,EAAE,KAAI,EAAE,CAAC;IAC1DK,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAApC,KAAK,CAACqC,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOhC,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,MAAMqC,QAAQ,GACZlB,UAAU,CAACtB,KAAK,CAACmC,KAAK,IAAI,IAAAM,wBAAW,EAACnB,UAAU,CAACtB,KAAK,CAACmC,KAAK,CAAC;EAE/D,oBACEjD,MAAA,CAAAwD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,SAAS;IACRC,KAAK,EAAE7C,KAAK,CAAC8C,WAAY;IACzBR,QAAQ,GAAAxC,kBAAA,GAAEE,KAAK,CAACqC,UAAU,qBAAhBvC,kBAAA,CAAkBwC,QAAS;IACrC9B,MAAM,EAAEc,UAAU,CAACyB,UAAU,CAACvB,KAAK,GAAG,OAAO,GAAGe,SAAU;IAC1DS,aAAa,GAAAjD,qBAAA,GAAEuB,UAAU,CAACyB,UAAU,CAACvB,KAAK,qBAA3BzB,qBAAA,CAA6BkD,OAAQ;IACpDhD,QAAQ,EAAEA,QAAS;IAAAiD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBpE,MAAA,CAAAwD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAkE,WAAW;IACVf,QAAQ,EAAEA,QAAS;IACnBvC,QAAQ,EAAE,SAASD,KAAK,CAAC4B,EAAE,EAAG;IAC9B4B,UAAU,EAAEA,CAAA,KAAM7C,SAAS,CAAC,CAAE;IAC9B8C,aAAa,EAAEA,CAAA,KAAM9C,SAAS,CAAC,CAAE;IACjC+C,eAAe,EAAEvD,CAAC,CAAC,6BAA6B,CAAE;IAClDwD,eAAe,EAAExD,CAAC,CAChB,oDACF,CAAE;IACFyD,MAAM,EAAC,OAAO;IACdC,KAAK,EAAC,KAAK;IACXC,GAAG,EAAC,OAAO;IACXC,aAAa,EAAEA,CAAA,KAAMzC,UAAU,CAACtB,KAAK,CAACuB,QAAQ,CAAC,IAAI,CAAE;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtD,CACQ,CAAC;AAEhB,CAAC;AAACU,OAAA,CAAArE,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsGrid/AutoPatternsGrid.js

@@ -4,30 +4,41 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsGrid = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _AutoPatternsGridContent = require("./AutoPatternsGridContent");
-var _SchemaContext = require("../../providers/SchemaContext");
+var _patterns = require("@wix/patterns");
+var _hooks = require("../../hooks");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsGrid/AutoPatternsGrid.tsx";
 const AutoPatternsGrid = ({
   configuration
 }) => {
-  return /*#__PURE__*/_react.default.createElement(_SchemaContext.SchemaProvider, {
-    collectionId: configuration.collection.collectionId,
-    entityTypeSource: configuration.collection.entityTypeSource,
+  const {
+    state,
+    search,
+    title,
+    emptyState,
+    filters,
+    actionCell,
+    renderItem,
+    imagePlacement,
+    preset
+  } = (0, _hooks.useGridFeatures)(configuration);
+  return /*#__PURE__*/_react.default.createElement(_patterns.Grid, {
+    dataHook: "auto-patterns-grid",
+    search: search,
+    title: title,
+    state: state,
+    actionCell: actionCell,
+    filters: filters,
+    emptyState: emptyState,
+    imagePlacement: imagePlacement,
+    preset: preset,
+    renderItem: renderItem,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 12,
+      lineNumber: 26,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_AutoPatternsGridContent.AutoPatternsGridContent, {
-    configuration: configuration,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 16,
-      columnNumber: 7
-    }
-  }));
+  });
 };
 exports.AutoPatternsGrid = AutoPatternsGrid;
 //# sourceMappingURL=AutoPatternsGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsGridContent","_SchemaContext","_jsxFileName","AutoPatternsGrid","configuration","default","createElement","SchemaProvider","collectionId","collection","entityTypeSource","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsGridContent","exports"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridConfig } from '../../types';\nimport { AutoPatternsGridContent } from './AutoPatternsGridContent';\nimport { SchemaProvider } from '../../providers/SchemaContext';\n\nexport interface AutoPatternsGridProps {\n  configuration: GridConfig;\n}\n\nexport const AutoPatternsGrid = ({ configuration }: AutoPatternsGridProps) => {\n  return (\n    <SchemaProvider\n      collectionId={configuration.collection.collectionId}\n      entityTypeSource={configuration.collection.entityTypeSource}\n    >\n      <AutoPatternsGridContent configuration={configuration} />\n    </SchemaProvider>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA+D,IAAAG,YAAA;AAMxD,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EAC5E,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,cAAA,CAAAM,cAAc;IACbC,YAAY,EAAEJ,aAAa,CAACK,UAAU,CAACD,YAAa;IACpDE,gBAAgB,EAAEN,aAAa,CAACK,UAAU,CAACC,gBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5DlB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,wBAAA,CAAAgB,uBAAuB;IAACZ,aAAa,EAAEA,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC1C,CAAC;AAErB,CAAC;AAACE,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_hooks","_jsxFileName","AutoPatternsGrid","configuration","state","search","title","emptyState","filters","actionCell","renderItem","imagePlacement","preset","useGridFeatures","default","createElement","Grid","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useGridFeatures } from '../../hooks';\n\nexport interface AutoPatternsGridContentProps {\n  configuration: GridConfig;\n}\n\nexport const AutoPatternsGrid = ({\n  configuration,\n}: AutoPatternsGridContentProps) => {\n  const {\n    state,\n    search,\n    title,\n    emptyState,\n    filters,\n    actionCell,\n    renderItem,\n    imagePlacement,\n    preset,\n  } = useGridFeatures(configuration);\n\n  return (\n    <Grid\n      dataHook=\"auto-patterns-grid\"\n      search={search}\n      title={title}\n      state={state}\n      actionCell={actionCell}\n      filters={filters}\n      emptyState={emptyState}\n      imagePlacement={imagePlacement}\n      preset={preset}\n      renderItem={renderItem}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA8C,IAAAG,YAAA;AAMvC,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC;AAC4B,CAAC,KAAK;EAClC,MAAM;IACJC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC;EACF,CAAC,GAAG,IAAAC,sBAAe,EAACV,aAAa,CAAC;EAElC,oBACEP,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,SAAA,CAAAiB,IAAI;IACHC,QAAQ,EAAC,oBAAoB;IAC7BZ,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbK,UAAU,EAAEA,UAAW;IACvBD,OAAO,EAAEA,OAAQ;IACjBD,UAAU,EAAEA,UAAW;IACvBI,cAAc,EAAEA,cAAe;IAC/BC,MAAM,EAAEA,MAAO;IACfF,UAAU,EAAEA,UAAW;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAArB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -4,30 +4,44 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsTable = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _AutoPatternsTableContent = require("./AutoPatternsTableContent");
-var _SchemaContext = require("../../providers/SchemaContext");
+var _patterns = require("@wix/patterns");
+var _hooks = require("../../hooks");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsTable/AutoPatternsTable.tsx";
 const AutoPatternsTable = ({
   configuration
 }) => {
-  return /*#__PURE__*/_react.default.createElement(_SchemaContext.SchemaProvider, {
-    collectionId: configuration.collection.collectionId,
-    entityTypeSource: configuration.collection.entityTypeSource,
+  const {
+    state,
+    columns,
+    customColumns,
+    search,
+    title,
+    emptyState,
+    filters,
+    actionCell,
+    bulkActionToolbar,
+    onRowClick
+  } = (0, _hooks.useTableFeatures)(configuration);
+  return /*#__PURE__*/_react.default.createElement(_patterns.Table, {
+    dataHook: "auto-patterns-table",
+    search: search,
+    title: title,
+    state: state,
+    columns: columns,
+    customColumns: customColumns,
+    actionCell: actionCell,
+    filters: filters,
+    emptyState: emptyState,
+    bulkActionToolbar: bulkActionToolbar,
+    onRowClick: onRowClick,
+    horizontalScroll: true,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
+      lineNumber: 27,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_AutoPatternsTableContent.AutoPatternsTableContent, {
-    configuration: configuration,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 19,
-      columnNumber: 7
-    }
-  }));
+  });
 };
 exports.AutoPatternsTable = AutoPatternsTable;
 //# sourceMappingURL=AutoPatternsTable.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTableContent","_SchemaContext","_jsxFileName","AutoPatternsTable","configuration","default","createElement","SchemaProvider","collectionId","collection","entityTypeSource","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsTableContent","exports"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableConfig } from '../../types';\n\nimport { AutoPatternsTableContent } from './AutoPatternsTableContent';\nimport { SchemaProvider } from '../../providers/SchemaContext';\n\nexport interface AutoPatternsTableProps {\n  configuration: TableConfig;\n}\n\nexport const AutoPatternsTable = ({\n  configuration,\n}: AutoPatternsTableProps) => {\n  return (\n    <SchemaProvider\n      collectionId={configuration.collection.collectionId}\n      entityTypeSource={configuration.collection.entityTypeSource}\n    >\n      <AutoPatternsTableContent configuration={configuration} />\n    </SchemaProvider>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA+D,IAAAG,YAAA;AAMxD,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC;AACsB,CAAC,KAAK;EAC5B,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,cAAA,CAAAM,cAAc;IACbC,YAAY,EAAEJ,aAAa,CAACK,UAAU,CAACD,YAAa;IACpDE,gBAAgB,EAAEN,aAAa,CAACK,UAAU,CAACC,gBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5DlB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,yBAAA,CAAAgB,wBAAwB;IAACZ,aAAa,EAAEA,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3C,CAAC;AAErB,CAAC;AAACE,OAAA,CAAAd,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","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  } = 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    />\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;EACF,CAAC,GAAG,IAAAC,uBAAgB,EAACX,aAAa,CAAC;EAEnC,oBACEP,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,SAAA,CAAAkB,KAAK;IACJC,QAAQ,EAAC,qBAAqB;IAC9BX,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;IACvBM,gBAAgB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAvB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AutoPatternsTableGridSwitch = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _patterns = require("@wix/patterns");
+var _useTableGridSwitchFeatures = require("../../hooks/useTableGridSwitchFeatures");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.tsx";
+const AutoPatternsTableGridSwitch = ({
+  configuration
+}) => {
+  const props = (0, _useTableGridSwitchFeatures.useTableGridSwitchFeatures)(configuration);
+  return /*#__PURE__*/_react.default.createElement(_patterns.TableGridSwitch, (0, _extends2.default)({
+    dataHook: "auto-patterns-table-grid-switch"
+  }, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }));
+};
+exports.AutoPatternsTableGridSwitch = AutoPatternsTableGridSwitch;
+//# sourceMappingURL=AutoPatternsTableGridSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_useTableGridSwitchFeatures","_jsxFileName","AutoPatternsTableGridSwitch","configuration","props","useTableGridSwitchFeatures","default","createElement","TableGridSwitch","_extends2","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport { TableGridSwitch } from '@wix/patterns';\nimport { TableGridSwitchConfig } from '../../types';\nimport { useTableGridSwitchFeatures } from '../../hooks/useTableGridSwitchFeatures';\n\nexport interface AutoPatternsTableGridSwitchProps {\n  configuration: TableGridSwitchConfig;\n}\n\nexport const AutoPatternsTableGridSwitch = ({\n  configuration,\n}: AutoPatternsTableGridSwitchProps) => {\n  const props = useTableGridSwitchFeatures(configuration);\n  return (\n    <TableGridSwitch dataHook=\"auto-patterns-table-grid-switch\" {...props} />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAAoF,IAAAG,YAAA;AAM7E,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAMC,KAAK,GAAG,IAAAC,sDAA0B,EAACF,aAAa,CAAC;EACvD,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAS,eAAe,MAAAC,SAAA,CAAAH,OAAA;IAACI,QAAQ,EAAC;EAAiC,GAAKN,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAE7E,CAAC;AAACC,OAAA,CAAAd,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/dist/cjs/components/DynamicIcon.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 exports.FallbackIcon = exports.DynamicIcon = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _generatedIconImports = require("../utils/generated-icon-imports");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/DynamicIcon.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; }
@@ -19,7 +20,7 @@ const DynamicIcon = exports.DynamicIcon = /*#__PURE__*/(0, _react.memo)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 5,
+        lineNumber: 6,
         columnNumber: 12
       }
     });
@@ -27,30 +28,65 @@ const DynamicIcon = exports.DynamicIcon = /*#__PURE__*/(0, _react.memo)(({
   if (!icon) {
     return null;
   }
-  const ImportedIconComponent = /*#__PURE__*/(0, _react.lazy)(() => (specifier => new Promise(r => r(specifier)).then(s => _interopRequireWildcard(require(s))))(`@wix/wix-ui-icons-common/dist/esm/general/dist/components/${icon}.js`).catch(() => {
-    const defaultIconName = 'Edit';
-    return (specifier => new Promise(r => r(specifier)).then(s => _interopRequireWildcard(require(s))))(`@wix/wix-ui-icons-common/dist/esm/general/dist/components/${defaultIconName}.js`).catch(() => null);
-  }));
+  const iconLoader = _generatedIconImports.iconImports[icon];
+  if (!iconLoader) {
+    const defaultIconLoader = _generatedIconImports.iconImports.Edit;
+    if (!defaultIconLoader) {
+      return /*#__PURE__*/_react.default.createElement(FallbackIcon, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 18,
+          columnNumber: 14
+        }
+      });
+    }
+    const DefaultIconComponent = /*#__PURE__*/(0, _react.lazy)(defaultIconLoader);
+    return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      fallback: /*#__PURE__*/_react.default.createElement(FallbackIcon, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 23,
+          columnNumber: 27
+        }
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(DefaultIconComponent, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 24,
+        columnNumber: 9
+      }
+    }));
+  }
+  const ImportedIconComponent = /*#__PURE__*/(0, _react.lazy)(iconLoader);
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: /*#__PURE__*/_react.default.createElement(FallbackIcon, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 32,
         columnNumber: 25
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 32,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(ImportedIconComponent, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 33,
       columnNumber: 7
     }
   }));
@@ -64,7 +100,7 @@ const FallbackIcon = exports.FallbackIcon = /*#__PURE__*/(0, _react.memo)(() =>
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 31,
+    lineNumber: 39,
     columnNumber: 3
   }
 }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DynamicIcon","exports","memo","icon","process","env","NODE_ENV","createElement","style","height","width","__self","__source","fileName","lineNumber","columnNumber","ImportedIconComponent","lazy","specifier","Promise","then","s","catch","defaultIconName","Suspense","fallback","FallbackIcon"],"sources":["../../../src/components/DynamicIcon.tsx"],"sourcesContent":["import React, { lazy, memo, Suspense } from 'react';\n\nexport const DynamicIcon = memo(({ icon }: { icon: string | undefined }) => {\n  if (process.env.NODE_ENV === 'test') {\n    return <div data-hook=\"icon-fallback\" style={{ height: 18, width: 18 }} />;\n  }\n\n  if (!icon) {\n    return null;\n  }\n\n  const ImportedIconComponent = lazy(() =>\n    import(\n      `@wix/wix-ui-icons-common/dist/esm/general/dist/components/${icon}.js`\n    ).catch(() => {\n      const defaultIconName = 'Edit';\n      return import(\n        `@wix/wix-ui-icons-common/dist/esm/general/dist/components/${defaultIconName}.js`\n      ).catch(() => null);\n    }),\n  );\n\n  return (\n    <Suspense fallback={<FallbackIcon />}>\n      <ImportedIconComponent />\n    </Suspense>\n  );\n});\n\nexport const FallbackIcon = memo(() => (\n  <div data-hook=\"icon-fallback\" style={{ height: 18, width: 18 }} />\n));\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_generatedIconImports","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DynamicIcon","exports","memo","icon","process","env","NODE_ENV","createElement","style","height","width","__self","__source","fileName","lineNumber","columnNumber","iconLoader","iconImports","defaultIconLoader","Edit","FallbackIcon","DefaultIconComponent","lazy","Suspense","fallback","ImportedIconComponent"],"sources":["../../../src/components/DynamicIcon.tsx"],"sourcesContent":["import React, { lazy, memo, Suspense } from 'react';\nimport { iconImports } from '../utils/generated-icon-imports';\n\nexport const DynamicIcon = memo(({ icon }: { icon: string | undefined }) => {\n  if (process.env.NODE_ENV === 'test') {\n    return <div data-hook=\"icon-fallback\" style={{ height: 18, width: 18 }} />;\n  }\n\n  if (!icon) {\n    return null;\n  }\n\n  const iconLoader = iconImports[icon];\n\n  if (!iconLoader) {\n    const defaultIconLoader = iconImports.Edit;\n    if (!defaultIconLoader) {\n      return <FallbackIcon />;\n    }\n\n    const DefaultIconComponent = lazy(defaultIconLoader);\n    return (\n      <Suspense fallback={<FallbackIcon />}>\n        <DefaultIconComponent />\n      </Suspense>\n    );\n  }\n\n  const ImportedIconComponent = lazy(iconLoader);\n\n  return (\n    <Suspense fallback={<FallbackIcon />}>\n      <ImportedIconComponent />\n    </Suspense>\n  );\n});\n\nexport const FallbackIcon = memo(() => (\n  <div data-hook=\"icon-fallback\" style={{ height: 18, width: 18 }} />\n));\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useBaseGridFeatures.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useBaseGridFeatures = void 0;
+var _react = require("react");
+var _getImageUrl = require("../utils/media/getImageUrl");
+var _providers = require("../providers");
+const useBaseGridFeatures = configuration => {
+  const {
+    item
+  } = configuration;
+  const schema = (0, _providers.useSchema)();
+  const {
+    titleFieldId,
+    subtitleFieldId,
+    imageFieldId,
+    imagePlacement,
+    cardContentMode: preset
+  } = item;
+  const visibleFieldIds = (0, _react.useMemo)(() => [titleFieldId, subtitleFieldId, imageFieldId].filter(Boolean), [titleFieldId, subtitleFieldId, imageFieldId]);
+  const renderItem = (0, _react.useMemo)(() => gridItem => ({
+    id: gridItem[schema.idField],
+    title: `${gridItem[titleFieldId]}`,
+    ...(subtitleFieldId ? {
+      subtitle: `${gridItem[subtitleFieldId] ?? ''}`
+    } : {}),
+    ...(imageFieldId ? {
+      backgroundImageUrl: (0, _getImageUrl.getImageUrl)(gridItem[imageFieldId])
+    } : {})
+  }), [titleFieldId, subtitleFieldId, imageFieldId, schema.idField]);
+  return {
+    imagePlacement,
+    preset,
+    renderItem,
+    visibleFieldIds
+  };
+};
+exports.useBaseGridFeatures = useBaseGridFeatures;
+//# sourceMappingURL=useBaseGridFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_getImageUrl","_providers","useBaseGridFeatures","configuration","item","schema","useSchema","titleFieldId","subtitleFieldId","imageFieldId","imagePlacement","cardContentMode","preset","visibleFieldIds","useMemo","filter","Boolean","renderItem","gridItem","id","idField","title","subtitle","backgroundImageUrl","getImageUrl","exports"],"sources":["../../../src/hooks/useBaseGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useMemo } from 'react';\nimport { getImageUrl } from '../utils/media/getImageUrl';\nimport { useSchema } from '../providers';\n\nexport const useBaseGridFeatures = (configuration: GridConfig) => {\n  const { item } = configuration;\n\n  const schema = useSchema();\n\n  const {\n    titleFieldId,\n    subtitleFieldId,\n    imageFieldId,\n    imagePlacement,\n    cardContentMode: preset,\n  } = item;\n\n  const visibleFieldIds = useMemo(\n    () =>\n      [titleFieldId, subtitleFieldId, imageFieldId].filter(Boolean) as string[],\n    [titleFieldId, subtitleFieldId, imageFieldId],\n  );\n\n  const renderItem = useMemo(\n    () => (gridItem: any) => ({\n      id: gridItem[schema.idField],\n      title: `${gridItem[titleFieldId]}`,\n      ...(subtitleFieldId\n        ? { subtitle: `${gridItem[subtitleFieldId] ?? ''}` }\n        : {}),\n      ...(imageFieldId\n        ? { backgroundImageUrl: getImageUrl(gridItem[imageFieldId]) }\n        : {}),\n    }),\n    [titleFieldId, subtitleFieldId, imageFieldId, schema.idField],\n  );\n\n  return {\n    imagePlacement,\n    preset,\n    renderItem,\n    visibleFieldIds,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,mBAAmB,GAAIC,aAAyB,IAAK;EAChE,MAAM;IAAEC;EAAK,CAAC,GAAGD,aAAa;EAE9B,MAAME,MAAM,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAE1B,MAAM;IACJC,YAAY;IACZC,eAAe;IACfC,YAAY;IACZC,cAAc;IACdC,eAAe,EAAEC;EACnB,CAAC,GAAGR,IAAI;EAER,MAAMS,eAAe,GAAG,IAAAC,cAAO,EAC7B,MACE,CAACP,YAAY,EAAEC,eAAe,EAAEC,YAAY,CAAC,CAACM,MAAM,CAACC,OAAO,CAAa,EAC3E,CAACT,YAAY,EAAEC,eAAe,EAAEC,YAAY,CAC9C,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAH,cAAO,EACxB,MAAOI,QAAa,KAAM;IACxBC,EAAE,EAAED,QAAQ,CAACb,MAAM,CAACe,OAAO,CAAC;IAC5BC,KAAK,EAAE,GAAGH,QAAQ,CAACX,YAAY,CAAC,EAAE;IAClC,IAAIC,eAAe,GACf;MAAEc,QAAQ,EAAE,GAAGJ,QAAQ,CAACV,eAAe,CAAC,IAAI,EAAE;IAAG,CAAC,GAClD,CAAC,CAAC,CAAC;IACP,IAAIC,YAAY,GACZ;MAAEc,kBAAkB,EAAE,IAAAC,wBAAW,EAACN,QAAQ,CAACT,YAAY,CAAC;IAAE,CAAC,GAC3D,CAAC,CAAC;EACR,CAAC,CAAC,EACF,CAACF,YAAY,EAAEC,eAAe,EAAEC,YAAY,EAAEJ,MAAM,CAACe,OAAO,CAC9D,CAAC;EAED,OAAO;IACLV,cAAc;IACdE,MAAM;IACNK,UAAU;IACVJ;EACF,CAAC;AACH,CAAC;AAACY,OAAA,CAAAvB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/cjs/hooks/useBaseTableFeatures.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useBaseTableFeatures = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useColumns = require("./useColumns");
+var _patterns = require("@wix/patterns");
+var _useNavigationUtils = require("./useNavigationUtils");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useBaseTableFeatures.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 useBaseTableFeatures = configuration => {
+  var _configuration$custom;
+  const {
+    navigateToEntityPage
+  } = (0, _useNavigationUtils.useNavigation)();
+  const columns = (0, _useColumns.useColumns)(configuration.columns);
+  const visibleFieldIds = (0, _react.useMemo)(() => configuration.columns.map(column => column.id), [configuration]);
+  const entityPageId = configuration.entityPageId;
+  const onRowClick = item => navigateToEntityPage({
+    item,
+    entityPageId
+  });
+  return {
+    columns,
+    visibleFieldIds,
+    onRowClick,
+    customColumns: (_configuration$custom = configuration.customColumns) != null && _configuration$custom.enabled ? /*#__PURE__*/_react.default.createElement(_patterns.CustomColumns, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 7
+      }
+    }) : undefined
+  };
+};
+exports.useBaseTableFeatures = useBaseTableFeatures;
+//# sourceMappingURL=useBaseTableFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useColumns","_patterns","_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","onRowClick","item","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 { useNavigation } from './useNavigationUtils';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n\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 onRowClick = (item: any) =>\n    navigateToEntityPage({\n      item,\n      entityPageId,\n    });\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE9C,MAAMW,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,iCAAa,EAAC,CAAC;EAEhD,MAAMC,OAAO,GAAG,IAAAC,sBAAU,EAACL,aAAa,CAACI,OAAO,CAAC;EACjD,MAAME,eAAe,GAAG,IAAAC,cAAO,EAC7B,MAAMP,aAAa,CAACI,OAAO,CAACI,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACV,aAAa,CAChB,CAAC;EAED,MAAMW,YAAY,GAAGX,aAAa,CAACW,YAAY;EAE/C,MAAMC,UAAU,GAAIC,IAAS,IAC3BX,oBAAoB,CAAC;IACnBW,IAAI;IACJF;EACF,CAAC,CAAC;EAEJ,OAAO;IACLP,OAAO;IACPE,eAAe;IACfM,UAAU;IACVE,aAAa,EAAE,CAAAb,qBAAA,GAAAD,aAAa,CAACc,aAAa,aAA3Bb,qBAAA,CAA6Bc,OAAO,gBACjD3C,MAAA,CAAAa,OAAA,CAAA+B,aAAA,CAACxC,SAAA,CAAAyC,aAAa;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GACfC;EACN,CAAC;AACH,CAAC;AAACC,OAAA,CAAAzB,oBAAA,GAAAA,oBAAA","ignoreList":[]}