@wix/patterns 1.323.0 → 1.324.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_ = "CardContainer2170180015";
 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": "CardContainer2170180015__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_ = \"CardContainer2170180015\";\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\":\"CardContainer2170180015__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/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_ = "Collapse2302586638";
 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": "Collapse2302586638__root",
+  "exit": "Collapse2302586638__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_ = \"Collapse2302586638\";\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\":\"Collapse2302586638__root\",\"exit\":\"Collapse2302586638__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "CollectionPage462372587";
 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": "CollectionPage462372587__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_ = \"CollectionPage462372587\";\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\":\"CollectionPage462372587__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,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;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":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAQA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAmD,IAAAM,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS5C,MAAMkB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,gBAAgBA,CAGhE;EACAG,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACVC,UAAU;EACV,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAMC,UAAU,GAAG,IAAAC,4BAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,SAAS,EAAE/B;EACb,CAAC,GAAG2B,UAAU;EAEd,MAAMK,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAACN,MAAM,CAACO,KAAK,CAAC;EAExE,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAS,IAAI,CAAC;EAE3C,IAAAC,gBAAS,EAAC,MAAM;IACdb,UAAU,CAACW,cAAc,GAAG;MAC1BG,KAAK,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA;QACX,CAAAA,qBAAA,GAAAJ,cAAc,CAACK,OAAO,aAAtBD,qBAAA,CAAwBD,KAAK,CAAC,CAAC;MACjC;IACF,CAAC;IACD,OAAO,MAAM;MACXd,UAAU,CAACW,cAAc,GAAG,IAAI;IAClC,CAAC;EACH,CAAC,EAAE,CAACX,UAAU,CAAC,CAAC;EAEhB,MAAMiB,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrClB,UAAU,CAACmB,WAAW,CAAC,CAAC;IACxBzB,cAAc,YAAdA,cAAc,CAAG,EAAE,CAAC;IAEpB,IAAIiB,cAAc,CAACK,OAAO,EAAE;MAC1BL,cAAc,CAACK,OAAO,CAACI,IAAI,CAAC,CAAC;MAC7BZ,mBAAmB,CAAC,KAAK,CAAC;IAC5B;EACF,CAAC,EAAE,CAACR,UAAU,EAAEN,cAAc,CAAC,CAAC;EAEhC,MAAM2B,gBAAgB,GAAGhB,QAAQ,IAAIE,gBAAgB;EAErD,MAAMe,aAAa,gBACjBvD,MAAA,CAAAe,OAAA,CAAAyC,aAAA,CAACzD,aAAA,CAAA0D,MAAM,MAAAC,SAAA,CAAA3C,OAAA;IACL4C,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGvD,CAAC,IAAK;MACf,MAAMsC,KAAK,GAAGtC,CAAC,CAACwD,MAAM,CAAClB,KAAK;MAC5BV,UAAU,CAACG,MAAM,CAAC/B,CAAC,CAACwD,MAAM,CAAClB,KAAK,EAAE;QAAEmB,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDnC,cAAc,YAAdA,cAAc,CAAGgB,KAAK,CAAC;IACzB,CAAE;IACFoB,GAAG,EAAEnB,cAAe;IACpBD,KAAK,EAAEP,MAAM,CAACO,KAAM;IACpBqB,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMrB,KAAK,GAAG,EAAE;MAChBV,UAAU,CAACmB,WAAW,CAAC,CAAC;MACxBzB,cAAc,YAAdA,cAAc,CAAGgB,KAAK,CAAC;IACzB,CAAE;IACFZ,UAAU,EAAEA,UAAW;IACvBkC,eAAe,EAAE3B,QAAQ,GAAG,MAAM,GAAG4B,SAAU;IAC/CC,WAAW,EAAE7D,CAAC,CAAC,yBAAyB,EAAE;MAAE8D,YAAY,EAAE;IAAG,CAAC,CAAE;IAChEC,YAAY,EAAC,UAAU;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACb7B,mBAAmB,CAAC,IAAI,CAAC;IAC3B,CAAE;IACF8B,MAAM,EAAGlE,CAAC,IAAK;MACb,MAAMsC,KAAK,GAAGtC,CAAC,CAACwD,MAAM,CAAClB,KAAK;MAC5B,IAAI,CAACA,KAAK,EAAE;QACVF,mBAAmB,CAAC,KAAK,CAAC;MAC5B;MACAZ,YAAY,YAAZA,YAAY,CAAGc,KAAK,CAAC;IACvB;EAAE,GACEX,IAAI;IAAAwC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CACF;EAED,IAAItC,QAAQ,IAAIP,UAAU,EAAE;IAC1B,oBACE/B,MAAA,CAAAe,OAAA,CAAAyC,aAAA,CAACzD,aAAA,CAAA8E,GAAG;MAACC,KAAK,EAAC,MAAM;MAACC,GAAG,EAAC,KAAK;MAACC,aAAa,EAAC,QAAQ;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtE,YAAA;QAAAuE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC/CrB,aAAa,EACbD,gBAAgB,iBACftD,MAAA,CAAAe,OAAA,CAAAyC,aAAA,CAACzD,aAAA,CAAAkF,UAAU;MACTtB,QAAQ,EAAC,0BAA0B;MACnCuB,OAAO,EAAEhC,YAAa;MACtBiC,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtE,YAAA;QAAAuE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEXtE,CAAC,CAAC,qBAAqB,CACd,CAEX,CAAC;EAEV;EAEA,OAAOiD,aAAa;AACtB,CAAC,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_ = "CollectionTable2752357204";
