@wix/patterns 1.323.0 → 1.325.0

package/dist/cjs/components/CardContainer/CardContainer.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_ = "CardContainer4143025910";
+var _namespace_ = "CardContainer312641811";
 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": "CardContainer4143025910__root"
+  "root": "CardContainer312641811__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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_ = "Collapse3754513475";
+var _namespace_ = "Collapse635544407";
 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": "Collapse3754513475__root",
-  "exit": "Collapse3754513475__exit"
+  "root": "Collapse635544407__root",
+  "exit": "Collapse635544407__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_ = \"Collapse3754513475\";\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\":\"Collapse3754513475__root\",\"exit\":\"Collapse3754513475__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_ = \"Collapse635544407\";\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\":\"Collapse635544407__root\",\"exit\":\"Collapse635544407__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,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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/CollectionPageNew/CollectionPage.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_ = "CollectionPage2158161423";
+var _namespace_ = "CollectionPage3558163292";
 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": "CollectionPage2158161423__root"
+  "root": "CollectionPage3558163292__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage2158161423\";\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\":\"CollectionPage2158161423__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage3558163292\";\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\":\"CollectionPage3558163292__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSearch.js

@@ -29,6 +29,17 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const [isSearchExpanded, setIsSearchExpanded] = (0, _react.useState)(!!search.value);
   const searchInputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    collection.searchInputRef = {
+      focus: () => {
+        var _searchInputRef$curre;
+        (_searchInputRef$curre = searchInputRef.current) == null || _searchInputRef$curre.focus();
+      }
+    };
+    return () => {
+      collection.searchInputRef = null;
+    };
+  }, [collection]);
   const handleCancel = (0, _react.useCallback)(() => {
     collection.clearSearch();
     onSearchChange == null || onSearchChange('');
@@ -74,7 +85,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 67,
       columnNumber: 5
     }
   }));
@@ -86,7 +97,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 101,
         columnNumber: 7
       }
     }, searchElement, showCancelButton && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -96,7 +107,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 87,
+        lineNumber: 104,
         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","handleCancel","useCallback","clearSearch","current","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, { CSSProperties, useState, useRef, useCallback } 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  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","_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":[]}

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

@@ -104,13 +104,14 @@ function _CollectionTable(props) {
   });
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const showSelection = isMobile ? bulkActionToolbar != null : showSelectionProp ?? bulkActionToolbar != null;
+  const isVirtualized = !!BodyElementType;
   (0, _useTableCollectionSyncProps.useTableCollectionSyncProps)({
     ...props,
     dataExtension,
     showSelection,
     customColumns,
     tags,
-    isUsingTableVirtualization: !!BodyElementType
+    isUsingTableVirtualization: isVirtualized
   });
   const {
     collection,
@@ -131,7 +132,8 @@ function _CollectionTable(props) {
     columns: columnsProp,
     userResizeProps: resizeProps,
     horizontalScroll,
-    columnSizesState: state.columnSizesState
+    columnSizesState: state.columnSizesState,
+    isVirtualized
   });
   const createWSRColumnBase = (0, _useCreateWSRColumnBase.useCreateWSRColumnBase)({
     horizontalScroll
@@ -168,7 +170,7 @@ function _CollectionTable(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 267,
+            lineNumber: 270,
             columnNumber: 13
           }
         }, renderedContent) : renderedContent;
@@ -222,7 +224,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 326,
+        lineNumber: 329,
         columnNumber: 11
       }
     }),
@@ -253,7 +255,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 313,
+      lineNumber: 316,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -277,7 +279,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 357,
+      lineNumber: 360,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -285,7 +287,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 378,
+      lineNumber: 381,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -295,7 +297,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 380,
+      lineNumber: 383,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -310,7 +312,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 394,
+        lineNumber: 397,
         columnNumber: 7
       }
     }, table);
