@wix/patterns 1.427.0 → 1.430.0

package/dist/cjs/components/CollectionSearch.js

@@ -9,6 +9,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-core/react");
 var _useIsMobile = require("../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSearch.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)(function CollectionSearch({
@@ -27,6 +28,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     translate: t
   } = collection;
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [isSearchExpanded, setIsSearchExpanded] = (0, _react.useState)(!!search.value);
   const searchInputRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
@@ -70,6 +72,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     placeholder: t('cairo.searchPlaceholder', {
       defaultValue: ''
     }),
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     textOverflow: "ellipsis",
     onFocus: () => {
       setIsSearchExpanded(true);
@@ -85,7 +88,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 69,
       columnNumber: 5
     }
   }));
@@ -97,7 +100,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 101,
+        lineNumber: 104,
         columnNumber: 7
       }
     }, searchElement, showCancelButton && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -107,7 +110,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104,
+        lineNumber: 107,
         columnNumber: 11
       }
     }, t('cairo.cancel.button')));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireWildcard","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","isMobile","useIsMobile","isSearchExpanded","setIsSearchExpanded","useState","value","searchInputRef","useRef","useEffect","focus","_searchInputRef$curre","current","handleCancel","useCallback","clearSearch","blur","showCancelButton","searchElement","createElement","Search","_extends2","dataHook","onChange","target","clearResult","ref","onClear","expandDirection","undefined","placeholder","defaultValue","textOverflow","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","width","gap","verticalAlign","TextButton","onClick","size"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Box, Search, SearchProps, TextButton } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n} from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../hooks/useIsMobile';\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  expandable,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n\n  const isMobile = useIsMobile();\n  const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);\n\n  const searchInputRef = useRef<Search>(null);\n\n  useEffect(() => {\n    collection.searchInputRef = {\n      focus: () => {\n        searchInputRef.current?.focus();\n      },\n    };\n    return () => {\n      collection.searchInputRef = null;\n    };\n  }, [collection]);\n\n  const handleCancel = useCallback(() => {\n    collection.clearSearch();\n    onSearchChange?.('');\n\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n      setIsSearchExpanded(false);\n    }\n  }, [collection, onSearchChange]);\n\n  const showCancelButton = isMobile && isSearchExpanded;\n\n  const searchElement = (\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      ref={searchInputRef}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      expandable={expandable}\n      expandDirection={isMobile ? 'left' : undefined}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      textOverflow=\"ellipsis\"\n      onFocus={() => {\n        setIsSearchExpanded(true);\n      }}\n      onBlur={(e) => {\n        const value = e.target.value;\n        if (!value) {\n          setIsSearchExpanded(false);\n        }\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n\n  if (isMobile && expandable) {\n    return (\n      <Box width=\"100%\" gap=\"SP2\" verticalAlign=\"middle\">\n        {searchElement}\n        {showCancelButton && (\n          <TextButton\n            dataHook=\"collection-search-cancel\"\n            onClick={handleCancel}\n            size=\"small\"\n          >\n            {t('cairo.cancel.button')}\n          </TextButton>\n        )}\n      </Box>\n    );\n  }\n\n  return searchElement;\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireWildcard","_react2","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","isSearchExpanded","setIsSearchExpanded","useState","value","searchInputRef","useRef","useEffect","focus","_searchInputRef$curre","current","handleCancel","useCallback","clearSearch","blur","showCancelButton","searchElement","createElement","Search","_extends2","dataHook","onChange","target","clearResult","ref","onClear","expandDirection","undefined","placeholder","defaultValue","border","textOverflow","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","width","gap","verticalAlign","TextButton","onClick","size"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Box, Search, SearchProps, TextButton } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n} from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../hooks/useBmHarmonyTheme';\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  expandable,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);\n\n  const searchInputRef = useRef<Search>(null);\n\n  useEffect(() => {\n    collection.searchInputRef = {\n      focus: () => {\n        searchInputRef.current?.focus();\n      },\n    };\n    return () => {\n      collection.searchInputRef = null;\n    };\n  }, [collection]);\n\n  const handleCancel = useCallback(() => {\n    collection.clearSearch();\n    onSearchChange?.('');\n\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n      setIsSearchExpanded(false);\n    }\n  }, [collection, onSearchChange]);\n\n  const showCancelButton = isMobile && isSearchExpanded;\n\n  const searchElement = (\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      ref={searchInputRef}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      expandable={expandable}\n      expandDirection={isMobile ? 'left' : undefined}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      border={isBmHarmonyTheme ? 'standard' : undefined}\n      textOverflow=\"ellipsis\"\n      onFocus={() => {\n        setIsSearchExpanded(true);\n      }}\n      onBlur={(e) => {\n        const value = e.target.value;\n        if (!value) {\n          setIsSearchExpanded(false);\n        }\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n\n  if (isMobile && expandable) {\n    return (\n      <Box width=\"100%\" gap=\"SP2\" verticalAlign=\"middle\">\n        {searchElement}\n        {showCancelButton && (\n          <TextButton\n            dataHook=\"collection-search-cancel\"\n            onClick={handleCancel}\n            size=\"small\"\n          >\n            {t('cairo.cancel.button')}\n          </TextButton>\n        )}\n      </Box>\n    );\n  }\n\n  return searchElement;\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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_ = "CollectionSectionHeader2589279026";
