@wix/patterns 1.322.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_ = "CardContainer3864494935";
+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": "CardContainer3864494935__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_ = \"CardContainer3864494935\";\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\":\"CardContainer3864494935__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_ = "Collapse2707841607";
+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": "Collapse2707841607__root",
-  "exit": "Collapse2707841607__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_ = \"Collapse2707841607\";\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\":\"Collapse2707841607__root\",\"exit\":\"Collapse2707841607__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/CollectionListRow/CollectionListRow.js

@@ -11,6 +11,7 @@ var _CollectionListItem = require("../CollectionListItem");
 var _CollectionItemActions = require("../CollectionItemActions");
 var _designSystem = require("@wix/design-system");
 var _state = require("../../state");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionListRow/CollectionListRow.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observer)(function CollectionListRow({
@@ -21,10 +22,12 @@ const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observe
   dataHook,
   ...rest
 }) {
+  const toolbarState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const [state] = (0, _react.useState)(() => new _state.ItemActionsState({
     collection,
     keyedItem,
-    fade: 'idle'
+    fade: 'idle',
+    reportBi: toolbarState.reportBi
   }));
   const {
     type: CollectionListItemComponent,
@@ -48,7 +51,7 @@ const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observe
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 54,
+          lineNumber: 63,
           columnNumber: 13
         }
       })
@@ -59,7 +62,7 @@ const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observe
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 59,
+          lineNumber: 68,
           columnNumber: 13
         }
       }, props.children)
@@ -76,7 +79,7 @@ const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observe
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 81,
       columnNumber: 5
     }
   }));
