@wix/patterns 1.12.0 → 1.13.0

package/dist/cjs/components/GridSections/GridSectionAndRepeater.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","range","state","useState","GridSectionsSectionState","gridSections","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","layoutType","range","state","useState","GridSectionsSectionState","gridSections","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","paddingTop","undefined","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement, layoutType } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n        layoutType,\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        paddingTop={layoutType === 'list' ? undefined : 'SP4'}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionHeader.js

@@ -13,28 +13,34 @@ function _GridSectionHeader(props) {
     sectionDescriptor,
     state
   } = props;
+  const {
+    gridBase: {
+      layoutType
+    }
+  } = state;
   const {
     section
   } = sectionDescriptor;
   return /*#__PURE__*/_react.default.createElement(_designSystem.SectionHeader, {
     dataHook: "grid-section-header",
     title: section.title,
-    skin: "neutral",
+    skin: layoutType === 'list' ? 'light' : 'neutral',
     divider: "none",
+    size: "small",
     suffix: /*#__PURE__*/_react.default.createElement(_GridSectionHeaderActionBar.GridSectionHeaderActionBar, {
       section: section,
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 32,
         columnNumber: 15
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 26,
       columnNumber: 5
     }
   });

package/dist/cjs/components/GridSections/GridSectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_GridSectionHeaderActionBar","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","section","default","createElement","SectionHeader","dataHook","title","skin","divider","suffix","GridSectionHeaderActionBar","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import { SectionHeader } from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionHeaderActionBar } from './GridSectionHeaderActionBar';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const { section } = sectionDescriptor;\n\n  return (\n    <SectionHeader\n      dataHook=\"grid-section-header\"\n      title={section.title}\n      skin=\"neutral\"\n      divider=\"none\"\n      suffix={<GridSectionHeaderActionBar section={section} state={state} />}\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAQ1E,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IAAEG;EAAQ,CAAC,GAAGF,iBAAiB;EAErC,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,aAAa;IACZC,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAEL,OAAO,CAACK,KAAM;IACrBC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAC,MAAM;IACdC,MAAM,eAAEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,2BAAA,CAAAe,0BAA0B;MAACT,OAAO,EAAEA,OAAQ;MAACD,KAAK,EAAEA,KAAM;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxE,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACrB,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_GridSectionHeaderActionBar","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","section","default","createElement","SectionHeader","dataHook","title","skin","divider","size","suffix","GridSectionHeaderActionBar","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import { SectionHeader } from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionHeaderActionBar } from './GridSectionHeaderActionBar';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { section } = sectionDescriptor;\n\n  return (\n    <SectionHeader\n      dataHook=\"grid-section-header\"\n      title={section.title}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      divider=\"none\"\n      size=\"small\"\n      suffix={<GridSectionHeaderActionBar section={section} state={state} />}\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAQ1E,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG;EAAQ,CAAC,GAAGJ,iBAAiB;EAErC,oBACEP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,aAAa;IACZC,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAEL,OAAO,CAACK,KAAM;IACrBC,IAAI,EAAEP,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDQ,OAAO,EAAC,MAAM;IACdC,IAAI,EAAC,OAAO;IACZC,MAAM,eAAEpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,2BAAA,CAAAkB,0BAA0B;MAACV,OAAO,EAAEA,OAAQ;MAACH,KAAK,EAAEA,KAAM;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxE,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACxB,kBAAkB,CAAC","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsContent.js

@@ -9,14 +9,16 @@ var _mobxReactLite = require("mobx-react-lite");
 var _GridSectionAndRepeater = require("./GridSectionAndRepeater");
 var _react = _interopRequireWildcard(require("react"));
 var _mobx = require("mobx");
-var _GridSingleGridContent = require("../Grid/GridSingleGridContent");
+var _designSystem = require("@wix/design-system");
+var _GridSectionsSingleSkeletonGrid = require("./GridSectionsSingleSkeletonGrid");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionsContent.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _GridSectionsContent(props) {
   const {
     state: grid,
-    renderSection
+    renderSection,
+    layoutType
   } = props;
   const {
     toolbar
@@ -42,28 +44,42 @@ function _GridSectionsContent(props) {
       }
     });
   }, [renderSection]);