+var _namespace_ = "CollectionSectionHeader874342386";
 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": "CollectionSectionHeader2589279026__root",
-  "summaryIcon": "CollectionSectionHeader2589279026__summaryIcon"
+  "root": "CollectionSectionHeader874342386__root",
+  "summaryIcon": "CollectionSectionHeader874342386__summaryIcon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2589279026\";\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\":\"CollectionSectionHeader2589279026__root\",\"summaryIcon\":\"CollectionSectionHeader2589279026__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader874342386\";\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\":\"CollectionSectionHeader874342386__root\",\"summaryIcon\":\"CollectionSectionHeader874342386__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,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,wCAAwC;EAAC,aAAa,EAAC;AAA+C,CAAC;AAC7H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionTable3761963699";
+var _namespace_ = "CollectionTable1797147932";
 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": "CollectionTable3761963699__root"
+  "root": "CollectionTable1797147932__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable3761963699\";\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\":\"CollectionTable3761963699__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable1797147932\";\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\":\"CollectionTable1797147932__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionTableWSRTable3587764784";
+var _namespace_ = "CollectionTableWSRTable4061832017";
 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": "CollectionTableWSRTable3587764784__root"
+  "root": "CollectionTableWSRTable4061832017__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.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/CollectionTable/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable3587764784\";\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\":\"CollectionTableWSRTable3587764784__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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/CollectionTable/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable4061832017\";\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\":\"CollectionTableWSRTable4061832017__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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

@@ -12,6 +12,7 @@ var _assertComponentType = require("../assertComponentType");
 var _ToolbarItemBox = require("../ToolbarItemBox");
 var _CollectionToolbarStCss = require("./CollectionToolbar.st.css.js");
 var _InitialLoadingConditional = require("../InitialLoadingConditional");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _useCollectionToolbarSyncedProps = require("./useCollectionToolbarSyncedProps");
 var _useIsCollectionToolbarExists = require("./useIsCollectionToolbarExists");
 var _CollectionToolbarActionsToolbarItemsGroup = require("./CollectionToolbarActionsToolbarItemsGroup");
@@ -67,7 +68,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 112,
       columnNumber: 28
     }
   }) : undefined);
@@ -78,7 +79,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115,
+        lineNumber: 116,
         columnNumber: 7
       }
     }));
@@ -91,7 +92,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 127,
       columnNumber: 5
     }
   }) : search;
@@ -101,7 +102,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 138,
       columnNumber: 9
     }
   }, views);
@@ -123,7 +124,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166,
+        lineNumber: 167,
         columnNumber: 9
       }
     }, featureFilters));
@@ -137,7 +138,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 175,
+        lineNumber: 176,
         columnNumber: 7
       }
     }, tabs);
@@ -158,7 +159,8 @@ function _CollectionToolbar(props) {
     setRendersStart(!!left || !!viewsToolbarItem || ((_state$toolbarFilters = state.toolbarFiltersState) == null ? void 0 : _state$toolbarFilters.totalInlineFilters.value) !== undefined && ((_state$toolbarFilters2 = state.toolbarFiltersState) == null ? void 0 : _state$toolbarFilters2.totalInlineFilters.value) !== null && ((_state$toolbarFilters3 = state.toolbarFiltersState) == null ? void 0 : _state$toolbarFilters3.totalInlineFilters.value) > 0);
   }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);
   const isLayoutToggleRedesignEnabled = (_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.layout-toggle.redesign');
-  const shouldAddDivider = !isLayoutToggleRedesignEnabled && tableGridSwitchButton && (searchElement || MoreFiltersButton);
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const shouldAddDivider = !isBmHarmonyTheme && !isLayoutToggleRedesignEnabled && tableGridSwitchButton && (searchElement || MoreFiltersButton);
   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 immidiatelyInteractWithToolbarsEnabled = (_state$container$inte2 = state.container.internalExperiments) == null ? void 0 : _state$container$inte2.enabled('specs.cairo.ImmidiatelyInteractWithToolbars');
@@ -179,7 +181,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241,
+      lineNumber: 245,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_CollectionToolbarLeftGroup.CollectionToolbarLeftGroup, {
@@ -191,7 +193,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249,
+      lineNumber: 253,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -200,7 +202,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 258,
+      lineNumber: 262,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
@@ -221,28 +223,28 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 266,
+      lineNumber: 270,
       columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 294,
+      lineNumber: 298,
       columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 297,
+      lineNumber: 301,
       columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300,
+      lineNumber: 304,
       columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -251,7 +253,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 303,
+      lineNumber: 307,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -260,14 +262,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 308,
       columnNumber: 13
     }
   })), !isLayoutToggleRedesignEnabled && tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 311,