+var _namespace_ = "CollectionTable764384252";
 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": "CollectionTable764384252__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_ = \"CollectionTable764384252\";\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\":\"CollectionTable764384252__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_ = "CollectionToolbar1427703721";
 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": "CollectionToolbar1427703721__root",
+  "left": "CollectionToolbar1427703721__left",
+  "right": "CollectionToolbar1427703721__right",
+  "fullWidth": "CollectionToolbar1427703721__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_ = \"CollectionToolbar1427703721\";\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\":\"CollectionToolbar1427703721__root\",\"left\":\"CollectionToolbar1427703721__left\",\"right\":\"CollectionToolbar1427703721__right\",\"fullWidth\":\"CollectionToolbar1427703721__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_ = "SearchOrCustomFilter3667856890";
 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": "SearchOrCustomFilter3667856890__root",
+  "search": "SearchOrCustomFilter3667856890__search",
+  "searchMobile": "SearchOrCustomFilter3667856890__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_ = \"SearchOrCustomFilter3667856890\";\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\":\"SearchOrCustomFilter3667856890__root\",\"search\":\"SearchOrCustomFilter3667856890__search\",\"searchMobile\":\"SearchOrCustomFilter3667856890__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":[]}

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_ = "AutoCompleteReadonly3174350507";
 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": "AutoCompleteReadonly3174350507__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_ = \"AutoCompleteReadonly3174350507\";\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\":\"AutoCompleteReadonly3174350507__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_ = "ViewsDropdown3394695892";
 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": "ViewsDropdown3394695892__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_ = \"ViewsDropdown3394695892\";\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\":\"ViewsDropdown3394695892__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,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_CollectionEmptyStateBase","_jsxFileName","_CustomColumnsNoResults","state","columnsCollection","translate","t","default","createElement","CollectionEmptyStateBase","dataHook","theme","title","term","searchValue","subtitle","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","setSearchValue","CustomColumnsNoResults","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsNoResults.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionEmptyStateBase } from '../CollectionEmptyStateBase';\n\nexport interface CustomColumnsNoResultsProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsNoResults<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsNoResultsProps<T, F>) {\n  const { columnsCollection } = state;\n  const { translate: t } = columnsCollection;\n\n  return (\n    <CollectionEmptyStateBase\n      state={columnsCollection}\n      dataHook=\"custom-columns-no-results-state\"\n      theme=\"page-no-border\"\n      title={t('cairo.search.nothingMatches.title', {\n        term: state.searchValue,\n      })}\n      subtitle={\n        <Box direction=\"vertical\" gap=\"SP3\" align=\"center\">\n          <Text dataHook=\"custom-columns-no-results-subtitle\" size=\"small\">\n            {t('cairo.search.nothingMatches.text')}\n          </Text>\n          <TextButton\n            dataHook=\"custom-columns-no-results-reset-button\"\n            prefixIcon={<Revert />}\n            onClick={() => state.setSearchValue('')}\n          >\n            {t('cairo.emptyState.reset.button')}\n          </TextButton>\n        </Box>\n      }\n    />\n  );\n}\n\nexport const CustomColumnsNoResults = observer(_CustomColumnsNoResults);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,yBAAA,GAAAJ,OAAA;AAAuE,IAAAK,YAAA;AAMhE,SAASC,uBAAuBA,CAA0B;EAC/DC;AACiC,CAAC,EAAE;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGD,KAAK;EACnC,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,iBAAiB;EAE1C,oBACEV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,yBAAA,CAAAS,wBAAwB;IACvBN,KAAK,EAAEC,iBAAkB;IACzBM,QAAQ,EAAC,iCAAiC;IAC1CC,KAAK,EAAC,gBAAgB;IACtBC,KAAK,EAAEN,CAAC,CAAC,mCAAmC,EAAE;MAC5CO,IAAI,EAAEV,KAAK,CAACW;IACd,CAAC,CAAE;IACHC,QAAQ,eACNrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAkB,GAAG;MAACC,SAAS,EAAC,UAAU;MAACC,GAAG,EAAC,KAAK;MAACC,KAAK,EAAC,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAChD9B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,IAAI;MAACf,QAAQ,EAAC,oCAAoC;MAACgB,IAAI,EAAC,OAAO;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7DlB,CAAC,CAAC,kCAAkC,CACjC,CAAC,eACPZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA6B,UAAU;MACTjB,QAAQ,EAAC,wCAAwC;MACjDkB,UAAU,eAAElC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAA8B,MAAM;QAAAT,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACvBM,OAAO,EAAEA,CAAA,KAAM3B,KAAK,CAAC4B,cAAc,CAAC,EAAE,CAAE;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvClB,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN;AAEO,MAAMQ,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAAChC,uBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_CollectionEmptyStateBase","_jsxFileName","_CustomColumnsNoResults","state","columnsCollection","translate","t","default","createElement","CollectionEmptyStateBase","dataHook","theme","title","term","searchValue","subtitle","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","_state$columnsCollect","setSearchValue","searchInputRef","focus","CustomColumnsNoResults","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsNoResults.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionEmptyStateBase } from '../CollectionEmptyStateBase';\n\nexport interface CustomColumnsNoResultsProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsNoResults<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsNoResultsProps<T, F>) {\n  const { columnsCollection } = state;\n  const { translate: t } = columnsCollection;\n\n  return (\n    <CollectionEmptyStateBase\n      state={columnsCollection}\n      dataHook=\"custom-columns-no-results-state\"\n      theme=\"page-no-border\"\n      title={t('cairo.search.nothingMatches.title', {\n        term: state.searchValue,\n      })}\n      subtitle={\n        <Box direction=\"vertical\" gap=\"SP3\" align=\"center\">\n          <Text dataHook=\"custom-columns-no-results-subtitle\" size=\"small\">\n            {t('cairo.search.nothingMatches.text')}\n          </Text>\n          <TextButton\n            dataHook=\"custom-columns-no-results-reset-button\"\n            prefixIcon={<Revert />}\n            onClick={() => {\n              state.setSearchValue('');\n              state.columnsCollection.searchInputRef?.focus();\n            }}\n          >\n            {t('cairo.emptyState.reset.button')}\n          </TextButton>\n        </Box>\n      }\n    />\n  );\n}\n\nexport const CustomColumnsNoResults = observer(_CustomColumnsNoResults);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,yBAAA,GAAAJ,OAAA;AAAuE,IAAAK,YAAA;AAMhE,SAASC,uBAAuBA,CAA0B;EAC/DC;AACiC,CAAC,EAAE;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGD,KAAK;EACnC,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,iBAAiB;EAE1C,oBACEV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,yBAAA,CAAAS,wBAAwB;IACvBN,KAAK,EAAEC,iBAAkB;IACzBM,QAAQ,EAAC,iCAAiC;IAC1CC,KAAK,EAAC,gBAAgB;IACtBC,KAAK,EAAEN,CAAC,CAAC,mCAAmC,EAAE;MAC5CO,IAAI,EAAEV,KAAK,CAACW;IACd,CAAC,CAAE;IACHC,QAAQ,eACNrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAkB,GAAG;MAACC,SAAS,EAAC,UAAU;MAACC,GAAG,EAAC,KAAK;MAACC,KAAK,EAAC,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAChD9B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,IAAI;MAACf,QAAQ,EAAC,oCAAoC;MAACgB,IAAI,EAAC,OAAO;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7DlB,CAAC,CAAC,kCAAkC,CACjC,CAAC,eACPZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA6B,UAAU;MACTjB,QAAQ,EAAC,wCAAwC;MACjDkB,UAAU,eAAElC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAA8B,MAAM;QAAAT,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACvBM,OAAO,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA;QACb5B,KAAK,CAAC6B,cAAc,CAAC,EAAE,CAAC;QACxB,CAAAD,qBAAA,GAAA5B,KAAK,CAACC,iBAAiB,CAAC6B,cAAc,aAAtCF,qBAAA,CAAwCG,KAAK,CAAC,CAAC;MACjD,CAAE;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEDlB,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN;AAEO,MAAMW,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACnC,uBAAuB,CAAC","ignoreList":[]}

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