+  let child;
   if (!sections.length || showInitialLoader || showRefreshLoader) {
-    return /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
+    child = /*#__PURE__*/_react.default.createElement(_GridSectionsSingleSkeletonGrid.GridSectionsSingleSkeletonGrid, (0, _extends2.default)({}, props, {
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
-        columnNumber: 12
+        lineNumber: 57,
+        columnNumber: 13
       }
     }));
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sections.map(sectionDescriptor => /*#__PURE__*/_react.default.createElement(_GridSectionAndRepeater.GridSectionAndRepeater, (0, _extends2.default)({}, props, {
+      key: sectionDescriptor.section.id,
+      sectionDescriptor: sectionDescriptor,
+      state: state,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 62,
+        columnNumber: 11
+      }
+    }))));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sections.map(sectionDescriptor => /*#__PURE__*/_react.default.createElement(_GridSectionAndRepeater.GridSectionAndRepeater, (0, _extends2.default)({}, props, {
-    key: sectionDescriptor.section.id,
-    sectionDescriptor: sectionDescriptor,
-    state: state,
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    width: "100%",
+    paddingTop: layoutType === 'list' ? 'SP2' : undefined,
+    paddingBottom: layoutType === 'list' ? 'SP2' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
-      columnNumber: 9
+      lineNumber: 74,
+      columnNumber: 5
     }
-  }))));
+  }, child);
 }
 const GridSectionsContent = exports.GridSectionsContent = (0, _mobxReactLite.observer)(_GridSectionsContent);
 //# sourceMappingURL=GridSectionsContent.js.map

package/dist/cjs/components/GridSections/GridSectionsContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_GridSingleGridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionsContent","props","state","grid","renderSection","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","sections","useEffect","runInAction","length","createElement","GridSingleGridContent","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","section","id","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState, Section } from './GridSectionsState';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { GridSingleGridContent } from '../Grid/GridSingleGridContent';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _grid?: GridBaseState<T, F>;\n    _sections?: GridSectionsState<T, F>;\n  };\n  renderSection?: (item: T) => Section;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, renderSection } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        renderSection,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [renderSection]);\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    return <GridSingleGridContent {...props} state={state} />;\n  }\n\n  return (\n    <>\n      {sections.map((sectionDescriptor) => (\n        <GridSectionAndRepeater\n          {...props}\n          key={sectionDescriptor.section.id}\n          sectionDescriptor={sectionDescriptor}\n          state={state}\n        />\n      ))}\n    </>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionsContent","props","state","grid","renderSection","layoutType","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","section","id","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState, Section } from './GridSectionsState';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _grid?: GridBaseState<T, F>;\n    _sections?: GridSectionsState<T, F>;\n  };\n  renderSection?: (item: T) => Section;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        renderSection,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = <GridSectionsSingleSkeletonGrid {...props} state={state} />;\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.section.id}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsSectionState.js

