npm - @wix/patterns - Versions diffs - 1.283.0 → 1.285.0 - Mend

@wix/patterns 1.283.0 → 1.285.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/dist/cjs/components/CardContainer/CardContainer.st.css.js CHANGED Viewed

@@ -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_ = "CardContainer19550941";
+var _namespace_ = "CardContainer893125687";
 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": "CardContainer19550941__root"
+  "root": "CardContainer893125687__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~CardContainer19550941~~\";\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\":\"~~CardContainer19550941__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,~~uBAAuB~~;~~AACzC~~,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;~~AAA6B~~,CAAC;~~AACpD~~,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":[]}
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_ = \"CardContainer893125687\";\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\":\"CardContainer893125687__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Collapse/Collapse.st.css.js CHANGED Viewed

@@ -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_ = "Collapse840067482";
+var _namespace_ = "Collapse3979421803";
 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": "Collapse840067482__root",
-  "exit": "Collapse840067482__exit"
+  "root": "Collapse3979421803__root",
+  "exit": "Collapse3979421803__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~Collapse840067482~~\";\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\":\"~~Collapse840067482__root~~\",\"exit\":\"~~Collapse840067482__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":[]}
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_ = \"Collapse3979421803\";\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\":\"Collapse3979421803__root\",\"exit\":\"Collapse3979421803__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/CollectionItemActions/CollectionItemActions.js CHANGED Viewed

@@ -12,12 +12,14 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _CollectionItemActionsHelper = require("./CollectionItemActionsHelper");
 var _getDefaultActionCellProps = require("./getDefaultActionCellProps");
 var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionItemActions/CollectionItemActions.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 _CollectionItemActions({
   state,
   renderActionCell
 }) {
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
     confirmModal
   } = state;
@@ -43,7 +45,7 @@ function _CollectionItemActions({
     keyedItem,
     extensionMenuItems
   });