@@ -1,21 +1,34 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.CustomColumnsSearch = void 0;
 exports._CustomColumnsSearch = _CustomColumnsSearch;
 var _designSystem = require("@wix/design-system");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsSearch.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); }
 function _CustomColumnsSearch({
   state
 }) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const searchInputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    state.columnsCollection.searchInputRef = {
+      focus: () => {
+        var _searchInputRef$curre;
+        (_searchInputRef$curre = searchInputRef.current) == null || _searchInputRef$curre.focus();
+      }
+    };
+    return () => {
+      state.columnsCollection.searchInputRef = null;
+    };
+  }, [state.columnsCollection]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
+    ref: searchInputRef,
     dataHook: "custom-columns-search",
     size: "small",
     value: state.searchValue,
@@ -29,7 +42,7 @@ function _CustomColumnsSearch({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 30,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsSearch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_react2","_jsxFileName","_CustomColumnsSearch","state","translate","t","useWixPatternsContainer","default","createElement","Search","dataHook","size","value","searchValue","onChange","e","setSearchValue","target","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsSearch","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomColumnsSearchProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsSearch<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Search\n      dataHook=\"custom-columns-search\"\n      size=\"small\"\n      value={state.searchValue}\n      onChange={(e) => {\n        state.setSearchValue(e.target.value);\n      }}\n      onClear={() => {\n        state.setSearchValue('');\n      }}\n      placeholder={t(\n        'cairo.table.custom-columns.dragAndDrop.search-placeholder',\n      )}\n    />\n  );\n}\n\nexport const CustomColumnsSearch = observer(_CustomColumnsSearch);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAMvD,SAASC,oBAAoBA,CAA0B;EAC5DC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,QAAQ,EAAC,uBAAuB;IAChCC,IAAI,EAAC,OAAO;IACZC,KAAK,EAAET,KAAK,CAACU,WAAY;IACzBC,QAAQ,EAAGC,CAAC,IAAK;MACfZ,KAAK,CAACa,cAAc,CAACD,CAAC,CAACE,MAAM,CAACL,KAAK,CAAC;IACtC,CAAE;IACFM,OAAO,EAAEA,CAAA,KAAM;MACbf,KAAK,CAACa,cAAc,CAAC,EAAE,CAAC;IAC1B,CAAE;IACFG,WAAW,EAAEd,CAAC,CACZ,2DACF,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAACzB,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsSearch","state","translate","useWixPatternsContainer","searchInputRef","useRef","useEffect","columnsCollection","focus","_searchInputRef$curre","current","createElement","Search","ref","dataHook","size","value","searchValue","onChange","setSearchValue","target","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsSearch","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React, { useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomColumnsSearchProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsSearch<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n  const searchInputRef = useRef<Search>(null);\n\n  useEffect(() => {\n    state.columnsCollection.searchInputRef = {\n      focus: () => {\n        searchInputRef.current?.focus();\n      },\n    };\n    return () => {\n      state.columnsCollection.searchInputRef = null;\n    };\n  }, [state.columnsCollection]);\n\n  return (\n    <Search\n      ref={searchInputRef}\n      dataHook=\"custom-columns-search\"\n      size=\"small\"\n      value={state.searchValue}\n      onChange={(e) => {\n        state.setSearchValue(e.target.value);\n      }}\n      onClear={() => {\n        state.setSearchValue('');\n      }}\n      placeholder={t(\n        'cairo.table.custom-columns.dragAndDrop.search-placeholder',\n      )}\n    />\n  );\n}\n\nexport const CustomColumnsSearch = observer(_CustomColumnsSearch);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMvD,SAASkB,oBAAoBA,CAA0B;EAC5DC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEpB;EAAE,CAAC,GAAG,IAAAqB,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAS,IAAI,CAAC;EAE3C,IAAAC,gBAAS,EAAC,MAAM;IACdL,KAAK,CAACM,iBAAiB,CAACH,cAAc,GAAG;MACvCI,KAAK,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA;QACX,CAAAA,qBAAA,GAAAL,cAAc,CAACM,OAAO,aAAtBD,qBAAA,CAAwBD,KAAK,CAAC,CAAC;MACjC;IACF,CAAC;IACD,OAAO,MAAM;MACXP,KAAK,CAACM,iBAAiB,CAACH,cAAc,GAAG,IAAI;IAC/C,CAAC;EACH,CAAC,EAAE,CAACH,KAAK,CAACM,iBAAiB,CAAC,CAAC;EAE7B,oBACE/B,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACrC,aAAA,CAAAsC,MAAM;IACLC,GAAG,EAAET,cAAe;IACpBU,QAAQ,EAAC,uBAAuB;IAChCC,IAAI,EAAC,OAAO;IACZC,KAAK,EAAEf,KAAK,CAACgB,WAAY;IACzBC,QAAQ,EAAGrC,CAAC,IAAK;MACfoB,KAAK,CAACkB,cAAc,CAACtC,CAAC,CAACuC,MAAM,CAACJ,KAAK,CAAC;IACtC,CAAE;IACFK,OAAO,EAAEA,CAAA,KAAM;MACbpB,KAAK,CAACkB,cAAc,CAAC,EAAE,CAAC;IAC1B,CAAE;IACFG,WAAW,EAAExC,CAAC,CACZ,2DACF,CAAE;IAAAyC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,oBAAoB,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle3359316029";
+var _namespace_ = "DragHandle1654597455";
 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": "DragHandle3359316029__root"
+  "root": "DragHandle1654597455__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/EmptyState/CollectionNoResultsState.js

@@ -59,10 +59,12 @@ function ResetFiltersButton(props) {
     }),
     dataHook: "empty-state-clear-filters-button",
     onClick: () => {
+      var _state$searchInputRef;
       state.emitter.emit('beforeClearFilters', {
         origin: 'empty-state'
       });
       state.resetFiltersAndRefresh();
+      (_state$searchInputRef = state.searchInputRef) == null || _state$searchInputRef.focus();
     },
     __self: this,
     __source: {
@@ -90,7 +92,7 @@ const getNoResultsStateTexts = (state, t) => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 73,
+          lineNumber: 74,
           columnNumber: 9
         }
       }, t('cairo.emptyState.reset.button'))
