@wix/patterns 1.139.0 → 1.141.0

package/dist/cjs/components/Collapse/Collapse.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_ = "Collapse1798715514";
+var _namespace_ = "Collapse1771375772";
 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": "Collapse1798715514__root",
-  "exit": "Collapse1798715514__exit"
+  "root": "Collapse1771375772__root",
+  "exit": "Collapse1771375772__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse1798715514\";\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\":\"Collapse1798715514__root\",\"exit\":\"Collapse1798715514__exit\"};\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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse1771375772\";\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\":\"Collapse1771375772__root\",\"exit\":\"Collapse1771375772__exit\"};\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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/CollectionToolbar/CollectionToolbar.js

@@ -6,11 +6,13 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _CollectionContext = require("../CollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
+var _assertComponentType = require("../assertComponentType");
 var _ToolbarItemBox = require("../ToolbarItemBox");
-var _SearchOrCustomFilter = require("./SearchOrCustomFilter");
 var _CollectionToolbarStCss = require("./CollectionToolbar.st.css.js");
 var _InitialLoadingConditional = require("../InitialLoadingConditional");
-var _assertComponentType = require("../assertComponentType");
+var _useCollectionToolbarSyncedProps = require("./useCollectionToolbarSyncedProps");
+var _CollectionToolbarActionsToolbarItemsGroup = require("./CollectionToolbarActionsToolbarItemsGroup");
+var _CollectionToolbarActionsGroupResponsiveLayout = require("./CollectionToolbarActionsGroupResponsiveLayout");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbar.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; }
@@ -34,7 +36,10 @@ function _CollectionToolbar(props) {
   (0, _assertComponentType.assertComponentType)(primaryActionButton, 'PrimaryActionButton', 'PrimaryActionButton');
   const {
     collection,
-    featuredComponents
+    featuredComponents,
+    toolbar: {
+      responsive
+    }
   } = state;
   const MoreFiltersButton = featuredComponents.moreFiltersButton.value;
   const viewsToolbarItem = views && /*#__PURE__*/_react.default.createElement(_ToolbarItemBox.ToolbarItemBox, {
@@ -42,7 +47,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 88,
       columnNumber: 5
     }
   }, views);
@@ -58,7 +63,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 109,
         columnNumber: 9
       }
     }, featureFilters));
@@ -72,13 +77,19 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 120,
         columnNumber: 7
       }
     }, tabs);
   } else if (title) {
     left = title;
   }
+  (0, _useCollectionToolbarSyncedProps.useCollectionToolbarSyncedProps)({
+    left,
+    filtersElement,
+    viewsToolbarItem,
+    state
+  });
 
   /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */
   const [rendersStart, setRendersStart] = (0, _react.useState)();
@@ -90,12 +101,13 @@ function _CollectionToolbar(props) {
   const analyticsCustomColumnsDiscoverability = (_state$container$expe = state.container.experiments) == null ? void 0 : _state$container$expe.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
   const showCustomColumnsOnTheLeft = analyticsCustomColumnsDiscoverability === 'b' || analyticsCustomColumnsDiscoverability === 'c';
   const tableSkeletonEnabled = (_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.TableSkeletonLoader');
+  const CollectionToolbarActionsGroup = responsive.responsiveDisabled ? _CollectionToolbarActionsToolbarItemsGroup.CollectionToolbarActionsToolbarItemsGroup : _CollectionToolbarActionsGroupResponsiveLayout.CollectionToolbarActionsGroupResponsiveLayout;
   return /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
     value: collection,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 169,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -104,7 +116,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 170,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -112,17 +124,19 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 171,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
     removeVerticalPadding: true,
-    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.root),
+    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.root, {
+      views: !responsive.responsiveDisabled
+    }),
     dataHook: "collection-table-toolbar",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 175,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -133,14 +147,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 186,
         columnNumber: 21
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171,
+        lineNumber: 190,
         columnNumber: 23
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -148,14 +162,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 191,
         columnNumber: 25
       }
     }))) : null,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 182,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -167,7 +181,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 197,
       columnNumber: 17
     }
   }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -176,66 +190,30 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 191,