-  let primaryActionCellPropsWithBI = (0, _CollectionItemActionsHelper.createPrimaryActionCellPropsWithBI)(toolbarBIReporter, actionCellProps, keyedItem);
+  let primaryActionCellPropsWithBI = !isMobile ? (0, _CollectionItemActionsHelper.createPrimaryActionCellPropsWithBI)(toolbarBIReporter, actionCellProps, keyedItem) : [];
   if (Array.isArray(primaryActionCellPropsWithBI) && primaryActionCellPropsWithBI.length > 1) {
     primaryActionCellPropsWithBI = primaryActionCellPropsWithBI.map((action, index) => {
       return {
@@ -58,7 +60,7 @@ function _CollectionItemActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 95,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.TableActionCell, (0, _extends2.default)({
@@ -75,7 +77,7 @@ function _CollectionItemActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 97,
       columnNumber: 7
     }
   })));

package/dist/cjs/components/CollectionItemActions/CollectionItemActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ActionModal","_ToolbarCollectionContext","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionItemActions","state","renderActionCell","confirmModal","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellProps","keyedItem","actionCellAPI","existingExtension","containerId","menuItemExtensions","undefined","extensionMenuItems","useExtensionMenuItems","extension","useEffect","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","Array","isArray","length","map","action","index","priority","createElement","Fragment","value","MessageActionModal","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableActionCell","dataHook","popoverMenuProps","getDefaultActionCellProps","onShow","reportOnPopoverMenuShow","primaryAction","secondaryActions","CollectionItemActions","exports","observer"],"sources":["../../../../src/components/CollectionItemActions/CollectionItemActions.tsx"],"sourcesContent":["import { TableActionCell } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ItemActionsState } from '../../state';\nimport { MessageActionModal } from '../ActionModal';\nimport { ActionCellProps, TableActionCellMainAction } from '../ActionCell';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport {\n createPrimaryActionCellPropsWithBI,\n createSecondaryActionCellPropWithBi,\n reportOnPopoverMenuShow,\n} from './CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from './getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\n\nexport interface CollectionItemActionsProps<\n T,\n F extends FiltersMap = FiltersMap,\n> {\n collection: CollectionState<T, F>;\n state: ItemActionsState<T, F>;\n renderActionCell?: (state: ItemActionsState<T, F>) => ActionCellProps;\n}\n\nfunction _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({\n state,\n renderActionCell,\n}: CollectionItemActionsProps<T, F>) {\n const { confirmModal } = state;\n const toolbarState = useToolbarCollectionContext();\n const { toolbarBIReporter } = toolbarState;\n const actionCellProps = renderActionCell?.(state) ?? {};\n const keyedItem = state.actionCellAPI.keyedItem;\n\n const existingExtension = actionCellProps.containerId\n ? toolbarState.menuItemExtensions.get(actionCellProps.containerId)\n : undefined;\n\n const extensionMenuItems = useExtensionMenuItems({\n containerId: actionCellProps.containerId,\n extension: existingExtension,\n });\n\n useEffect(() => {\n if (extensionMenuItems && actionCellProps.containerId) {\n toolbarState.menuItemExtensions.set(\n actionCellProps.containerId,\n extensionMenuItems,\n );\n }\n }, [extensionMenuItems, actionCellProps.containerId]);\n\n const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n toolbarBIReporter,\n actionCellProps,\n keyedItem,\n extensionMenuItems,\n });\n\n let primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n toolbarBIReporter,\n actionCellProps,\n keyedItem,\n );\n\n if (\n Array.isArray(primaryActionCellPropsWithBI) &&\n primaryActionCellPropsWithBI.length > 1\n ) {\n primaryActionCellPropsWithBI = primaryActionCellPropsWithBI.map(\n (action, index) => {\n return {\n ...action,\n priority:\n index ===\n (primaryActionCellPropsWithBI as TableActionCellMainAction[])\n .length! -\n 1\n ? 'primary'\n : 'secondary',\n };\n },\n );\n }\n\n return (\n <>\n {confirmModal.value && (\n <MessageActionModal state={confirmModal} {...confirmModal.value} />\n )}\n <TableActionCell\n dataHook=\"collection-action-cell\"\n {...actionCellProps}\n popoverMenuProps={{\n ...getDefaultActionCellProps(),\n onShow: () =>\n reportOnPopoverMenuShow(\n toolbarBIReporter,\n actionCellProps,\n state.keyedItem,\n ),\n ...actionCellProps.popoverMenuProps,\n ...getDefaultActionCellProps(),\n }}\n primaryAction={primaryActionCellPropsWithBI}\n secondaryActions={secondaryActionCellPropsWithBI}\n />\n </>\n );\n}\n\nexport const CollectionItemActions = observer(_CollectionItemActions);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAEA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AAKA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;~~AAA0E~~,IAAAS,YAAA;AAAA,~~SAAAP~~,~~wBAAAQ~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAV~~,uBAAA,YAAAA,~~CAAAQ~~,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;~~AAW1E~~,SAASkB,sBAAsBA,CAAuC;EACpEC,KAAK;EACLC;AACgC,CAAC,EAAE;EACnC,MAAM;IAAEC;EAAa,CAAC,~~GAAGF~~,KAAK;EAC9B,~~MAAMG~~,YAAY,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAkB,CAAC,GAAGF,YAAY;EAC1C,MAAMG,eAAe,GAAG,~~CAAAL~~,gBAAgB,oBAAhBA,gBAAgB,CAAGD,KAAK,CAAC,KAAI,CAAC,CAAC;EACvD,~~MAAMO~~,SAAS,~~GAAGP~~,KAAK,~~CAACQ~~,aAAa,CAACD,SAAS;EAE/C,MAAME,iBAAiB,GAAGH,eAAe,CAACI,WAAW,GACjDP,YAAY,CAACQ,kBAAkB,~~CAACnB~~,GAAG,~~CAACc~~,eAAe,CAACI,WAAW,CAAC,GAChEE,SAAS;EAEb,MAAMC,kBAAkB,GAAG,IAAAC,4CAAqB,EAAC;IAC/CJ,WAAW,EAAEJ,eAAe,CAACI,WAAW;IACxCK,SAAS,EAAEN;EACb,CAAC,CAAC;EAEF,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAIH,kBAAkB,IAAIP,eAAe,CAACI,WAAW,EAAE;MACrDP,YAAY,CAACQ,kBAAkB,~~CAAClB~~,GAAG,~~CACjCa~~,eAAe,CAACI,WAAW,EAC3BG,kBACF,CAAC;IACH;EACF,CAAC,EAAE,CAACA,kBAAkB,EAAEP,eAAe,CAACI,WAAW,CAAC,CAAC;EAErD,MAAMO,8BAA8B,GAAG,IAAAC,gEAAmC,EAAC;IACzEb,iBAAiB;IACjBC,eAAe;IACfC,SAAS;IACTM;EACF,CAAC,CAAC;EAEF,IAAIM,4BAA4B,GAAG,~~IAAAC~~,+DAAkC,~~EACnEf~~,iBAAiB,EACjBC,eAAe,EACfC,SACF,CAAC;~~EAED~~,IACEc,KAAK,CAACC,OAAO,CAACH,4BAA4B,CAAC,IAC3CA,4BAA4B,CAACI,MAAM,GAAG,CAAC,EACvC;IACAJ,4BAA4B,GAAGA,4BAA4B,CAACK,GAAG,CAC7D,CAACC,MAAM,EAAEC,KAAK,KAAK;MACjB,OAAO;QACL,GAAGD,MAAM;QACTE,QAAQ,EACND,KAAK,KACJP,4BAA4B,CAC1BI,MAAM,GACP,CAAC,GACC,SAAS,GACT;MACR,CAAC;IACH,CACF,CAAC;EACH;EAEA,~~oBACEpD~~,MAAA,~~CAAAmB~~,OAAA,~~CAAAsC~~,aAAA,~~CAAAzD~~,MAAA,~~CAAAmB~~,OAAA,~~CAAAuC~~,QAAA,QACG3B,YAAY,CAAC4B,KAAK,~~iBACjB3D~~,MAAA,~~CAAAmB~~,OAAA,~~CAAAsC~~,aAAA,~~CAACtD~~,YAAA,~~CAAAyD~~,kBAAkB,MAAAC,SAAA,~~CAAA1C~~,OAAA;IAACU,KAAK,~~EAAEE~~;EAAa,GAAKA,YAAY,CAAC4B,KAAK;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAxD~~,YAAA;~~MAAAyD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACnE,~~eACDlE~~,MAAA,~~CAAAmB~~,OAAA,~~CAAAsC~~,aAAA,~~CAAC3D~~,aAAA,~~CAAAqE~~,eAAe,MAAAN,SAAA,~~CAAA1C~~,OAAA;~~IACdiD~~,QAAQ,EAAC;EAAwB,GAC7BjC,eAAe;IACnBkC,gBAAgB,EAAE;MAChB,GAAG,IAAAC,oDAAyB,EAAC,CAAC;MAC9BC,MAAM,EAAEA,CAAA,KACN,IAAAC,oDAAuB,EACrBtC,iBAAiB,EACjBC,eAAe,~~EACfN~~,KAAK,~~CAACO~~,SACR,CAAC;MACH,GAAGD,eAAe,CAACkC,gBAAgB;MACnC,GAAG,IAAAC,oDAAyB,EAAC;IAC/B,CAAE;IACFG,aAAa,EAAEzB,4BAA6B;IAC5C0B,gBAAgB,EAAE5B,8BAA+B;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAxD~~,YAAA;~~MAAAyD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,EAClD,CACD,CAAC;AAEP;AAEO,MAAMS,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,~~EAACjD~~,sBAAsB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ActionModal","_ToolbarCollectionContext","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionItemActions","state","renderActionCell","isMobile","useIsMobile","confirmModal","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellProps","keyedItem","actionCellAPI","existingExtension","containerId","menuItemExtensions","undefined","extensionMenuItems","useExtensionMenuItems","extension","useEffect","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","Array","isArray","length","map","action","index","priority","createElement","Fragment","value","MessageActionModal","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableActionCell","dataHook","popoverMenuProps","getDefaultActionCellProps","onShow","reportOnPopoverMenuShow","primaryAction","secondaryActions","CollectionItemActions","exports","observer"],"sources":["../../../../src/components/CollectionItemActions/CollectionItemActions.tsx"],"sourcesContent":["import { TableActionCell } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ItemActionsState } from '../../state';\nimport { MessageActionModal } from '../ActionModal';\nimport { ActionCellProps, TableActionCellMainAction } from '../ActionCell';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport {\n createPrimaryActionCellPropsWithBI,\n createSecondaryActionCellPropWithBi,\n reportOnPopoverMenuShow,\n} from './CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from './getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionItemActionsProps<\n T,\n F extends FiltersMap = FiltersMap,\n> {\n collection: CollectionState<T, F>;\n state: ItemActionsState<T, F>;\n renderActionCell?: (state: ItemActionsState<T, F>) => ActionCellProps;\n}\n\nfunction _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({\n state,\n renderActionCell,\n}: CollectionItemActionsProps<T, F>) {\n const isMobile = useIsMobile();\n\n const { confirmModal } = state;\n const toolbarState = useToolbarCollectionContext();\n const { toolbarBIReporter } = toolbarState;\n const actionCellProps = renderActionCell?.(state) ?? {};\n const keyedItem = state.actionCellAPI.keyedItem;\n\n const existingExtension = actionCellProps.containerId\n ? toolbarState.menuItemExtensions.get(actionCellProps.containerId)\n : undefined;\n\n const extensionMenuItems = useExtensionMenuItems({\n containerId: actionCellProps.containerId,\n extension: existingExtension,\n });\n\n useEffect(() => {\n if (extensionMenuItems && actionCellProps.containerId) {\n toolbarState.menuItemExtensions.set(\n actionCellProps.containerId,\n extensionMenuItems,\n );\n }\n }, [extensionMenuItems, actionCellProps.containerId]);\n\n const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n toolbarBIReporter,\n actionCellProps,\n keyedItem,\n extensionMenuItems,\n });\n\n let primaryActionCellPropsWithBI = !isMobile\n ? createPrimaryActionCellPropsWithBI(\n toolbarBIReporter,\n actionCellProps,\n keyedItem,\n )\n : [];\n\n if (\n Array.isArray(primaryActionCellPropsWithBI) &&\n primaryActionCellPropsWithBI.length > 1\n ) {\n primaryActionCellPropsWithBI = primaryActionCellPropsWithBI.map(\n (action, index) => {\n return {\n ...action,\n priority:\n index ===\n (primaryActionCellPropsWithBI as TableActionCellMainAction[])\n .length! -\n 1\n ? 'primary'\n : 'secondary',\n };\n },\n );\n }\n\n return (\n <>\n {confirmModal.value && (\n <MessageActionModal state={confirmModal} {...confirmModal.value} />\n )}\n <TableActionCell\n dataHook=\"collection-action-cell\"\n {...actionCellProps}\n popoverMenuProps={{\n ...getDefaultActionCellProps(),\n onShow: () =>\n reportOnPopoverMenuShow(\n toolbarBIReporter,\n actionCellProps,\n state.keyedItem,\n ),\n ...actionCellProps.popoverMenuProps,\n ...getDefaultActionCellProps(),\n }}\n primaryAction={primaryActionCellPropsWithBI}\n secondaryActions={secondaryActionCellPropsWithBI}\n />\n </>\n );\n}\n\nexport const CollectionItemActions = observer(_CollectionItemActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js CHANGED Viewed

@@ -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_ = "CollectionPage310519381";
+var _namespace_ = "CollectionPage275116065";
 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": "CollectionPage310519381__root"
+  "root": "CollectionPage275116065__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~CollectionPage310519381~~\";\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\":\"~~CollectionPage310519381__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\"}; \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;AAAsC,CAAC","ignoreList":[]}
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_ = \"CollectionPage275116065\";\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\":\"CollectionPage275116065__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\"}; \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;AAAsC,CAAC","ignoreList":[]}

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

