@wix/patterns 1.161.0 → 1.163.0

package/dist/cjs/components/MoreActions/MoreActions.uni.driver.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MoreActionsUniDriver = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+const MoreActionsUniDriver = (base, body) => {
+  const moreActionsPopoverDriver = dataHook => (0, _unidriver.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}"]`), body);
+  const getMoreActions = (dataHook = 'more-actions') => ({
+    exists: () => moreActionsPopoverDriver(dataHook).exists(),
+    /** Gets trigger element of more Actions */
+    getTriggerElement: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button'),
+    /** Opens the more actions popover */
+    open: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button').click(),
+    /** Indicates whether the more actions popover is open */
+    isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),
+    /** Clicks at child by data-hook */
+    clickAtChildByDataHook: childDataHook => moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(childDataHook),
+    /** Clicks at child by index */
+    clickAtChildByIndex: index => moreActionsPopoverDriver(dataHook).clickAtChild(index),
+    /** Gets content at index */
+    childContentAt: index => moreActionsPopoverDriver(dataHook).itemContentAt(index),
+    /** Gets children count */
+    childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),
+    getTooltip: () => {
+      return (0, _unidriver.TooltipUniDriver)(base.$('[data-hook="more-actions-tooltip"]'), body);
+    }
+  });
+  return {
+    getMoreActions
+  };
+};
+exports.MoreActionsUniDriver = MoreActionsUniDriver;
+//# sourceMappingURL=MoreActions.uni.driver.js.map

package/dist/cjs/components/MoreActions/MoreActions.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","MoreActionsUniDriver","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getMoreActions","exists","getTriggerElement","open","click","isOpen","isMenuOpen","clickAtChildByDataHook","childDataHook","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getTooltip","TooltipUniDriver","exports"],"sources":["../../../../src/components/MoreActions/MoreActions.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  PopoverMenuUniDriver,\n  TooltipUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport const MoreActionsUniDriver = (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getMoreActions = (dataHook = 'more-actions') => ({\n    exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n    /** Gets trigger element of more Actions */\n    getTriggerElement: () =>\n      moreActionsPopoverDriver(dataHook).getTriggerElement(\n        'more-actions-popover-button',\n      ),\n\n    /** Opens the more actions popover */\n    open: () =>\n      moreActionsPopoverDriver(dataHook)\n        .getTriggerElement('more-actions-popover-button')\n        .click(),\n\n    /** Indicates whether the more actions popover is open */\n    isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n    /** Clicks at child by data-hook */\n    clickAtChildByDataHook: (childDataHook: string) =>\n      moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(childDataHook),\n\n    /** Clicks at child by index */\n    clickAtChildByIndex: (index: number) =>\n      moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n    /** Gets content at index */\n    childContentAt: (index: number) =>\n      moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n    /** Gets children count */\n    childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n\n    getTooltip: () => {\n      return TooltipUniDriver(\n        base.$('[data-hook=\"more-actions-tooltip\"]'),\n        body,\n      );\n    },\n  });\n\n  return {\n    getMoreActions,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKO,MAAMC,oBAAoB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACxE,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,+BAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAEjE,MAAMK,cAAc,GAAGA,CAACH,QAAQ,GAAG,cAAc,MAAM;IACrDI,MAAM,EAAEA,CAAA,KAAML,wBAAwB,CAACC,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;IAEzD;IACAC,iBAAiB,EAAEA,CAAA,KACjBN,wBAAwB,CAACC,QAAQ,CAAC,CAACK,iBAAiB,CAClD,6BACF,CAAC;IAEH;IACAC,IAAI,EAAEA,CAAA,KACJP,wBAAwB,CAACC,QAAQ,CAAC,CAC/BK,iBAAiB,CAAC,6BAA6B,CAAC,CAChDE,KAAK,CAAC,CAAC;IAEZ;IACAC,MAAM,EAAEA,CAAA,KAAMT,wBAAwB,CAACC,QAAQ,CAAC,CAACS,UAAU,CAAC,CAAC;IAE7D;IACAC,sBAAsB,EAAGC,aAAqB,IAC5CZ,wBAAwB,CAACC,QAAQ,CAAC,CAACU,sBAAsB,CAACC,aAAa,CAAC;IAE1E;IACAC,mBAAmB,EAAGC,KAAa,IACjCd,wBAAwB,CAACC,QAAQ,CAAC,CAACc,YAAY,CAACD,KAAK,CAAC;IAExD;IACAE,cAAc,EAAGF,KAAa,IAC5Bd,wBAAwB,CAACC,QAAQ,CAAC,CAACgB,aAAa,CAACH,KAAK,CAAC;IAEzD;IACAI,aAAa,EAAEA,CAAA,KAAMlB,wBAAwB,CAACC,QAAQ,CAAC,CAACiB,aAAa,CAAC,CAAC;IAEvEC,UAAU,EAAEA,CAAA,KAAM;MAChB,OAAO,IAAAC,2BAAgB,EACrBtB,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC,EAC5CJ,IACF,CAAC;IACH;EACF,CAAC,CAAC;EAEF,OAAO;IACLK;EACF,CAAC;AACH,CAAC;AAACiB,OAAA,CAAAxB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/components/MoreActions/MoreActionsIcon.js

@@ -9,17 +9,30 @@ var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _mobxReactLite = require("mobx-react-lite");
 var _MoreActionsBase = require("./MoreActionsBase");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MoreActions/MoreActionsIcon.tsx";
 function _MoreActionsIcon(params) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box
   // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements
   , {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 14,
+      lineNumber: 17,
       columnNumber: 5
     }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('cairo.moreActions'),
+    dataHook: "more-actions-tooltip",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
   }, /*#__PURE__*/_react.default.createElement(_MoreActionsBase.MoreActionsBase, (0, _extends2.default)({}, params, {
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
       dataHook: "more-actions-popover-button",
@@ -27,24 +40,24 @@ function _MoreActionsIcon(params) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 20,
-        columnNumber: 11
+        lineNumber: 24,
+        columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
-        columnNumber: 13
+        lineNumber: 28,
+        columnNumber: 15
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 7
+      lineNumber: 21,
+      columnNumber: 9
     }
-  })));
+  }))));
 }
 const MoreActionsIcon = exports.MoreActionsIcon = (0, _mobxReactLite.observer)(_MoreActionsIcon);
 const MoreActions = exports.MoreActions = MoreActionsIcon;