@@ -25,7 +25,8 @@ class GridSectionsSectionState {
       collection: toolbar.collection,
       sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
       range: params.sectionDescriptor.range,
-      parentState: this.gridSections
+      parentState: this.gridSections,
+      layoutType: params.layoutType
     });
     (0, _mobx.makeObservable)(this, {
       isLast: _mobx.computed

package/dist/cjs/components/GridSections/GridSectionsSectionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AAQO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC;IAAe,CAAC,GAAGL,MAAM;IACjC,MAAM;MAAEM;IAAQ,CAAC,GAAG,IAAI,CAACH,YAAY;IACrC,IAAI,CAACI,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAEN,cAAc,GACtBO,sBAAe,CAACP,cAAc,CAAC,GAC/BQ,wBAAiB;MACrBC,KAAK,EAAEd,MAAM,CAACI,iBAAiB,CAACU,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACZ;IACpB,CAAC,CAAC;IAEF,IAAAa,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJf,iBAAiB,EAAE;QAAEgB;MAAQ,CAAC;MAC9BjB,YAAY,EAAE;QAAEkB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA1B,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","layoutType","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  LayoutType,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n  readonly layoutType: LayoutType | undefined;\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections,\n      layoutType: params.layoutType,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,KAAA,GAAAD,OAAA;AASO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC;IAAe,CAAC,GAAGL,MAAM;IACjC,MAAM;MAAEM;IAAQ,CAAC,GAAG,IAAI,CAACH,YAAY;IACrC,IAAI,CAACI,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAEN,cAAc,GACtBO,sBAAe,CAACP,cAAc,CAAC,GAC/BQ,wBAAiB;MACrBC,KAAK,EAAEd,MAAM,CAACI,iBAAiB,CAACU,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACZ,YAAY;MAC9Ba,UAAU,EAAEhB,MAAM,CAACgB;IACrB,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJhB,iBAAiB,EAAE;QAAEiB;MAAQ,CAAC;MAC9BlB,YAAY,EAAE;QAAEmB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA3B,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsSingleSkeletonGrid.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridSectionsSingleSkeletonGrid = GridSectionsSingleSkeletonGrid;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _state = require("../../state");
+var _react = _interopRequireWildcard(require("react"));
+var _GridContent = require("../Grid/GridContent");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionsSingleSkeletonGrid.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function GridSectionsSingleSkeletonGrid(props) {
+  const {
+    range,
+    imagePlacement,
+    state: parentState,
+    layoutType
+  } = props;
+  const {
+    toolbar,
+    collection
+  } = parentState;
+  const [state] = (0, _react.useState)(() => new _state.GridBaseState({
+    container: toolbar.container,
+    toolbar: toolbar,
+    collection,
+    sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
+    range,
+    parentState,
+    layoutType
+  }));
+  return /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+    paddingTop: layoutType === 'list' ? 'SP2' : 'SP4',
+    state: state,
+    withInfiniteScrollLoader: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }));
+}
+//# sourceMappingURL=GridSectionsSingleSkeletonGrid.js.map

package/dist/cjs/components/GridSections/GridSectionsSingleSkeletonGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_state","require","_react","_interopRequireWildcard","_GridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GridSectionsSingleSkeletonGrid","props","range","imagePlacement","state","parentState","layoutType","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","createElement","GridContent","_extends2","paddingTop","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/GridSections/GridSectionsSingleSkeletonGrid.tsx"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport React, { useState } from 'react';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\n\nexport interface GridSectionsSingleSkeletonGridProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _subGrids?: GridBaseState<T, F>[];\n  };\n  range?: { start: number; length: number };\n}\n\nexport function GridSectionsSingleSkeletonGrid<\n  T,\n  F extends FiltersMap = FiltersMap,\n>(props: GridSectionsSingleSkeletonGridProps<T, F>) {\n  const { range, imagePlacement, state: parentState, layoutType } = props;\n\n  const { toolbar, collection } = parentState;\n\n  const [state] = useState(\n    () =>\n      new GridBaseState({\n        container: toolbar.container,\n        toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n        parentState,\n        layoutType,\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop={layoutType === 'list' ? 'SP2' : 'SP4'}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAwE,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,SAAAJ,wBAAAI,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;AAYjE,SAASW,8BAA8BA,CAG5CC,KAAgD,EAAE;EAClD,MAAM;IAAEC,KAAK;IAAEC,cAAc;IAAEC,KAAK,EAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGL,KAAK;EAEvE,MAAM;IAAEM,OAAO;IAAEC;EAAW,CAAC,GAAGH,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAK,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAET,cAAc,GACtBU,sBAAe,CAACV,cAAc,CAAC,GAC/BW,wBAAiB;IACrBZ,KAAK;IACLG,WAAW;IACXC;EACF,CAAC,CACL,CAAC;EAED,oBACE9B,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAACrC,YAAA,CAAAsC,WAAW,MAAAC,SAAA,CAAA/B,OAAA,MACNe,KAAK;IACTiB,UAAU,EAAEZ,UAAU,KAAK,MAAM,GAAG,KAAK,GAAG,KAAM;IAClDF,KAAK,EAAEA,KAAM;IACbe,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading1073157661";
+var _namespace_ = "Heading692330748";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading1073157661__root"
+  "root": "Heading692330748__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1073157661\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading1073157661__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading692330748\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading692330748__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwB,CAAC;AAC/C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "InputOverflow697550583";
+var _namespace_ = "InputOverflow4165352051";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "InputOverflow697550583__root"
+  "root": "InputOverflow4165352051__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow697550583\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow697550583__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow4165352051\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow4165352051__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxHeightText1566353541";
+var _namespace_ = "MaxHeightText1009967858";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxHeightText1566353541__root"
+  "root": "MaxHeightText1009967858__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1566353541\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText1566353541__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1009967858\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText1009967858__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxLines/MaxLines.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxLines589991866";
+var _namespace_ = "MaxLines2925917782";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxLines589991866__root"
+  "root": "MaxLines2925917782__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines589991866\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines589991866__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2925917782\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines2925917782__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MoreActions/MoreActions.js

