@wix/auto-patterns 1.9.0 → 1.11.0

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

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

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,48 @@ 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,
+    stickyColumns,
+    stickySelectionColumn
+  } = (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,
+    stickyColumns: stickyColumns,
+    stickySelectionColumn: stickySelectionColumn,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
+      lineNumber: 29,
       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","stickyColumns","stickySelectionColumn","useTableFeatures","default","createElement","Table","dataHook","horizontalScroll","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '@wix/patterns';\nimport { TableConfig } from '../../types';\nimport { useTableFeatures } from '../../hooks';\n\nexport interface AutoPatternsTableContentProps {\n  configuration: TableConfig;\n}\n\nexport const AutoPatternsTable = ({\n  configuration,\n}: AutoPatternsTableContentProps) => {\n  const {\n    state,\n    columns,\n    customColumns,\n    search,\n    title,\n    emptyState,\n    filters,\n    actionCell,\n    bulkActionToolbar,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n  } = useTableFeatures(configuration);\n\n  return (\n    <Table\n      dataHook=\"auto-patterns-table\"\n      search={search}\n      title={title}\n      state={state}\n      columns={columns}\n      customColumns={customColumns}\n      actionCell={actionCell}\n      filters={filters}\n      emptyState={emptyState}\n      bulkActionToolbar={bulkActionToolbar}\n      onRowClick={onRowClick}\n      horizontalScroll\n      stickyColumns={stickyColumns}\n      stickySelectionColumn={stickySelectionColumn}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA+C,IAAAG,YAAA;AAMxC,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,aAAa;IACbC,MAAM;IACNC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC,GAAG,IAAAC,uBAAgB,EAACb,aAAa,CAAC;EAEnC,oBACEP,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAoB,KAAK;IACJC,QAAQ,EAAC,qBAAqB;IAC9Bb,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;IACvBQ,gBAAgB;IAChBP,aAAa,EAAEA,aAAc;IAC7BC,qBAAqB,EAAEA,qBAAsB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9C,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAzB,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/hooks/useActionCell.js

@@ -22,7 +22,7 @@ const useActionCell = ({
     collectionId
   });
   const buildCellActions = (0, _react.useCallback)((item, index, api) => {
-    var _config$primaryAction, _config$secondaryActi;
+    var _config$primaryAction, _config$secondaryActi, _config$secondaryActi2, _config$secondaryActi3;
     const buildAction = actionConfig => {
       let actionToResolve = null;
       const baseParams = {
@@ -78,7 +78,6 @@ const useActionCell = ({
     };
     const primaryAction = config != null && (_config$primaryAction = config.primaryAction) != null && _config$primaryAction.item ? buildAction(config.primaryAction.item) : collectionType === 'Grid' && entityPageId ? {
       text: editText,
-      icon: 'edit',
       onClick: () => {
         navigateToEntityPage({
           item,
@@ -87,6 +86,8 @@ const useActionCell = ({
       }
     } : undefined;
     const secondaryActions = config != null && (_config$secondaryActi = config.secondaryActions) != null && _config$secondaryActi.items.length ? config.secondaryActions.items.map(buildAction).filter(Boolean) : [];
+    const numOfVisibleSecondaryActions = config == null || (_config$secondaryActi2 = config.secondaryActions) == null ? void 0 : _config$secondaryActi2.inlineCount;
+    const alwaysShowSecondaryActions = config == null || (_config$secondaryActi3 = config.secondaryActions) == null ? void 0 : _config$secondaryActi3.inlineAlwaysVisible;
     if (!primaryAction && !secondaryActions.length) {
       return {};
     }
@@ -98,7 +99,9 @@ const useActionCell = ({
       }),
       ...(secondaryActions.length && {
         secondaryActions
-      })
+      }),
+      numOfVisibleSecondaryActions,
+      alwaysShowSecondaryActions
     };
   }, [config, sdk, entityPageId, navigateToEntityPage, collectionType, editText]);
   return buildCellActions;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useActionsSDK","_patterns","_actions","_useNavigationUtils","useActionCell","config","collectionId","collectionType","entityPageId","navigateToEntityPage","useNavigation","container","useWixPatternsContainer","editText","useSelector","translate","sdk","useActionsSDK","buildCellActions","useCallback","item","index","api","_config$primaryAction","_config$secondaryActi","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","updateAction","action","deleteAction","customModalAction","customAction","resolvedAction","resolveAction","label","tooltip","resolvedActionProps","text","disabledDescription","primaryAction","icon","onClick","undefined","secondaryActions","items","length","map","filter","Boolean","exports"],"sources":["../../../src/hooks/useActionCell.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  ActionCellConfig,\n  ActionCellItemConfig,\n  ComponentConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport { useWixPatternsContainer, useSelector } from '@wix/patterns';\nimport {\n  updateAction,\n  customModalAction,\n  customAction,\n  resolveAction,\n  deleteAction,\n} from '../utils/actions';\nimport { useNavigation } from './useNavigationUtils';\n\nexport interface useActionCellParams {\n  config?: ActionCellConfig;\n  collectionId: string;\n  collectionType?: ComponentConfig['type'];\n  entityPageId?: string;\n}\n\nexport const useActionCell = ({\n  config,\n  collectionId,\n  collectionType,\n  entityPageId,\n}: useActionCellParams) => {\n  const { navigateToEntityPage } = useNavigation();\n  const container = useWixPatternsContainer();\n  const editText = useSelector(() =>\n    container.translate('cairo.collectionsPage.edit.CTA'),\n  );\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const buildCellActions = useCallback(\n    (item, index, api) => {\n      const buildAction = (actionConfig: ActionCellItemConfig) => {\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: { item, index, api },\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'update':\n            actionToResolve = updateAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'delete':\n            actionToResolve = deleteAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'customModal':\n            actionToResolve = customModalAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'custom':\n            actionToResolve = customAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          default:\n            return null;\n        }\n\n        if (!actionToResolve) {\n          return null;\n        }\n\n        const resolvedAction = resolveAction(actionConfig, actionToResolve);\n        const { label, tooltip, ...resolvedActionProps } = resolvedAction;\n\n        return {\n          ...resolvedActionProps,\n          text: resolvedAction.label,\n          disabledDescription: resolvedAction.tooltip,\n        };\n      };\n\n      const primaryAction = config?.primaryAction?.item\n        ? buildAction(config.primaryAction.item)\n        : collectionType === 'Grid' && entityPageId\n        ? {\n            text: editText,\n            icon: 'edit',\n            onClick: () => {\n              navigateToEntityPage({\n                item,\n                entityPageId,\n              });\n            },\n          }\n        : undefined;\n\n      const secondaryActions = config?.secondaryActions?.items.length\n        ? config.secondaryActions.items.map(buildAction).filter(Boolean)\n        : [];\n\n      if (!primaryAction && !secondaryActions.length) {\n        return {};\n      }\n\n      return {\n        ...(primaryAction ? { primaryAction } : { primaryAction: undefined }),\n        ...(secondaryActions.length && { secondaryActions }),\n      };\n    },\n    [config, sdk, entityPageId, navigateToEntityPage, collectionType, editText],\n  );\n\n  return buildCellActions;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_useActionsSDK","_patterns","_actions","_useNavigationUtils","useActionCell","config","collectionId","collectionType","entityPageId","navigateToEntityPage","useNavigation","container","useWixPatternsContainer","editText","useSelector","translate","sdk","useActionsSDK","buildCellActions","useCallback","item","index","api","_config$primaryAction","_config$secondaryActi","_config$secondaryActi2","_config$secondaryActi3","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","updateAction","action","deleteAction","customModalAction","customAction","resolvedAction","resolveAction","label","tooltip","resolvedActionProps","text","disabledDescription","primaryAction","onClick","undefined","secondaryActions","items","length","map","filter","Boolean","numOfVisibleSecondaryActions","inlineCount","alwaysShowSecondaryActions","inlineAlwaysVisible","exports"],"sources":["../../../src/hooks/useActionCell.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  ActionCellConfig,\n  ActionCellItemConfig,\n  ComponentConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport { useWixPatternsContainer, useSelector } from '@wix/patterns';\nimport {\n  updateAction,\n  customModalAction,\n  customAction,\n  resolveAction,\n  deleteAction,\n} from '../utils/actions';\nimport { useNavigation } from './useNavigationUtils';\n\nexport interface useActionCellParams {\n  config?: ActionCellConfig;\n  collectionId: string;\n  collectionType?: ComponentConfig['type'];\n  entityPageId?: string;\n}\n\nexport const useActionCell = ({\n  config,\n  collectionId,\n  collectionType,\n  entityPageId,\n}: useActionCellParams) => {\n  const { navigateToEntityPage } = useNavigation();\n  const container = useWixPatternsContainer();\n  const editText = useSelector(() =>\n    container.translate('cairo.collectionsPage.edit.CTA'),\n  );\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const buildCellActions = useCallback(\n    (item, index, api) => {\n      const buildAction = (actionConfig: ActionCellItemConfig) => {\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: { item, index, api },\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'update':\n            actionToResolve = updateAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'delete':\n            actionToResolve = deleteAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'customModal':\n            actionToResolve = customModalAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'custom':\n            actionToResolve = customAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          default:\n            return null;\n        }\n\n        if (!actionToResolve) {\n          return null;\n        }\n\n        const resolvedAction = resolveAction(actionConfig, actionToResolve);\n        const { label, tooltip, ...resolvedActionProps } = resolvedAction;\n\n        return {\n          ...resolvedActionProps,\n          text: resolvedAction.label,\n          disabledDescription: resolvedAction.tooltip,\n        };\n      };\n\n      const primaryAction = config?.primaryAction?.item\n        ? buildAction(config.primaryAction.item)\n        : collectionType === 'Grid' && entityPageId\n          ? {\n            text: editText,\n            onClick: () => {\n              navigateToEntityPage({\n                item,\n                entityPageId,\n              });\n            },\n          }\n          : undefined;\n\n      const secondaryActions = config?.secondaryActions?.items.length\n        ? config.secondaryActions.items.map(buildAction).filter(Boolean)\n        : [];\n\n      const numOfVisibleSecondaryActions =\n        config?.secondaryActions?.inlineCount;\n      const alwaysShowSecondaryActions =\n        config?.secondaryActions?.inlineAlwaysVisible;\n\n      if (!primaryAction && !secondaryActions.length) {\n        return {};\n      }\n\n      return {\n        ...(primaryAction ? { primaryAction } : { primaryAction: undefined }),\n        ...(secondaryActions.length && { secondaryActions }),\n        numOfVisibleSecondaryActions,\n        alwaysShowSecondaryActions,\n      };\n    },\n    [config, sdk, entityPageId, navigateToEntityPage, collectionType, editText],\n  );\n\n  return buildCellActions;\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,44 @@
+"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
+  });
+  const stickyColumns = configuration.stickyColumns;
+  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number
+
+  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: 32,
+        columnNumber: 7
+      }
+    }) : undefined,
+    stickyColumns,
+    stickySelectionColumn
+  };
+};
+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","stickyColumns","stickySelectionColumn","customColumns","enabled","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","undefined","exports"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { 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  const stickyColumns = configuration.stickyColumns;\n  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n  };\n};\n"],"mappings":";;;;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,MAAMG,aAAa,GAAGd,aAAa,CAACc,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;;EAE/C,OAAO;IACLV,OAAO;IACPE,eAAe;IACfM,UAAU;IACVI,aAAa,EAAE,CAAAf,qBAAA,GAAAD,aAAa,CAACgB,aAAa,aAA3Bf,qBAAA,CAA6BgB,OAAO,gBACjD7C,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,SAAA,CAAA2C,aAAa;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GACfC,SAAS;IACbX,aAAa;IACbC;EACF,CAAC;AACH,CAAC;AAACW,OAAA,CAAA3B,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/hooks/useBulkActionToolbar.js