@@ -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_ = "CollectionTable1128925846";
+var _namespace_ = "CollectionTable2912630266";
 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": "CollectionTable1128925846__root"
+  "root": "CollectionTable2912630266__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~CollectionTable1128925846~~\";\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\":\"~~CollectionTable1128925846__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":[]}
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_ = \"CollectionTable2912630266\";\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\":\"CollectionTable2912630266__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js CHANGED Viewed

@@ -14,6 +14,7 @@ var _BorderOnlyBox = require("../BorderOnlyBox");
 var _commonStCss = require("../common.st.css.js");
 var _react2 = require("@wix/bex-core/react");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _buildMobileColumns = require("./buildMobileColumns");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTable/CollectionTableWSRTable.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 _CollectionTableWSRTable(props) {
@@ -94,37 +95,9 @@ function _CollectionTableWSRTable(props) {
   const showSelection = showSelectionProp ?? selectionToolbar != null;
   const hideTitleBar = isMobile || showEmptyState || showLoadingState || initTask.status.isError;
   const showBorderBox = !isPanelLayout && (!table.showLoadingState || !showTitleBar) && (hideTitleBar || !showTitleBar);
-  const tableColumns = isMobile ? [{
-    id: 'tableColumn',
-    title: '',
-    render: (params, index) => {
-      var _columns$0$render, _columns$, _columns$1$render, _columns$2;
-      return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        direction: "vertical",
-        gap: "SP2",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 185,
-          columnNumber: 13
-        }
-      }, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 186,
-          columnNumber: 30
-        }
-      }, (_columns$0$render = (_columns$ = columns[0]).render) == null ? void 0 : _columns$0$render.call(_columns$, params, index)), columns[1] && /*#__PURE__*/_react.default.createElement("div", {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 187,
-          columnNumber: 30
-        }
-      }, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
-    }
-  }] : columns;
+  const actionCellColumn = columns.find(column => column.key === 'cairo-action-cell');
+  const columnsWithoutActionCell = columns.filter(column => column.key !== 'cairo-action-cell');
+  const tableColumns = isMobile ? [...(0, _buildMobileColumns.buildMobileColumns)(columnsWithoutActionCell), ...(actionCellColumn ? [actionCellColumn] : [])] : columns;
   const keyedItemsWithTooltip = keyedItems.map(item => {
     const isDisabled = bulk.isRowCheckboxDisabled(item);
     if (isDisabled) {
@@ -144,7 +117,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 213,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
@@ -177,7 +150,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
+      lineNumber: 217,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -201,7 +174,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 272,
+        lineNumber: 276,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -212,14 +185,14 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 274,
+        lineNumber: 278,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 278,
+        lineNumber: 282,
         columnNumber: 19
       }
     }))),