package/dist/cjs/components/MoreActions/MoreActionsIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_jsxFileName","_MoreActionsIcon","params","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","MoreActionsBase","_extends2","triggerElement","IconButton","dataHook","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase, MoreActionsProps } from './MoreActionsBase';\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActionsIcon\n>;\n\nfunction _MoreActionsIcon(params: MoreActionsProps) {\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <MoreActionsBase\n        {...params}\n        triggerElement={\n          <IconButton\n            dataHook=\"more-actions-popover-button\"\n            priority=\"secondary\"\n          >\n            <More />\n          </IconButton>\n        }\n      />\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAOtE,SAASC,gBAAgBA,CAACC,MAAwB,EAAE;EAClD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAAY,eAAe,MAAAC,SAAA,CAAAT,OAAA,MACVD,MAAM;IACVW,cAAc,eACZpB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkB,UAAU;MACTC,QAAQ,EAAC,6BAA6B;MACtCC,QAAQ,EAAC,WAAW;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEpBjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAoB,IAAI;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACE,CAAC;AAEV;AAEO,MAAMQ,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACnB,gBAAgB,CAAC;AAClD,MAAMoB,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_react2","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","dataHook","MoreActionsBase","_extends2","triggerElement","IconButton","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase, MoreActionsProps } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActionsIcon\n>;\n\nfunction _MoreActionsIcon(params: MoreActionsProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <Tooltip content={t('cairo.moreActions')} dataHook=\"more-actions-tooltip\">\n        <MoreActionsBase\n          {...params}\n          triggerElement={\n            <IconButton\n              dataHook=\"more-actions-popover-button\"\n              priority=\"secondary\"\n            >\n              <More />\n            </IconButton>\n          }\n        />\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAO9D,SAASC,gBAAgBA,CAACC,MAAwB,EAAE;EAClD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAmB,OAAO;IAACC,OAAO,EAAEX,CAAC,CAAC,mBAAmB,CAAE;IAACY,QAAQ,EAAC,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAmB,eAAe,MAAAC,SAAA,CAAAZ,OAAA,MACVJ,MAAM;IACViB,cAAc,eACZ3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAyB,UAAU;MACTJ,QAAQ,EAAC,6BAA6B;MACtCK,QAAQ,EAAC,WAAW;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEpBrB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAA0B,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACM,CACN,CAAC;AAEV;AAEO,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACxB,gBAAgB,CAAC;AAClD,MAAMyB,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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_ = "MultiBulkActionToolbar1591661177";
+var _namespace_ = "MultiBulkActionToolbar478245733";
 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": "MultiBulkActionToolbar1591661177__root"
+  "root": "MultiBulkActionToolbar478245733__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar1591661177\";\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\":\"MultiBulkActionToolbar1591661177__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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar478245733\";\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\":\"MultiBulkActionToolbar478245733__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,iCAAiC;AACnD,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;AAAuC,CAAC;AAC9D,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/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js

@@ -93,7 +93,7 @@ function _MultiSelectCheckboxFilter(props) {
   const promotedOptions = [...finalOptions, ...divider];
   const otherOptions = (isEmptySearch ? keyedItems.filter(({
     key
-  }) => !finalFilterKeyedItemsMap.has(key) ?? true) : keyedItems).map(buildOption);
+  }) => !finalFilterKeyedItemsMap.has(key)) : keyedItems).map(buildOption);
   const {
     options,
     fixedFooter,
@@ -220,14 +220,14 @@ function _MultiSelectCheckboxFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 272,
+        lineNumber: 270,
         columnNumber: 9
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 199,
+      lineNumber: 197,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","translationKey","initTask","status","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseOption,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n  props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onOptionsShow,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n    dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    finalFilterKeyedItems,\n    finalFilterKeyedItemsMap,\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const finalOptions = finalFilterKeyedItems.length\n    ? finalFilterKeyedItems.map(buildOption)\n    : [];\n\n  const divider =\n    finalFilterKeyedItems.length &&\n    finalFilterKeyedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(\n          ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n        )\n      : keyedItems\n  ).map(buildOption);\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n      {\n        collection,\n        fixedFooter: rest.fixedFooter,\n      },\n    );\n\n  const selectedValuesText = useMemo(() => {\n    return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n  }, [selectedValues]);\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const placeholder = useMemo(() => {\n    if (!shouldShowPlaceholder) {\n      return '';\n    }\n\n    if (selectedValues.length !== 0) {\n      if (\n        (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n        isOverflow\n      ) {\n        return t('cairo.dropdownSearch.filters.selected', {\n          total: selectedValues.length,\n        });\n      }\n\n      return selectedValuesText;\n    }\n\n    if (placeholderProp) {\n      return placeholderProp;\n    }\n\n    const translationKey = 'cairo.dropdownSearch.select.filers.placeholder';\n\n    if (t(translationKey) !== translationKey) {\n      return t(translationKey);\n    }\n\n    return '';\n  }, [\n    selectedValues,\n    selectedValuesText,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n    container.initTask.status.status,\n  ]);\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.set(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'add',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.delete(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'remove',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onDeselect?.(id, option);\n      }}\n      value={collection.query.search.value}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={() => {\n        inputState.onOptionsShow();\n        onOptionsShow?.();\n      }}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","translationKey","initTask","status","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseOption,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n  props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onOptionsShow,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n    dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    finalFilterKeyedItems,\n    finalFilterKeyedItemsMap,\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const finalOptions = finalFilterKeyedItems.length\n    ? finalFilterKeyedItems.map(buildOption)\n    : [];\n\n  const divider =\n    finalFilterKeyedItems.length &&\n    finalFilterKeyedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(({ key }) => !finalFilterKeyedItemsMap.has(key))\n      : keyedItems\n  ).map(buildOption);\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n      {\n        collection,\n        fixedFooter: rest.fixedFooter,\n      },\n    );\n\n  const selectedValuesText = useMemo(() => {\n    return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n  }, [selectedValues]);\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const placeholder = useMemo(() => {\n    if (!shouldShowPlaceholder) {\n      return '';\n    }\n\n    if (selectedValues.length !== 0) {\n      if (\n        (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n        isOverflow\n      ) {\n        return t('cairo.dropdownSearch.filters.selected', {\n          total: selectedValues.length,\n        });\n      }\n\n      return selectedValuesText;\n    }\n\n    if (placeholderProp) {\n      return placeholderProp;\n    }\n\n    const translationKey = 'cairo.dropdownSearch.select.filers.placeholder';\n\n    if (t(translationKey) !== translationKey) {\n      return t(translationKey);\n    }\n\n    return '';\n  }, [\n    selectedValues,\n    selectedValuesText,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n    container.initTask.status.status,\n  ]);\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.set(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'add',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.delete(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'remove',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onDeselect?.(id, option);\n      }}\n      value={collection.query.search.value}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={() => {\n        inputState.onOptionsShow();\n        onOptionsShow?.();\n      }}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTable.js

@@ -32,7 +32,7 @@ function _NestedTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 127,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_providers.TableProvider, {
@@ -40,14 +40,14 @@ function _NestedTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 128,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_NestedTableWSRTable.NestedTableWSRTable, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 129,
       columnNumber: 9
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_CollectionCard","_NestedTableWSRTable","_mobxReactLite","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_NestedTable","props","state","dataHook","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","CollectionCard","errorState","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","tableState","NestedTableWSRTable","_extends2","NestedTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { TableProvider } from '../../providers';\nimport { CollectionCard } from '../CollectionCard';\nimport { NestedTableState } from '../../state';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { NestedTableWSRTable } from './NestedTableWSRTable';\nimport { observer } from 'mobx-react-lite';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { CollectionToolbarFiltersElement } from '../assertComponentType';\nimport { TagsElement } from '../Tags';\n\nexport interface NestedTableProps<C extends string>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<{}> {\n  /**\n   * A state object created with [`useNestedTable`](./?path=/story/base-components-collections-nestedtable--usenestedtable)\n   * @overrideType [NestedTableState](./?path=/story/base-components-collections-nestedtable--nestedtablestate)\n   */\n  state: NestedTableState<C>;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   */\n  errorState?: (\n    err: unknown,\n    params: {\n      isOnline: boolean;\n      retry: () => void;\n    },\n  ) => ReactElement;\n  /**\n   * Shown when the collection is empty.\n   * Pass either a [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate)\n   * or [`<CollectionPremiuimEmptyState />`](./?path=/story/features-display-empty-states--collectionpremiumemptystate) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component.\n   */\n  noResultsState?: ReactNode;\n  horizontalScroll?: boolean;\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  /**\n   *  Width of the column containing the `actionCell` component.\n   */\n  actionCellWidth?: string | number;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) component.\n   */\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   */\n  topNotification?: ReactElement;\n\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<C, any>;\n}\n\nfunction _NestedTable<C extends string>(props: NestedTableProps<C>) {\n  const { state, dataHook } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n  }\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <TableProvider value={state.tableState}>\n        <NestedTableWSRTable {...props} />\n      </TableProvider>\n    </CollectionCard>\n  );\n}\n\nexport const NestedTable = observer(_NestedTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAsF,IAAAM,YAAA;AAoGtF,SAASC,YAAYA,CAAmBC,KAA0B,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAQ,CAAC,GAAGF,KAAK;EAEzB,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,UAAU,EAAE,KAAM;IAACZ,KAAK,EAAEE,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAA0B,aAAa;IAACC,KAAK,EAAEnB,KAAK,CAACoB,UAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,mBAAmB,MAAAC,SAAA,CAAAb,OAAA,MAAKV,KAAK;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACpB,CACD,CAAC;AAErB;AAEO,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC3B,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_CollectionCard","_NestedTableWSRTable","_mobxReactLite","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_NestedTable","props","state","dataHook","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","CollectionCard","errorState","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","tableState","NestedTableWSRTable","_extends2","NestedTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { TableProvider } from '../../providers';\nimport { CollectionCard } from '../CollectionCard';\nimport { NestedTableState } from '../../state';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { NestedTableWSRTable } from './NestedTableWSRTable';\nimport { observer } from 'mobx-react-lite';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport {\n  CollectionToolbarFiltersElement,\n  TabsFilterElement,\n} from '../assertComponentType';\nimport { TagsElement } from '../Tags';\nimport { TabsFilterProps } from '../TabsFilter';\n\nexport interface NestedTableProps<C extends string>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<{}> {\n  /**\n   * A state object created with [`useNestedTable`](./?path=/story/base-components-collections-nestedtable--usenestedtable)\n   * @overrideType [NestedTableState](./?path=/story/base-components-collections-nestedtable--nestedtablestate)\n   */\n  state: NestedTableState<C>;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   */\n  errorState?: (\n    err: unknown,\n    params: {\n      isOnline: boolean;\n      retry: () => void;\n    },\n  ) => ReactElement;\n  /**\n   * Shown when the collection is empty.\n   * Pass either a [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate)\n   * or [`<CollectionPremiuimEmptyState />`](./?path=/story/features-display-empty-states--collectionpremiumemptystate) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component.\n   */\n  noResultsState?: ReactNode;\n  horizontalScroll?: boolean;\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  /**\n   *  Width of the column containing the `actionCell` component.\n   */\n  actionCellWidth?: string | number;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) component.\n   */\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   */\n  topNotification?: ReactElement;\n\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<C, any>;\n\n  tabs?: TabsFilterElement<TabsFilterProps<any>>;\n}\n\nfunction _NestedTable<C extends string>(props: NestedTableProps<C>) {\n  const { state, dataHook } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n  }\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <TableProvider value={state.tableState}>\n        <NestedTableWSRTable {...props} />\n      </TableProvider>\n    </CollectionCard>\n  );\n}\n\nexport const NestedTable = observer(_NestedTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAsF,IAAAM,YAAA;AA0GtF,SAASC,YAAYA,CAAmBC,KAA0B,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAQ,CAAC,GAAGF,KAAK;EAEzB,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,UAAU,EAAE,KAAM;IAACZ,KAAK,EAAEE,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAA0B,aAAa;IAACC,KAAK,EAAEnB,KAAK,CAACoB,UAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,mBAAmB,MAAAC,SAAA,CAAAb,OAAA,MAAKV,KAAK;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACpB,CACD,CAAC;AAErB;AAEO,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC3B,YAAY,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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_ = "NestedTablePlaceholderStatesRow3379672958";
+var _namespace_ = "NestedTablePlaceholderStatesRow4181853043";
 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": "NestedTablePlaceholderStatesRow3379672958__root"
+  "root": "NestedTablePlaceholderStatesRow4181853043__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow3379672958\";\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\":\"NestedTablePlaceholderStatesRow3379672958__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow4181853043\";\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\":\"NestedTablePlaceholderStatesRow4181853043__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTableRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow4076016740";
+var _namespace_ = "NestedTableRow3528978708";
 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": "NestedTableRow4076016740__root",
-  "firstLevel": "NestedTableRow4076016740__firstLevel",
-  "placeholder": "NestedTableRow4076016740__placeholder",
-  "parentHovered": "NestedTableRow4076016740__parentHovered"
+  "root": "NestedTableRow3528978708__root",
+  "firstLevel": "NestedTableRow3528978708__firstLevel",
+  "placeholder": "NestedTableRow3528978708__placeholder",
+  "parentHovered": "NestedTableRow3528978708__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow4076016740\";\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\":\"NestedTableRow4076016740__root\",\"firstLevel\":\"NestedTableRow4076016740__firstLevel\",\"placeholder\":\"NestedTableRow4076016740__placeholder\",\"parentHovered\":\"NestedTableRow4076016740__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow3528978708\";\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\":\"NestedTableRow3528978708__root\",\"firstLevel\":\"NestedTableRow3528978708__firstLevel\",\"placeholder\":\"NestedTableRow3528978708__placeholder\",\"parentHovered\":\"NestedTableRow3528978708__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableWSRTable.js

@@ -50,6 +50,7 @@ function _NestedTableWSRTable(props) {
     dragAndDropReorderModeToolbar,
     dragAndDropCategories,
     search = true,
+    tabs,
     ...rest
   } = props;
   const {
@@ -112,6 +113,7 @@ function _NestedTableWSRTable(props) {
   }, rest, {
     showHeaderWhenEmpty: true,
     sticky: true,
+    tabs: tabs,
     filters: filters,
     horizontalScroll: horizontalScroll,
     emptyState: emptyState,
@@ -143,7 +145,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 161,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -156,7 +158,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 165,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_NestedTableContent.NestedTableContent, {
@@ -165,7 +167,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 173,
       columnNumber: 9
     }
   })));