@@ -13,12 +13,10 @@ const useBulkActionToolbar = ({
   config,
   collectionId
 }) => {
-  var _config$primaryAction2, _config$secondaryActi2;
   const sdk = (0, _useActionsSDK.useActionsSDK)({
     collectionId
   });
   const bulkActionToolbar = (0, _react.useCallback)(param => {
-    var _config$primaryAction, _config$secondaryActi;
     const buildAction = actionConfig => {
       let actionToResolve = null;
       const baseParams = {
@@ -61,15 +59,37 @@ const useBulkActionToolbar = ({
         ...resolvedActionParams
       };
     };
-    const primaryActionItems = ((config == null || (_config$primaryAction = config.primaryActions) == null ? void 0 : _config$primaryAction.items) || []).map(buildAction).filter(action => Boolean(action));
-    const secondaryActionItems = ((config == null || (_config$secondaryActi = config.secondaryActions) == null ? void 0 : _config$secondaryActi.sections) || []).map(section => section.items.map(buildAction).filter(action => Boolean(action)));
+    const buildPrimaryActions = () => {
+      if (!(config != null && config.primaryActions)) {
+        return [];
+      }
+      return config.primaryActions.map((primaryItem, index) => {
+        if (primaryItem.type === 'single') {
+          return buildAction(primaryItem.single.item);
+        }
+        if (primaryItem.type === 'multi') {
+          const subItems = primaryItem.multi.items.map(buildAction).filter(action => Boolean(action));
+          if (subItems.length === 0) {
+            return null;
+          }
+          return {
+            label: primaryItem.multi.label,
+            subItems: [subItems],
+            dataHook: `bulk-multi-action-${index}`
+          };
+        }
+        return null;
+      }).filter(action => Boolean(action));
+    };
+    const primaryActionItems = buildPrimaryActions();
+    const secondaryActionItems = ((config == null ? void 0 : config.secondaryActions) || []).map(sectionItems => sectionItems.map(a => buildAction(a)).filter(action => Boolean(action)));
     return /*#__PURE__*/_react.default.createElement(_patterns.MultiBulkActionToolbar, {
       primaryActionItems: primaryActionItems,
       secondaryActionItems: secondaryActionItems,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 101,
+        lineNumber: 130,
         columnNumber: 9
       }
     });
@@ -77,7 +97,9 @@ const useBulkActionToolbar = ({
   if (!config) {
     return undefined;
   }
-  if (!((_config$primaryAction2 = config.primaryActions) != null && _config$primaryAction2.items.length) && !((_config$secondaryActi2 = config.secondaryActions) != null && _config$secondaryActi2.sections.length)) {
+  const hasPrimaryActions = config.primaryActions && config.primaryActions.length > 0;
+  const hasSecondaryActions = config.secondaryActions && config.secondaryActions.length > 0;
+  if (!hasPrimaryActions && !hasSecondaryActions) {
     return undefined;
   }
   return bulkActionToolbar;