@wix/patterns 1.184.0 → 1.187.0

package/components/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/cjs/exports/components.js",
+  "module": "../dist/esm/exports/components.js",
+  "types": "../dist/types/exports/components.d.ts",
+  "sideEffects": false
+}

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_ = "Collapse2848638517";
+var _namespace_ = "Collapse1019471485";
 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": "Collapse2848638517__root",
-  "exit": "Collapse2848638517__exit"
+  "root": "Collapse1019471485__root",
+  "exit": "Collapse1019471485__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_ = \"Collapse2848638517\";\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\":\"Collapse2848638517__root\",\"exit\":\"Collapse2848638517__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_ = \"Collapse1019471485\";\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\":\"Collapse1019471485__root\",\"exit\":\"Collapse1019471485__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/CollectionSearch.js

@@ -38,7 +38,9 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       collection.clearSearch();
       onSearchChange == null || onSearchChange(value);
     },
-    placeholder: t('cairo.searchPlaceholder'),
+    placeholder: t('cairo.searchPlaceholder', {
+      defaultValue: ''
+    }),
     onInputClicked: () => onSearchClick == null ? void 0 : onSearchClick(),
     onBlur: e => {
       const value = e.target.value;

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_jsxFileName","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","rest","collection","useCollectionContext","query","search","translate","t","default","createElement","Search","_extends2","dataHook","onChange","e","value","target","clearResult","onClear","clearSearch","placeholder","onInputClicked","onBlur","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      placeholder={t('cairo.searchPlaceholder')}\n      onInputClicked={() => onSearchClick?.()}\n      onBlur={(e) => {\n        const value = e.target.value;\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AASpD,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,gBAAgBA,CAGhE;EACAG,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACV,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAMC,UAAU,GAAG,IAAAC,4BAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,SAAS,EAAEC;EACb,CAAC,GAAGL,UAAU;EACd,oBACEZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5Bb,UAAU,CAACG,MAAM,CAACS,CAAC,CAACE,MAAM,CAACD,KAAK,EAAE;QAAEE,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDpB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFA,KAAK,EAAEV,MAAM,CAACU,KAAM;IACpBG,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMH,KAAK,GAAG,EAAE;MAChBb,UAAU,CAACiB,WAAW,CAAC,CAAC;MACxBtB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFK,WAAW,EAAEb,CAAC,CAAC,yBAAyB,CAAE;IAC1Cc,cAAc,EAAEA,CAAA,KAAMvB,aAAa,oBAAbA,aAAa,CAAG,CAAE;IACxCwB,MAAM,EAAGR,CAAC,IAAK;MACb,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BhB,YAAY,YAAZA,YAAY,CAAGgB,KAAK,CAAC;IACvB;EAAE,GACEd,IAAI;IAAAsB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_jsxFileName","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","rest","collection","useCollectionContext","query","search","translate","t","default","createElement","Search","_extends2","dataHook","onChange","e","value","target","clearResult","onClear","clearSearch","placeholder","defaultValue","onInputClicked","onBlur","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      onInputClicked={() => onSearchClick?.()}\n      onBlur={(e) => {\n        const value = e.target.value;\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AASpD,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,gBAAgBA,CAGhE;EACAG,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACV,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAMC,UAAU,GAAG,IAAAC,4BAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,SAAS,EAAEC;EACb,CAAC,GAAGL,UAAU;EACd,oBACEZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5Bb,UAAU,CAACG,MAAM,CAACS,CAAC,CAACE,MAAM,CAACD,KAAK,EAAE;QAAEE,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDpB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFA,KAAK,EAAEV,MAAM,CAACU,KAAM;IACpBG,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMH,KAAK,GAAG,EAAE;MAChBb,UAAU,CAACiB,WAAW,CAAC,CAAC;MACxBtB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFK,WAAW,EAAEb,CAAC,CAAC,yBAAyB,EAAE;MAAEc,YAAY,EAAE;IAAG,CAAC,CAAE;IAChEC,cAAc,EAAEA,CAAA,KAAMxB,aAAa,oBAAbA,aAAa,CAAG,CAAE;IACxCyB,MAAM,EAAGT,CAAC,IAAK;MACb,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BhB,YAAY,YAAZA,YAAY,CAAGgB,KAAK,CAAC;IACvB;EAAE,GACEd,IAAI;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

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

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.CollectionToolbar = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
-var _CollectionContext = require("../CollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _CollectionContext = require("../CollectionContext");
 var _assertComponentType = require("../assertComponentType");
 var _ToolbarItemBox = require("../ToolbarItemBox");
 var _CollectionToolbarStCss = require("./CollectionToolbar.st.css.js");
@@ -16,11 +16,12 @@ var _useCollectionToolbarSyncedProps = require("./useCollectionToolbarSyncedProp
 var _CollectionToolbarActionsToolbarItemsGroup = require("./CollectionToolbarActionsToolbarItemsGroup");
 var _CollectionToolbarActionsGroupResponsiveLayout = require("./CollectionToolbarActionsGroupResponsiveLayout");
 var _MoreActions = require("../MoreActions");
+var _CollectionToolbarSkeletonItem = require("./CollectionToolbarSkeletonItem");
 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; }
 function _CollectionToolbar(props) {
-  var _state$tagsCollection, _state$collectionData, _state$container$expe, _state$container$inte;
+  var _state$tagsCollection, _state$collectionData, _state$container$expe, _state$container$inte, _state$container$inte2;
   const {
     state,
     search = true,
@@ -53,7 +54,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 86,
         columnNumber: 7
       }
     }));
@@ -64,7 +65,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, views);
@@ -80,7 +81,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120,
+        lineNumber: 115,
         columnNumber: 9
       }
     }, featureFilters));