@@ -233,7 +206,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251,
+      lineNumber: 255,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -241,7 +214,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 295,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -253,7 +226,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 292,
+      lineNumber: 296,
       columnNumber: 11
     }
   }, children))));

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableWSRTable","props","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","visualization","isMobile","useIsMobile","toolbar","showLoadingState","showEmptyState","tableState","table","keyedItems","stateKeyedItems","internalExperiments","isPanelLayout","useWixPatternsContainer","isGreyHeadersEnabled","enabled","bulk","initTask","collection","showRefreshLoader","showErrorState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","itemId","id","itemIndex","url","window","location","href","Table","WSRTable","hideTitleBar","status","isError","showBorderBox","tableColumns","render","params","_columns$0$render","_columns$","_columns$1$render","_columns$2","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","className","st","classes","fullHeight","column","_extends2","skin","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","result","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","width","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n Box,\n Table as WSRTable,\n TableColumn as WSRTableColumn,\n TableProps,\n} from '@wix/design-system';\nimport React, {\n ComponentType,\n ForwardRefExoticComponent,\n ReactElement,\n useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n extends ToolbarCollectionBaseProps<T, F>,\n CollectionTableContentBaseProps,\n Omit<\n TableProps<KeyedItem<U>>,\n \| 'columns'\n \| 'data'\n \| 'rowDataHook'\n \| 'onRowClick'\n \| 'onDragEnd'\n \| 'onDragStart'\n \| 'onDragCancel'\n \| 'isDragAndDropDisabled'\n \| 'hideBulkSelectionCheckbox'\n > {\n useShowLoaderWhenEmpty?: boolean;\n useNewInfiniteScrollLoader?: boolean;\n\n /*\n Whether to add a sticky column. <br>\n * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n * @external\n /\n stickySelectionColumn?: boolean;\n\n /\n Limits the amount of rows a visitor can select.\n * @external\n /\n maxSelection?: number;\n\n /\n Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n * @external\n */\n hideBulkSelectionCheckbox?: boolean;\n\n BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n TrElementType?: ForwardRefExoticComponent<{\n children: ReactElement[];\n rowData: any;\n className: string;\n }>;\n visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n extends CollectionTableWSRTableBaseProps<U, T, F> {\n state: {\n tableState: TableState<T, F>;\n toolbar: ToolbarCollectionState<T, F>;\n keyedItems: KeyedItem<U>[];\n showLoadingState: boolean;\n showEmptyState: boolean;\n };\n\n sticky: boolean;\n\n columns: WSRTableColumn<KeyedItem<U>>[];\n onRowClick?: (item: KeyedItem<U>, index: number) => void;\n keyedItems?: KeyedItem<U>[];\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n props: CollectionTableWSRTableProps<U, T, F>,\n) {\n const {\n state,\n filters,\n title,\n tabs,\n customColumns: customColumnsProp,\n multiLevelSorting: multiLevelSortingProp,\n views,\n extraToolbar,\n summaryBar,\n topNotification,\n selectionToolbar,\n dragAndDropReorderModeToolbar,\n showSelection: showSelectionProp,\n exportButton,\n tags,\n sticky,\n onRowClick,\n search,\n children,\n tableGridSwitchButton,\n useShowLoaderWhenEmpty,\n dragAndDrop,\n showTitleBar,\n horizontalScroll,\n stickyColumns,\n stickySelectionColumn,\n hideBulkSelectionCheckbox,\n columns,\n primaryActionButton,\n secondaryActions,\n onSelectionChanged,\n moreActions,\n visualization,\n } = props;\n\n const isMobile = useIsMobile();\n const {\n toolbar,\n showLoadingState,\n showEmptyState,\n tableState: table,\n keyedItems: stateKeyedItems,\n } = state;\n const { internalExperiments, isPanelLayout } = useWixPatternsContainer();\n\n const isGreyHeadersEnabled = internalExperiments?.enabled(\n 'specs.cairo.tableGreyHeaders',\n );\n const { bulk, initTask } = toolbar;\n\n const keyedItems = props.keyedItems ?? stateKeyedItems;\n const { collection } = table;\n const { showRefreshLoader, showErrorState } = collection;\n\n const { stackingRootRef } = usePageContext();\n\n const handleRowCLick = useCallback(\n (item: KeyedItem<U>, index: number) => {\n state.toolbar.reportBi(\n cairoCtaClicked({\n ctaName: 'row_area',\n ctaIndex: index,\n itemId: item.id,\n itemIndex: item.index,\n url: typeof window !== 'undefined' ? window.location.href : '',\n }),\n );\n onRowClick?.(item, index);\n },\n [onRowClick],\n );\n\n const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n const hideTitleBar =\n isMobile \|\| showEmptyState \|\| showLoadingState \|\| initTask.status.isError;\n\n const showBorderBox =\n !isPanelLayout &&\n (!table.showLoadingState \|\| !showTitleBar) &&\n (hideTitleBar \|\| !showTitleBar);\n\n const tableColumns = isMobile\n ? [\n {\n id: 'tableColumn',\n title: '',\n render: (params: any, index: number) => (\n <Box direction=\"vertical\" gap=\"SP2\">\n {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n </Box>\n ),\n },\n ]\n : columns;\n\n const keyedItemsWithTooltip = keyedItems.map((item) => {\n const isDisabled = bulk.isRowCheckboxDisabled(item);\n if (isDisabled) {\n const tooltipContent = bulk.getCheckboxTooltipContent(item);\n if (tooltipContent) {\n return {\n ...item,\n checkboxTooltipContent: tooltipContent,\n };\n }\n }\n return item;\n });\n\n return (\n <div\n data-hook=\"collection-table\"\n className={st(classes.fullHeight, classes.column)}\n >\n <Table\n {...props}\n skin={isGreyHeadersEnabled ? 'neutral' : props.skin}\n withWrapper={false}\n data={keyedItemsWithTooltip}\n viewportRef={stackingRootRef}\n columns={tableColumns}\n onRowClick={onRowClick ? handleRowCLick : undefined}\n // this forces WSR <Table/> to render the loader even when `data.length=0`\n showHeaderWhenEmpty={\n useShowLoaderWhenEmpty &&\n !showRefreshLoader &&\n !showErrorState &&\n !showEmptyState\n }\n hideBulkSelectionCheckbox={\n selectionToolbar ? false : hideBulkSelectionCheckbox\n }\n dragAndDrop={dragAndDrop}\n rowDataHook={(rowData) => `table-row-${rowData.key}`}\n controlled\n horizontalScroll={horizontalScroll}\n stickyColumns={table.getStickyColumnsCount({\n horizontalScroll,\n stickyColumns,\n showSelection,\n stickySelectionColumn,\n })}\n showSelection={!isMobile && showSelection}\n selectedIds={bulk.selectedIds}\n onSelectionStarted={state.toolbar.onSelectionStarted}\n onSelectionChanged={\n onSelectionChanged ??\n ((_selectedIds, _change) => {\n state.toolbar.onSelectionChanged(_selectedIds, _change);\n })\n }\n >\n <CollectionToolbars\n sticky={sticky}\n state={toolbar}\n search={search}\n customColumns={customColumnsProp}\n multiLevelSorting={multiLevelSortingProp}\n views={views}\n title={title}\n tabs={tabs}\n filters={filters}\n selectionToolbar={selectionToolbar}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n extraToolbar={extraToolbar}\n summaryBar={summaryBar}\n topNotification={\n typeof topNotification === 'function'\n ? () => topNotification({ query: collection.result.originQuery })\n : topNotification\n }\n titleBar={\n <>\n {showBorderBox && <BorderOnlyBox />}\n {!hideTitleBar && (\n <div\n data-hook=\"titlebar-a11y-wrapper\"\n style={{ display: showTitleBar ? undefined : 'none' }}\n >\n <WSRTable.Titlebar />\n </div>\n )}\n </>\n }\n tableGridSwitchButton={tableGridSwitchButton}\n exportButton={exportButton}\n tags={tags}\n primaryActionButton={primaryActionButton}\n secondaryActions={secondaryActions}\n moreActions={moreActions}\n visualization={visualization}\n />\n <CollectionProvider value={collection}>\n <Box\n width=\"100%\"\n direction=\"vertical\"\n minHeight={0}\n flex={1}\n verticalAlign=\"middle\"\n >\n {children}\n </Box>\n </CollectionProvider>\n </Table>\n </div>\n );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_useIsMobile","_buildMobileColumns","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableWSRTable","props","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","visualization","isMobile","useIsMobile","toolbar","showLoadingState","showEmptyState","tableState","table","keyedItems","stateKeyedItems","internalExperiments","isPanelLayout","useWixPatternsContainer","isGreyHeadersEnabled","enabled","bulk","initTask","collection","showRefreshLoader","showErrorState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","itemId","id","itemIndex","url","window","location","href","Table","WSRTable","hideTitleBar","status","isError","showBorderBox","actionCellColumn","find","column","key","columnsWithoutActionCell","filter","tableColumns","buildMobileColumns","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","createElement","className","st","classes","fullHeight","__self","__source","fileName","lineNumber","columnNumber","_extends2","skin","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","result","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n Box,\n Table as WSRTable,\n TableColumn as WSRTableColumn,\n TableProps,\n} from '@wix/design-system';\nimport React, {\n ComponentType,\n ForwardRefExoticComponent,\n ReactElement,\n useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';\nimport { buildMobileColumns } from './buildMobileColumns';\nimport { TableColumn } from '../../model';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n extends ToolbarCollectionBaseProps<T, F>,\n CollectionTableContentBaseProps,\n Omit<\n TableProps<KeyedItem<U>>,\n \| 'columns'\n \| 'data'\n \| 'rowDataHook'\n \| 'onRowClick'\n \| 'onDragEnd'\n \| 'onDragStart'\n \| 'onDragCancel'\n \| 'isDragAndDropDisabled'\n \| 'hideBulkSelectionCheckbox'\n > {\n useShowLoaderWhenEmpty?: boolean;\n useNewInfiniteScrollLoader?: boolean;\n\n /*\n Whether to add a sticky column. <br>\n * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n * @external\n /\n stickySelectionColumn?: boolean;\n\n /\n Limits the amount of rows a visitor can select.\n * @external\n /\n maxSelection?: number;\n\n /\n Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n * @external\n */\n hideBulkSelectionCheckbox?: boolean;\n\n BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n TrElementType?: ForwardRefExoticComponent<{\n children: ReactElement[];\n rowData: any;\n className: string;\n }>;\n visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n extends CollectionTableWSRTableBaseProps<U, T, F> {\n state: {\n tableState: TableState<T, F>;\n toolbar: ToolbarCollectionState<T, F>;\n keyedItems: KeyedItem<U>[];\n showLoadingState: boolean;\n showEmptyState: boolean;\n };\n\n sticky: boolean;\n\n columns: WSRTableColumn<KeyedItem<U>>[];\n onRowClick?: (item: KeyedItem<U>, index: number) => void;\n keyedItems?: KeyedItem<U>[];\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n props: CollectionTableWSRTableProps<U, T, F>,\n) {\n const {\n state,\n filters,\n title,\n tabs,\n customColumns: customColumnsProp,\n multiLevelSorting: multiLevelSortingProp,\n views,\n extraToolbar,\n summaryBar,\n topNotification,\n selectionToolbar,\n dragAndDropReorderModeToolbar,\n showSelection: showSelectionProp,\n exportButton,\n tags,\n sticky,\n onRowClick,\n search,\n children,\n tableGridSwitchButton,\n useShowLoaderWhenEmpty,\n dragAndDrop,\n showTitleBar,\n horizontalScroll,\n stickyColumns,\n stickySelectionColumn,\n hideBulkSelectionCheckbox,\n columns,\n primaryActionButton,\n secondaryActions,\n onSelectionChanged,\n moreActions,\n visualization,\n } = props;\n\n const isMobile = useIsMobile();\n const {\n toolbar,\n showLoadingState,\n showEmptyState,\n tableState: table,\n keyedItems: stateKeyedItems,\n } = state;\n const { internalExperiments, isPanelLayout } = useWixPatternsContainer();\n\n const isGreyHeadersEnabled = internalExperiments?.enabled(\n 'specs.cairo.tableGreyHeaders',\n );\n const { bulk, initTask } = toolbar;\n\n const keyedItems = props.keyedItems ?? stateKeyedItems;\n const { collection } = table;\n const { showRefreshLoader, showErrorState } = collection;\n\n const { stackingRootRef } = usePageContext();\n\n const handleRowCLick = useCallback(\n (item: KeyedItem<U>, index: number) => {\n state.toolbar.reportBi(\n cairoCtaClicked({\n ctaName: 'row_area',\n ctaIndex: index,\n itemId: item.id,\n itemIndex: item.index,\n url: typeof window !== 'undefined' ? window.location.href : '',\n }),\n );\n onRowClick?.(item, index);\n },\n [onRowClick],\n );\n\n const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n const hideTitleBar =\n isMobile \|\| showEmptyState \|\| showLoadingState \|\| initTask.status.isError;\n\n const showBorderBox =\n !isPanelLayout &&\n (!table.showLoadingState \|\| !showTitleBar) &&\n (hideTitleBar \|\| !showTitleBar);\n\n const actionCellColumn = columns.find(\n (column) => column.key === 'cairo-action-cell',\n );\n\n const columnsWithoutActionCell = columns.filter(\n (column) => column.key !== 'cairo-action-cell',\n );\n\n const tableColumns = isMobile\n ? [\n ...buildMobileColumns(\n columnsWithoutActionCell as TableColumn<KeyedItem<U>>[],\n ),\n ...(actionCellColumn ? [actionCellColumn] : []),\n ]\n : columns;\n\n const keyedItemsWithTooltip = keyedItems.map((item) => {\n const isDisabled = bulk.isRowCheckboxDisabled(item);\n if (isDisabled) {\n const tooltipContent = bulk.getCheckboxTooltipContent(item);\n if (tooltipContent) {\n return {\n ...item,\n checkboxTooltipContent: tooltipContent,\n };\n }\n }\n return item;\n });\n\n return (\n <div\n data-hook=\"collection-table\"\n className={st(classes.fullHeight, classes.column)}\n >\n <Table\n {...props}\n skin={isGreyHeadersEnabled ? 'neutral' : props.skin}\n withWrapper={false}\n data={keyedItemsWithTooltip}\n viewportRef={stackingRootRef}\n columns={tableColumns}\n onRowClick={onRowClick ? handleRowCLick : undefined}\n // this forces WSR <Table/> to render the loader even when `data.length=0`\n showHeaderWhenEmpty={\n useShowLoaderWhenEmpty &&\n !showRefreshLoader &&\n !showErrorState &&\n !showEmptyState\n }\n hideBulkSelectionCheckbox={\n selectionToolbar ? false : hideBulkSelectionCheckbox\n }\n dragAndDrop={dragAndDrop}\n rowDataHook={(rowData) => `table-row-${rowData.key}`}\n controlled\n horizontalScroll={horizontalScroll}\n stickyColumns={table.getStickyColumnsCount({\n horizontalScroll,\n stickyColumns,\n showSelection,\n stickySelectionColumn,\n })}\n showSelection={!isMobile && showSelection}\n selectedIds={bulk.selectedIds}\n onSelectionStarted={state.toolbar.onSelectionStarted}\n onSelectionChanged={\n onSelectionChanged ??\n ((_selectedIds, _change) => {\n state.toolbar.onSelectionChanged(_selectedIds, _change);\n })\n }\n >\n <CollectionToolbars\n sticky={sticky}\n state={toolbar}\n search={search}\n customColumns={customColumnsProp}\n multiLevelSorting={multiLevelSortingProp}\n views={views}\n title={title}\n tabs={tabs}\n filters={filters}\n selectionToolbar={selectionToolbar}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n extraToolbar={extraToolbar}\n summaryBar={summaryBar}\n topNotification={\n typeof topNotification === 'function'\n ? () => topNotification({ query: collection.result.originQuery })\n : topNotification\n }\n titleBar={\n <>\n {showBorderBox && <BorderOnlyBox />}\n {!hideTitleBar && (\n <div\n data-hook=\"titlebar-a11y-wrapper\"\n style={{ display: showTitleBar ? undefined : 'none' }}\n >\n <WSRTable.Titlebar />\n </div>\n )}\n </>\n }\n tableGridSwitchButton={tableGridSwitchButton}\n exportButton={exportButton}\n tags={tags}\n primaryActionButton={primaryActionButton}\n secondaryActions={secondaryActions}\n moreActions={moreActions}\n visualization={visualization}\n />\n <CollectionProvider value={collection}>\n <Box\n width=\"100%\"\n direction=\"vertical\"\n minHeight={0}\n flex={1}\n verticalAlign=\"middle\"\n >\n {children}\n </Box>\n </CollectionProvider>\n </Table>\n </div>\n );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionTable/buildMobileColumns.js ADDED Viewed

@@ -0,0 +1,101 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.buildMobileColumns = buildMobileColumns;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTable/buildMobileColumns.tsx";
+function buildMobileColumns(columns) {
+  const hasMobileConfig = columns.some(col => {
+    var _mobile;
+    return (_mobile = col.mobile) == null ? void 0 : _mobile.column;
+  });
+  if (!hasMobileConfig) {
+    return [{
+      id: 'tableColumn',
+      title: '',
+      render: (params, index) => {
+        var _columns$0$render, _columns$, _columns$1$render, _columns$2;
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+          direction: "vertical",
+          gap: "SP2",
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 15,
+            columnNumber: 11
+          }
+        }, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 16,
+            columnNumber: 28
+          }
+        }, (_columns$0$render = (_columns$ = columns[0]).render) == null ? void 0 : _columns$0$render.call(_columns$, params, index)), columns[1] && /*#__PURE__*/_react.default.createElement("div", {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 17,
+            columnNumber: 28
+          }
+        }, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
+      }
+    }];
+  }
+  const firstColumns = columns.map((col, originalIndex) => ({
+    col,
+    originalIndex
+  })).filter(({
+    col
+  }) => {
+    var _col$mobile;
+    return ((_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column) === 'first';
+  }).sort((a, b) => {
+    var _a$col$mobile, _b$col$mobile;
+    const orderA = ((_a$col$mobile = a.col.mobile) == null ? void 0 : _a$col$mobile.order) ?? Infinity;
+    const orderB = ((_b$col$mobile = b.col.mobile) == null ? void 0 : _b$col$mobile.order) ?? Infinity;
+    return orderA - orderB;
+  }).map(({
+    col
+  }) => col);
+  const secondColumn = columns.find(col => {
+    var _mobile2;
+    return ((_mobile2 = col.mobile) == null ? void 0 : _mobile2.column) === 'second';
+  });
+  const result = [];
+  if (firstColumns.length > 0) {
+    result.push({
+      id: 'mobile-first-column',
+      title: '',
+      render: (params, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        direction: "vertical",
+        gap: "SP2",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 45,
+          columnNumber: 9
+        }
+      }, firstColumns.map((col, colIndex) => /*#__PURE__*/_react.default.createElement("div", {
+        key: `first-col-${colIndex}`,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 47,
+          columnNumber: 13
+        }
+      }, col.render == null ? void 0 : col.render(params, index))))
+    });
+  }
+  if (secondColumn) {
+    result.push({
+      id: 'mobile-second-column',
+      title: '',
+      render: (params, index) => secondColumn.render == null ? void 0 : secondColumn.render(params, index)
+    });
+  }
+  return result;
+}
+//# sourceMappingURL=buildMobileColumns.js.map