+      lineNumber: 210,
       columnNumber: 17
     }
-  }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 208,
-      columnNumber: 21
-    }
-  }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 209,
-      columnNumber: 23
-    }
-  })), customColumns && showCustomColumnsOnTheLeft && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 213,
-      columnNumber: 21
-    }
-  }, customColumns), multiLevelSorting && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 216,
-      columnNumber: 21
-    }
-  }, multiLevelSorting), exportButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 219,
-      columnNumber: 21
-    }
-  }, /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
-    toolbarType: 'default'
-  })), customColumns && !showCustomColumnsOnTheLeft && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 226,
-      columnNumber: 21
-    }
-  }, customColumns), search && /*#__PURE__*/_react.default.createElement(_SearchOrCustomFilter.SearchOrCustomFilter, {
+  }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
+    viewsToolbarItem: viewsToolbarItem,
+    filtersElement: filtersElement,
+    MoreFiltersButton: MoreFiltersButton,
+    multiLevelSorting: multiLevelSorting,
+    customColumns: customColumns,
+    exportButton: exportButton,
     search: search,
+    showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft,
+    left: left,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 228,
-      columnNumber: 30
+      lineNumber: 218,
+      columnNumber: 19
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 230,
+      lineNumber: 231,
       columnNumber: 21
     }
   }, primaryActionButton), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -244,7 +222,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 234,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -253,14 +231,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234,