@@ -94,7 +95,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 131,
+        lineNumber: 126,
         columnNumber: 7
       }
     }, tabs);
@@ -118,97 +119,46 @@ 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 immidiatelyInteractWithToolbarsEnabled = (_state$container$inte2 = state.container.internalExperiments) == null ? void 0 : _state$container$inte2.enabled('specs.cairo.ImmidiatelyInteractWithToolbars');
   const CollectionToolbarActionsGroup = responsive.responsiveDisabled ? _CollectionToolbarActionsToolbarItemsGroup.CollectionToolbarActionsToolbarItemsGroup : _CollectionToolbarActionsGroupResponsiveLayout.CollectionToolbarActionsGroupResponsiveLayout;
-  return /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
-    value: collection,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 180,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "vertical",
-    dataHook: dataHook,
+  const toolbarElement = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
+    position: "start",
+    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.left, {
+      expandable: !!tabs
+    }),
+    dataHook: "collection-table-toolbar-filters",
     __self: this,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 181,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    minHeight: title != null && title.props.subtitle ? '78px' : '60px',
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 182,
-      columnNumber: 9
-    }
-  }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
-    removeVerticalPadding: true,
-    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.root, {
-      views: !responsive.responsiveDisabled
-    }),
-    dataHook: "collection-table-toolbar",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 186,
-      columnNumber: 13
-    }
-  }, /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
+  }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
     state: state,
-    fallback: tableSkeletonEnabled ? /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
-      dataHook: "toolbar-skeleton",
-      position: "start",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 197,
-        columnNumber: 21
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 201,
-        columnNumber: 23
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
-      width: "169px",
+    loadingElement: /*#__PURE__*/_react.default.createElement(_CollectionToolbarSkeletonItem.CollectionToolbarSkeletonItem, {
+      dataHook: "toolbar-views-skeleton",
+      width: "100px",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 202,
-        columnNumber: 25
+        lineNumber: 192,
+        columnNumber: 19
       }
-    }))) : null,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 193,
-      columnNumber: 15
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
-    position: "start",
-    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.left, {
-      expandable: !!tabs
     }),
-    dataHook: "collection-table-toolbar-filters",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
-      columnNumber: 17
+      lineNumber: 189,
+      columnNumber: 15
     }
-  }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
+  }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
     position: "end",
     className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.right, {}, ...[rendersStart ? undefined : _CollectionToolbarStCss.classes.fullWidth]),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 221,
-      columnNumber: 17
+      lineNumber: 206,
+      columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
     viewsToolbarItem: viewsToolbarItem,
@@ -223,29 +173,29 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 229,
-      columnNumber: 19
+      lineNumber: 214,
+      columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 242,
-      columnNumber: 21
+      lineNumber: 227,
+      columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
-      columnNumber: 21
+      lineNumber: 230,
+      columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 250,
-      columnNumber: 21
+      lineNumber: 233,
+      columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     alignSelf: "stretch",
@@ -253,8 +203,8 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 253,
-      columnNumber: 21
+      lineNumber: 236,
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     direction: "vertical",
@@ -262,17 +212,75 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 254,
-      columnNumber: 23
+      lineNumber: 237,
+      columnNumber: 13
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 261,
-      columnNumber: 21
+      lineNumber: 244,
+      columnNumber: 11
+    }
+  }, tableGridSwitchButton)));
+  const toolbarWithSkeleton = /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
+    state: state,
+    loadingElement: tableSkeletonEnabled ? /*#__PURE__*/_react.default.createElement(_CollectionToolbarSkeletonItem.CollectionToolbarSkeletonItem, {
+      dataHook: "toolbar-skeleton",
+      width: "100px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 255,
+        columnNumber: 11
+      }
+    }) : null,
+    hideLoadingElement: immidiatelyInteractWithToolbarsEnabled,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 251,
+      columnNumber: 5
+    }
+  }, toolbarElement);
+  return /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
+    value: collection,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 268,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 269,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    minHeight: title != null && title.props.subtitle ? '78px' : '60px',
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 270,
+      columnNumber: 9
+    }
+  }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
+    removeVerticalPadding: true,
+    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.root, {
+      views: !responsive.responsiveDisabled
+    }),
+    dataHook: "collection-table-toolbar",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 274,
+      columnNumber: 13
     }