@@ -95,7 +98,7 @@ const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observe
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 90,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -103,7 +106,7 @@ const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observe
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 93,
+        lineNumber: 102,
         columnNumber: 9
       }
     }, child));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Fade","_mobxReactLite","_CollectionListItem","_CollectionItemActions","_designSystem","_state","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionListRow","exports","observer","fade","element","collection","keyedItem","dataHook","rest","state","useState","ItemActionsState","type","CollectionListItemComponent","props","collectionListItemProps","useEffect","transformColumn","columnElement","overrides","RowActionsColumnSlot","isElementOf","width","align","value","createElement","CollectionItemActions","__self","__source","fileName","lineNumber","columnNumber","Box","color","children","child","_extends2","showDivider","Fade","timeout","onExiting","node","onFadeStart","onExited","onFadeDone"],"sources":["../../../../src/components/CollectionListRow/CollectionListRow.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { Fade, FadeProps } from '../Fade';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionListItemProps,\n  RowActionsColumnSlot,\n  RowColumnSlotProps,\n} from '../CollectionListItem';\nimport { CollectionItemActions } from '../CollectionItemActions';\nimport { Box } from '@wix/design-system';\nimport { ItemActionsState } from '../../state';\n\nexport interface CollectionListRowProps<T, F extends FiltersMap = FiltersMap>\n  extends Partial<FadeProps> {\n  fade?: boolean;\n  dataHook?: string;\n  collection: CollectionState<T, F>;\n  keyedItem: KeyedItem<T>;\n  element: ReactElement<CollectionListItemProps>;\n}\n\nexport const CollectionListRow = observer(function CollectionListRow<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  fade,\n  element,\n  collection,\n  keyedItem,\n  dataHook,\n  ...rest\n}: CollectionListRowProps<T, F>) {\n  const [state] = useState(\n    () => new ItemActionsState({ collection, keyedItem, fade: 'idle' }),\n  );\n\n  const { type: CollectionListItemComponent, props: collectionListItemProps } =\n    element;\n\n  useEffect(() => {\n    if (state.keyedItem !== keyedItem) {\n      state.keyedItem = keyedItem;\n    }\n  }, [keyedItem]);\n\n  const transformColumn = (columnElement: ReactElement<RowColumnSlotProps>) => {\n    const { props } = columnElement;\n    const overrides = RowActionsColumnSlot.isElementOf(columnElement)\n      ? {\n          width: 100,\n          align: 'right' as const,\n          value: (\n            <CollectionItemActions state={state} collection={collection} />\n          ),\n        }\n      : {\n          value: (\n            <Box dataHook=\"collection-list-column\" color=\"D20\">\n              {props.children}\n            </Box>\n          ),\n        };\n\n    return {\n      ...props,\n      ...overrides,\n    };\n  };\n\n  let child = (\n    <CollectionListItemComponent\n      showDivider\n      {...collectionListItemProps}\n      transformColumn={transformColumn}\n    />\n  );\n\n  if (fade) {\n    child = (\n      <Fade\n        timeout={650}\n        {...rest}\n        onExiting={(node) => {\n          state.onFadeStart();\n          void rest.onExiting?.(node);\n        }}\n        onExited={(node) => {\n          state.onFadeDone();\n          void rest.onExited?.(node);\n        }}\n      >\n        <div data-hook={dataHook}>{child}</div>\n      </Fade>\n    );\n  }\n\n  return child;\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAKA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA+C,IAAAO,YAAA;AAAA,SAAAR,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,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;AAWxC,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,iBAAiBA,CAGlE;EACAG,IAAI;EACJC,OAAO;EACPC,UAAU;EACVC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACyB,CAAC,EAAE;EAC/B,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MAAM,IAAIC,uBAAgB,CAAC;IAAEN,UAAU;IAAEC,SAAS;IAAEH,IAAI,EAAE;EAAO,CAAC,CACpE,CAAC;EAED,MAAM;IAAES,IAAI,EAAEC,2BAA2B;IAAEC,KAAK,EAAEC;EAAwB,CAAC,GACzEX,OAAO;EAET,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAIP,KAAK,CAACH,SAAS,KAAKA,SAAS,EAAE;MACjCG,KAAK,CAACH,SAAS,GAAGA,SAAS;IAC7B;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMW,eAAe,GAAIC,aAA+C,IAAK;IAC3E,MAAM;MAAEJ;IAAM,CAAC,GAAGI,aAAa;IAC/B,MAAMC,SAAS,GAAGC,wCAAoB,CAACC,WAAW,CAACH,aAAa,CAAC,GAC7D;MACEI,KAAK,EAAE,GAAG;MACVC,KAAK,EAAE,OAAgB;MACvBC,KAAK,eACHrD,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAAChD,sBAAA,CAAAiD,qBAAqB;QAACjB,KAAK,EAAEA,KAAM;QAACJ,UAAU,EAAEA,UAAW;QAAAsB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjD,YAAA;UAAAkD,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IAElE,CAAC,GACD;MACEP,KAAK,eACHrD,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAAC/C,aAAA,CAAAsD,GAAG;QAACzB,QAAQ,EAAC,wBAAwB;QAAC0B,KAAK,EAAC,KAAK;QAAAN,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjD,YAAA;UAAAkD,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC/CjB,KAAK,CAACoB,QACJ;IAET,CAAC;IAEL,OAAO;MACL,GAAGpB,KAAK;MACR,GAAGK;IACL,CAAC;EACH,CAAC;EAED,IAAIgB,KAAK,gBACPhE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAACZ,2BAA2B,MAAAuB,SAAA,CAAA7C,OAAA;IAC1B8C,WAAW;EAAA,GACPtB,uBAAuB;IAC3BE,eAAe,EAAEA,eAAgB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,EAClC,CACF;EAED,IAAI5B,IAAI,EAAE;IACRgC,KAAK,gBACHhE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAACnD,KAAA,CAAAgE,IAAI,MAAAF,SAAA,CAAA7C,OAAA;MACHgD,OAAO,EAAE;IAAI,GACT/B,IAAI;MACRgC,SAAS,EAAGC,IAAI,IAAK;QACnBhC,KAAK,CAACiC,WAAW,CAAC,CAAC;QACnB,MAAKlC,IAAI,CAACgC,SAAS,oBAAdhC,IAAI,CAACgC,SAAS,CAAGC,IAAI,CAAC;MAC7B,CAAE;MACFE,QAAQ,EAAGF,IAAI,IAAK;QAClBhC,KAAK,CAACmC,UAAU,CAAC,CAAC;QAClB,MAAKpC,IAAI,CAACmC,QAAQ,oBAAbnC,IAAI,CAACmC,QAAQ,CAAGF,IAAI,CAAC;MAC5B,CAAE;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjD,YAAA;QAAAkD,UAAA;QAAAC,YAAA;MAAA;IAAA,iBAEF5D,MAAA,CAAAoB,OAAA,CAAAkC,aAAA;MAAK,aAAWlB,QAAS;MAAAoB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjD,YAAA;QAAAkD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEI,KAAW,CAClC,CACP;EACH;EAEA,OAAOA,KAAK;AACd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Fade","_mobxReactLite","_CollectionListItem","_CollectionItemActions","_designSystem","_state","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionListRow","exports","observer","fade","element","collection","keyedItem","dataHook","rest","toolbarState","useToolbarCollectionContext","state","useState","ItemActionsState","reportBi","type","CollectionListItemComponent","props","collectionListItemProps","useEffect","transformColumn","columnElement","overrides","RowActionsColumnSlot","isElementOf","width","align","value","createElement","CollectionItemActions","__self","__source","fileName","lineNumber","columnNumber","Box","color","children","child","_extends2","showDivider","Fade","timeout","onExiting","node","onFadeStart","onExited","onFadeDone"],"sources":["../../../../src/components/CollectionListRow/CollectionListRow.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { Fade, FadeProps } from '../Fade';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionListItemProps,\n  RowActionsColumnSlot,\n  RowColumnSlotProps,\n} from '../CollectionListItem';\nimport { CollectionItemActions } from '../CollectionItemActions';\nimport { Box } from '@wix/design-system';\nimport { ItemActionsState } from '../../state';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport interface CollectionListRowProps<T, F extends FiltersMap = FiltersMap>\n  extends Partial<FadeProps> {\n  fade?: boolean;\n  dataHook?: string;\n  collection: CollectionState<T, F>;\n  keyedItem: KeyedItem<T>;\n  element: ReactElement<CollectionListItemProps>;\n}\n\nexport const CollectionListRow = observer(function CollectionListRow<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  fade,\n  element,\n  collection,\n  keyedItem,\n  dataHook,\n  ...rest\n}: CollectionListRowProps<T, F>) {\n  const toolbarState = useToolbarCollectionContext();\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        collection,\n        keyedItem,\n        fade: 'idle',\n        reportBi: toolbarState.reportBi,\n      }),\n  );\n\n  const { type: CollectionListItemComponent, props: collectionListItemProps } =\n    element;\n\n  useEffect(() => {\n    if (state.keyedItem !== keyedItem) {\n      state.keyedItem = keyedItem;\n    }\n  }, [keyedItem]);\n\n  const transformColumn = (columnElement: ReactElement<RowColumnSlotProps>) => {\n    const { props } = columnElement;\n    const overrides = RowActionsColumnSlot.isElementOf(columnElement)\n      ? {\n          width: 100,\n          align: 'right' as const,\n          value: (\n            <CollectionItemActions state={state} collection={collection} />\n          ),\n        }\n      : {\n          value: (\n            <Box dataHook=\"collection-list-column\" color=\"D20\">\n              {props.children}\n            </Box>\n          ),\n        };\n\n    return {\n      ...props,\n      ...overrides,\n    };\n  };\n\n  let child = (\n    <CollectionListItemComponent\n      showDivider\n      {...collectionListItemProps}\n      transformColumn={transformColumn}\n    />\n  );\n\n  if (fade) {\n    child = (\n      <Fade\n        timeout={650}\n        {...rest}\n        onExiting={(node) => {\n          state.onFadeStart();\n          void rest.onExiting?.(node);\n        }}\n        onExited={(node) => {\n          state.onFadeDone();\n          void rest.onExited?.(node);\n        }}\n      >\n        <div data-hook={dataHook}>{child}</div>\n      </Fade>\n    );\n  }\n\n  return child;\n});\n"],"mappings":"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","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_ = "CollectionPage1392948675";
+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": "CollectionPage1392948675__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_ = \"CollectionPage1392948675\";\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\":\"CollectionPage1392948675__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":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAEA,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,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrCd,UAAU,CAACe,WAAW,CAAC,CAAC;IACxBrB,cAAc,YAAdA,cAAc,CAAG,EAAE,CAAC;IAEpB,IAAIiB,cAAc,CAACK,OAAO,EAAE;MAC1BL,cAAc,CAACK,OAAO,CAACC,IAAI,CAAC,CAAC;MAC7BT,mBAAmB,CAAC,KAAK,CAAC;IAC5B;EACF,CAAC,EAAE,CAACR,UAAU,EAAEN,cAAc,CAAC,CAAC;EAEhC,MAAMwB,gBAAgB,GAAGb,QAAQ,IAAIE,gBAAgB;EAErD,MAAMY,aAAa,gBACjBpD,MAAA,CAAAe,OAAA,CAAAsC,aAAA,CAACtD,aAAA,CAAAuD,MAAM,MAAAC,SAAA,CAAAxC,OAAA;IACLyC,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGpD,CAAC,IAAK;MACf,MAAMsC,KAAK,GAAGtC,CAAC,CAACqD,MAAM,CAACf,KAAK;MAC5BV,UAAU,CAACG,MAAM,CAAC/B,CAAC,CAACqD,MAAM,CAACf,KAAK,EAAE;QAAEgB,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDhC,cAAc,YAAdA,cAAc,CAAGgB,KAAK,CAAC;IACzB,CAAE;IACFiB,GAAG,EAAEhB,cAAe;IACpBD,KAAK,EAAEP,MAAM,CAACO,KAAM;IACpBkB,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMlB,KAAK,GAAG,EAAE;MAChBV,UAAU,CAACe,WAAW,CAAC,CAAC;MACxBrB,cAAc,YAAdA,cAAc,CAAGgB,KAAK,CAAC;IACzB,CAAE;IACFZ,UAAU,EAAEA,UAAW;IACvB+B,eAAe,EAAExB,QAAQ,GAAG,MAAM,GAAGyB,SAAU;IAC/CC,WAAW,EAAE1D,CAAC,CAAC,yBAAyB,EAAE;MAAE2D,YAAY,EAAE;IAAG,CAAC,CAAE;IAChEC,YAAY,EAAC,UAAU;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACb1B,mBAAmB,CAAC,IAAI,CAAC;IAC3B,CAAE;IACF2B,MAAM,EAAG/D,CAAC,IAAK;MACb,MAAMsC,KAAK,GAAGtC,CAAC,CAACqD,MAAM,CAACf,KAAK;MAC5B,IAAI,CAACA,KAAK,EAAE;QACVF,mBAAmB,CAAC,KAAK,CAAC;MAC5B;MACAZ,YAAY,YAAZA,YAAY,CAAGc,KAAK,CAAC;IACvB;EAAE,GACEX,IAAI;IAAAqC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CACF;EAED,IAAInC,QAAQ,IAAIP,UAAU,EAAE;IAC1B,oBACE/B,MAAA,CAAAe,OAAA,CAAAsC,aAAA,CAACtD,aAAA,CAAA2E,GAAG;MAACC,KAAK,EAAC,MAAM;MAACC,GAAG,EAAC,KAAK;MAACC,aAAa,EAAC,QAAQ;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC/CrB,aAAa,EACbD,gBAAgB,iBACfnD,MAAA,CAAAe,OAAA,CAAAsC,aAAA,CAACtD,aAAA,CAAA+E,UAAU;MACTtB,QAAQ,EAAC,0BAA0B;MACnCuB,OAAO,EAAEjC,YAAa;MACtBkC,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEXnE,CAAC,CAAC,qBAAqB,CACd,CAEX,CAAC;EAEV;EAEA,OAAO8C,aAAa;AACtB,CAAC,CAAC","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.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_ = "CollectionTable3526059957";
+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": "CollectionTable3526059957__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_ = \"CollectionTable3526059957\";\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\":\"CollectionTable3526059957__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/CollectionTableActionsColumn.js

@@ -9,12 +9,14 @@ var _state = require("../state");
 var _CollectionItemActions = require("./CollectionItemActions");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
+var _ToolbarCollectionContext = require("./ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTableActionsColumn.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 _CollectionTableActionsColumn(props) {
   const {
     experiments
   } = (0, _react2.useWixPatternsContainer)();
+  const toolbarState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const isActionCellSizeSmallEnabled = experiments.enabled('specs.cairo.SmallActionCellSize');
   const {
     collection,
@@ -27,7 +29,8 @@ function _CollectionTableActionsColumn(props) {
   const [state] = (0, _react.useState)(() => new _state.ItemActionsState({
     keyedItem,
     collection,
-    fade: 'static'
+    fade: 'static',
+    reportBi: toolbarState.reportBi
   }));
   const renderActionCell = (0, _react.useCallback)(() => {
     const actionCellProps = typeof actionCell === 'function' ? actionCell(keyedItem.item, index, state.actionCellAPI) : actionCell;
@@ -53,7 +56,7 @@ function _CollectionTableActionsColumn(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 62,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_CollectionItemActions","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableActionsColumn","props","experiments","useWixPatternsContainer","isActionCellSizeSmallEnabled","enabled","collection","index","sticky","keyedItem","actionCell","rest","state","useState","ItemActionsState","fade","renderActionCell","useCallback","actionCellProps","item","actionCellAPI","size","popoverMenuProps","zIndex","useEffect","setItemIfChanged","createElement","CollectionItemActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","CollectionTableActionsColumn","exports","observer"],"sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ItemActionsState } from '../state';\nimport { CollectionItemActions } from './CollectionItemActions';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ActionCell, ActionCellProps } from './ActionCell';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  index: number;\n  sticky?: boolean;\n  actionCell: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nfunction _CollectionTableActionsColumn<T, F extends FiltersMap>(\n  props: CollectionTableActionsColumnProps<T, F>,\n) {\n  const { experiments } = useWixPatternsContainer();\n  const isActionCellSizeSmallEnabled = experiments.enabled(\n    'specs.cairo.SmallActionCellSize',\n  );\n  const { collection, index, sticky, keyedItem, actionCell, ...rest } = props;\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        keyedItem,\n        collection,\n        fade: 'static',\n      }),\n  );\n\n  const renderActionCell = useCallback(() => {\n    const actionCellProps =\n      typeof actionCell === 'function'\n        ? actionCell(keyedItem.item, index, state.actionCellAPI)\n        : actionCell;\n\n    return {\n      ...actionCellProps,\n      size: isActionCellSizeSmallEnabled\n        ? 'small'\n        : (actionCellProps.size as ActionCellProps['size']),\n      popoverMenuProps: {\n        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41\n        ...(sticky && { zIndex: 1200 }),\n        ...actionCellProps?.popoverMenuProps,\n      },\n    };\n  }, [actionCell, sticky, index, keyedItem]);\n\n  useEffect(() => {\n    state.setItemIfChanged(keyedItem);\n  }, [keyedItem]);\n\n  return (\n    <CollectionItemActions\n      {...rest}\n      collection={state.collection}\n      renderActionCell={renderActionCell}\n      state={state}\n    />\n  );\n}\n\nexport const CollectionTableActionsColumn = observer(\n  _CollectionTableActionsColumn,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_CollectionItemActions","_mobxReactLite","_react2","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableActionsColumn","props","experiments","useWixPatternsContainer","toolbarState","useToolbarCollectionContext","isActionCellSizeSmallEnabled","enabled","collection","index","sticky","keyedItem","actionCell","rest","state","useState","ItemActionsState","fade","reportBi","renderActionCell","useCallback","actionCellProps","item","actionCellAPI","size","popoverMenuProps","zIndex","useEffect","setItemIfChanged","createElement","CollectionItemActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","CollectionTableActionsColumn","exports","observer"],"sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ItemActionsState } from '../state';\nimport { CollectionItemActions } from './CollectionItemActions';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ActionCell, ActionCellProps } from './ActionCell';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from './ToolbarCollectionContext';\n\nexport interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  index: number;\n  sticky?: boolean;\n  actionCell: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nfunction _CollectionTableActionsColumn<T, F extends FiltersMap>(\n  props: CollectionTableActionsColumnProps<T, F>,\n) {\n  const { experiments } = useWixPatternsContainer();\n  const toolbarState = useToolbarCollectionContext<T, F>();\n  const isActionCellSizeSmallEnabled = experiments.enabled(\n    'specs.cairo.SmallActionCellSize',\n  );\n  const { collection, index, sticky, keyedItem, actionCell, ...rest } = props;\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        keyedItem,\n        collection,\n        fade: 'static',\n        reportBi: toolbarState.reportBi,\n      }),\n  );\n\n  const renderActionCell = useCallback(() => {\n    const actionCellProps =\n      typeof actionCell === 'function'\n        ? actionCell(keyedItem.item, index, state.actionCellAPI)\n        : actionCell;\n\n    return {\n      ...actionCellProps,\n      size: isActionCellSizeSmallEnabled\n        ? 'small'\n        : (actionCellProps.size as ActionCellProps['size']),\n      popoverMenuProps: {\n        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41\n        ...(sticky && { zIndex: 1200 }),\n        ...actionCellProps?.popoverMenuProps,\n      },\n    };\n  }, [actionCell, sticky, index, keyedItem]);\n\n  useEffect(() => {\n    state.setItemIfChanged(keyedItem);\n  }, [keyedItem]);\n\n  return (\n    <CollectionItemActions\n      {...rest}\n      collection={state.collection}\n      renderActionCell={renderActionCell}\n      state={state}\n    />\n  );\n}\n\nexport const CollectionTableActionsColumn = observer(\n  _CollectionTableActionsColumn,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar54365146";
+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": "CollectionToolbar54365146__root",
-  "left": "CollectionToolbar54365146__left",
-  "right": "CollectionToolbar54365146__right",
-  "fullWidth": "CollectionToolbar54365146__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_ = \"CollectionToolbar54365146\";\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\":\"CollectionToolbar54365146__root\",\"left\":\"CollectionToolbar54365146__left\",\"right\":\"CollectionToolbar54365146__right\",\"fullWidth\":\"CollectionToolbar54365146__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,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,iCAAiC;EAAC,MAAM,EAAC,iCAAiC;EAAC,OAAO,EAAC,kCAAkC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC/L,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_ = "SearchOrCustomFilter1560324690";
+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": "SearchOrCustomFilter1560324690__root",
-  "search": "SearchOrCustomFilter1560324690__search",
-  "searchMobile": "SearchOrCustomFilter1560324690__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_ = \"SearchOrCustomFilter1560324690\";\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\":\"SearchOrCustomFilter1560324690__root\",\"search\":\"SearchOrCustomFilter1560324690__search\",\"searchMobile\":\"SearchOrCustomFilter1560324690__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_ = "AutoCompleteReadonly2838756537";
+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": "AutoCompleteReadonly2838756537__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_ = \"AutoCompleteReadonly2838756537\";\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\":\"AutoCompleteReadonly2838756537__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_ = "ViewsDropdown1847203528";
+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": "ViewsDropdown1847203528__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_ = \"ViewsDropdown1847203528\";\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\":\"ViewsDropdown1847203528__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":[]}