+      lineNumber: 235,
       columnNumber: 23
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241,
+      lineNumber: 242,
       columnNumber: 21
     }
   }, tableGridSwitchButton)))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionContext","_mobxReactLite","_ToolbarItemBox","_SearchOrCustomFilter","_CollectionToolbarStCss","_InitialLoadingConditional","_assertComponentType","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","assertComponentType","collection","featuredComponents","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","createElement","ToolbarItemBox","__self","__source","fileName","lineNumber","columnNumber","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","undefined","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","CollectionProvider","Box","direction","minHeight","subtitle","isReorderModeToolbarVisible","TableToolbar","removeVerticalPadding","className","st","classes","root","InitialLoadingConditional","fallback","ItemGroup","position","SkeletonGroup","SkeletonLine","width","Fragment","right","fullWidth","Item","cloneElement","toolbarType","SearchOrCustomFilter","alignSelf","paddingLeft","Divider","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonLine,\n  TableToolbar,\n  SkeletonGroup,\n} from '@wix/design-system';\nimport React, {\n  cloneElement,\n  FunctionComponent,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { CollectionProvider } from '../CollectionContext';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type { MultiLevelSortingElement } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n  } = props;\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const { collection, featuredComponents } = state;\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp]);\n\n  let left: JSX.Element | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title) {\n    left = title;\n  }\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (search || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box minHeight={title?.props.subtitle ? '78px' : '60px'}>\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root)}\n              dataHook=\"collection-table-toolbar\"\n            >\n              <InitialLoadingConditional\n                state={state}\n                fallback={\n                  tableSkeletonEnabled ? (\n                    <TableToolbar.ItemGroup\n                      dataHook=\"toolbar-skeleton\"\n                      position=\"start\"\n                    >\n                      <SkeletonGroup>\n                        <SkeletonLine width=\"169px\" />\n                      </SkeletonGroup>\n                    </TableToolbar.ItemGroup>\n                  ) : null\n                }\n              >\n                <TableToolbar.ItemGroup\n                  position=\"start\"\n                  className={st(classes.left, { expandable: !!tabs })}\n                  dataHook=\"collection-table-toolbar-filters\"\n                >\n                  {left ?? (\n                    <>\n                      {viewsToolbarItem}\n                      {!viewsToolbarItem ? filtersElement : undefined}\n                    </>\n                  )}\n                </TableToolbar.ItemGroup>\n\n                <TableToolbar.ItemGroup\n                  position=\"end\"\n                  className={st(\n                    classes.right,\n                    {},\n                    ...[rendersStart ? undefined : classes.fullWidth],\n                  )}\n                >\n                  {left ? (\n                    <>\n                      {viewsToolbarItem}\n                      {filtersElement}\n                    </>\n                  ) : viewsToolbarItem ? (\n                    filtersElement\n                  ) : undefined}\n                  {MoreFiltersButton && (\n                    <TableToolbar.Item>\n                      <MoreFiltersButton />\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {multiLevelSorting && (\n                    <TableToolbar.Item>{multiLevelSorting}</TableToolbar.Item>\n                  )}\n                  {exportButton && (\n                    <TableToolbar.Item>\n                      {cloneElement(exportButton, {\n                        toolbarType: 'default',\n                      })}\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && !showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {search && <SearchOrCustomFilter search={search} />}\n                  {primaryActionButton && (\n                    <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n                  )}\n                  {shouldAddDivider && (\n                    <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n                      <Divider\n                        direction=\"vertical\"\n                        dataHook=\"collection-table--grid-switch--divider\"\n                      />\n                    </Box>\n                  )}\n                  {tableGridSwitchButton && (\n                    <TableToolbar.Item>\n                      {tableGridSwitchButton}\n                    </TableToolbar.Item>\n                  )}\n                </TableToolbar.ItemGroup>\n              </InitialLoadingConditional>\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionContext","_mobxReactLite","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","assertComponentType","collection","featuredComponents","toolbar","responsive","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","createElement","ToolbarItemBox","__self","__source","fileName","lineNumber","columnNumber","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","undefined","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","CollectionProvider","Box","direction","minHeight","subtitle","isReorderModeToolbarVisible","TableToolbar","removeVerticalPadding","className","st","classes","root","InitialLoadingConditional","fallback","ItemGroup","position","SkeletonGroup","SkeletonLine","width","Fragment","right","fullWidth","Item","alignSelf","paddingLeft","Divider","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonGroup,\n  SkeletonLine,\n  TableToolbar,\n} from '@wix/design-system';\nimport React, {\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { CollectionProvider } from '../CollectionContext';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type { MultiLevelSortingElement } from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n  } = props;\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n  } = state;\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp]);\n\n  let left: ReactElement | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title) {\n    left = title;\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (search || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const CollectionToolbarActionsGroup = responsive.responsiveDisabled\n    ? CollectionToolbarActionsToolbarItemsGroup\n    : CollectionToolbarActionsGroupResponsiveLayout;\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box minHeight={title?.props.subtitle ? '78px' : '60px'}>\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              <InitialLoadingConditional\n                state={state}\n                fallback={\n                  tableSkeletonEnabled ? (\n                    <TableToolbar.ItemGroup\n                      dataHook=\"toolbar-skeleton\"\n                      position=\"start\"\n                    >\n                      <SkeletonGroup>\n                        <SkeletonLine width=\"169px\" />\n                      </SkeletonGroup>\n                    </TableToolbar.ItemGroup>\n                  ) : null\n                }\n              >\n                <TableToolbar.ItemGroup\n                  position=\"start\"\n                  className={st(classes.left, { expandable: !!tabs })}\n                  dataHook=\"collection-table-toolbar-filters\"\n                >\n                  {left ?? (\n                    <>\n                      {viewsToolbarItem}\n                      {!viewsToolbarItem ? filtersElement : undefined}\n                    </>\n                  )}\n                </TableToolbar.ItemGroup>\n\n                <TableToolbar.ItemGroup\n                  position=\"end\"\n                  className={st(\n                    classes.right,\n                    {},\n                    ...[rendersStart ? undefined : classes.fullWidth],\n                  )}\n                >\n                  <CollectionToolbarActionsGroup\n                    viewsToolbarItem={viewsToolbarItem}\n                    filtersElement={filtersElement}\n                    MoreFiltersButton={MoreFiltersButton}\n                    multiLevelSorting={multiLevelSorting}\n                    customColumns={customColumns}\n                    exportButton={exportButton}\n                    search={search}\n                    showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n                    left={left}\n                  />\n\n                  {primaryActionButton && (\n                    <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n                  )}\n                  {shouldAddDivider && (\n                    <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n                      <Divider\n                        direction=\"vertical\"\n                        dataHook=\"collection-table--grid-switch--divider\"\n                      />\n                    </Box>\n                  )}\n                  {tableGridSwitchButton && (\n                    <TableToolbar.Item>\n                      {tableGridSwitchButton}\n                    </TableToolbar.Item>\n                  )}\n                </TableToolbar.ItemGroup>\n              </InitialLoadingConditional>\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css