package/dist/cjs/components/CollectionTable/buildMobileColumns.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","buildMobileColumns","columns","hasMobileConfig","some","col","_mobile","mobile","column","id","title","render","params","index","_columns$0$render","_columns$","_columns$1$render","_columns$2","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","call","firstColumns","map","originalIndex","filter","_col$mobile","sort","a","b","_a$col$mobile","_b$col$mobile","orderA","order","Infinity","orderB","secondColumn","find","_mobile2","result","length","push","colIndex","key"],"sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\nimport { TableColumn } from '../../model';\n\nexport function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {\n const hasMobileConfig = columns.some((col) => (col as any).mobile?.column);\n\n if (!hasMobileConfig) {\n return [\n {\n id: 'tableColumn',\n title: '',\n render: (params: any, index: number) => (\n <Box direction=\"vertical\" gap=\"SP2\">\n {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n </Box>\n ),\n },\n ];\n }\n\n const firstColumns = columns\n .map((col, originalIndex) => ({ col, originalIndex }))\n .filter(({ col }) => col.mobile?.column === 'first')\n .sort((a, b) => {\n const orderA = a.col.mobile?.order ?? Infinity;\n const orderB = b.col.mobile?.order ?? Infinity;\n return orderA - orderB;\n })\n .map(({ col }) => col);\n\n const secondColumn = columns.find(\n (col) => (col as any).mobile?.column === 'second',\n );\n\n const result = [];\n\n if (firstColumns.length > 0) {\n result.push({\n id: 'mobile-first-column',\n title: '',\n render: (params: any, index: number) => (\n <Box direction=\"vertical\" gap=\"SP2\">\n {firstColumns.map((col, colIndex) => (\n <div key={`first-col-${colIndex}`}>\n {col.render?.(params, index)}\n </div>\n ))}\n </Box>\n ),\n } as any);\n }\n\n if (secondColumn) {\n result.push({\n id: 'mobile-second-column',\n title: '',\n render: (params: any, index: number) =>\n secondColumn.render?.(params, index),\n } as any);\n }\n\n return result;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "CollectionToolbar593665257";
+var _namespace_ = "CollectionToolbar2695850914";
 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": "CollectionToolbar593665257__root",
-  "left": "CollectionToolbar593665257__left",
-  "right": "CollectionToolbar593665257__right",
-  "fullWidth": "CollectionToolbar593665257__fullWidth"
+  "root": "CollectionToolbar2695850914__root",
+  "left": "CollectionToolbar2695850914__left",
+  "right": "CollectionToolbar2695850914__right",
+  "fullWidth": "CollectionToolbar2695850914__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~CollectionToolbar593665257~~\";\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\":\"~~CollectionToolbar593665257__root~~\",\"left\":\"~~CollectionToolbar593665257__left~~\",\"right\":\"~~CollectionToolbar593665257__right~~\",\"fullWidth\":\"~~CollectionToolbar593665257__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,~~4BAA4B~~;~~AAC9C~~,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,~~kCAAkC~~;EAAC,MAAM,EAAC,~~kCAAkC~~;EAAC,OAAO,EAAC,~~mCAAmC~~;EAAC,WAAW,EAAC;~~AAAuC~~,CAAC;~~AACnM~~,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":[]}
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_ = \"CollectionToolbar2695850914\";\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\":\"CollectionToolbar2695850914__root\",\"left\":\"CollectionToolbar2695850914__left\",\"right\":\"CollectionToolbar2695850914__right\",\"fullWidth\":\"CollectionToolbar2695850914__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 CHANGED Viewed

@@ -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_ = "SearchOrCustomFilter3069269174";
+var _namespace_ = "SearchOrCustomFilter3524095349";
 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": "SearchOrCustomFilter3069269174__root",
-  "search": "SearchOrCustomFilter3069269174__search",
-  "searchMobile": "SearchOrCustomFilter3069269174__searchMobile"
+  "root": "SearchOrCustomFilter3524095349__root",
+  "search": "SearchOrCustomFilter3524095349__search",
+  "searchMobile": "SearchOrCustomFilter3524095349__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};