@@ -180,7 +182,7 @@ function _NestedTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 180,
+        lineNumber: 181,
         columnNumber: 7
       }
     }, table);

package/dist/cjs/components/NestedTable/NestedTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableWSRTable","_NestedTableContent","_useToolbarCollectionSyncProps","_useModeTableProps","_mobx","_QuerySearch","_MultiCollectionSupportProvider","_TablePlaceholderStates","_getVirtualTableProps","_useSyncTotal","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableWSRTable","props","state","wrapperState","renderError","errorState","err","isOnline","retry","multiLevelSorting","actionCell","actionCellWidth","actionCellProps","filters","emptyState","noResultsState","showTitleBar","horizontalScroll","rowHeight","estimatedRowHeight","rowVerticalPadding","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","dragAndDropCategories","search","rest","toolbar","query","useState","setStateObject","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useSyncTotal","nestedCollection","root","collection","Table","CollectionTableWSRTable","key","BodyElementType","TrElementType","columns","useModeTableProps","useEffect","runInAction","virtual","table","createElement","_extends2","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","getVirtualTableProps","MultiCollectionSupportProvider","value","multi","TablePlaceholderStates","NestedTableContent","NestedTableDragAndDropContext","nested","onSubmit","onBulkSubmit","NestedTableWSRTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableWSRTable.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { NestedTableItem, NestedTableState } from '../../state';\nimport { NestedTableFlatDataItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableContent } from './NestedTableContent';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { useModeTableProps } from './useModeTableProps';\nimport { runInAction } from 'mobx';\nimport { QuerySearch } from '../QuerySearch';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\nimport { CollectionToolbarFiltersElement } from '../assertComponentType';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport interface NestedTableWSRTableBaseProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends Omit<\n      CollectionTableWSRTableBaseProps<\n        NestedTableItem<C, any, any> | NestedTableFlatDataItem<C, any, any>,\n        T,\n        F\n      >,\n      'actionCell' | 'sticky' | 'selectionDisabled' | 'topNotification'\n    >,\n    CollectionTableActionCellProps<T, F> {}\n\nexport interface NestedTableWSRTableProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedTableWSRTableBaseProps<C, T, F> {\n  dataHook?: string;\n  state: NestedTableState<C>;\n  topNotification?: TopNotificationBasicRenderProp;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n  filters?: CollectionToolbarFiltersElement;\n}\n\nfunction _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(\n  props: NestedTableWSRTableProps<C, T, F>,\n) {\n  const {\n    state: wrapperState,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({\n          err,\n          isOnline,\n          retry,\n        })) as NestedTableWSRTableProps<C, T, F>['errorState']),\n    multiLevelSorting,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    emptyState,\n    noResultsState,\n    showTitleBar = true,\n    horizontalScroll = true,\n    rowHeight,\n    estimatedRowHeight,\n    rowVerticalPadding = 'tiny',\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    dragAndDropCategories,\n    search = true,\n    ...rest\n  } = props;\n\n  const { toolbar, query } = wrapperState;\n\n  useState(() => {\n    dragAndDrop?.setStateObject({\n      state: wrapperState,\n    });\n  });\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: true,\n    isUsingFolders: false,\n    isUsingTableVirtualization: true,\n  });\n\n  useSyncTotal(wrapperState.nestedCollection.root.collection);\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    CollectionTableWSRTableProps<any, T, F>\n  >;\n\n  const { state, key, BodyElementType, TrElementType, columns } =\n    useModeTableProps({\n      state: wrapperState,\n      horizontalScroll,\n      actionCellWidth,\n      actionCellProps,\n      dragAndDrop,\n    });\n\n  useEffect(() => {\n    runInAction(() => {\n      state.virtual.rowHeight = rowHeight;\n    });\n  }, [rowHeight, state]);\n\n  useEffect(() => {\n    if (estimatedRowHeight == null) {\n      return;\n    }\n    runInAction(() => {\n      state.virtual.estimatedRowHeight = estimatedRowHeight;\n    });\n  }, [estimatedRowHeight, state]);\n  let table = (\n    <Table\n      rowVerticalPadding={rowVerticalPadding}\n      search={search === true ? <QuerySearch state={query.search} /> : search}\n      {...rest}\n      showHeaderWhenEmpty\n      sticky\n      filters={filters}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      isApplyColumnWidthStyle\n      showTitleBar={showTitleBar}\n      {...getVirtualTableProps({ horizontalScroll })}\n      TrElementType={TrElementType}\n      state={state}\n      BodyElementType={BodyElementType}\n      columns={columns}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      dragAndDrop={dragAndDrop}\n      dragAndDropCancel={dragAndDropCancel}\n      dragAndDropSubmit={dragAndDropSubmit}\n      dragAndDropBulkSubmit={dragAndDropBulkSubmit}\n      dragAndDropCategories={dragAndDropCategories}\n    >\n      <MultiCollectionSupportProvider\n        key={`MultiCollectionSupportProvider_${key}`}\n        value={state.multi}\n      >\n        <TablePlaceholderStates\n          key={`PlaceholderStates_${key}`}\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          errorState={errorState}\n          rowVerticalPadding={rowVerticalPadding}\n        />\n        <NestedTableContent key={`NestedTableContent_${key}`} state={state} />\n      </MultiCollectionSupportProvider>\n    </Table>\n  );\n\n  if (dragAndDrop) {\n    const { NestedTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <NestedTableDragAndDropContext\n        state={wrapperState.nested}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </NestedTableDragAndDropContext>\n    );\n  }\n\n  return table;\n}\n\nexport const NestedTableWSRTable = observer(_NestedTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableWSRTable","_NestedTableContent","_useToolbarCollectionSyncProps","_useModeTableProps","_mobx","_QuerySearch","_MultiCollectionSupportProvider","_TablePlaceholderStates","_getVirtualTableProps","_useSyncTotal","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableWSRTable","props","state","wrapperState","renderError","errorState","err","isOnline","retry","multiLevelSorting","actionCell","actionCellWidth","actionCellProps","filters","emptyState","noResultsState","showTitleBar","horizontalScroll","rowHeight","estimatedRowHeight","rowVerticalPadding","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","dragAndDropCategories","search","tabs","rest","toolbar","query","useState","setStateObject","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useSyncTotal","nestedCollection","root","collection","Table","CollectionTableWSRTable","key","BodyElementType","TrElementType","columns","useModeTableProps","useEffect","runInAction","virtual","table","createElement","_extends2","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","getVirtualTableProps","MultiCollectionSupportProvider","value","multi","TablePlaceholderStates","NestedTableContent","NestedTableDragAndDropContext","nested","onSubmit","onBulkSubmit","NestedTableWSRTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableWSRTable.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { NestedTableItem, NestedTableState } from '../../state';\nimport { NestedTableFlatDataItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableContent } from './NestedTableContent';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { useModeTableProps } from './useModeTableProps';\nimport { runInAction } from 'mobx';\nimport { QuerySearch } from '../QuerySearch';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\nimport { CollectionToolbarFiltersElement } from '../assertComponentType';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport interface NestedTableWSRTableBaseProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends Omit<\n      CollectionTableWSRTableBaseProps<\n        NestedTableItem<C, any, any> | NestedTableFlatDataItem<C, any, any>,\n        T,\n        F\n      >,\n      'actionCell' | 'sticky' | 'selectionDisabled' | 'topNotification'\n    >,\n    CollectionTableActionCellProps<T, F> {}\n\nexport interface NestedTableWSRTableProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedTableWSRTableBaseProps<C, T, F> {\n  dataHook?: string;\n  state: NestedTableState<C>;\n  topNotification?: TopNotificationBasicRenderProp;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n  filters?: CollectionToolbarFiltersElement;\n}\n\nfunction _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(\n  props: NestedTableWSRTableProps<C, T, F>,\n) {\n  const {\n    state: wrapperState,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({\n          err,\n          isOnline,\n          retry,\n        })) as NestedTableWSRTableProps<C, T, F>['errorState']),\n    multiLevelSorting,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    emptyState,\n    noResultsState,\n    showTitleBar = true,\n    horizontalScroll = true,\n    rowHeight,\n    estimatedRowHeight,\n    rowVerticalPadding = 'tiny',\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    dragAndDropCategories,\n    search = true,\n    tabs,\n    ...rest\n  } = props;\n  const { toolbar, query } = wrapperState;\n\n  useState(() => {\n    dragAndDrop?.setStateObject({\n      state: wrapperState,\n    });\n  });\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: true,\n    isUsingFolders: false,\n    isUsingTableVirtualization: true,\n  });\n\n  useSyncTotal(wrapperState.nestedCollection.root.collection);\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    CollectionTableWSRTableProps<any, T, F>\n  >;\n\n  const { state, key, BodyElementType, TrElementType, columns } =\n    useModeTableProps({\n      state: wrapperState,\n      horizontalScroll,\n      actionCellWidth,\n      actionCellProps,\n      dragAndDrop,\n    });\n\n  useEffect(() => {\n    runInAction(() => {\n      state.virtual.rowHeight = rowHeight;\n    });\n  }, [rowHeight, state]);\n\n  useEffect(() => {\n    if (estimatedRowHeight == null) {\n      return;\n    }\n    runInAction(() => {\n      state.virtual.estimatedRowHeight = estimatedRowHeight;\n    });\n  }, [estimatedRowHeight, state]);\n  let table = (\n    <Table\n      rowVerticalPadding={rowVerticalPadding}\n      search={search === true ? <QuerySearch state={query.search} /> : search}\n      {...rest}\n      showHeaderWhenEmpty\n      sticky\n      tabs={tabs}\n      filters={filters}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      isApplyColumnWidthStyle\n      showTitleBar={showTitleBar}\n      {...getVirtualTableProps({ horizontalScroll })}\n      TrElementType={TrElementType}\n      state={state}\n      BodyElementType={BodyElementType}\n      columns={columns}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      dragAndDrop={dragAndDrop}\n      dragAndDropCancel={dragAndDropCancel}\n      dragAndDropSubmit={dragAndDropSubmit}\n      dragAndDropBulkSubmit={dragAndDropBulkSubmit}\n      dragAndDropCategories={dragAndDropCategories}\n    >\n      <MultiCollectionSupportProvider\n        key={`MultiCollectionSupportProvider_${key}`}\n        value={state.multi}\n      >\n        <TablePlaceholderStates\n          key={`PlaceholderStates_${key}`}\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          errorState={errorState}\n          rowVerticalPadding={rowVerticalPadding}\n        />\n        <NestedTableContent key={`NestedTableContent_${key}`} state={state} />\n      </MultiCollectionSupportProvider>\n    </Table>\n  );\n\n  if (dragAndDrop) {\n    const { NestedTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <NestedTableDragAndDropContext\n        state={wrapperState.nested}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </NestedTableDragAndDropContext>\n    );\n  }\n\n  return table;\n}\n\nexport const NestedTableWSRTable = observer(_NestedTableWSRTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect3013163161";
+var _namespace_ = "MultipleDragOverlayEffect576412145";
 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": "MultipleDragOverlayEffect3013163161__root"
+  "root": "MultipleDragOverlayEffect576412145__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect3013163161\";\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\":\"MultipleDragOverlayEffect3013163161__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect576412145\";\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\":\"MultipleDragOverlayEffect576412145__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow991128247";
+var _namespace_ = "NestedTableDragAndDropRow2861520728";
 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": "NestedTableDragAndDropRow991128247__root"
+  "root": "NestedTableDragAndDropRow2861520728__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow991128247\";\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\":\"NestedTableDragAndDropRow991128247__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2861520728\";\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\":\"NestedTableDragAndDropRow2861520728__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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":[]}