@wix/patterns 1.321.0 → 1.323.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_ = "CardContainer2625376189";
+var _namespace_ = "CardContainer4143025910";
 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": "CardContainer2625376189__root"
+  "root": "CardContainer4143025910__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_ = \"CardContainer2625376189\";\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\":\"CardContainer2625376189__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_ = \"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":[]}

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_ = "Collapse274480059";
+var _namespace_ = "Collapse3754513475";
 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": "Collapse274480059__root",
-  "exit": "Collapse274480059__exit"
+  "root": "Collapse3754513475__root",
+  "exit": "Collapse3754513475__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_ = \"Collapse274480059\";\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\":\"Collapse274480059__root\",\"exit\":\"Collapse274480059__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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":"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","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_ = "CollectionPage3729843498";
+var _namespace_ = "CollectionPage2158161423";
 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": "CollectionPage3729843498__root"
+  "root": "CollectionPage2158161423__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_ = \"CollectionPage3729843498\";\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\":\"CollectionPage3729843498__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_ = \"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":[]}

package/dist/cjs/components/CollectionSearch.js

@@ -15,7 +15,6 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
   onSearchChange,
   onSearchClick,
   onSearchBlur,
-  onExpandChange,
   visibility,
   expandable,
   ...rest
@@ -30,18 +29,14 @@ 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);
-  const updateExpandedState = (0, _react.useCallback)(isExpanded => {
-    setIsSearchExpanded(isExpanded);
-    onExpandChange == null || onExpandChange(isExpanded);
-  }, [onExpandChange]);
   const handleCancel = (0, _react.useCallback)(() => {
     collection.clearSearch();
     onSearchChange == null || onSearchChange('');
     if (searchInputRef.current) {
       searchInputRef.current.blur();
+      setIsSearchExpanded(false);
     }
-    updateExpandedState(false);
-  }, [collection, onSearchChange, updateExpandedState]);
+  }, [collection, onSearchChange]);
   const showCancelButton = isMobile && isSearchExpanded;
   const searchElement = /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
     dataHook: "collection-search",
@@ -64,15 +59,14 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     placeholder: t('cairo.searchPlaceholder', {
       defaultValue: ''
     }),
-    onInputClicked: () => {
-      updateExpandedState(true);
-      onSearchClick == null || onSearchClick();
-    },
     textOverflow: "ellipsis",
+    onFocus: () => {
+      setIsSearchExpanded(true);
+    },
     onBlur: e => {
       const value = e.target.value;
       if (!value) {
-        updateExpandedState(false);
+        setIsSearchExpanded(false);
       }
       onSearchBlur == null || onSearchBlur(value);
     }
@@ -80,7 +74,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 50,
       columnNumber: 5
     }
   }));
@@ -92,7 +86,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 84,
         columnNumber: 7
       }
     }, searchElement, showCancelButton && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -102,7 +96,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 87,
         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","onExpandChange","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","isMobile","useIsMobile","isSearchExpanded","setIsSearchExpanded","useState","value","searchInputRef","useRef","updateExpandedState","useCallback","isExpanded","handleCancel","clearSearch","current","blur","showCancelButton","searchElement","createElement","Search","_extends2","dataHook","onChange","target","clearResult","ref","onClear","expandDirection","undefined","placeholder","defaultValue","onInputClicked","textOverflow","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  onExpandChange?: (isExpanded: boolean) => 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  onExpandChange,\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  const searchInputRef = useRef<Search>(null);\n\n  const updateExpandedState = useCallback(\n    (isExpanded: boolean) => {\n      setIsSearchExpanded(isExpanded);\n      onExpandChange?.(isExpanded);\n    },\n    [onExpandChange],\n  );\n\n  const handleCancel = useCallback(() => {\n    collection.clearSearch();\n    onSearchChange?.('');\n\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n    }\n\n    updateExpandedState(false);\n  }, [collection, onSearchChange, updateExpandedState]);\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      onInputClicked={() => {\n        updateExpandedState(true);\n        onSearchClick?.();\n      }}\n      textOverflow=\"ellipsis\"\n      onBlur={(e) => {\n        const value = e.target.value;\n        if (!value) {\n          updateExpandedState(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","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":[]}

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_ = "CollectionTable3557082952";
+var _namespace_ = "CollectionTable2752357204";
 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": "CollectionTable3557082952__root"
+  "root": "CollectionTable2752357204__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_ = \"CollectionTable3557082952\";\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\":\"CollectionTable3557082952__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_ = \"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":[]}

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.js

@@ -66,12 +66,12 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 104,
         columnNumber: 7
       }
     }));
   };
-  const searchElement = isPanelLayout ? undefined : (0, _isValidElement.isValidElement)(search) ? (/*#__PURE__*/_react.default.cloneElement(search, {
+  const searchElement = isPanelLayout ? undefined : (0, _isValidElement.isValidElement)(search) ? (/*#__PURE__*/(0, _react.cloneElement)(search, {
     expandable: searchIsExpandable ?? search.props.expandable
   })) : search ? /*#__PURE__*/_react.default.createElement(_CollectionSearch.CollectionSearch, {
     size: "small",
@@ -79,7 +79,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 115,
       columnNumber: 5
     }
   }) : search;
@@ -89,7 +89,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 126,
       columnNumber: 9
     }
   }, views);
@@ -111,7 +111,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 154,
+        lineNumber: 155,
         columnNumber: 9
       }
     }, featureFilters));
@@ -125,7 +125,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165,
+        lineNumber: 166,
         columnNumber: 7
       }
     }, tabs);
@@ -159,7 +159,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 218,
       columnNumber: 7
     }
   }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -170,14 +170,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 228,
+        lineNumber: 229,
         columnNumber: 19
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
+      lineNumber: 226,
       columnNumber: 15
     }
   }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -186,7 +186,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 242,
+      lineNumber: 243,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
@@ -203,28 +203,28 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 250,
+      lineNumber: 251,
       columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 264,
+      lineNumber: 265,
       columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 267,
+      lineNumber: 268,
       columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 271,
       columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -233,7 +233,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 273,
+      lineNumber: 274,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -242,14 +242,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 275,
       columnNumber: 13
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 281,
+      lineNumber: 282,
       columnNumber: 11
     }
   }, tableGridSwitchButton)));
@@ -261,7 +261,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 291,
+        lineNumber: 292,
         columnNumber: 9
       }
     }),
@@ -269,7 +269,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 288,
+      lineNumber: 289,
       columnNumber: 5
     }
   }, toolbarElement);
@@ -278,7 +278,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 303,
+      lineNumber: 304,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -287,7 +287,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 305,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -295,7 +295,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 305,
+      lineNumber: 306,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -308,7 +308,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 313,
+      lineNumber: 314,
       columnNumber: 13
     }
   }, toolbarWithSkeleton))));