@wix/patterns 1.133.0 → 1.135.0

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js

@@ -23,23 +23,26 @@ const _TagsAssignButton = () => {
   if (!tagsBulkAssignPopoverState) {
     return null;
   }
+  const {
+    tagsBulkAssignButtonState
+  } = tagsBulkAssignPopoverState;
   return /*#__PURE__*/_react.default.createElement(_BulkAssignTagsPopover.BulkAssignTagsPopover, {
     state: tagsBulkAssignPopoverState,
     popoverElement: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 25,
+        lineNumber: 27,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
-      content: t('cairo.tags.popover.bulkItemLimit.tooltip'),
-      disabled: tagsBulkAssignPopoverState.canUseBulkUpdate,
+      content: tagsBulkAssignButtonState.tooltipContent,
+      disabled: !tagsBulkAssignButtonState.isDisabled,
       dataHook: "tags-assign-button-disabled-tooltip",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 26,
+        lineNumber: 28,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -51,7 +54,7 @@ const _TagsAssignButton = () => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 36,
+          lineNumber: 38,
           columnNumber: 27
         }
       }),
@@ -59,18 +62,18 @@ const _TagsAssignButton = () => {
       onClick: () => {
         tagsBulkAssignPopoverState.showPopover();
       },
-      disabled: !tagsBulkAssignPopoverState.canUseBulkUpdate,
+      disabled: tagsBulkAssignButtonState.isDisabled,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 31,
+        lineNumber: 33,
         columnNumber: 13
       }
     }, t('cairo.tags.collectionPage.add.CTA')))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 24,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","t","useWixPatternsContainer","tagsBulkAssignPopoverState","tagsCollectionState","default","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","disabled","canUseBulkUpdate","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '../..';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <DisabledTooltip\n            content={t('cairo.tags.popover.bulkItemLimit.tooltip')}\n            disabled={tagsBulkAssignPopoverState.canUseBulkUpdate}\n            dataHook=\"tags-assign-button-disabled-tooltip\"\n          >\n            <Button\n              skin=\"standard\"\n              priority=\"secondary\"\n              size=\"small\"\n              ellipsis\n              prefixIcon={<TagSmall />}\n              dataHook=\"tags-assign-button\"\n              onClick={() => {\n                tagsBulkAssignPopoverState.showPopover();\n              }}\n              disabled={!tagsBulkAssignPopoverState.canUseBulkUpdate}\n            >\n              {t('cairo.tags.collectionPage.add.CTA')}\n            </Button>\n          </DisabledTooltip>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAA2C,IAAAQ,YAAA;AAE3C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC5D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC;EAA2B,CAAC,GAClCL,sBAAsB,CAACM,mBAAmB,IAAI,CAAC,CAAC;EAElD,IAAI,CAACD,0BAA0B,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,oBACEjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACb,sBAAA,CAAAc,qBAAqB;IACpBC,KAAK,EAAEL,0BAA2B;IAClCM,cAAc,eACZvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAqB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAsB,eAAe;MACdC,OAAO,EAAEhB,CAAC,CAAC,0CAA0C,CAAE;MACvDiB,QAAQ,EAAEf,0BAA0B,CAACgB,gBAAiB;MACtDC,QAAQ,EAAC,qCAAqC;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9C7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAgC,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZC,QAAQ;MACRC,UAAU,eAAExC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,iBAAA,CAAAqC,QAAQ;QAAAhB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjB,YAAA;UAAAkB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBK,QAAQ,EAAC,oBAAoB;MAC7BQ,OAAO,EAAEA,CAAA,KAAM;QACbzB,0BAA0B,CAAC0B,WAAW,CAAC,CAAC;MAC1C,CAAE;MACFX,QAAQ,EAAE,CAACf,0BAA0B,CAACgB,gBAAiB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEtDd,CAAC,CAAC,mCAAmC,CAChC,CACO,CACd,CACN;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAEM,MAAMe,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACnC,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","t","useWixPatternsContainer","tagsBulkAssignPopoverState","tagsCollectionState","tagsBulkAssignButtonState","default","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '../..';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <DisabledTooltip\n            content={tagsBulkAssignButtonState.tooltipContent}\n            disabled={!tagsBulkAssignButtonState.isDisabled}\n            dataHook=\"tags-assign-button-disabled-tooltip\"\n          >\n            <Button\n              skin=\"standard\"\n              priority=\"secondary\"\n              size=\"small\"\n              ellipsis\n              prefixIcon={<TagSmall />}\n              dataHook=\"tags-assign-button\"\n              onClick={() => {\n                tagsBulkAssignPopoverState.showPopover();\n              }}\n              disabled={tagsBulkAssignButtonState.isDisabled}\n            >\n              {t('cairo.tags.collectionPage.add.CTA')}\n            </Button>\n          </DisabledTooltip>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAA2C,IAAAQ,YAAA;AAE3C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC5D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC;EAA2B,CAAC,GAClCL,sBAAsB,CAACM,mBAAmB,IAAI,CAAC,CAAC;EAElD,IAAI,CAACD,0BAA0B,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEE;EAA0B,CAAC,GAAGF,0BAA0B;EAEhE,oBACEjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACd,sBAAA,CAAAe,qBAAqB;IACpBC,KAAK,EAAEN,0BAA2B;IAClCO,cAAc,eACZxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAsB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF9B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,gBAAA,CAAAuB,eAAe;MACdC,OAAO,EAAEb,yBAAyB,CAACc,cAAe;MAClDC,QAAQ,EAAE,CAACf,yBAAyB,CAACgB,UAAW;MAChDC,QAAQ,EAAC,qCAAqC;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9C9B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAkC,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZC,QAAQ;MACRC,UAAU,eAAE1C,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAuC,QAAQ;QAAAjB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlB,YAAA;UAAAmB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBM,QAAQ,EAAC,oBAAoB;MAC7BQ,OAAO,EAAEA,CAAA,KAAM;QACb3B,0BAA0B,CAAC4B,WAAW,CAAC,CAAC;MAC1C,CAAE;MACFX,QAAQ,EAAEf,yBAAyB,CAACgB,UAAW;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9Cf,CAAC,CAAC,mCAAmC,CAChC,CACO,CACd,CACN;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAEM,MAAMgB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACrC,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox2296846861";
+var _namespace_ = "ToolbarItemBox310260392";
 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": "ToolbarItemBox2296846861__root"
+  "root": "ToolbarItemBox310260392__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3821092397";
+var _namespace_ = "common2649804334";
 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": "common3821092397__root",
-  "column": "common3821092397__column",
-  "fullHeight": "common3821092397__fullHeight"
+  "root": "common2649804334__root",
+  "column": "common2649804334__column",
+  "fullHeight": "common2649804334__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3821092397\";\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\":\"common3821092397__root\",\"column\":\"common3821092397__column\",\"fullHeight\":\"common3821092397__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2649804334\";\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\":\"common2649804334__root\",\"column\":\"common2649804334__column\",\"fullHeight\":\"common2649804334__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/state/FoldersAndItemsCollectionsState.js

