@wix/patterns 1.357.0 → 1.359.0

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.js

@@ -1,17 +1,43 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.TableGridSwitchButton = void 0;
 var _mobxReactLite = require("mobx-react-lite");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const layoutOptions = ['table', 'grid'];
+const layoutConfig = {
+  table: {
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutSplit, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 30,
+        columnNumber: 11
+      }
+    }),
+    translationKey: 'cairo.table.layout.table'
+  },
+  grid: {
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 34,
+        columnNumber: 11
+      }
+    }),
+    translationKey: 'cairo.table.layout.grid'
+  }
+};
 function _TableGridSwitchButton(props) {
   const {
-    translate: t
+    translate: t,
+    experiments
   } = (0, _react2.useWixPatternsContainer)();
   const {
     state
@@ -19,57 +45,112 @@ function _TableGridSwitchButton(props) {
   const {
     viewType
   } = state;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle, {
-    size: "small",
-    dataHook: "table-grid-switch-toggle-button",
-    selected: viewType,
-    onClick: (_, value) => {
-      if (state.viewType === value) {
-        return;
+  const isLayoutToggleRedesignEnabled = experiments.enabled('specs.cairo.layout-toggle.redesign');
+  const options = (0, _react.useMemo)(() => layoutOptions.map(option => (0, _designSystem.listItemSelectBuilder)({
+    id: option,
+    title: t(layoutConfig[option].translationKey),
+    prefix: layoutConfig[option].icon,
+    dataHook: `layout-option-${option}`
+  })), [t]);
+  if (!isLayoutToggleRedesignEnabled) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle, {
+      size: "small",
+      dataHook: "table-grid-switch-toggle-button",
+      selected: viewType,
+      onClick: (_, value) => {
+        if (state.viewType === value) {
+          return;
+        }
+        state.changeViewType(value);
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 63,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
+      value: "grid",
+      dataHook: "toggle-option-grid",
+      tooltipText: t('cairo.table.gridView'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 74,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 79,
+        columnNumber: 11
+      }
+    })), /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
+      value: "table",
+      dataHook: "toggle-option-table",
+      tooltipText: t('cairo.table.listView'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 81,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutList, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 86,
+        columnNumber: 11
+      }
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, {
+    dataHook: "layout-switch-popover",
+    options: options,
+    selectedId: viewType,
+    showArrow: true,
+    onSelect: option => {
+      const selectedOption = option.id;
+      const index = layoutOptions.indexOf(selectedOption);
+      state.reportLayoutOptionClicked(selectedOption, index);
+      if (viewType !== selectedOption) {
+        state.changeViewType(selectedOption);
       }
-      state.changeViewType(value);
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 93,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
-    value: "grid",
-    dataHook: "toggle-option-grid",
-    tooltipText: t('cairo.table.gridView'),
+  }, ({
+    toggle
+  }) => /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('cairo.table.layout.switchLayout'),
+    size: "medium",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 108,
       columnNumber: 9
     }
-  })), /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
-    value: "table",
-    dataHook: "toggle-option-table",
-    tooltipText: t('cairo.table.listView'),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 38,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutList, {
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    dataHook: "layout-switch-button",
+    size: "small",
+    priority: "secondary",
+    "aria-haspopup": "menu",
+    onClick: () => {
+      state.reportLayoutSwitch();
+      toggle();
+    },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
-      columnNumber: 9
+      lineNumber: 112,
+      columnNumber: 11
     }
-  })));
+  }, layoutConfig[viewType].icon)));
 }
 const TableGridSwitchButton = exports.TableGridSwitchButton = (0, _mobxReactLite.observer)(_TableGridSwitchButton);
 //# sourceMappingURL=TableGridSwitchButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_TableGridSwitchButton","props","translate","t","useWixPatternsContainer","state","viewType","default","createElement","SegmentedToggle","size","dataHook","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","tooltipText","LayoutGallery","LayoutList","TableGridSwitchButton","exports","observer"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { SegmentedToggle } from '@wix/design-system';\nimport { LayoutGallery, LayoutList } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface TableGridSwitchButtonProps {\n  state: {\n    viewType: 'table' | 'grid';\n    changeViewType: (viewType: string) => void;\n  };\n}\n\nfunction _TableGridSwitchButton(props: TableGridSwitchButtonProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { state } = props;\n  const { viewType } = state;\n\n  return (\n    <SegmentedToggle\n      size=\"small\"\n      dataHook=\"table-grid-switch-toggle-button\"\n      selected={viewType}\n      onClick={(_, value) => {\n        if (state.viewType === value) {\n          return;\n        }\n        state.changeViewType(value);\n      }}\n    >\n      <SegmentedToggle.Icon\n        value=\"grid\"\n        dataHook=\"toggle-option-grid\"\n        tooltipText={t('cairo.table.gridView')}\n      >\n        <LayoutGallery />\n      </SegmentedToggle.Icon>\n      <SegmentedToggle.Icon\n        value=\"table\"\n        dataHook=\"toggle-option-table\"\n        tooltipText={t('cairo.table.listView')}\n      >\n        <LayoutList />\n      </SegmentedToggle.Icon>\n    </SegmentedToggle>\n  );\n}\n\nexport const TableGridSwitchButton = observer(_TableGridSwitchButton);\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAS9D,SAASC,sBAAsBA,CAACC,KAAiC,EAAE;EACjE,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EACvB,MAAM;IAAEK;EAAS,CAAC,GAAGD,KAAK;EAE1B,oBACEX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,eAAe;IACdC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,iCAAiC;IAC1CC,QAAQ,EAAEN,QAAS;IACnBO,OAAO,EAAEA,CAACC,CAAC,EAAEC,KAAK,KAAK;MACrB,IAAIV,KAAK,CAACC,QAAQ,KAAKS,KAAK,EAAE;QAC5B;MACF;MACAV,KAAK,CAACW,cAAc,CAACD,KAAK,CAAC;IAC7B,CAAE;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF3B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,eAAe,CAACa,IAAI;IACnBP,KAAK,EAAC,MAAM;IACZJ,QAAQ,EAAC,oBAAoB;IAC7BY,WAAW,EAAEpB,CAAC,CAAC,sBAAsB,CAAE;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC3B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAA2B,aAAa;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACI,CAAC,eACvB3B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,eAAe,CAACa,IAAI;IACnBP,KAAK,EAAC,OAAO;IACbJ,QAAQ,EAAC,qBAAqB;IAC9BY,WAAW,EAAEpB,CAAC,CAAC,sBAAsB,CAAE;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC3B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAA4B,UAAU;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACO,CACP,CAAC;AAEtB;AAEO,MAAMK,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","layoutOptions","layoutConfig","table","icon","createElement","LayoutSplit","__self","__source","fileName","lineNumber","columnNumber","translationKey","grid","LayoutGallery","_TableGridSwitchButton","props","translate","experiments","useWixPatternsContainer","state","viewType","isLayoutToggleRedesignEnabled","enabled","options","useMemo","map","option","listItemSelectBuilder","id","title","prefix","dataHook","SegmentedToggle","size","selected","onClick","_","value","changeViewType","Icon","tooltipText","LayoutList","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","TableGridSwitchButton","exports","observer"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  LayoutGallery,\n  LayoutList,\n  LayoutSplit,\n} from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TranslationsKeys } from '@wix/bex-core';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\n\nconst layoutOptions: ViewType[] = ['table', 'grid'];\n\nexport interface TableGridSwitchButtonProps {\n  state: ViewTypeState;\n}\n\nconst layoutConfig: Record<\n  ViewType,\n  { icon: React.ReactNode; translationKey: TranslationsKeys }\n> = {\n  table: {\n    icon: <LayoutSplit />,\n    translationKey: 'cairo.table.layout.table' as TranslationsKeys,\n  },\n  grid: {\n    icon: <LayoutGallery />,\n    translationKey: 'cairo.table.layout.grid' as TranslationsKeys,\n  },\n};\n\nfunction _TableGridSwitchButton(props: TableGridSwitchButtonProps) {\n  const { translate: t, experiments } = useWixPatternsContainer();\n  const { state } = props;\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = experiments.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n\n  const options = useMemo(\n    () =>\n      layoutOptions.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size=\"small\"\n        dataHook=\"table-grid-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        <SegmentedToggle.Icon\n          value=\"grid\"\n          dataHook=\"toggle-option-grid\"\n          tooltipText={t('cairo.table.gridView' as TranslationsKeys)}\n        >\n          <LayoutGallery />\n        </SegmentedToggle.Icon>\n        <SegmentedToggle.Icon\n          value=\"table\"\n          dataHook=\"toggle-option-table\"\n          tooltipText={t('cairo.table.listView' as TranslationsKeys)}\n        >\n          <LayoutList />\n        </SegmentedToggle.Icon>\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={options}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = layoutOptions.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip\n          content={t('cairo.table.layout.switchLayout' as TranslationsKeys)}\n          size=\"medium\"\n        >\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const TableGridSwitchButton = observer(_TableGridSwitchButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.js