@@ -105,7 +107,7 @@ const getNoResultsStateTexts = (state, t) => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 85,
+          lineNumber: 86,
           columnNumber: 9
         }
       }, t('cairo.emptyState.filters.nothingFound.clearFilters.CTA'))
@@ -121,7 +123,7 @@ const getNoResultsStateTexts = (state, t) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 99,
         columnNumber: 7
       }
     }, t('cairo.emptyState.reset.button'))

package/dist/cjs/components/EmptyState/CollectionNoResultsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_MultiCollectionSupportProvider","_designSystem","_wixUiIconsCommon","_react2","_EmptyStateBase","_MagnifyingGlassArt","_jsxFileName","_CollectionNoResultsState","props","state","useMultiCollectionSupportContext","translate","t","useWixPatternsContainer","title","subtitle","cta","getNoResultsStateTexts","default","createElement","EmptyStateBase","_extends2","dataHook","image","MagnifyingGlassArt","__self","__source","fileName","lineNumber","columnNumber","ResetFiltersButton","useCollectionContext","TextButton","prefixIcon","Revert","onClick","emitter","emit","origin","resetFiltersAndRefresh","hasAvailableItems","hasNonPersistentCustomFilters","resultOriginQuerySearch","search","resultOriginQueryRawSearch","rawSearch","term","CollectionNoResultsState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionNoResultsState.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useMultiCollectionSupportContext } from '../MultiCollectionSupportProvider';\nimport { TextButton, TextButtonProps } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport {\n  useWixPatternsContainer,\n  useCollectionContext,\n} from '@wix/bex-core/react';\n// import { EmptyStateBasePrivateProps } from '../components/EmptyState/EmptyStateBase';\nimport { FiltersMap, MultiCollectionSupport, Translate } from '@wix/bex-core';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { MagnifyingGlassArt } from '../MagnifyingGlassArt';\n\nexport interface CollectionNoResultsStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta' | 'image' | 'customCta'> {\n  children?: ReactNode;\n}\n\nfunction _CollectionNoResultsState(\n  props: Omit<CollectionNoResultsStateProps, 'image'>,\n) {\n  const state = useMultiCollectionSupportContext();\n  const { translate: t } = useWixPatternsContainer();\n  const { title, subtitle, cta } = getNoResultsStateTexts(state, t);\n\n  return (\n    <EmptyStateBase\n      dataHook=\"collection-empty-state\"\n      title={title}\n      subtitle={subtitle}\n      {...props}\n      cta={cta}\n      image={<MagnifyingGlassArt data-hook=\"empty-state-glass-illustration\" />}\n    />\n  );\n}\n\nfunction ResetFiltersButton(props: TextButtonProps) {\n  const state = useCollectionContext();\n\n  return (\n    <TextButton\n      {...props}\n      prefixIcon={<Revert />}\n      dataHook=\"empty-state-clear-filters-button\"\n      onClick={() => {\n        state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });\n        state.resetFiltersAndRefresh();\n      }}\n    />\n  );\n}\n\nconst getNoResultsStateTexts = (\n  state: MultiCollectionSupport<FiltersMap>,\n  t: Translate,\n) => {\n  const {\n    hasAvailableItems,\n    hasNonPersistentCustomFilters,\n    resultOriginQuerySearch: search,\n    resultOriginQueryRawSearch: rawSearch,\n  } = state;\n  // has search no filter\n  if (hasAvailableItems && search && !hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.nothingMatches.title', {\n        term: rawSearch,\n      }),\n      subtitle: t('cairo.search.nothingMatches.text'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.reset.button')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter no search\n  if (hasAvailableItems && !search && hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.noresults.title'),\n      subtitle: t('cairo.emptyState.subtitle.noFilterResults'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.filters.nothingFound.clearFilters.CTA')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter and search\n  return {\n    title: t('cairo.search.nothingMatches.title', {\n      term: rawSearch,\n    }),\n    subtitle: t('cairo.search.filter.nothingMatches.text'),\n    cta: (\n      <ResetFiltersButton>\n        {t('cairo.emptyState.reset.button')}\n      </ResetFiltersButton>\n    ),\n  };\n};\n\nexport const CollectionNoResultsState = observer(_CollectionNoResultsState);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAMA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAA2D,IAAAQ,YAAA,uHAH3D;AAUA,SAASC,yBAAyBA,CAChCC,KAAmD,EACnD;EACA,MAAMC,KAAK,GAAG,IAAAC,gEAAgC,EAAC,CAAC;EAChD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAGC,sBAAsB,CAACR,KAAK,EAAEG,CAAC,CAAC;EAEjE,oBACEhB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACf,eAAA,CAAAgB,cAAc,MAAAC,SAAA,CAAAH,OAAA;IACbI,QAAQ,EAAC,wBAAwB;IACjCR,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;EAAS,GACfP,KAAK;IACTQ,GAAG,EAAEA,GAAI;IACTO,KAAK,eAAE3B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACd,mBAAA,CAAAmB,kBAAkB;MAAC,aAAU,gCAAgC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1E,CAAC;AAEN;AAEA,SAASC,kBAAkBA,CAACtB,KAAsB,EAAE;EAClD,MAAMC,KAAK,GAAG,IAAAsB,4BAAoB,EAAC,CAAC;EAEpC,oBACEnC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,UAAU,MAAAX,SAAA,CAAAH,OAAA,MACLV,KAAK;IACTyB,UAAU,eAAErC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAgC,MAAM;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACvBP,QAAQ,EAAC,kCAAkC;IAC3Ca,OAAO,EAAEA,CAAA,KAAM;MACb1B,KAAK,CAAC2B,OAAO,CAACC,IAAI,CAAC,oBAAoB,EAAE;QAAEC,MAAM,EAAE;MAAc,CAAC,CAAC;MACnE7B,KAAK,CAAC8B,sBAAsB,CAAC,CAAC;IAChC,CAAE;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAAC;AAEN;AAEA,MAAMZ,sBAAsB,GAAGA,CAC7BR,KAAyC,EACzCG,CAAY,KACT;EACH,MAAM;IACJ4B,iBAAiB;IACjBC,6BAA6B;IAC7BC,uBAAuB,EAAEC,MAAM;IAC/BC,0BAA0B,EAAEC;EAC9B,CAAC,GAAGpC,KAAK;EACT;EACA,IAAI+B,iBAAiB,IAAIG,MAAM,IAAI,CAACF,6BAA6B,EAAE;IACjE,OAAO;MACL3B,KAAK,EAAEF,CAAC,CAAC,mCAAmC,EAAE;QAC5CkC,IAAI,EAAED;MACR,CAAC,CAAC;MACF9B,QAAQ,EAAEH,CAAC,CAAC,kCAAkC,CAAC;MAC/CI,GAAG,eACDpB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACW,kBAAkB;QAAAL,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,GAChBjB,CAAC,CAAC,+BAA+B,CAChB;IAExB,CAAC;EACH;EACA;EACA,IAAI4B,iBAAiB,IAAI,CAACG,MAAM,IAAIF,6BAA6B,EAAE;IACjE,OAAO;MACL3B,KAAK,EAAEF,CAAC,CAAC,8BAA8B,CAAC;MACxCG,QAAQ,EAAEH,CAAC,CAAC,2CAA2C,CAAC;MACxDI,GAAG,eACDpB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACW,kBAAkB;QAAAL,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,GAChBjB,CAAC,CAAC,wDAAwD,CACzC;IAExB,CAAC;EACH;EACA;EACA,OAAO;IACLE,KAAK,EAAEF,CAAC,CAAC,mCAAmC,EAAE;MAC5CkC,IAAI,EAAED;IACR,CAAC,CAAC;IACF9B,QAAQ,EAAEH,CAAC,CAAC,yCAAyC,CAAC;IACtDI,GAAG,eACDpB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACW,kBAAkB;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChBjB,CAAC,CAAC,+BAA+B,CAChB;EAExB,CAAC;AACH,CAAC;AAEM,MAAMmC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAC1C,yBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_MultiCollectionSupportProvider","_designSystem","_wixUiIconsCommon","_react2","_EmptyStateBase","_MagnifyingGlassArt","_jsxFileName","_CollectionNoResultsState","props","state","useMultiCollectionSupportContext","translate","t","useWixPatternsContainer","title","subtitle","cta","getNoResultsStateTexts","default","createElement","EmptyStateBase","_extends2","dataHook","image","MagnifyingGlassArt","__self","__source","fileName","lineNumber","columnNumber","ResetFiltersButton","useCollectionContext","TextButton","prefixIcon","Revert","onClick","_state$searchInputRef","emitter","emit","origin","resetFiltersAndRefresh","searchInputRef","focus","hasAvailableItems","hasNonPersistentCustomFilters","resultOriginQuerySearch","search","resultOriginQueryRawSearch","rawSearch","term","CollectionNoResultsState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionNoResultsState.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useMultiCollectionSupportContext } from '../MultiCollectionSupportProvider';\nimport { TextButton, TextButtonProps } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport {\n  useWixPatternsContainer,\n  useCollectionContext,\n} from '@wix/bex-core/react';\n// import { EmptyStateBasePrivateProps } from '../components/EmptyState/EmptyStateBase';\nimport { FiltersMap, MultiCollectionSupport, Translate } from '@wix/bex-core';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { MagnifyingGlassArt } from '../MagnifyingGlassArt';\n\nexport interface CollectionNoResultsStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta' | 'image' | 'customCta'> {\n  children?: ReactNode;\n}\n\nfunction _CollectionNoResultsState(\n  props: Omit<CollectionNoResultsStateProps, 'image'>,\n) {\n  const state = useMultiCollectionSupportContext();\n  const { translate: t } = useWixPatternsContainer();\n  const { title, subtitle, cta } = getNoResultsStateTexts(state, t);\n\n  return (\n    <EmptyStateBase\n      dataHook=\"collection-empty-state\"\n      title={title}\n      subtitle={subtitle}\n      {...props}\n      cta={cta}\n      image={<MagnifyingGlassArt data-hook=\"empty-state-glass-illustration\" />}\n    />\n  );\n}\n\nfunction ResetFiltersButton(props: TextButtonProps) {\n  const state = useCollectionContext();\n\n  return (\n    <TextButton\n      {...props}\n      prefixIcon={<Revert />}\n      dataHook=\"empty-state-clear-filters-button\"\n      onClick={() => {\n        state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });\n        state.resetFiltersAndRefresh();\n        state.searchInputRef?.focus();\n      }}\n    />\n  );\n}\n\nconst getNoResultsStateTexts = (\n  state: MultiCollectionSupport<FiltersMap>,\n  t: Translate,\n) => {\n  const {\n    hasAvailableItems,\n    hasNonPersistentCustomFilters,\n    resultOriginQuerySearch: search,\n    resultOriginQueryRawSearch: rawSearch,\n  } = state;\n  // has search no filter\n  if (hasAvailableItems && search && !hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.nothingMatches.title', {\n        term: rawSearch,\n      }),\n      subtitle: t('cairo.search.nothingMatches.text'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.reset.button')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter no search\n  if (hasAvailableItems && !search && hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.noresults.title'),\n      subtitle: t('cairo.emptyState.subtitle.noFilterResults'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.filters.nothingFound.clearFilters.CTA')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter and search\n  return {\n    title: t('cairo.search.nothingMatches.title', {\n      term: rawSearch,\n    }),\n    subtitle: t('cairo.search.filter.nothingMatches.text'),\n    cta: (\n      <ResetFiltersButton>\n        {t('cairo.emptyState.reset.button')}\n      </ResetFiltersButton>\n    ),\n  };\n};\n\nexport const CollectionNoResultsState = observer(_CollectionNoResultsState);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain3475402275";
+var _namespace_ = "EntityPagePlain3313101122";
 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": "EntityPagePlain3475402275__root"
+  "root": "EntityPagePlain3313101122__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};