+      lineNumber: 315,
       columnNumber: 11
     }
   }, tableGridSwitchButton)));
@@ -279,7 +281,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 321,
+        lineNumber: 325,
         columnNumber: 9
       }
     }),
@@ -287,7 +289,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318,
+      lineNumber: 322,
       columnNumber: 5
     }
   }, toolbarElement);
@@ -296,7 +298,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 333,
+      lineNumber: 337,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -305,7 +307,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 334,
+      lineNumber: 338,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -313,7 +315,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 335,
+      lineNumber: 339,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -327,7 +329,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 343,
+      lineNumber: 347,
       columnNumber: 13
     }
   }, toolbarWithSkeleton))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_CollectionToolbarLeftGroup","_CollectionToolbarActionsGroupResponsiveLayout","_toolbarModeUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$collectionFiel","_state$tagsCollection","_state$collectionFiel2","_state$container$inte","_state$container$expe","_state$container$inte2","_props","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","importButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","SourceCustomColumns","collectionFieldsSource","components","CustomColumns","effectiveCustomColumns","createElement","__self","__source","fileName","lineNumber","columnNumber","addDataHookToMoreActions","MoreActions","_extends2","searchElement","isValidElement","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","ToolbarFilters","tagsCollectionState","CollectionToolbarFilters","filtersElement","useMemo","_state$collectionFiel3","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","isLayoutToggleRedesignEnabled","internalExperiments","enabled","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","responsiveMode","getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","CollectionToolbarLeftGroup","mode","right","fullWidth","viewTypeState","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  cloneElement,\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 {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} 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 { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { getToolbarMode } from './toolbarModeUtils';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton/TableGridSwitchButton';\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  importButton?: ToolbarCollectionBaseProps<T, F>['importButton'];\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    importButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n    isMobile,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const SourceCustomColumns =\n    state.collectionFieldsSource?.components.CustomColumns;\n  const effectiveCustomColumns =\n    customColumns ??\n    (SourceCustomColumns ? <SourceCustomColumns /> : undefined);\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : views && (\n        <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n          {views}\n        </ToolbarItemBox>\n      );\n\n  const ToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ??\n    state.collectionFieldsSource?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionFieldsSource?.buildFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (ToolbarFilters && (\n        <ToolbarFilters inline={0}>{featureFilters}</ToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\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 && !isMobile) {\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 isLayoutToggleRedesignEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.layout-toggle.redesign',\n    );\n\n  const shouldAddDivider =\n    !isLayoutToggleRedesignEnabled &&\n    tableGridSwitchButton &&\n    (searchElement || 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 immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup =\n    isMobile || responsive.responsiveDisabled\n      ? CollectionToolbarActionsToolbarItemsGroup\n      : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const responsiveMode = getToolbarMode({\n    isDisabled: responsive.responsiveDisabled,\n    hasTabs: !!tabs,\n    hasTitle: !!left && !viewsToolbarItem,\n    hasViews: !!viewsToolbarItem,\n  });\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, {\n          expandable: !!tabs,\n          title: responsiveMode === 'title',\n        })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        <CollectionToolbarLeftGroup\n          state={state}\n          left={left}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          mode={responsiveMode}\n        />\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          state={state}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={\n            isMobile || isPanelLayout ? undefined : effectiveCustomColumns\n          }\n          exportButton={exportButton}\n          importButton={importButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n          hasTabs={!!tabs}\n          tableGridSwitchButton={\n            isLayoutToggleRedesignEnabled ? tableGridSwitchButton : undefined\n          }\n          viewTypeState={\n            isLayoutToggleRedesignEnabled\n              ? (\n                  tableGridSwitchButton as ReactElement<TableGridSwitchButtonProps>\n                )?.props?.state\n              : undefined\n          }\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        {!isLayoutToggleRedesignEnabled && 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        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\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\n          minHeight={\n            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'\n          }\n        >\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n                responsiveMode,\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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useBmHarmonyTheme","_useCollectionToolbarSyncedProps","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_CollectionToolbarLeftGroup","_CollectionToolbarActionsGroupResponsiveLayout","_toolbarModeUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$collectionFiel","_state$tagsCollection","_state$collectionFiel2","_state$container$inte","_state$container$expe","_state$container$inte2","_props","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","importButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","SourceCustomColumns","collectionFieldsSource","components","CustomColumns","effectiveCustomColumns","createElement","__self","__source","fileName","lineNumber","columnNumber","addDataHookToMoreActions","MoreActions","_extends2","searchElement","isValidElement","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","ToolbarFilters","tagsCollectionState","CollectionToolbarFilters","filtersElement","useMemo","_state$collectionFiel3","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","isLayoutToggleRedesignEnabled","internalExperiments","enabled","isBmHarmonyTheme","useBmHarmonyTheme","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","responsiveMode","getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","CollectionToolbarLeftGroup","mode","right","fullWidth","viewTypeState","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  cloneElement,\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 {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} 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 { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { getToolbarMode } from './toolbarModeUtils';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton/TableGridSwitchButton';\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  importButton?: ToolbarCollectionBaseProps<T, F>['importButton'];\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    importButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n    isMobile,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const SourceCustomColumns =\n    state.collectionFieldsSource?.components.CustomColumns;\n  const effectiveCustomColumns =\n    customColumns ??\n    (SourceCustomColumns ? <SourceCustomColumns /> : undefined);\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : views && (\n        <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n          {views}\n        </ToolbarItemBox>\n      );\n\n  const ToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ??\n    state.collectionFieldsSource?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionFieldsSource?.buildFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (ToolbarFilters && (\n        <ToolbarFilters inline={0}>{featureFilters}</ToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\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 && !isMobile) {\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 isLayoutToggleRedesignEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.layout-toggle.redesign',\n    );\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const shouldAddDivider =\n    !isBmHarmonyTheme &&\n    !isLayoutToggleRedesignEnabled &&\n    tableGridSwitchButton &&\n    (searchElement || 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 immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup =\n    isMobile || responsive.responsiveDisabled\n      ? CollectionToolbarActionsToolbarItemsGroup\n      : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const responsiveMode = getToolbarMode({\n    isDisabled: responsive.responsiveDisabled,\n    hasTabs: !!tabs,\n    hasTitle: !!left && !viewsToolbarItem,\n    hasViews: !!viewsToolbarItem,\n  });\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, {\n          expandable: !!tabs,\n          title: responsiveMode === 'title',\n        })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        <CollectionToolbarLeftGroup\n          state={state}\n          left={left}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          mode={responsiveMode}\n        />\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          state={state}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={\n            isMobile || isPanelLayout ? undefined : effectiveCustomColumns\n          }\n          exportButton={exportButton}\n          importButton={importButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n          hasTabs={!!tabs}\n          tableGridSwitchButton={\n            isLayoutToggleRedesignEnabled ? tableGridSwitchButton : undefined\n          }\n          viewTypeState={\n            isLayoutToggleRedesignEnabled\n              ? (\n                  tableGridSwitchButton as ReactElement<TableGridSwitchButtonProps>\n                )?.props?.state\n              : undefined\n          }\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        {!isLayoutToggleRedesignEnabled && 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        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\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\n          minHeight={\n            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'\n          }\n        >\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n                responsiveMode,\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

@@ -1,5 +1,12 @@
 .root {
-  -st-states: views, mobile, responsiveMode(enum(title, views, tabs, disabled));
+  -st-states: views, mobile, harmony,
+    responsiveMode(enum(title, views, tabs, disabled));
+}
+
+/* Harmony spacing comes from the flex gap on the overflow box (8px);
+   drop the built-in 12px margin WDS TableToolbar.Item adds on top of it */
+.root:harmony .right :global([data-hook='horizontal-overflow-box']) > * {
+  margin-inline-start: 0;
 }
 
 .left {

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_ = "CollectionToolbar2410956896";
+var _namespace_ = "CollectionToolbar3645520063";
 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": "CollectionToolbar2410956896__root",
-  "left": "CollectionToolbar2410956896__left",
-  "right": "CollectionToolbar2410956896__right",
-  "fullWidth": "CollectionToolbar2410956896__fullWidth"
+  "root": "CollectionToolbar3645520063__root",
+  "right": "CollectionToolbar3645520063__right",
+  "left": "CollectionToolbar3645520063__left",
+  "fullWidth": "CollectionToolbar3645520063__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_ = \"CollectionToolbar2410956896\";\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\":\"CollectionToolbar2410956896__root\",\"left\":\"CollectionToolbar2410956896__left\",\"right\":\"CollectionToolbar2410956896__right\",\"fullWidth\":\"CollectionToolbar2410956896__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_ = \"CollectionToolbar3645520063\";\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\":\"CollectionToolbar3645520063__root\",\"right\":\"CollectionToolbar3645520063__right\",\"left\":\"CollectionToolbar3645520063__left\",\"fullWidth\":\"CollectionToolbar3645520063__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,OAAO,EAAC,oCAAoC;EAAC,MAAM,EAAC,mCAAmC;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":[]}