@@ -325,7 +327,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 405,
+      lineNumber: 408,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -334,7 +336,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 415,
+      lineNumber: 418,
       columnNumber: 9
     }
   }), table);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_useCollectionTableResize","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","toolbar","container","isPanelLayout","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","resizeProps","rest","dataExtensionType","isValidElement","type","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","useTableCollectionSyncProps","isUsingTableVirtualization","collection","internalScroll","selectedOrderedColumnsOrAll","bulkSelect","query","isResizable","tableResizeProps","resizePlaceholderColumn","useCollectionTableResize","userResizeProps","columnSizesState","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","push","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","resizable","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n  type DataExtensionElement,\n  DataExtensionProps,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useCollectionTableResize } from '../../hooks/useCollectionTableResize';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends Omit<CollectionTableWSRTableBaseProps<T, T, F>, 'resizable'>,\n    CollectionTableActionCellProps<T, F> {\n  /**\n   * Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /**\n   * Whether to show a checkbox column for selecting items.\n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T, F>;\n\n  /**\n   * A function that receives the item of the row and returns a string for tooltip content.\n   * @external\n   */\n  checkboxTooltipContent?: (rowData: KeyedItem<T>) => string | undefined;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n  keyedItems?: KeyedItem<T>[];\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({\n          err,\n          isOnline,\n          retry,\n        })) as CollectionTableProps<T, F>['errorState']),\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = !tableState.toolbar.container.isPanelLayout,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    keyedItems,\n    resizeProps,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  const isMobile = useIsMobile();\n\n  const showSelection = isMobile\n    ? bulkActionToolbar != null\n    : showSelectionProp ?? bulkActionToolbar != null;\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { collection, internalScroll } = state;\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const { isResizable, tableResizeProps, resizePlaceholderColumn } =\n    useCollectionTableResize({\n      columns: columnsProp,\n      userResizeProps: resizeProps,\n      horizontalScroll,\n      columnSizesState: state.columnSizesState,\n    });\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      const resizeProps = isResizable ? { id: column.id } : undefined;\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        resizeProps,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n          const renderedContent = render(keyedItem.item, rowNum);\n          return column.searchable ? (\n            <SearchableCollectionContent>\n              {renderedContent}\n            </SearchableCollectionContent>\n          ) : (\n            renderedContent\n          );\n        },\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  if (isResizable) {\n    transformedColumns.push(resizePlaceholderColumn);\n  }\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n  let table = (\n    <CollectionTableWSRTable\n      rowClass={st(classes.root, { mobile: isMobile })}\n      {...props}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      customColumns={customColumns}\n      rowVerticalPadding={isMobile ? 'medium' : rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      dynamicRowClass={() =>\n        tableRowSt(tableRowClasses.root, {\n          skin: 'light',\n        })\n      }\n      horizontalScroll={horizontalScroll}\n      resizable={isResizable}\n      resizeProps={tableResizeProps}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n      keyedItems={keyedItems}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n        emptyState={emptyState}\n        noResultsState={\n          typeof noResultsState === 'function'\n            ? () => {\n                const {\n                  result: { originQuery, hasAvailableItems },\n                } = collection;\n                return noResultsState({\n                  hasAvailableItems,\n                  query: originQuery,\n                });\n              }\n            : noResultsState\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { TableDragAndDropContext } = dragAndDrop;\n    table = (\n      <TableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </TableDragAndDropContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      errorState={errorState}\n      state={state}\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_useCollectionTableResize","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","toolbar","container","isPanelLayout","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","resizeProps","rest","dataExtensionType","isValidElement","type","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","isVirtualized","useTableCollectionSyncProps","isUsingTableVirtualization","collection","internalScroll","selectedOrderedColumnsOrAll","bulkSelect","query","isResizable","tableResizeProps","resizePlaceholderColumn","useCollectionTableResize","userResizeProps","columnSizesState","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","push","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","resizable","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n  type DataExtensionElement,\n  DataExtensionProps,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useCollectionTableResize } from '../../hooks/useCollectionTableResize';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends Omit<CollectionTableWSRTableBaseProps<T, T, F>, 'resizable'>,\n    CollectionTableActionCellProps<T, F> {\n  /**\n   * Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /**\n   * Whether to show a checkbox column for selecting items.\n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T, F>;\n\n  /**\n   * A function that receives the item of the row and returns a string for tooltip content.\n   * @external\n   */\n  checkboxTooltipContent?: (rowData: KeyedItem<T>) => string | undefined;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n  keyedItems?: KeyedItem<T>[];\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({\n          err,\n          isOnline,\n          retry,\n        })) as CollectionTableProps<T, F>['errorState']),\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = !tableState.toolbar.container.isPanelLayout,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    keyedItems,\n    resizeProps,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  const isMobile = useIsMobile();\n\n  const showSelection = isMobile\n    ? bulkActionToolbar != null\n    : showSelectionProp ?? bulkActionToolbar != null;\n\n  const isVirtualized = !!BodyElementType;\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: isVirtualized,\n  });\n\n  const { collection, internalScroll } = state;\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const { isResizable, tableResizeProps, resizePlaceholderColumn } =\n    useCollectionTableResize({\n      columns: columnsProp,\n      userResizeProps: resizeProps,\n      horizontalScroll,\n      columnSizesState: state.columnSizesState,\n      isVirtualized,\n    });\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      const resizeProps = isResizable ? { id: column.id } : undefined;\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        resizeProps,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n          const renderedContent = render(keyedItem.item, rowNum);\n          return column.searchable ? (\n            <SearchableCollectionContent>\n              {renderedContent}\n            </SearchableCollectionContent>\n          ) : (\n            renderedContent\n          );\n        },\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  if (isResizable) {\n    transformedColumns.push(resizePlaceholderColumn);\n  }\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n  let table = (\n    <CollectionTableWSRTable\n      rowClass={st(classes.root, { mobile: isMobile })}\n      {...props}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      customColumns={customColumns}\n      rowVerticalPadding={isMobile ? 'medium' : rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      dynamicRowClass={() =>\n        tableRowSt(tableRowClasses.root, {\n          skin: 'light',\n        })\n      }\n      horizontalScroll={horizontalScroll}\n      resizable={isResizable}\n      resizeProps={tableResizeProps}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n      keyedItems={keyedItems}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n        emptyState={emptyState}\n        noResultsState={\n          typeof noResultsState === 'function'\n            ? () => {\n                const {\n                  result: { originQuery, hasAvailableItems },\n                } = collection;\n                return noResultsState({\n                  hasAvailableItems,\n                  query: originQuery,\n                });\n              }\n            : noResultsState\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { TableDragAndDropContext } = dragAndDrop;\n    table = (\n      <TableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </TableDragAndDropContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      errorState={errorState}\n      state={state}\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","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_ = "CollectionTable2752357204";
+var _namespace_ = "CollectionTable967591821";
 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": "CollectionTable2752357204__root"
+  "root": "CollectionTable967591821__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_ = \"CollectionTable2752357204\";\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\":\"CollectionTable2752357204__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_ = \"CollectionTable967591821\";\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\":\"CollectionTable967591821__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "CollectionToolbar3308549850";
+var _namespace_ = "CollectionToolbar2765748828";
 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": "CollectionToolbar3308549850__root",
-  "left": "CollectionToolbar3308549850__left",
-  "right": "CollectionToolbar3308549850__right",
-  "fullWidth": "CollectionToolbar3308549850__fullWidth"
+  "root": "CollectionToolbar2765748828__root",
+  "left": "CollectionToolbar2765748828__left",
+  "right": "CollectionToolbar2765748828__right",
+  "fullWidth": "CollectionToolbar2765748828__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_ = \"CollectionToolbar3308549850\";\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\":\"CollectionToolbar3308549850__root\",\"left\":\"CollectionToolbar3308549850__left\",\"right\":\"CollectionToolbar3308549850__right\",\"fullWidth\":\"CollectionToolbar3308549850__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_ = \"CollectionToolbar2765748828\";\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\":\"CollectionToolbar2765748828__root\",\"left\":\"CollectionToolbar2765748828__left\",\"right\":\"CollectionToolbar2765748828__right\",\"fullWidth\":\"CollectionToolbar2765748828__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter3633582903";
+var _namespace_ = "SearchOrCustomFilter676053826";
 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": "SearchOrCustomFilter3633582903__root",
-  "search": "SearchOrCustomFilter3633582903__search",
-  "searchMobile": "SearchOrCustomFilter3633582903__searchMobile"
+  "root": "SearchOrCustomFilter676053826__root",
+  "search": "SearchOrCustomFilter676053826__search",
+  "searchMobile": "SearchOrCustomFilter676053826__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3633582903\";\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\":\"SearchOrCustomFilter3633582903__root\",\"search\":\"SearchOrCustomFilter3633582903__search\",\"searchMobile\":\"SearchOrCustomFilter3633582903__searchMobile\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter676053826\";\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\":\"SearchOrCustomFilter676053826__root\",\"search\":\"SearchOrCustomFilter676053826__search\",\"searchMobile\":\"SearchOrCustomFilter676053826__searchMobile\"};\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,+BAA+B;AACjD,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,qCAAqC;EAAC,QAAQ,EAAC,uCAAuC;EAAC,cAAc,EAAC;AAA6C,CAAC;AAC1K,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/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly2402100218";
+var _namespace_ = "AutoCompleteReadonly2136975089";
 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": "AutoCompleteReadonly2402100218__root"
+  "root": "AutoCompleteReadonly2136975089__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2402100218\";\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\":\"AutoCompleteReadonly2402100218__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2136975089\";\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\":\"AutoCompleteReadonly2136975089__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown3675822556";
+var _namespace_ = "ViewsDropdown1562602937";
 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": "ViewsDropdown3675822556__root"
+  "root": "ViewsDropdown1562602937__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsNoResults.js

@@ -55,7 +55,11 @@ function _CustomColumnsNoResults({
           columnNumber: 25
         }
       }),
-      onClick: () => state.setSearchValue(''),
+      onClick: () => {
+        var _state$columnsCollect;
+        state.setSearchValue('');
+        (_state$columnsCollect = state.columnsCollection.searchInputRef) == null || _state$columnsCollect.focus();
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,