-  }, tableGridSwitchButton)))))));
+  }, toolbarWithSkeleton))));
 }
 const CollectionToolbar = exports.CollectionToolbar = (0, _mobxReactLite.observer)(_CollectionToolbar);
 //# sourceMappingURL=CollectionToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionContext","_mobxReactLite","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_MoreActions","_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","secondaryActions","moreActions","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","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';\nimport { MoreActions } from '../MoreActions';\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  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\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    secondaryActions,\n    moreActions,\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 addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\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                  {moreActions && (\n                    <TableToolbar.Item>\n                      {addDataHookToMoreActions()}\n                    </TableToolbar.Item>\n                  )}\n                  {secondaryActions && (\n                    <TableToolbar.Item>{secondaryActions}</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":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_MoreActions","_CollectionToolbarSkeletonItem","_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$container$inte2","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","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","immidiatelyInteractWithToolbarsEnabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, TableToolbar } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { ToolbarCollectionState } from '../../state';\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';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\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  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\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    secondaryActions,\n    moreActions,\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 addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\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 immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup = responsive.responsiveDisabled\n    ? CollectionToolbarActionsToolbarItemsGroup\n    : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const toolbarElement = (\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              <InitialLoadingConditional\n                state={state}\n                loadingElement={\n                  <CollectionToolbarSkeletonItem\n                    dataHook=\"toolbar-views-skeleton\"\n                    width=\"100px\"\n                  />\n                }\n              >\n                {viewsToolbarItem}\n              </InitialLoadingConditional>\n            )}\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        {moreActions && (\n          <TableToolbar.Item>{addDataHookToMoreActions()}</TableToolbar.Item>\n        )}\n        {secondaryActions && (\n          <TableToolbar.Item>{secondaryActions}</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>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n      </TableToolbar.ItemGroup>\n    </>\n  );\n\n  const toolbarWithSkeleton = (\n    <InitialLoadingConditional\n      state={state}\n      loadingElement={\n        tableSkeletonEnabled ? (\n          <CollectionToolbarSkeletonItem\n            dataHook=\"toolbar-skeleton\"\n            width=\"100px\"\n          />\n        ) : null\n      }\n      hideLoadingElement={immidiatelyInteractWithToolbarsEnabled}\n    >\n      {toolbarElement}\n    </InitialLoadingConditional>\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                views: !responsive.responsiveDisabled,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              {toolbarWithSkeleton}\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.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_ = "CollectionToolbar2464978526";
+var _namespace_ = "CollectionToolbar221530848";
 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": "CollectionToolbar2464978526__root",
-  "left": "CollectionToolbar2464978526__left",
-  "right": "CollectionToolbar2464978526__right",
-  "fullWidth": "CollectionToolbar2464978526__fullWidth"
+  "root": "CollectionToolbar221530848__root",
+  "left": "CollectionToolbar221530848__left",
+  "right": "CollectionToolbar221530848__right",
+  "fullWidth": "CollectionToolbar221530848__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_ = \"CollectionToolbar2464978526\";\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\":\"CollectionToolbar2464978526__root\",\"left\":\"CollectionToolbar2464978526__left\",\"right\":\"CollectionToolbar2464978526__right\",\"fullWidth\":\"CollectionToolbar2464978526__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_ = \"CollectionToolbar221530848\";\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\":\"CollectionToolbar221530848__root\",\"left\":\"CollectionToolbar221530848__left\",\"right\":\"CollectionToolbar221530848__right\",\"fullWidth\":\"CollectionToolbar221530848__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,4BAA4B;AAC9C,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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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.uni.driver.js

@@ -73,6 +73,7 @@ const CollectionToolbarUniDriver = (base, body) => {
     clickClearSearchText: searchDriver.inputDriver.clickClear,
     isToolbarWithFilters: () => isToolbarWithFilters(),
     skeletonExists: () => base.$('[data-hook="toolbar-skeleton"]').exists(),
+    viewsSkeletonExists: () => base.$('[data-hook="toolbar-views-skeleton"]').exists(),
     getViewsDropdown: () => getViewsDropdown(),
     openViewsDropdown: () => getViewsDropdown().open(),
     getViewListItemAt: index => getViewsDropdown().getViewListItemAt(index),