@@ -6,10 +6,24 @@ exports.default = void 0;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 function TableGridSwitchButtonUniDriver(base, body) {
   const getSegmented = () => (0, _unidriver.SegmentedToggleUniDriver)(base, body);
+
+  // New DropdownBase driver (experiment enabled)
+  const getDropdown = () => (0, _unidriver.DropdownBaseUniDriver)(body.$('[data-hook="layout-switch-popover"]'), body);
+  const getLayoutSwitchButton = () => body.$('[data-hook="layout-switch-button"]');
   return {
     ...getSegmented(),
+    /** Check if the SegmentedToggle (old UI) exists */
+    exists: () => base.exists(),
+    /** Click table button in SegmentedToggle (old UI) */
     clickTableButton: () => base.$$(`[data-hook="toggle-icon"]`).get(1).click(),
-    clickGridButton: () => base.$$(`[data-hook="toggle-icon"]`).get(0).click()
+    /** Click grid button in SegmentedToggle (old UI) */
+    clickGridButton: () => base.$$(`[data-hook="toggle-icon"]`).get(0).click(),
+    popoverExists: () => getDropdown().exists(),
+    layoutSwitchButtonExists: () => getLayoutSwitchButton().exists(),
+    openPopover: () => getLayoutSwitchButton().click(),
+    isPopoverOpen: () => getDropdown().isDropdownShown(),
+    clickLayoutOption: option => getDropdown().selectOptionByDataHook(`layout-option-${option}`),
+    getLayoutOptionsCount: () => getDropdown().optionsCount()
   };
 }
 var _default = exports.default = TableGridSwitchButtonUniDriver;

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","TableGridSwitchButtonUniDriver","base","body","getSegmented","SegmentedToggleUniDriver","clickTableButton","$$","get","click","clickGridButton","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"sourcesContent":["import { SegmentedToggleUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function TableGridSwitchButtonUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getSegmented = () => SegmentedToggleUniDriver(base, body);\n\n  return {\n    ...getSegmented(),\n    clickTableButton: () => base.$$(`[data-hook=\"toggle-icon\"]`).get(1).click(),\n    clickGridButton: () => base.$$(`[data-hook=\"toggle-icon\"]`).get(0).click(),\n  };\n}\n\nexport default TableGridSwitchButtonUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGO,SAASC,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,YAAY,GAAGA,CAAA,KAAM,IAAAC,mCAAwB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAE/D,OAAO;IACL,GAAGC,YAAY,CAAC,CAAC;IACjBE,gBAAgB,EAAEA,CAAA,KAAMJ,IAAI,CAACK,EAAE,CAAC,2BAA2B,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAC3EC,eAAe,EAAEA,CAAA,KAAMR,IAAI,CAACK,EAAE,CAAC,2BAA2B,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC;EAC3E,CAAC;AACH;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcZ,8BAA8B","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","TableGridSwitchButtonUniDriver","base","body","getSegmented","SegmentedToggleUniDriver","getDropdown","DropdownBaseUniDriver","$","getLayoutSwitchButton","exists","clickTableButton","$$","get","click","clickGridButton","popoverExists","layoutSwitchButtonExists","openPopover","isPopoverOpen","isDropdownShown","clickLayoutOption","option","selectOptionByDataHook","getLayoutOptionsCount","optionsCount","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"sourcesContent":["import {\n  DropdownBaseUniDriver,\n  SegmentedToggleUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function TableGridSwitchButtonUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getSegmented = () => SegmentedToggleUniDriver(base, body);\n\n  // New DropdownBase driver (experiment enabled)\n  const getDropdown = () =>\n    DropdownBaseUniDriver(body.$('[data-hook=\"layout-switch-popover\"]'), body);\n\n  const getLayoutSwitchButton = () =>\n    body.$('[data-hook=\"layout-switch-button\"]');\n\n  return {\n    ...getSegmented(),\n    /** Check if the SegmentedToggle (old UI) exists */\n    exists: () => base.exists(),\n    /** Click table button in SegmentedToggle (old UI) */\n    clickTableButton: () => base.$$(`[data-hook=\"toggle-icon\"]`).get(1).click(),\n    /** Click grid button in SegmentedToggle (old UI) */\n    clickGridButton: () => base.$$(`[data-hook=\"toggle-icon\"]`).get(0).click(),\n\n    popoverExists: () => getDropdown().exists(),\n    layoutSwitchButtonExists: () => getLayoutSwitchButton().exists(),\n    openPopover: () => getLayoutSwitchButton().click(),\n    isPopoverOpen: () => getDropdown().isDropdownShown(),\n    clickLayoutOption: (option: 'table' | 'grid') =>\n      getDropdown().selectOptionByDataHook(`layout-option-${option}`),\n    getLayoutOptionsCount: () => getDropdown().optionsCount(),\n  };\n}\n\nexport default TableGridSwitchButtonUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,YAAY,GAAGA,CAAA,KAAM,IAAAC,mCAAwB,EAACH,IAAI,EAAEC,IAAI,CAAC;;EAE/D;EACA,MAAMG,WAAW,GAAGA,CAAA,KAClB,IAAAC,gCAAqB,EAACJ,IAAI,CAACK,CAAC,CAAC,qCAAqC,CAAC,EAAEL,IAAI,CAAC;EAE5E,MAAMM,qBAAqB,GAAGA,CAAA,KAC5BN,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC;EAE9C,OAAO;IACL,GAAGJ,YAAY,CAAC,CAAC;IACjB;IACAM,MAAM,EAAEA,CAAA,KAAMR,IAAI,CAACQ,MAAM,CAAC,CAAC;IAC3B;IACAC,gBAAgB,EAAEA,CAAA,KAAMT,IAAI,CAACU,EAAE,CAAC,2BAA2B,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAC3E;IACAC,eAAe,EAAEA,CAAA,KAAMb,IAAI,CAACU,EAAE,CAAC,2BAA2B,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAE1EE,aAAa,EAAEA,CAAA,KAAMV,WAAW,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC;IAC3CO,wBAAwB,EAAEA,CAAA,KAAMR,qBAAqB,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAChEQ,WAAW,EAAEA,CAAA,KAAMT,qBAAqB,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;IAClDK,aAAa,EAAEA,CAAA,KAAMb,WAAW,CAAC,CAAC,CAACc,eAAe,CAAC,CAAC;IACpDC,iBAAiB,EAAGC,MAAwB,IAC1ChB,WAAW,CAAC,CAAC,CAACiB,sBAAsB,CAAC,iBAAiBD,MAAM,EAAE,CAAC;IACjEE,qBAAqB,EAAEA,CAAA,KAAMlB,WAAW,CAAC,CAAC,CAACmB,YAAY,CAAC;EAC1D,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc3B,8BAA8B","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter2131627215";
+var _namespace_ = "TabsFilter2590592218";
 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": "TabsFilter2131627215__root",
-  "title": "TabsFilter2131627215__title"
+  "root": "TabsFilter2590592218__root",
+  "title": "TabsFilter2590592218__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2131627215\";\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\":\"TabsFilter2131627215__root\",\"title\":\"TabsFilter2131627215__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2590592218\";\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\":\"TabsFilter2590592218__root\",\"title\":\"TabsFilter2590592218__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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_ = "ManageTagsModal1153576203";
+var _namespace_ = "ManageTagsModal778816229";
 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": "ManageTagsModal1153576203__root"
+  "root": "ManageTagsModal778816229__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1153576203\";\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\":\"ManageTagsModal1153576203__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal778816229\";\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\":\"ManageTagsModal778816229__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/ToolbarCollection/ToolbarCollection.js

@@ -24,6 +24,7 @@ function ToolbarCollection(props) {
     children,
     tableGridSwitchButton,
     exportButton,
+    importButton,
     primaryActionButton,
     secondaryActions,
     moreActions,
@@ -52,6 +53,7 @@ function ToolbarCollection(props) {
     extraToolbar: extraToolbar,
     tableGridSwitchButton: tableGridSwitchButton,
     exportButton: exportButton,
+    importButton: importButton,
     primaryActionButton: primaryActionButton,
     secondaryActions: secondaryActions,
     moreActions: moreActions,
@@ -68,14 +70,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 369,
+        lineNumber: 379,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 345,
+      lineNumber: 354,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -88,7 +90,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 378,
+      lineNumber: 388,
       columnNumber: 7
     }
   }, children));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n  ToolbarSecondaryActionsElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface ToolbarBaseProps {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n   * @overrideType [ToolbarSecondaryActions](./?path=/story/features-actions-secondary-actions--toolbar-secondary-actions)\n   * @external\n   */\n  secondaryActions?: ToolbarSecondaryActionsElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n   * @external\n   */\n  moreActions?: MoreActionsElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T, F>;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        secondaryActions={secondaryActions}\n        moreActions={moreActions}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAUA,IAAAG,oBAAA,GAAAH,OAAA;AAaA,IAAAI,mBAAA,GAAAJ,OAAA;AAOA,IAAAK,6BAAA,GAAAL,OAAA;AAA8E,IAAAM,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAmRvE,SAASkB,iBAAiBA,CAC/BC,KAAmC,EACnC;EACA,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,gBAAgB;IAChBC,6BAA6B;IAC7BC,MAAM,EAAEC,UAAU;IAClBC,MAAM;IACNC,QAAQ;IACRC,qBAAqB;IACrBC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,WAAW;IACXC,UAAU;IACVC;EACF,CAAC,GAAGnB,KAAK;EACT,IAAAoB,wCAAmB,EAACf,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,IAAAgB,0DAA4B,EAACrB,KAAK,CAAC;EAEnC,MAAM;IAAEsB,oBAAoB,EAAEC;EAAkB,CAAC,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAE1E,MAAM,CAACf,MAAM,EAAEgB,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAClChB,UAAU,IAAI,CAAAa,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAC9C,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACdH,SAAS,CAACf,UAAU,IAAI,CAAAa,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAAI,CAAC;EAC7D,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;EAEhB,oBACEpC,MAAA,CAAAgB,OAAA,CAAAuC,aAAA,CAAAvD,MAAA,CAAAgB,OAAA,CAAAwC,QAAA,qBACExD,MAAA,CAAAgB,OAAA,CAAAuC,aAAA,CAACpD,mBAAA,CAAAsD,kBAAkB;IACjBtB,MAAM,EAAEA,MAAO;IACfR,KAAK,EAAEA,KAAM;IACbU,MAAM,EAAEA,MAAO;IACfN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXF,OAAO,EAAEA,OAAQ;IACjBK,gBAAgB,EAAEA,gBAAiB;IACnCC,6BAA6B,EAAEA,6BAA8B;IAC7DF,YAAY,EAAEA,YAAa;IAC3BO,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MACEA,eAAe,CAAC;MAAEa,KAAK,EAAE/B,KAAK,CAACgC,UAAU,CAACC,MAAM,CAACC;IAAY,CAAC,CAAC,GACjEhB,eACL;IACDiB,QAAQ,eACN9D,MAAA,CAAAgB,OAAA,CAAAuC,aAAA,CAACzD,aAAA,CAAAiE,GAAG;MACFC,KAAK,EAAC,MAAM;MACZC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,OAAO;MACtBC,SAAS,EAAC,YAAY;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlE,YAAA;QAAAmE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvB,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eACFzE,MAAA,CAAAgB,OAAA,CAAAuC,aAAA,CAACzD,aAAA,CAAAiE,GAAG;IACFW,QAAQ,EAAC,4BAA4B;IACrCV,KAAK,EAAC,MAAM;IACZW,SAAS,EAAC,UAAU;IACpBC,SAAS,EAAE,CAAE;IACbC,IAAI,EAAE,CAAE;IACRC,aAAa,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBnC,QACE,CACL,CAAC;AAEP","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","importButton","primaryActionButton","secondaryActions","moreActions","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n  ToolbarSecondaryActionsElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface ToolbarBaseProps {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n  /**\n   * A [`<ImportButton />`] react element to be added to the toolbar.\n   */\n  importButton?: ReactElement;\n\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n  /**\n   * A [`<ImportModal />`] react element to be rendered in table's context.\n   */\n  importModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n   * @overrideType [ToolbarSecondaryActions](./?path=/story/features-actions-secondary-actions--toolbar-secondary-actions)\n   * @external\n   */\n  secondaryActions?: ToolbarSecondaryActionsElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n   * @external\n   */\n  moreActions?: MoreActionsElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T, F>;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    importButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        importButton={importButton}\n        primaryActionButton={primaryActionButton}\n        secondaryActions={secondaryActions}\n        moreActions={moreActions}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -14,6 +14,7 @@ function useToolbarCollectionSyncProps(props) {
     views,
     tabs,
     exportButton,
+    importButton,
     dragAndDropCategories,
     maxSelection,
     search,
@@ -79,6 +80,14 @@ function useToolbarCollectionSyncProps(props) {
       state.featuredComponents.exportButton.set(null);
     };
   }, [exportButton]);
+  (0, _react.useEffect)(() => {
+    if (importButton) {
+      state.featuredComponents.importButton.set(importButton);
+    }
+    return () => {
+      state.featuredComponents.importButton.set(null);
+    };
+  }, [importButton]);
   const tabsFilterProps = (0, _react.useMemo)(() => {
     return tabs != null && tabs.props ? {
       filter: tabs.props.filter

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","checkConflictingToolbarProps","container","isPanelLayout","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n      isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","importButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","checkConflictingToolbarProps","container","isPanelLayout","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    importButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  useEffect(() => {\n    if (importButton) {\n      state.featuredComponents.importButton.set(importButton);\n    }\n\n    return () => {\n      state.featuredComponents.importButton.set(null);\n    };\n  }, [importButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n      isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.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_ = "ToolbarItem1217629815";
+var _namespace_ = "ToolbarItem391677634";
 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": "ToolbarItem1217629815__root"
+  "root": "ToolbarItem391677634__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1217629815\";\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\":\"ToolbarItem1217629815__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem391677634\";\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\":\"ToolbarItem391677634__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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":[]}