@@ -10,7 +10,7 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _bi = require("@wix/bex-core/bi");
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
-var _hooks = require("../../hooks");
+var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
 var _usePageButtonBiParams = require("../usePageButtonBiParams");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MoreActions/MoreActions.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); }
@@ -25,7 +25,7 @@ function _MoreActions(params) {
     pageType,
     location
   } = (0, _usePageButtonBiParams.usePageButtonBiParams)();
-  const state = (0, _hooks.useExtensionMenuItems)({
+  const state = (0, _useExtensionMenuItems.useExtensionMenuItems)({
     containerId
   });
   const {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_bi","_react2","_mobxReactLite","_hooks","_usePageButtonBiParams","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActions","params","items","containerId","dataHook","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","useWixPatternsContainer","allActions","useMemo","groups","menuItems","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","componentType","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","onShow","minWidth","textSize","triggerElement","IconButton","priority","More","MoreActions","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActions.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useMemo } from 'react';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  text: string;\n  prefixIcon?: ReactElement;\n  onClick: (params?: Record<string, any>) => unknown;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Vertical's actions items that appear in the MoreActions Popover Menu. \\\n   * Each sub-array is a different group inside the popover.\n   * The props of the items are similar to [PopoverMenuItem props](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu).\n   * @external\n   */\n  items?: MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   * @external\n   */\n  containerId?: string;\n\n  dataHook?: string;\n}\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActions\n>;\n\nfunction _MoreActions(params: MoreActionsProps) {\n  const { items = [], containerId, dataHook } = params;\n\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n\n  const { reportBi } = useWixPatternsContainer();\n\n  const allActions = useMemo(() => {\n    const groups = [...items, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems]);\n\n  return allActions.length === 0 ? null : (\n    <PopoverMenu\n      dataHook={dataHook}\n      onShow={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: 'More Actions',\n            ctaType: 'More Actions Dropdown',\n            location,\n            componentType: 'Page',\n            pageType,\n          }),\n        );\n      }}\n      minWidth={240}\n      textSize=\"medium\"\n      triggerElement={\n        <IconButton dataHook=\"more-actions-popover-button\" priority=\"secondary\">\n          <More />\n        </IconButton>\n      }\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n\nexport const MoreActions = observer(_MoreActions);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActions","params","items","containerId","dataHook","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","useWixPatternsContainer","allActions","useMemo","groups","menuItems","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","componentType","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","onShow","minWidth","textSize","triggerElement","IconButton","priority","More","MoreActions","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActions.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useMemo } from 'react';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  text: string;\n  prefixIcon?: ReactElement;\n  onClick: (params?: Record<string, any>) => unknown;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Vertical's actions items that appear in the MoreActions Popover Menu. \\\n   * Each sub-array is a different group inside the popover.\n   * The props of the items are similar to [PopoverMenuItem props](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu).\n   * @external\n   */\n  items?: MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   * @external\n   */\n  containerId?: string;\n\n  dataHook?: string;\n}\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActions\n>;\n\nfunction _MoreActions(params: MoreActionsProps) {\n  const { items = [], containerId, dataHook } = params;\n\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n\n  const { reportBi } = useWixPatternsContainer();\n\n  const allActions = useMemo(() => {\n    const groups = [...items, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems]);\n\n  return allActions.length === 0 ? null : (\n    <PopoverMenu\n      dataHook={dataHook}\n      onShow={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: 'More Actions',\n            ctaType: 'More Actions Dropdown',\n            location,\n            componentType: 'Page',\n            pageType,\n          }),\n        );\n      }}\n      minWidth={240}\n      textSize=\"medium\"\n      triggerElement={\n        <IconButton dataHook=\"more-actions-popover-button\" priority=\"secondary\">\n          <More />\n        </IconButton>\n      }\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n\nexport const MoreActions = observer(_MoreActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.js