@@ -27,7 +27,8 @@ class FoldersAndItemsCollectionsState {
     (0, _mobx.makeObservable)(this, {
       hasItemsOnlyActiveFilters: _mobx.computed,
       hasFoldersOnlyActiveFilters: _mobx.computed,
-      showEmptyState: _mobx.computed
+      showEmptyState: _mobx.computed,
+      hasBulkSelectFolders: _mobx.computed
     });
   }
   get hasFoldersOnlyActiveFilters() {
@@ -93,6 +94,9 @@ class FoldersAndItemsCollectionsState {
   get query() {
     return this.items.query;
   }
+  get hasBulkSelectFolders() {
+    return !!this.folders.bulkSelect.selectedIds.length;
+  }
   init(initParams) {
     const {
       items,

package/dist/cjs/state/FoldersAndItemsCollectionsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_util","_mobx","isActiveFilterAndNotInCollection","query","filtersArray","f1","isEmpty","some","f2","FoldersAndItemsCollectionsState","constructor","params","_defineProperty2","default","toolbar","items","folders","multi","collections","push","syncWithSharedQuery","bulkSelect","useNewSelectAllLogic","makeObservable","hasItemsOnlyActiveFilters","computed","hasFoldersOnlyActiveFilters","showEmptyState","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","init","initParams","disposers","addEventListener","emitter","clearResult","_runSearch","clearResultAndMoveToStart","_runSort","emit","forEach","d","exports"],"sources":["../../../src/state/FoldersAndItemsCollectionsState.ts"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FiltersMap,\n  syncWithSharedQuery,\n} from '@wix/bex-core';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { computed, makeObservable } from 'mobx';\n\nexport type PartialAllFilters<\n  F1 extends FiltersMap,\n  F2 extends FiltersMap,\n> = Partial<F1 & F2>;\n\nconst isActiveFilterAndNotInCollection =\n  <T>({ query: { filtersArray } }: CollectionState<T, {}>) =>\n  (f1: Filter<unknown>) =>\n    !f1.isEmpty && !filtersArray.some((f2) => f2 === f1);\n\nexport interface FoldersAndItemsCollectionsStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport interface FoldersAndItemsCollectionsStateParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly toolbar: ToolbarCollectionState<T1, PartialAllFilters<F1, F2>>;\n}\n\nexport class FoldersAndItemsCollectionsState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly toolbar;\n  readonly items;\n  readonly folders;\n\n  constructor(params: FoldersAndItemsCollectionsStateParams<T1, F1, T2, F2>) {\n    this.toolbar = params.toolbar;\n    this.items = params.items;\n    this.folders = params.folders;\n\n    this.toolbar.multi.collections.push(\n      this.folders as CollectionState<unknown, {}>,\n    );\n\n    syncWithSharedQuery(this.folders.query, this.items.query);\n    this.items.bulkSelect.useNewSelectAllLogic = true;\n    this.folders.bulkSelect.useNewSelectAllLogic = true;\n\n    makeObservable(this, {\n      hasItemsOnlyActiveFilters: computed,\n      hasFoldersOnlyActiveFilters: computed,\n      showEmptyState: computed,\n    });\n  }\n\n  get hasFoldersOnlyActiveFilters() {\n    const { folders, items } = this;\n    return folders.query.filtersArray.some(\n      isActiveFilterAndNotInCollection(items),\n    );\n  }\n\n  get hasItemsOnlyActiveFilters() {\n    const { folders, items } = this;\n    return items.query.filtersArray.some(\n      isActiveFilterAndNotInCollection(folders),\n    );\n  }\n\n  get showEmptyState() {\n    const {\n      toolbar: {\n        multi: { showEmptyState },\n      },\n      items,\n      folders,\n      hasFoldersOnlyActiveFilters,\n      hasItemsOnlyActiveFilters,\n    } = this;\n    return (\n      showEmptyState ||\n      (folders.showEmptyState && hasFoldersOnlyActiveFilters) ||\n      (items.showEmptyState && hasItemsOnlyActiveFilters)\n    );\n  }\n\n  get hasAvailableItems() {\n    const {\n      toolbar: {\n        multi: { hasAvailableItems },\n      },\n      items,\n      folders,\n    } = this;\n    return (\n      hasAvailableItems || folders.hasAvailableItems || items.hasAvailableItems\n    );\n  }\n\n  get resultOriginQuerySearch() {\n    const {\n      toolbar: {\n        multi: { resultOriginQuerySearch },\n      },\n    } = this;\n    return resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    const {\n      toolbar: {\n        multi: { hasNonPersistentActiveFilters },\n      },\n    } = this;\n    return hasNonPersistentActiveFilters;\n  }\n\n  get query() {\n    return this.items.query;\n  }\n\n  init(initParams: FoldersAndItemsCollectionsStateInitParams) {\n    const { items, folders, toolbar } = this;\n    const disposers = [\n      toolbar.init(initParams),\n      addEventListener(items.emitter, 'search', ({ clearResult }) => {\n        folders._runSearch(clearResult);\n      }),\n      addEventListener(items.emitter, 'clearSearch', () => {\n        folders.clearResultAndMoveToStart();\n      }),\n      addEventListener(items.emitter, 'sort', (params) => {\n        folders._runSort(params);\n      }),\n      addEventListener(items.emitter, 'beforeSortStart', (params) => {\n        folders.emitter.emit('beforeSortStart', params);\n      }),\n      addEventListener(items.emitter, 'sortStart', (params) => {\n        folders.emitter.emit('sortStart', params);\n      }),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_util","_mobx","isActiveFilterAndNotInCollection","query","filtersArray","f1","isEmpty","some","f2","FoldersAndItemsCollectionsState","constructor","params","_defineProperty2","default","toolbar","items","folders","multi","collections","push","syncWithSharedQuery","bulkSelect","useNewSelectAllLogic","makeObservable","hasItemsOnlyActiveFilters","computed","hasFoldersOnlyActiveFilters","showEmptyState","hasBulkSelectFolders","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","selectedIds","length","init","initParams","disposers","addEventListener","emitter","clearResult","_runSearch","clearResultAndMoveToStart","_runSort","emit","forEach","d","exports"],"sources":["../../../src/state/FoldersAndItemsCollectionsState.ts"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FiltersMap,\n  syncWithSharedQuery,\n} from '@wix/bex-core';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { computed, makeObservable } from 'mobx';\n\nexport type PartialAllFilters<\n  F1 extends FiltersMap,\n  F2 extends FiltersMap,\n> = Partial<F1 & F2>;\n\nconst isActiveFilterAndNotInCollection =\n  <T>({ query: { filtersArray } }: CollectionState<T, {}>) =>\n  (f1: Filter<unknown>) =>\n    !f1.isEmpty && !filtersArray.some((f2) => f2 === f1);\n\nexport interface FoldersAndItemsCollectionsStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport interface FoldersAndItemsCollectionsStateParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly toolbar: ToolbarCollectionState<T1, PartialAllFilters<F1, F2>>;\n}\n\nexport class FoldersAndItemsCollectionsState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly toolbar;\n  readonly items;\n  readonly folders;\n\n  constructor(params: FoldersAndItemsCollectionsStateParams<T1, F1, T2, F2>) {\n    this.toolbar = params.toolbar;\n    this.items = params.items;\n    this.folders = params.folders;\n\n    this.toolbar.multi.collections.push(\n      this.folders as CollectionState<unknown, {}>,\n    );\n\n    syncWithSharedQuery(this.folders.query, this.items.query);\n    this.items.bulkSelect.useNewSelectAllLogic = true;\n    this.folders.bulkSelect.useNewSelectAllLogic = true;\n\n    makeObservable(this, {\n      hasItemsOnlyActiveFilters: computed,\n      hasFoldersOnlyActiveFilters: computed,\n      showEmptyState: computed,\n      hasBulkSelectFolders: computed,\n    });\n  }\n\n  get hasFoldersOnlyActiveFilters() {\n    const { folders, items } = this;\n    return folders.query.filtersArray.some(\n      isActiveFilterAndNotInCollection(items),\n    );\n  }\n\n  get hasItemsOnlyActiveFilters() {\n    const { folders, items } = this;\n    return items.query.filtersArray.some(\n      isActiveFilterAndNotInCollection(folders),\n    );\n  }\n\n  get showEmptyState() {\n    const {\n      toolbar: {\n        multi: { showEmptyState },\n      },\n      items,\n      folders,\n      hasFoldersOnlyActiveFilters,\n      hasItemsOnlyActiveFilters,\n    } = this;\n    return (\n      showEmptyState ||\n      (folders.showEmptyState && hasFoldersOnlyActiveFilters) ||\n      (items.showEmptyState && hasItemsOnlyActiveFilters)\n    );\n  }\n\n  get hasAvailableItems() {\n    const {\n      toolbar: {\n        multi: { hasAvailableItems },\n      },\n      items,\n      folders,\n    } = this;\n    return (\n      hasAvailableItems || folders.hasAvailableItems || items.hasAvailableItems\n    );\n  }\n\n  get resultOriginQuerySearch() {\n    const {\n      toolbar: {\n        multi: { resultOriginQuerySearch },\n      },\n    } = this;\n    return resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    const {\n      toolbar: {\n        multi: { hasNonPersistentActiveFilters },\n      },\n    } = this;\n    return hasNonPersistentActiveFilters;\n  }\n\n  get query() {\n    return this.items.query;\n  }\n\n  get hasBulkSelectFolders() {\n    return !!this.folders.bulkSelect.selectedIds.length;\n  }\n\n  init(initParams: FoldersAndItemsCollectionsStateInitParams) {\n    const { items, folders, toolbar } = this;\n    const disposers = [\n      toolbar.init(initParams),\n      addEventListener(items.emitter, 'search', ({ clearResult }) => {\n        folders._runSearch(clearResult);\n      }),\n      addEventListener(items.emitter, 'clearSearch', () => {\n        folders.clearResultAndMoveToStart();\n      }),\n      addEventListener(items.emitter, 'sort', (params) => {\n        folders._runSort(params);\n      }),\n      addEventListener(items.emitter, 'beforeSortStart', (params) => {\n        folders.emitter.emit('beforeSortStart', params);\n      }),\n      addEventListener(items.emitter, 'sortStart', (params) => {\n        folders.emitter.emit('sortStart', params);\n      }),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedTableState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_ToolbarCollectionState","_TableState","_NestedTableNestedModeState","_NestedTableFlatModeState","_NestedCollectionFetchAllState","_mobx","NestedTableState","constructor","params","_defineProperty2","default","TaskState","Map","container","query","QueryState","filters","levels","map","level","i","depth","fetchAllLimit","fetchAllThreshold","options","expandAllThreshold","mainColumn","rootLevelDescriptor","Error","rootNodeCollection","createCollection","parentId","sequences","collection","syncWithSharedQuery","reportBi","reportProps","isFetchAllAborted","componentStatus","toolbar","ToolbarCollectionState","componentType","setNewColumns","columns","column","render","tableState","TableState","nested","NestedTableNestedModeState","wrapper","flat","NestedTableFlatModeState","nestedMode","flatMode","getNode","key","getAllNodes","expandAll","nestedCollection","_attemptFetchAllAndPopulateCache","initTask","init","invalidate","runOnce","fetchAllState","NestedCollectionFetchAllState","nestedCollectionState","disposers","status","promise","forEach","d","refreshAll","isFlatMode","reset","fetchAll","_refreshAll","root","search","value","_addFilterListeners","Object","values","filtersEntries","_","filter","addEventListener","events","skipFilterListeners","reaction","_fields","add","delete","fireImmediately","featuresInitializers","exports"],"sources":["../../../../src/state/NestedTableState/NestedTableState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  QueryState,\n  ReportBI,\n  syncWithSharedQuery,\n  TaskState,\n  CollectionOptimisticSequenceExecutor,\n  FiltersMap,\n  addEventListener,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { TableColumn } from '../../model';\nimport { NestedTableColumn } from './NestedTableColumn';\nimport { NestedTableNestedModeState } from './NestedTableNestedModeState';\nimport { NestedTableFlatModeState } from './NestedTableFlatModeState';\nimport { NestedCollectionFetchAllState } from './NestedCollectionFetchAllState';\nimport { NestedTableLevelDescriptor } from './NestedTableLevelDescriptor';\nimport { EagerLazyModeOptions } from './types';\nimport { reaction } from 'mobx';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { NestedTableNodeStatePublicAPI } from './NestedTableNodeStatePublicAPI';\n\nexport interface NestedTableStateBaseParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  /**\n   * If the total items in the server are less or equal to this threshold, all items will be fetched and rendered at once, in expanded state (referred to as \"Eager\" mode).\n   * @default 1000\n   */\n  fetchAllLimit?: number;\n  /**\n   * @deprecated Use `fetchAllLimit` instead.\n   */\n  fetchAllThreshold?: number;\n  /**\n   * In \"Eager\" mode, items will be in expanded state. This threshold allows to use collapsed state if the total items in the server are greater than this threshold.\n   * @default `fetchAllThreshold`\n   */\n  expandAllThreshold?: number;\n  /**\n   * Columns to be rendered in the nested table. Same as [TableColumn](./?path=/story/common-types--tablecolumn) - just without rendering logic of cells (`render` prop will be defined for each level individually in the `levels` prop).\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   */\n  columns: NestedTableColumn<C>[];\n  /**\n   * Main column of the nested table.\n   * An object with the following properties:\n   *  - `title`: The title of the column. @default ''\n   *  - `width`: The width of the column. Can be a number (in pixels) or a string (percentage). @default '326px'\n   */\n  mainColumn?: {\n    title?: string;\n    width?: number | string;\n  };\n  /**\n   * Configuration of the nested table levels. Use one of the helper function to create the levels configuration:\n   * - [createNestedTableLevel](./?path=/story/base-components-collections-nestedtable--createnestedtablelevel) - for cases where each level if of a different entity type.\n   * - [createNestedTableSingleEntityLevels](./?path=/story/base-components-collections-nestedtable--createnestedtablesingleentitylevels) - for cases where all levels are of the same entity type.\n   * @overrideType [NestedTableLevelConfig](./?path=/story/base-components-collections-nestedtable--nestedtablelevelconfig)[]\n   */\n  levels: Omit<NestedTableLevelDescriptor<C, any, any>, 'depth'>[];\n\n  filters?: F;\n}\n\nexport interface NestedTableStateParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends NestedTableStateBaseParams<C, F> {\n  container: WixPatternsContainer;\n}\n\nexport interface NestedTableStatePublicAPI<C extends string> {\n  /**\n   * Underlying [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate) instance\n   * @overrideType [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate)\n   */\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n  /**\n   * Underlying [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate) instance\n   * @overrideType [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate)\n   */\n  readonly tableState: TableState<unknown, {}>;\n\n  /**\n   * Get the node this item is the parent of. i.e. this node's collection items' parent id is the `key`\n   * @param key\n   * @overrideType (key: string) => [NestedTableNodeState](./?path=/story/base-components-collections-nestedtable--nestedtablenodestate) | undefined\n   */\n  getNode<TD, FD extends FiltersMap>(\n    key: string,\n  ): NestedTableNodeStatePublicAPI<C, TD, FD> | undefined;\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  >[];\n\n  /**\n   * An API to refresh all items in the nested table.\n   */\n  readonly refreshAll: () => void;\n}\n\nexport class NestedTableState<\n  C extends string = string,\n  F extends FiltersMap = OptionalFiltersMap,\n> implements ICollectionComponentState, NestedTableStatePublicAPI<C>\n{\n  readonly container;\n  readonly reportBi: ReportBI;\n  readonly toolbar;\n  readonly tableState;\n  readonly mainColumn;\n  readonly options: EagerLazyModeOptions;\n\n  readonly initTask = new TaskState();\n\n  readonly levels: NestedTableLevelDescriptor<C, any, any>[];\n\n  readonly rootNodeCollection;\n  readonly query;\n\n  readonly nested: NestedTableNestedModeState<C>;\n  readonly flat: NestedTableFlatModeState<C>;\n\n  readonly sequences = new Map<string, CollectionOptimisticSequenceExecutor>();\n\n  constructor(params: NestedTableStateParams<C, F>) {\n    this.container = params.container;\n\n    this.query = new QueryState({\n      filters: params.filters || {},\n    });\n\n    this.levels = params.levels.map((level, i) => ({\n      ...level,\n      depth: i,\n    }));\n\n    const fetchAllLimit = params.fetchAllLimit ?? params.fetchAllThreshold;\n\n    this.options = {\n      fetchAllThreshold: fetchAllLimit ?? 1000,\n      expandAllThreshold: params.expandAllThreshold ?? fetchAllLimit ?? 1000,\n    };\n\n    this.mainColumn = params.mainColumn;\n    const rootLevelDescriptor = this.levels[0];\n\n    if (rootLevelDescriptor == null) {\n      throw new Error('NestedTableState must have at least one level');\n    }\n\n    this.rootNodeCollection = rootLevelDescriptor.createCollection({\n      parentId: 'null',\n      sequences: this.sequences,\n      query: this.query,\n    });\n\n    const { collection } = this.rootNodeCollection;\n\n    syncWithSharedQuery(collection.query, this.query);\n\n    this.reportBi = (reportProps) => {\n      const { isFetchAllAborted } = this;\n      this.container.reportBi({\n        ...reportProps,\n        params: {\n          ...reportProps.params,\n          ...(isFetchAllAborted != null && {\n            componentStatus: isFetchAllAborted\n              ? 'All items collapsed'\n              : 'All items expanded',\n          }),\n        },\n      });\n    };\n\n    this.toolbar = new ToolbarCollectionState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      componentType: 'NestedTable',\n      reportBi: this.reportBi,\n    });\n\n    this.toolbar.setNewColumns(\n      params.columns.map((column) => ({\n        ...column,\n        render: () => null,\n      })) as TableColumn<unknown>[],\n    );\n\n    this.tableState = new TableState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.nested = new NestedTableNestedModeState({\n      wrapper: this,\n      reportBi: this.reportBi,\n    });\n\n    this.flat = new NestedTableFlatModeState({\n      wrapper: this,\n    });\n  }\n\n  get nestedMode() {\n    return this.nested;\n  }\n\n  get flatMode() {\n    return this.flat;\n  }\n\n  getNode<TD, FD extends FiltersMap>(key: string) {\n    return this.nested.getNode<TD, FD>(key);\n  }\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>() {\n    return this.nested.getAllNodes<TD, FD>();\n  }\n\n  get isFetchAllAborted() {\n    return this.nested.isFetchAllAborted;\n  }\n\n  get expandAll() {\n    return this.nested.expandAll;\n  }\n\n  get nestedCollection() {\n    return this.nested.nestedCollection;\n  }\n\n  _attemptFetchAllAndPopulateCache() {\n    const initTask = new TaskState();\n    return {\n      initTask,\n      init: (\n        { invalidate }: { invalidate: boolean } = { invalidate: false },\n      ) => {\n        initTask.runOnce(async () => {\n          const fetchAllState = new NestedCollectionFetchAllState({\n            options: this.options,\n            query: this.nested.query,\n            nestedCollectionState: this.nested.nestedCollection,\n          });\n\n          const disposers = [fetchAllState.init({ invalidate })];\n\n          try {\n            await fetchAllState.initTask.status.promise;\n          } finally {\n            disposers.forEach((d) => d());\n          }\n        });\n\n        return () => {};\n      },\n    };\n  }\n\n  refreshAll() {\n    const initTask = this.isFlatMode\n      ? this.flat.initTask\n      : this.nested.initTask;\n    initTask.reset();\n    initTask.runOnce(async () => {\n      const fetchAll = this._attemptFetchAllAndPopulateCache();\n      fetchAll.init({ invalidate: true });\n      await fetchAll.initTask.status.promise;\n\n      await (this.isFlatMode\n        ? this.flatMode._refreshAll()\n        : this.nestedMode.root._refreshAll());\n    });\n  }\n\n  get isFlatMode() {\n    return !!this.query.search.value;\n  }\n\n  _addFilterListeners() {\n    return Object.values(this.query.filtersEntries).map(([_, filter]) => {\n      return addEventListener(filter.events, 'refresh', () => {\n        this.refreshAll();\n      });\n    });\n  }\n\n  init() {\n    const { initTask, tableState, query } = this;\n\n    const disposers = [\n      query.init({ skipFilterListeners: true }),\n      ...this._addFilterListeners(),\n      reaction(\n        () => this.isFlatMode,\n        (isFlatMode) => {\n          const {\n            query: { _fields },\n          } = this;\n          if (isFlatMode) {\n            _fields.add('breadcrumbs');\n          } else {\n            _fields.delete('breadcrumbs');\n          }\n        },\n        { fireImmediately: true },\n      ),\n      tableState.init({\n        featuresInitializers: [],\n        skipFilterListeners: true,\n      }),\n    ];\n\n    initTask.runOnce(async () => {\n      tableState.initTask.runOnce();\n      await tableState.initTask.status.promise;\n    });\n\n    return () => {\n      initTask.reset();\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_ToolbarCollectionState","_TableState","_NestedTableNestedModeState","_NestedTableFlatModeState","_NestedCollectionFetchAllState","_mobx","NestedTableState","constructor","params","_defineProperty2","default","TaskState","Map","container","query","QueryState","filters","levels","map","level","i","depth","fetchAllLimit","fetchAllThreshold","options","expandAllThreshold","mainColumn","rootLevelDescriptor","Error","rootNodeCollection","createCollection","parentId","sequences","collection","syncWithSharedQuery","reportBi","reportProps","isFetchAllAborted","componentStatus","toolbar","ToolbarCollectionState","componentType","setNewColumns","columns","column","render","tableState","TableState","nested","NestedTableNestedModeState","wrapper","flat","NestedTableFlatModeState","nestedMode","flatMode","getNode","key","getAllNodes","expandAll","nestedCollection","_attemptFetchAllAndPopulateCache","initTask","init","invalidate","runOnce","fetchAllState","NestedCollectionFetchAllState","nestedCollectionState","disposers","status","promise","forEach","d","refreshAll","isFlatMode","reset","fetchAll","_refreshAll","root","search","value","_addFilterListeners","Object","values","filtersEntries","_","filter","addEventListener","events","skipFilterListeners","reaction","_fields","add","delete","fireImmediately","featuresInitializers","exports"],"sources":["../../../../src/state/NestedTableState/NestedTableState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  QueryState,\n  ReportBI,\n  syncWithSharedQuery,\n  TaskState,\n  CollectionOptimisticSequenceExecutor,\n  FiltersMap,\n  addEventListener,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { TableColumn } from '../../model';\nimport { NestedTableColumn } from './NestedTableColumn';\nimport { NestedTableNestedModeState } from './NestedTableNestedModeState';\nimport { NestedTableFlatModeState } from './NestedTableFlatModeState';\nimport { NestedCollectionFetchAllState } from './NestedCollectionFetchAllState';\nimport { NestedTableLevelDescriptor } from './NestedTableLevelDescriptor';\nimport { EagerLazyModeOptions } from './types';\nimport { reaction } from 'mobx';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { NestedTableNodeStatePublicAPI } from './NestedTableNodeStatePublicAPI';\n\nexport interface NestedTableStateBaseParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  /**\n   * If the total items in the server are less or equal to this threshold, all items will be fetched and rendered at once, in expanded state (referred to as \"Eager\" mode).\n   * @default 1000\n   */\n  fetchAllLimit?: number;\n  /**\n   * @deprecated Use `fetchAllLimit` instead.\n   */\n  fetchAllThreshold?: number;\n  /**\n   * In \"Eager\" mode, items will be in expanded state. This threshold allows to use collapsed state if the total items in the server are greater than this threshold.\n   * @default `fetchAllThreshold`\n   */\n  expandAllThreshold?: number;\n  /**\n   * Columns to be rendered in the nested table. Same as [TableColumn](./?path=/story/common-types--tablecolumn) - just without rendering logic of cells (`render` prop will be defined for each level individually in the `levels` prop).\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   */\n  columns: NestedTableColumn<C>[];\n  /**\n   * Main column of the nested table.\n   * An object with the following properties:\n   *  - `title`: The title of the column. @default ''\n   *  - `width`: The width of the column. Can be a number (in pixels) or a string (percentage). @default '326px'\n   */\n  mainColumn?: {\n    title?: string;\n    width?: number | string;\n  };\n  /**\n   * Configuration of the nested table levels. Use one of the helper function to create the levels configuration:\n   * - [createNestedTableLevel](./?path=/story/base-components-collections-nestedtable--createnestedtablelevel) - for cases where each level if of a different entity type.\n   * - [createNestedTableSingleEntityLevels](./?path=/story/base-components-collections-nestedtable--createnestedtablesingleentitylevels) - for cases where all levels are of the same entity type.\n   * @overrideType [NestedTableLevel](./?path=/story/base-components-collections-nestedtable--nestedtablelevel)[]\n   */\n  levels: Omit<NestedTableLevelDescriptor<C, any, any>, 'depth'>[];\n\n  filters?: F;\n}\n\nexport interface NestedTableStateParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends NestedTableStateBaseParams<C, F> {\n  container: WixPatternsContainer;\n}\n\nexport interface NestedTableStatePublicAPI<C extends string> {\n  /**\n   * Underlying [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate) instance\n   * @overrideType [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate)\n   */\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n  /**\n   * Underlying [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate) instance\n   * @overrideType [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate)\n   */\n  readonly tableState: TableState<unknown, {}>;\n\n  /**\n   * Get the node this item is the parent of. i.e. this node's collection items' parent id is the `key`\n   * @param key\n   * @overrideType (key: string) => [NestedTableNodeState](./?path=/story/base-components-collections-nestedtable--nestedtablenodestate) | undefined\n   */\n  getNode<TD, FD extends FiltersMap>(\n    key: string,\n  ): NestedTableNodeStatePublicAPI<C, TD, FD> | undefined;\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  >[];\n\n  /**\n   * An API to refresh all items in the nested table.\n   */\n  readonly refreshAll: () => void;\n}\n\nexport class NestedTableState<\n  C extends string = string,\n  F extends FiltersMap = OptionalFiltersMap,\n> implements ICollectionComponentState, NestedTableStatePublicAPI<C>\n{\n  readonly container;\n  readonly reportBi: ReportBI;\n  readonly toolbar;\n  readonly tableState;\n  readonly mainColumn;\n  readonly options: EagerLazyModeOptions;\n\n  readonly initTask = new TaskState();\n\n  readonly levels: NestedTableLevelDescriptor<C, any, any>[];\n\n  readonly rootNodeCollection;\n  readonly query;\n\n  readonly nested: NestedTableNestedModeState<C>;\n  readonly flat: NestedTableFlatModeState<C>;\n\n  readonly sequences = new Map<string, CollectionOptimisticSequenceExecutor>();\n\n  constructor(params: NestedTableStateParams<C, F>) {\n    this.container = params.container;\n\n    this.query = new QueryState({\n      filters: params.filters || {},\n    });\n\n    this.levels = params.levels.map((level, i) => ({\n      ...level,\n      depth: i,\n    }));\n\n    const fetchAllLimit = params.fetchAllLimit ?? params.fetchAllThreshold;\n\n    this.options = {\n      fetchAllThreshold: fetchAllLimit ?? 1000,\n      expandAllThreshold: params.expandAllThreshold ?? fetchAllLimit ?? 1000,\n    };\n\n    this.mainColumn = params.mainColumn;\n    const rootLevelDescriptor = this.levels[0];\n\n    if (rootLevelDescriptor == null) {\n      throw new Error('NestedTableState must have at least one level');\n    }\n\n    this.rootNodeCollection = rootLevelDescriptor.createCollection({\n      parentId: 'null',\n      sequences: this.sequences,\n      query: this.query,\n    });\n\n    const { collection } = this.rootNodeCollection;\n\n    syncWithSharedQuery(collection.query, this.query);\n\n    this.reportBi = (reportProps) => {\n      const { isFetchAllAborted } = this;\n      this.container.reportBi({\n        ...reportProps,\n        params: {\n          ...reportProps.params,\n          ...(isFetchAllAborted != null && {\n            componentStatus: isFetchAllAborted\n              ? 'All items collapsed'\n              : 'All items expanded',\n          }),\n        },\n      });\n    };\n\n    this.toolbar = new ToolbarCollectionState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      componentType: 'NestedTable',\n      reportBi: this.reportBi,\n    });\n\n    this.toolbar.setNewColumns(\n      params.columns.map((column) => ({\n        ...column,\n        render: () => null,\n      })) as TableColumn<unknown>[],\n    );\n\n    this.tableState = new TableState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.nested = new NestedTableNestedModeState({\n      wrapper: this,\n      reportBi: this.reportBi,\n    });\n\n    this.flat = new NestedTableFlatModeState({\n      wrapper: this,\n    });\n  }\n\n  get nestedMode() {\n    return this.nested;\n  }\n\n  get flatMode() {\n    return this.flat;\n  }\n\n  getNode<TD, FD extends FiltersMap>(key: string) {\n    return this.nested.getNode<TD, FD>(key);\n  }\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>() {\n    return this.nested.getAllNodes<TD, FD>();\n  }\n\n  get isFetchAllAborted() {\n    return this.nested.isFetchAllAborted;\n  }\n\n  get expandAll() {\n    return this.nested.expandAll;\n  }\n\n  get nestedCollection() {\n    return this.nested.nestedCollection;\n  }\n\n  _attemptFetchAllAndPopulateCache() {\n    const initTask = new TaskState();\n    return {\n      initTask,\n      init: (\n        { invalidate }: { invalidate: boolean } = { invalidate: false },\n      ) => {\n        initTask.runOnce(async () => {\n          const fetchAllState = new NestedCollectionFetchAllState({\n            options: this.options,\n            query: this.nested.query,\n            nestedCollectionState: this.nested.nestedCollection,\n          });\n\n          const disposers = [fetchAllState.init({ invalidate })];\n\n          try {\n            await fetchAllState.initTask.status.promise;\n          } finally {\n            disposers.forEach((d) => d());\n          }\n        });\n\n        return () => {};\n      },\n    };\n  }\n\n  refreshAll() {\n    const initTask = this.isFlatMode\n      ? this.flat.initTask\n      : this.nested.initTask;\n    initTask.reset();\n    initTask.runOnce(async () => {\n      const fetchAll = this._attemptFetchAllAndPopulateCache();\n      fetchAll.init({ invalidate: true });\n      await fetchAll.initTask.status.promise;\n\n      await (this.isFlatMode\n        ? this.flatMode._refreshAll()\n        : this.nestedMode.root._refreshAll());\n    });\n  }\n\n  get isFlatMode() {\n    return !!this.query.search.value;\n  }\n\n  _addFilterListeners() {\n    return Object.values(this.query.filtersEntries).map(([_, filter]) => {\n      return addEventListener(filter.events, 'refresh', () => {\n        this.refreshAll();\n      });\n    });\n  }\n\n  init() {\n    const { initTask, tableState, query } = this;\n\n    const disposers = [\n      query.init({ skipFilterListeners: true }),\n      ...this._addFilterListeners(),\n      reaction(\n        () => this.isFlatMode,\n        (isFlatMode) => {\n          const {\n            query: { _fields },\n          } = this;\n          if (isFlatMode) {\n            _fields.add('breadcrumbs');\n          } else {\n            _fields.delete('breadcrumbs');\n          }\n        },\n        { fireImmediately: true },\n      ),\n      tableState.init({\n        featuresInitializers: [],\n        skipFilterListeners: true,\n      }),\n    ];\n\n    initTask.runOnce(async () => {\n      tableState.initTask.runOnce();\n      await tableState.initTask.status.promise;\n    });\n\n    return () => {\n      initTask.reset();\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/TagsBulkAssignAsyncState.js

@@ -2,11 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.TagsBulkAssignAsyncState = exports.POLL_INTERVAL = void 0;
+exports.TagsBulkAssignAsyncState = exports.POLL_DELAY = exports.MILLIS_FOR_SHOWING_SUCCESS = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
 var _http = require("@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/http");
-const POLL_INTERVAL = exports.POLL_INTERVAL = 500;
+const POLL_DELAY = exports.POLL_DELAY = 500;
+const MILLIS_FOR_SHOWING_SUCCESS = exports.MILLIS_FOR_SHOWING_SUCCESS = 1000;
 class TagsBulkAssignAsyncState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "collectionState", void 0);
@@ -14,9 +16,16 @@ class TagsBulkAssignAsyncState {
     (0, _defineProperty2.default)(this, "container", void 0);
     (0, _defineProperty2.default)(this, "tagsBIReporter", void 0);
     (0, _defineProperty2.default)(this, "asyncBulkUpdateTags", void 0);
+    (0, _defineProperty2.default)(this, "asyncJobProgressModalState", new _bexCore.ConditionalModalState());
     (0, _defineProperty2.default)(this, "job", null);
-    (0, _defineProperty2.default)(this, "pollTimeout", null);
+    (0, _defineProperty2.default)(this, "timeout", null);
     (0, _defineProperty2.default)(this, "isDuringApplyChanges", false);
+    (0, _defineProperty2.default)(this, "openAsyncJobProgressModal", () => {
+      this.asyncJobProgressModalState.modal.open();
+    });
+    (0, _defineProperty2.default)(this, "closeAsyncJobProgressModal", () => {
+      this.asyncJobProgressModalState.modal.close();
+    });
     const {
       collectionState,
       optimisticActions,
@@ -39,13 +48,24 @@ class TagsBulkAssignAsyncState {
       isJobCompleted: _mobx.computed,
       isJobFailed: _mobx.computed,
       isJobEnded: _mobx.computed,
-      isJobInProgress: _mobx.computed
+      isJobInProgress: _mobx.computed,
+      updatedItemsPercentage: _mobx.computed
     });
   }
   init() {
+    const {
+      onBeforeUnload
+    } = this.container;
+    const onBeforeUnloadSubscription = onBeforeUnload == null ? void 0 : onBeforeUnload((0, _mobx.action)(event => {
+      if (this.isDuringApplyChanges) {
+        event.preventDefault();
+      }
+    }));
     const disposers = [() => {
-      if (this.pollTimeout) {
-        clearTimeout(this.pollTimeout);
+      onBeforeUnloadSubscription == null || onBeforeUnloadSubscription.remove();
+    }, () => {
+      if (this.timeout) {
+        clearTimeout(this.timeout);
       }
     }];
     return () => {
@@ -87,6 +107,7 @@ class TagsBulkAssignAsyncState {
         }
       }
     });
+    this.asyncJobProgressModalState.modal.open();
     await this.checkJobStatus(jobId);
   }
   async checkJobStatus(jobId) {
@@ -106,10 +127,14 @@ class TagsBulkAssignAsyncState {
     }
     (0, _mobx.runInAction)(() => {
       if (this.isJobInProgress) {
-        this.pollTimeout = setTimeout(() => this.checkJobStatus(jobId), POLL_INTERVAL);
+        this.timeout = setTimeout(() => this.checkJobStatus(jobId), POLL_DELAY);
       } else {
         if (this.isJobEnded) {
-          this.isDuringApplyChanges = false;
+          setTimeout(() => {
+            this.isDuringApplyChanges = false;
+            this.closeAsyncJobProgressModal();
+            this.job = null;
+          }, MILLIS_FOR_SHOWING_SUCCESS);
         }
       }
     });
@@ -132,6 +157,15 @@ class TagsBulkAssignAsyncState {
   get canBulkAssignAsync() {
     return !!this.asyncBulkUpdateTags;
   }
+  get updatedItemsPercentage() {
+    var _this$job$counts, _this$job$counts2, _this$job5;
+    if (!this.job) {
+      return 0;
+    }
+    const alreadyUpdatedItemsCount = (((_this$job$counts = this.job.counts) == null ? void 0 : _this$job$counts.successCount) || 0) + (((_this$job$counts2 = this.job.counts) == null ? void 0 : _this$job$counts2.failCount) || 0);
+    const totalUpdatingItemsCount = ((_this$job5 = this.job) == null || (_this$job5 = _this$job5.counts) == null ? void 0 : _this$job5.total) || this.collectionState.bulkSelect.selectedCountOrTotal;
+    return Math.floor(100 * (alreadyUpdatedItemsCount / totalUpdatingItemsCount));
+  }
 }
 exports.TagsBulkAssignAsyncState = TagsBulkAssignAsyncState;
 //# sourceMappingURL=TagsBulkAssignAsyncState.js.map

package/dist/cjs/state/TagsBulkAssignAsyncState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_http","POLL_INTERVAL","exports","TagsBulkAssignAsyncState","constructor","params","_defineProperty2","default","collectionState","optimisticActions","container","tagsBIReporter","asyncBulkUpdateTags","makeObservable","job","observable","ref","isDuringApplyChanges","init","action","applyChanges","checkJobStatus","canBulkAssignAsync","computed","isJobCompleted","isJobFailed","isJobEnded","isJobInProgress","disposers","pollTimeout","clearTimeout","forEach","disposer","newAssignedTagIds","newUnassignedTagIds","Error","bulkSelect","result","allSelected","selectedValues","uncheckedValues","jobId","query","originQuery","assignTags","privateTags","tagIds","unassignTags","data","httpClient","request","getAsyncJob","runInAction","error","console","setTimeout","_this$job","status","_this$job2","_this$job3","_this$job4"],"sources":["../../../src/state/TagsBulkAssignAsyncState.ts"],"sourcesContent":["import { FiltersMap, Tags } from '@wix/bex-core';\n\nimport {\n  TagsBulkAssignPopoverState,\n  TagsBulkAssignPopoverStateParams,\n} from './TagsBulkAssignPopoverState';\nimport { BulkActionModalRenderPropParams } from '../components/BulkAction';\nimport {\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n  action,\n} from 'mobx';\nimport { getAsyncJob } from '@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/http';\nimport { AsyncJob } from '@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/types';\n\nexport const POLL_INTERVAL = 500;\nexport interface AsyncBulkUpdateTagsParams<T, F extends FiltersMap>\n  extends Pick<\n    BulkActionModalRenderPropParams<T, F>,\n    'allSelected' | 'selectedValues' | 'uncheckedValues' | 'query'\n  > {\n  assignTags: Tags;\n  unassignTags: Tags;\n}\n\nexport interface TagsBulkAssignAsyncStateParams<T, F extends FiltersMap>\n  extends Pick<\n    TagsBulkAssignPopoverStateParams<T, F>,\n    'asyncBulkUpdateTags' | 'collectionState'\n  > {\n  container: TagsBulkAssignPopoverState<T, F>['container'];\n  optimisticActions: TagsBulkAssignPopoverState<T, F>['optimisticActions'];\n  tagsBIReporter: TagsBulkAssignPopoverState<T, F>['tagsBIReporter'];\n}\n\nexport class TagsBulkAssignAsyncState<T, F extends FiltersMap> {\n  readonly collectionState;\n  readonly optimisticActions;\n  readonly container;\n  readonly tagsBIReporter;\n  readonly asyncBulkUpdateTags;\n\n  job: AsyncJob | null = null;\n  pollTimeout: NodeJS.Timeout | null = null;\n  isDuringApplyChanges = false;\n\n  constructor(params: TagsBulkAssignAsyncStateParams<T, F>) {\n    const {\n      collectionState,\n      optimisticActions,\n      container,\n      tagsBIReporter,\n      asyncBulkUpdateTags,\n    } = params;\n    this.collectionState = collectionState;\n    this.optimisticActions = optimisticActions;\n    this.container = container;\n    this.tagsBIReporter = tagsBIReporter;\n    this.asyncBulkUpdateTags = asyncBulkUpdateTags;\n\n    makeObservable(this, {\n      job: observable.ref,\n      isDuringApplyChanges: observable,\n      init: action,\n      applyChanges: action,\n      checkJobStatus: action,\n      canBulkAssignAsync: computed,\n      isJobCompleted: computed,\n      isJobFailed: computed,\n      isJobEnded: computed,\n      isJobInProgress: computed,\n    });\n  }\n\n  init() {\n    const disposers = [\n      () => {\n        if (this.pollTimeout) {\n          clearTimeout(this.pollTimeout);\n        }\n      },\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  async applyChanges({\n    newAssignedTagIds,\n    newUnassignedTagIds,\n  }: {\n    newAssignedTagIds: string[];\n    newUnassignedTagIds: string[];\n  }) {\n    if (!this.asyncBulkUpdateTags) {\n      throw new Error(\n        'tried to bulk assign tags async without asyncBulkUpdateTags prop given',\n      );\n    }\n\n    this.isDuringApplyChanges = true;\n    const { bulkSelect, result } = this.collectionState;\n    const { allSelected, selectedValues, uncheckedValues } = bulkSelect;\n\n    const { jobId } = await this.asyncBulkUpdateTags({\n      allSelected,\n      selectedValues,\n      uncheckedValues,\n      query: result.originQuery,\n      assignTags: { privateTags: { tagIds: newAssignedTagIds } },\n      unassignTags: { privateTags: { tagIds: newUnassignedTagIds } },\n    });\n\n    await this.checkJobStatus(jobId);\n  }\n\n  async checkJobStatus(jobId: string) {\n    try {\n      const {\n        data: { job },\n      } = await this.container.httpClient.request(getAsyncJob({ jobId }));\n      runInAction(() => {\n        this.job = job as AsyncJob;\n      });\n    } catch (error) {\n      console.error('failed to get job status', error);\n    }\n\n    runInAction(() => {\n      if (this.isJobInProgress) {\n        this.pollTimeout = setTimeout(\n          () => this.checkJobStatus(jobId),\n          POLL_INTERVAL,\n        );\n      } else {\n        if (this.isJobEnded) {\n          this.isDuringApplyChanges = false;\n        }\n      }\n    });\n  }\n\n  get isJobCompleted() {\n    return this.job?.status === 'FINISHED';\n  }\n\n  get isJobFailed() {\n    return this.job?.status === 'FAILED';\n  }\n\n  get isJobEnded() {\n    return this.isJobCompleted || this.isJobFailed;\n  }\n\n  get isJobInProgress() {\n    return (\n      this.job?.status === 'PROCESSING' || this.job?.status === 'INITIALIZED'\n    );\n  }\n\n  get canBulkAssignAsync() {\n    return !!this.asyncBulkUpdateTags;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_http","POLL_DELAY","exports","MILLIS_FOR_SHOWING_SUCCESS","TagsBulkAssignAsyncState","constructor","params","_defineProperty2","default","ConditionalModalState","asyncJobProgressModalState","modal","open","close","collectionState","optimisticActions","container","tagsBIReporter","asyncBulkUpdateTags","makeObservable","job","observable","ref","isDuringApplyChanges","init","action","applyChanges","checkJobStatus","canBulkAssignAsync","computed","isJobCompleted","isJobFailed","isJobEnded","isJobInProgress","updatedItemsPercentage","onBeforeUnload","onBeforeUnloadSubscription","event","preventDefault","disposers","remove","timeout","clearTimeout","forEach","disposer","newAssignedTagIds","newUnassignedTagIds","Error","bulkSelect","result","allSelected","selectedValues","uncheckedValues","jobId","query","originQuery","assignTags","privateTags","tagIds","unassignTags","data","httpClient","request","getAsyncJob","runInAction","error","console","setTimeout","closeAsyncJobProgressModal","_this$job","status","_this$job2","_this$job3","_this$job4","_this$job$counts","_this$job$counts2","_this$job5","alreadyUpdatedItemsCount","counts","successCount","failCount","totalUpdatingItemsCount","total","selectedCountOrTotal","Math","floor"],"sources":["../../../src/state/TagsBulkAssignAsyncState.ts"],"sourcesContent":["import { ConditionalModalState, FiltersMap, Tags } from '@wix/bex-core';\n\nimport {\n  TagsBulkAssignPopoverState,\n  TagsBulkAssignPopoverStateParams,\n} from './TagsBulkAssignPopoverState';\nimport { BulkActionModalRenderPropParams } from '../components/BulkAction';\nimport {\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n  action,\n} from 'mobx';\nimport { getAsyncJob } from '@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/http';\nimport { AsyncJob } from '@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/types';\n\nexport const POLL_DELAY = 500;\nexport const MILLIS_FOR_SHOWING_SUCCESS = 1000;\nexport interface AsyncBulkUpdateTagsParams<T, F extends FiltersMap>\n  extends Pick<\n    BulkActionModalRenderPropParams<T, F>,\n    'allSelected' | 'selectedValues' | 'uncheckedValues' | 'query'\n  > {\n  assignTags: Tags;\n  unassignTags: Tags;\n}\n\nexport interface TagsBulkAssignAsyncStateParams<T, F extends FiltersMap>\n  extends Pick<\n    TagsBulkAssignPopoverStateParams<T, F>,\n    'asyncBulkUpdateTags' | 'collectionState'\n  > {\n  container: TagsBulkAssignPopoverState<T, F>['container'];\n  optimisticActions: TagsBulkAssignPopoverState<T, F>['optimisticActions'];\n  tagsBIReporter: TagsBulkAssignPopoverState<T, F>['tagsBIReporter'];\n}\n\nexport class TagsBulkAssignAsyncState<T, F extends FiltersMap> {\n  readonly collectionState;\n  readonly optimisticActions;\n  readonly container;\n  readonly tagsBIReporter;\n  readonly asyncBulkUpdateTags;\n  readonly asyncJobProgressModalState = new ConditionalModalState();\n\n  job: AsyncJob | null = null;\n  timeout: NodeJS.Timeout | null = null;\n  isDuringApplyChanges = false;\n\n  constructor(params: TagsBulkAssignAsyncStateParams<T, F>) {\n    const {\n      collectionState,\n      optimisticActions,\n      container,\n      tagsBIReporter,\n      asyncBulkUpdateTags,\n    } = params;\n    this.collectionState = collectionState;\n    this.optimisticActions = optimisticActions;\n    this.container = container;\n    this.tagsBIReporter = tagsBIReporter;\n    this.asyncBulkUpdateTags = asyncBulkUpdateTags;\n\n    makeObservable(this, {\n      job: observable.ref,\n      isDuringApplyChanges: observable,\n      init: action,\n      applyChanges: action,\n      checkJobStatus: action,\n      canBulkAssignAsync: computed,\n      isJobCompleted: computed,\n      isJobFailed: computed,\n      isJobEnded: computed,\n      isJobInProgress: computed,\n      updatedItemsPercentage: computed,\n    });\n  }\n\n  init() {\n    const { onBeforeUnload } = this.container;\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        if (this.isDuringApplyChanges) {\n          event.preventDefault();\n        }\n      }),\n    );\n    const disposers = [\n      () => {\n        onBeforeUnloadSubscription?.remove();\n      },\n      () => {\n        if (this.timeout) {\n          clearTimeout(this.timeout);\n        }\n      },\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  async applyChanges({\n    newAssignedTagIds,\n    newUnassignedTagIds,\n  }: {\n    newAssignedTagIds: string[];\n    newUnassignedTagIds: string[];\n  }) {\n    if (!this.asyncBulkUpdateTags) {\n      throw new Error(\n        'tried to bulk assign tags async without asyncBulkUpdateTags prop given',\n      );\n    }\n\n    this.isDuringApplyChanges = true;\n    const { bulkSelect, result } = this.collectionState;\n    const { allSelected, selectedValues, uncheckedValues } = bulkSelect;\n\n    const { jobId } = await this.asyncBulkUpdateTags({\n      allSelected,\n      selectedValues,\n      uncheckedValues,\n      query: result.originQuery,\n      assignTags: { privateTags: { tagIds: newAssignedTagIds } },\n      unassignTags: { privateTags: { tagIds: newUnassignedTagIds } },\n    });\n\n    this.asyncJobProgressModalState.modal.open();\n    await this.checkJobStatus(jobId);\n  }\n\n  async checkJobStatus(jobId: string) {\n    try {\n      const {\n        data: { job },\n      } = await this.container.httpClient.request(getAsyncJob({ jobId }));\n      runInAction(() => {\n        this.job = job as AsyncJob;\n      });\n    } catch (error) {\n      console.error('failed to get job status', error);\n    }\n\n    runInAction(() => {\n      if (this.isJobInProgress) {\n        this.timeout = setTimeout(() => this.checkJobStatus(jobId), POLL_DELAY);\n      } else {\n        if (this.isJobEnded) {\n          setTimeout(() => {\n            this.isDuringApplyChanges = false;\n            this.closeAsyncJobProgressModal();\n            this.job = null;\n          }, MILLIS_FOR_SHOWING_SUCCESS);\n        }\n      }\n    });\n  }\n\n  openAsyncJobProgressModal = () => {\n    this.asyncJobProgressModalState.modal.open();\n  };\n\n  closeAsyncJobProgressModal = () => {\n    this.asyncJobProgressModalState.modal.close();\n  };\n\n  get isJobCompleted() {\n    return this.job?.status === 'FINISHED';\n  }\n\n  get isJobFailed() {\n    return this.job?.status === 'FAILED';\n  }\n\n  get isJobEnded() {\n    return this.isJobCompleted || this.isJobFailed;\n  }\n\n  get isJobInProgress() {\n    return (\n      this.job?.status === 'PROCESSING' || this.job?.status === 'INITIALIZED'\n    );\n  }\n\n  get canBulkAssignAsync() {\n    return !!this.asyncBulkUpdateTags;\n  }\n\n  get updatedItemsPercentage() {\n    if (!this.job) {\n      return 0;\n    }\n\n    const alreadyUpdatedItemsCount =\n      (this.job.counts?.successCount || 0) + (this.job.counts?.failCount || 0);\n    const totalUpdatingItemsCount =\n      this.job?.counts?.total ||\n      this.collectionState.bulkSelect.selectedCountOrTotal;\n\n    return Math.floor(\n      100 * (alreadyUpdatedItemsCount / totalUpdatingItemsCount),\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/TagsBulkAssignButtonState.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TagsBulkAssignButtonState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+class TagsBulkAssignButtonState {
+  constructor() {
+    (0, _defineProperty2.default)(this, "_disabledTooltipContent", null);
+    (0, _mobx.makeObservable)(this, {
+      _disabledTooltipContent: _mobx.observable.ref,
+      isDisabled: _mobx.computed,
+      tooltipContent: _mobx.computed,
+      setTooltipContent: _mobx.action
+    });
+  }
+  get isDisabled() {
+    return !!this._disabledTooltipContent;
+  }
+  get tooltipContent() {
+    return this._disabledTooltipContent;
+  }
+  setTooltipContent(content) {
+    this._disabledTooltipContent = content;
+  }
+}
+exports.TagsBulkAssignButtonState = TagsBulkAssignButtonState;
+//# sourceMappingURL=TagsBulkAssignButtonState.js.map

package/dist/cjs/state/TagsBulkAssignButtonState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","TagsBulkAssignButtonState","constructor","_defineProperty2","default","makeObservable","_disabledTooltipContent","observable","ref","isDisabled","computed","tooltipContent","setTooltipContent","action","content","exports"],"sources":["../../../src/state/TagsBulkAssignButtonState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\n\nexport interface TagsBulkAssignButtonStateParams {}\n\nexport class TagsBulkAssignButtonState {\n  _disabledTooltipContent: string | null = null;\n\n  constructor() {\n    makeObservable(this, {\n      _disabledTooltipContent: observable.ref,\n      isDisabled: computed,\n      tooltipContent: computed,\n      setTooltipContent: action,\n    });\n  }\n\n  get isDisabled() {\n    return !!this._disabledTooltipContent;\n  }\n\n  get tooltipContent() {\n    return this._disabledTooltipContent;\n  }\n\n  setTooltipContent(content: string | null) {\n    this._disabledTooltipContent = content;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIO,MAAMC,yBAAyB,CAAC;EAGrCC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,mCAF2B,IAAI;IAG3C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,uBAAuB,EAAEC,gBAAU,CAACC,GAAG;MACvCC,UAAU,EAAEC,cAAQ;MACpBC,cAAc,EAAED,cAAQ;MACxBE,iBAAiB,EAAEC;IACrB,CAAC,CAAC;EACJ;EAEA,IAAIJ,UAAUA,CAAA,EAAG;IACf,OAAO,CAAC,CAAC,IAAI,CAACH,uBAAuB;EACvC;EAEA,IAAIK,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACL,uBAAuB;EACrC;EAEAM,iBAAiBA,CAACE,OAAsB,EAAE;IACxC,IAAI,CAACR,uBAAuB,GAAGQ,OAAO;EACxC;AACF;AAACC,OAAA,CAAAd,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/cjs/state/TagsBulkAssignPopoverState.js

@@ -8,6 +8,7 @@ var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
 var _uuid = require("uuid");
+var _TagsBulkAssignButtonState = require("./TagsBulkAssignButtonState");
 var _TagsBulkAssignAsyncState = require("./TagsBulkAssignAsyncState");
 var _TagsBulkAssignSyncState = require("./TagsBulkAssignSyncState");
 const origin = 'bulk_assign_popover';
@@ -25,6 +26,7 @@ class TagsBulkAssignPopoverState {
     (0, _defineProperty2.default)(this, "collectionState", void 0);
     (0, _defineProperty2.default)(this, "optimisticActions", void 0);
     (0, _defineProperty2.default)(this, "tagsModalState", void 0);
+    (0, _defineProperty2.default)(this, "tagsBulkAssignButtonState", void 0);
     (0, _defineProperty2.default)(this, "bulkAssignSyncState", void 0);
     (0, _defineProperty2.default)(this, "bulkAssignAsyncState", void 0);
     (0, _defineProperty2.default)(this, "container", void 0);
@@ -124,6 +126,7 @@ class TagsBulkAssignPopoverState {
       tagsBIReporter: this.tagsBIReporter,
       asyncBulkUpdateTags
     });
+    this.tagsBulkAssignButtonState = new _TagsBulkAssignButtonState.TagsBulkAssignButtonState();
     (0, _mobx.makeObservable)(this, {
       init: _mobx.action,
       isShown: _mobx.observable,