@@ -1,19 +1,35 @@
+.root {
+  -st-states: views;
+}
+
 .left {
   -st-states: expandable;
   min-width: 0;
 }
 
+.root:views .left {
+  flex-shrink: 1;
+  flex-grow: 0;
+}
+
 .left:expandable {
   flex: auto;
 }
 
 .root .right {
   justify-content: flex-end !important;
-  flex: auto;
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: auto;
+}
+
+.root:views .right {
+  min-width: 0;
+  flex-grow: 1;
+  flex-shrink: 0;
+  flex-basis: 0;
 }
 
 .root .right.fullWidth {
   margin-inline-start: 0 !important;
 }
-
-

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar1735071996";
+var _namespace_ = "CollectionToolbar1708940790";
 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": "CollectionToolbar1735071996__root",
-  "left": "CollectionToolbar1735071996__left",
-  "right": "CollectionToolbar1735071996__right",
-  "fullWidth": "CollectionToolbar1735071996__fullWidth"
+  "root": "CollectionToolbar1708940790__root",
+  "left": "CollectionToolbar1708940790__left",
+  "right": "CollectionToolbar1708940790__right",
+  "fullWidth": "CollectionToolbar1708940790__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1735071996\";\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\":\"CollectionToolbar1735071996__root\",\"left\":\"CollectionToolbar1735071996__left\",\"right\":\"CollectionToolbar1735071996__right\",\"fullWidth\":\"CollectionToolbar1735071996__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1708940790\";\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\":\"CollectionToolbar1708940790__root\",\"left\":\"CollectionToolbar1708940790__left\",\"right\":\"CollectionToolbar1708940790__right\",\"fullWidth\":\"CollectionToolbar1708940790__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbarActionsGroupProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=CollectionToolbarActionsGroupProps.js.map

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupProps.ts"],"sourcesContent":["import { FunctionComponent, ReactElement } from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\n\nexport interface CollectionToolbarActionsGroupProps {\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  MoreFiltersButton?: FunctionComponent | null;\n  customColumns?: ReactElement | null;\n  multiLevelSorting?: ReactElement;\n  exportButton?: ReactElement;\n  search?: ToolbarBaseProps['search'];\n  showCustomColumnsOnTheLeft?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js

@@ -0,0 +1,104 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionToolbarActionsGroupResponsiveLayout = CollectionToolbarActionsGroupResponsiveLayout;
+var _HorizontalAvailableSpaceBox = require("../Responsive/HorizontalAvailableSpaceBox");
+var _ToolbarItem = require("../ToolbarItem/ToolbarItem");
+var _HorizontalOverflowBox = require("../Responsive/HorizontalOverflowBox");
+var _ToolbarGroupScrollWidthBox = require("./ToolbarGroupScrollWidthBox");
+var _react = _interopRequireWildcard(require("react"));
+var _SearchOrCustomFilter = require("./SearchOrCustomFilter");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.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 CollectionToolbarActionsGroupResponsiveLayout(props) {
+  const {
+    left,
+    viewsToolbarItem,
+    filtersElement,
+    MoreFiltersButton,
+    multiLevelSorting,
+    customColumns,
+    exportButton,
+    search,
+    showCustomColumnsOnTheLeft
+  } = props;
+  const {
+    toolbar: {
+      responsive
+    }
+  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  let child = /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
+    state: responsive.filters,
+    gap: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
+    state: responsive.actions,
+    gap: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 7
+    }
+  }, customColumns && showCustomColumnsOnTheLeft && customColumns, multiLevelSorting, exportButton && /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
+    toolbarType: 'default'
+  }), customColumns && !showCustomColumnsOnTheLeft && customColumns), search && /*#__PURE__*/_react.default.createElement(_SearchOrCustomFilter.SearchOrCustomFilter, {
+    search: search,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 18
+    }
+  }));
+  child = /*#__PURE__*/_react.default.createElement(_HorizontalOverflowBox.HorizontalOverflowBox, {
+    state: responsive.overflow,
+    gap: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 5
+    }
+  }, child);
+  child = /*#__PURE__*/_react.default.createElement(_ToolbarItem.ToolbarItem, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 11
+    }
+  }, child);
+  child = /*#__PURE__*/_react.default.createElement(_HorizontalAvailableSpaceBox.HorizontalAvailableSpaceBox, {
+    state: responsive.actionsAvailableSpace,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 5
+    }
+  }, child);
+  return child;
+}
+//# sourceMappingURL=CollectionToolbarActionsGroupResponsiveLayout.js.map

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_HorizontalAvailableSpaceBox","require","_ToolbarItem","_HorizontalOverflowBox","_ToolbarGroupScrollWidthBox","_react","_interopRequireWildcard","_SearchOrCustomFilter","_ToolbarCollectionContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CollectionToolbarActionsGroupResponsiveLayout","props","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbar","responsive","useToolbarCollectionContext","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","undefined","ToolbarGroupScrollWidthBox","state","filters","gap","actions","cloneElement","toolbarType","SearchOrCustomFilter","HorizontalOverflowBox","overflow","ToolbarItem","HorizontalAvailableSpaceBox","actionsAvailableSpace"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx"],"sourcesContent":["import { HorizontalAvailableSpaceBox } from '../Responsive/HorizontalAvailableSpaceBox';\nimport { ToolbarItem } from '../ToolbarItem/ToolbarItem';\nimport { HorizontalOverflowBox } from '../Responsive/HorizontalOverflowBox';\nimport { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';\nimport React, { cloneElement, Fragment } from 'react';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\n\nexport function CollectionToolbarActionsGroupResponsiveLayout(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n\n  let child = (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n\n      {MoreFiltersButton && (\n        <ToolbarGroupScrollWidthBox state={responsive.filters} gap=\"SP2\">\n          <MoreFiltersButton />\n        </ToolbarGroupScrollWidthBox>\n      )}\n\n      <ToolbarGroupScrollWidthBox state={responsive.actions} gap=\"SP2\">\n        {customColumns && showCustomColumnsOnTheLeft && customColumns}\n        {multiLevelSorting}\n        {exportButton &&\n          cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        {customColumns && !showCustomColumnsOnTheLeft && customColumns}\n      </ToolbarGroupScrollWidthBox>\n\n      {search && <SearchOrCustomFilter search={search} />}\n    </Fragment>\n  );\n\n  child = (\n    <HorizontalOverflowBox state={responsive.overflow} gap=\"SP2\">\n      {child}\n    </HorizontalOverflowBox>\n  );\n\n  child = <ToolbarItem>{child}</ToolbarItem>;\n\n  child = (\n    <HorizontalAvailableSpaceBox state={responsive.actionsAvailableSpace}>\n      {child}\n    </HorizontalAvailableSpaceBox>\n  );\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}