@@ -10,11 +10,12 @@ var _MultiBulkActionToolbarStCss = require("./MultiBulkActionToolbar.st.css.js")
 var _MultiBulkActionButton = require("../MultiBulkActionButton");
 var _react2 = require("@wix/bex-core/react");
 var _MultiBulkActionToolbarState = require("./MultiBulkActionToolbarState");
+var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _MultiBulkActionToolbar(props) {
-  var _toolbarCollectionSta, _toolbarCollectionSta2;
+  var _toolbarCollectionSta;
   const {
     primaryActionItems,
     secondaryActionItems,
@@ -22,7 +23,7 @@ function _MultiBulkActionToolbar(props) {
     containerId
   } = props;
   const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
-  const extensionMenuItems = (_toolbarCollectionSta = toolbarCollectionState.extensionMenuItems) == null || _toolbarCollectionSta.useExtensionMenuItems == null ? void 0 : _toolbarCollectionSta.useExtensionMenuItems({
+  const extensionMenuItems = (0, _useExtensionMenuItems.useExtensionMenuItems)({
     containerId
   });
   const [state] = (0, _react.useState)(() => new _MultiBulkActionToolbarState.MultiBulkActionToolbarState({
@@ -49,7 +50,7 @@ function _MultiBulkActionToolbar(props) {
   const {
     value: exportButton
   } = featuredComponents.exportButton;
-  const TagsAssignButton = (_toolbarCollectionSta2 = toolbarCollectionState.tagsCollectionState) == null ? void 0 : _toolbarCollectionSta2.components.AssignButton;
+  const TagsAssignButton = (_toolbarCollectionSta = toolbarCollectionState.tagsCollectionState) == null ? void 0 : _toolbarCollectionSta.components.AssignButton;
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_MultiBulkActionToolbarStCss","_MultiBulkActionButton","_react2","_MultiBulkActionToolbarState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiBulkActionToolbar","props","_toolbarCollectionSta","_toolbarCollectionSta2","primaryActionItems","secondaryActionItems","secondaryActionsPopoverMenuProps","containerId","toolbarCollectionState","useToolbarCollectionContext","extensionMenuItems","useExtensionMenuItems","state","useState","MultiBulkActionToolbarState","collection","useEffect","setActions","hasToolbarTabs","featuredComponents","bulk","maxSelection","total","selectedCountOrTotal","value","exportButton","TagsAssignButton","tagsCollectionState","components","AssignButton","translate","useWixPatternsContainer","createElement","Box","minHeight","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","removeVerticalPadding","dataHook","ItemGroup","position","className","st","classes","root","Item","SelectedCount","undefined","max","result","supportTotal","num","TextButton","size","onClick","toggleSelectAll","location","hasClickableRows","alignSelf","marginLeft","marginRight","Divider","direction","cloneElement","toolbarType","filter","x","map","actionItem","index","key","MultiBulkActionControl","biIndex","length","MultiBulkActionPopover","biName","subItems","popoverMenuProps","label","MultiBulkActionToolbar","exports","observer"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  PopoverMenuProps,\n  TableToolbar,\n  TextButton,\n} from '@wix/design-system';\nimport React, { cloneElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { st, classes } from './MultiBulkActionToolbar.st.css.js';\nimport {\n  MultiBulkActionControl,\n  MultiBulkActionPopover,\n  MultiBulkActionSubItem,\n} from '../MultiBulkActionButton';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';\n\nexport interface MultiBulkActionToolbarProps {\n  /**\n   * List of primary actions. Primary actions are displayed as individual buttons.\n   * @external\n   */\n  primaryActionItems?: MultiBulkActionSubItem[];\n\n  /**\n   * List of secondary actions. Secondary actions are displayed when clicking the More Actions menu.\n   * @external\n   */\n  secondaryActionItems?: MultiBulkActionSubItem[];\n\n  /**\n   * [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu.\n   * @external\n   */\n  secondaryActionsPopoverMenuProps?: Partial<PopoverMenuProps>;\n\n  /**\n   * This ID is used to specify the target container for extension menu items.\n   * Read more on [Extensions](./?path=/story/guides--extensions)\n   */\n  containerId?: string;\n}\n\nfunction _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {\n  const {\n    primaryActionItems,\n    secondaryActionItems,\n    secondaryActionsPopoverMenuProps,\n    containerId,\n  } = props;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const extensionMenuItems =\n    toolbarCollectionState.extensionMenuItems?.useExtensionMenuItems?.({\n      containerId,\n    });\n\n  const [state] = useState(\n    () =>\n      new MultiBulkActionToolbarState({\n        extensionMenuItems,\n        collection: toolbarCollectionState.collection,\n      }),\n  );\n\n  useEffect(() => {\n    state.setActions({\n      primaryActionItems,\n      secondaryActionItems,\n    });\n  }, [primaryActionItems, secondaryActionItems]);\n\n  const { collection, hasToolbarTabs, featuredComponents, bulk } =\n    toolbarCollectionState;\n\n  const { maxSelection, total, selectedCountOrTotal } = bulk;\n\n  const { value: exportButton } = featuredComponents.exportButton;\n\n  const TagsAssignButton =\n    toolbarCollectionState.tagsCollectionState?.components.AssignButton;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box minHeight=\"60px\">\n      <TableToolbar\n        removeVerticalPadding={hasToolbarTabs}\n        dataHook=\"bulk-action-toolbar\"\n      >\n        <TableToolbar.ItemGroup position=\"start\" className={st(classes.root)}>\n          <TableToolbar.Item>\n            <TableToolbar.SelectedCount dataHook=\"selected-count\">\n              {maxSelection !== undefined\n                ? t('cairo.bulkActions.max.selection', {\n                    max: maxSelection,\n                    total: selectedCountOrTotal,\n                  })\n                : collection.result.supportTotal\n                ? t('cairo.bulkSelectedWithTotal', {\n                    num: selectedCountOrTotal,\n                    total,\n                  })\n                : t('cairo.bulkSelected', {\n                    num: selectedCountOrTotal,\n                  })}\n            </TableToolbar.SelectedCount>\n          </TableToolbar.Item>\n\n          {collection.result.supportTotal && (\n            <TableToolbar.Item>\n              <TextButton\n                dataHook=\"select-all\"\n                size=\"small\"\n                onClick={() =>\n                  bulk.toggleSelectAll({ location: 'TableToolbar CTA' })\n                }\n              >\n                {bulk.hasClickableRows\n                  ? t('cairo.selectAll')\n                  : t('cairo.deselectAll')}\n              </TextButton>\n            </TableToolbar.Item>\n          )}\n\n          <Box alignSelf=\"stretch\" marginLeft=\"SP4\" marginRight=\"SP2\">\n            <Divider direction=\"vertical\" />\n          </Box>\n\n          {TagsAssignButton && (\n            <Box marginRight=\"SP1\">\n              <TagsAssignButton />\n            </Box>\n          )}\n\n          {exportButton && (\n            <Box marginRight=\"SP1\">\n              {cloneElement(exportButton, {\n                toolbarType: 'bulkActionToolbar',\n              })}\n            </Box>\n          )}\n\n          {state.primaryActionItems\n            .filter((x) => !!x)\n            .map((actionItem, index) => (\n              <Box key={index} marginRight=\"SP1\">\n                <MultiBulkActionControl\n                  state={state}\n                  actionItem={{\n                    ...actionItem,\n                    biIndex: 0, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                  }}\n                />\n              </Box>\n            ))}\n\n          {state.secondaryActionItems.length > 0 && (\n            <MultiBulkActionPopover\n              state={state}\n              actionItem={{\n                dataHook: 'more-actions',\n                biName: 'more-actions',\n                subItems: state.secondaryActionItems,\n                popoverMenuProps: secondaryActionsPopoverMenuProps,\n                label: t('cairo.moreActions'),\n                biIndex: 2,\n              }}\n            />\n          )}\n        </TableToolbar.ItemGroup>\n      </TableToolbar>\n    </Box>\n  );\n}\n\nexport const MultiBulkActionToolbar = observer(_MultiBulkActionToolbar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_MultiBulkActionToolbarStCss","_MultiBulkActionButton","_react2","_MultiBulkActionToolbarState","_useExtensionMenuItems","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiBulkActionToolbar","props","_toolbarCollectionSta","primaryActionItems","secondaryActionItems","secondaryActionsPopoverMenuProps","containerId","toolbarCollectionState","useToolbarCollectionContext","extensionMenuItems","useExtensionMenuItems","state","useState","MultiBulkActionToolbarState","collection","useEffect","setActions","hasToolbarTabs","featuredComponents","bulk","maxSelection","total","selectedCountOrTotal","value","exportButton","TagsAssignButton","tagsCollectionState","components","AssignButton","translate","useWixPatternsContainer","createElement","Box","minHeight","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","removeVerticalPadding","dataHook","ItemGroup","position","className","st","classes","root","Item","SelectedCount","undefined","max","result","supportTotal","num","TextButton","size","onClick","toggleSelectAll","location","hasClickableRows","alignSelf","marginLeft","marginRight","Divider","direction","cloneElement","toolbarType","filter","x","map","actionItem","index","key","MultiBulkActionControl","biIndex","length","MultiBulkActionPopover","biName","subItems","popoverMenuProps","label","MultiBulkActionToolbar","exports","observer"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  PopoverMenuProps,\n  TableToolbar,\n  TextButton,\n} from '@wix/design-system';\nimport React, { cloneElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { st, classes } from './MultiBulkActionToolbar.st.css.js';\nimport {\n  MultiBulkActionControl,\n  MultiBulkActionPopover,\n  MultiBulkActionSubItem,\n} from '../MultiBulkActionButton';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\n\nexport interface MultiBulkActionToolbarProps {\n  /**\n   * List of primary actions. Primary actions are displayed as individual buttons.\n   * @external\n   */\n  primaryActionItems?: MultiBulkActionSubItem[];\n\n  /**\n   * List of secondary actions. Secondary actions are displayed when clicking the More Actions menu.\n   * @external\n   */\n  secondaryActionItems?: MultiBulkActionSubItem[];\n\n  /**\n   * [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu.\n   * @external\n   */\n  secondaryActionsPopoverMenuProps?: Partial<PopoverMenuProps>;\n\n  /**\n   * This ID is used to specify the target container for extension menu items.\n   * Read more on [Extensions](./?path=/story/guides--extensions)\n   */\n  containerId?: string;\n}\n\nfunction _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {\n  const {\n    primaryActionItems,\n    secondaryActionItems,\n    secondaryActionsPopoverMenuProps,\n    containerId,\n  } = props;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId,\n  });\n\n  const [state] = useState(\n    () =>\n      new MultiBulkActionToolbarState({\n        extensionMenuItems,\n        collection: toolbarCollectionState.collection,\n      }),\n  );\n\n  useEffect(() => {\n    state.setActions({\n      primaryActionItems,\n      secondaryActionItems,\n    });\n  }, [primaryActionItems, secondaryActionItems]);\n\n  const { collection, hasToolbarTabs, featuredComponents, bulk } =\n    toolbarCollectionState;\n\n  const { maxSelection, total, selectedCountOrTotal } = bulk;\n\n  const { value: exportButton } = featuredComponents.exportButton;\n\n  const TagsAssignButton =\n    toolbarCollectionState.tagsCollectionState?.components.AssignButton;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box minHeight=\"60px\">\n      <TableToolbar\n        removeVerticalPadding={hasToolbarTabs}\n        dataHook=\"bulk-action-toolbar\"\n      >\n        <TableToolbar.ItemGroup position=\"start\" className={st(classes.root)}>\n          <TableToolbar.Item>\n            <TableToolbar.SelectedCount dataHook=\"selected-count\">\n              {maxSelection !== undefined\n                ? t('cairo.bulkActions.max.selection', {\n                    max: maxSelection,\n                    total: selectedCountOrTotal,\n                  })\n                : collection.result.supportTotal\n                ? t('cairo.bulkSelectedWithTotal', {\n                    num: selectedCountOrTotal,\n                    total,\n                  })\n                : t('cairo.bulkSelected', {\n                    num: selectedCountOrTotal,\n                  })}\n            </TableToolbar.SelectedCount>\n          </TableToolbar.Item>\n\n          {collection.result.supportTotal && (\n            <TableToolbar.Item>\n              <TextButton\n                dataHook=\"select-all\"\n                size=\"small\"\n                onClick={() =>\n                  bulk.toggleSelectAll({ location: 'TableToolbar CTA' })\n                }\n              >\n                {bulk.hasClickableRows\n                  ? t('cairo.selectAll')\n                  : t('cairo.deselectAll')}\n              </TextButton>\n            </TableToolbar.Item>\n          )}\n\n          <Box alignSelf=\"stretch\" marginLeft=\"SP4\" marginRight=\"SP2\">\n            <Divider direction=\"vertical\" />\n          </Box>\n\n          {TagsAssignButton && (\n            <Box marginRight=\"SP1\">\n              <TagsAssignButton />\n            </Box>\n          )}\n\n          {exportButton && (\n            <Box marginRight=\"SP1\">\n              {cloneElement(exportButton, {\n                toolbarType: 'bulkActionToolbar',\n              })}\n            </Box>\n          )}\n\n          {state.primaryActionItems\n            .filter((x) => !!x)\n            .map((actionItem, index) => (\n              <Box key={index} marginRight=\"SP1\">\n                <MultiBulkActionControl\n                  state={state}\n                  actionItem={{\n                    ...actionItem,\n                    biIndex: 0, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                  }}\n                />\n              </Box>\n            ))}\n\n          {state.secondaryActionItems.length > 0 && (\n            <MultiBulkActionPopover\n              state={state}\n              actionItem={{\n                dataHook: 'more-actions',\n                biName: 'more-actions',\n                subItems: state.secondaryActionItems,\n                popoverMenuProps: secondaryActionsPopoverMenuProps,\n                label: t('cairo.moreActions'),\n                biIndex: 2,\n              }}\n            />\n          )}\n        </TableToolbar.ItemGroup>\n      </TableToolbar>\n    </Box>\n  );\n}\n\nexport const MultiBulkActionToolbar = observer(_MultiBulkActionToolbar);\n"],"mappings":"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","ignoreList":[]}