@wix/patterns 1.170.0 → 1.172.0

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.js

@@ -63,7 +63,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 93,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -72,7 +72,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 94,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -81,14 +81,14 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 98,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 99,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.SelectedCount, {
@@ -96,7 +96,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 100,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -106,7 +106,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 101,
       columnNumber: 15
     }
   }, maxSelection !== undefined ? t('cairo.bulkActions.max.selection', {
@@ -121,7 +121,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 123,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -133,7 +133,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 124,
       columnNumber: 15
     }
   }, bulk.hasClickableRows ? t('cairo.selectAll') : t('cairo.deselectAll'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -143,7 +143,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 138,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -151,7 +151,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 139,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -160,28 +160,28 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 142,
       columnNumber: 11
     }
   }, TagsAssignButton && /*#__PURE__*/_react.default.createElement(_BulkActionContainer.BulkActionContainer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 144,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(TagsAssignButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 145,
       columnNumber: 17
     }
   })), exportButton && /*#__PURE__*/_react.default.createElement(_BulkActionContainer.BulkActionContainer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 149,
       columnNumber: 15
     }
   }, /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
@@ -193,7 +193,7 @@ function _MultiBulkActionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
+        lineNumber: 158,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_ActionControl.ActionControl, {
@@ -237,7 +237,7 @@ function _MultiBulkActionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 159,
         columnNumber: 19
       }
     }));
@@ -245,7 +245,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 213,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_ActionControl.ActionPopover, {
@@ -284,7 +284,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 214,
       columnNumber: 17
     }
   }))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_MultiBulkActionToolbarStCss","_ActionControl","_react2","_MultiBulkActionToolbarState","_useExtensionMenuItems","_BulkActionContainer","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiBulkActionToolbar","props","_toolbarCollectionSta","primaryActionItems","secondaryActionItems","secondaryActionsPopoverMenuProps","containerId","containerProps","toolbarCollectionState","useToolbarCollectionContext","extensionMenuItems","useExtensionMenuItems","state","useState","MultiBulkActionToolbarState","collection","useEffect","setActions","hasToolbarTabs","featuredComponents","bulk","maxSelection","total","selectedCountOrTotal","allSelected","value","exportButton","TagsAssignButton","tagsCollectionState","components","AssignButton","translate","useWixPatternsContainer","createElement","Box","minHeight","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","removeVerticalPadding","dataHook","ItemGroup","position","className","st","classes","root","Item","SelectedCount","style","whiteSpace","undefined","max","result","supportTotal","totalStatus","num","TextButton","size","onClick","toggleSelectAll","location","hasClickableRows","alignSelf","marginLeft","marginRight","Divider","direction","gap","overflow","BulkActionContainer","cloneElement","toolbarType","filter","x","map","actionItem","index","_actionItem$subItems","key","ActionControl","priority","subItems","subItemsGroup","subItem","toolbarBIReporter","ctaClicked","itemId","selectedIds","join","ctaName","biName","ctaIndex","moreActionsIndex","componentId","appId","numCtas","length","secondaryActionItemsCount","secondaryActionItemsGroup","ActionPopover","subItemGroup","subItemIndex","_subItem","popoverMenuProps","label","MultiBulkActionToolbar","exports","observer"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  PopoverMenuProps,\n  TableToolbar,\n  TextButton,\n} from '@wix/design-system';\nimport React, { cloneElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { st, classes } from './MultiBulkActionToolbar.st.css.js';\nimport { ActionControl, ActionPopover, ActionSubitem } from '../ActionControl';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { BulkActionContainer } from './BulkActionContainer';\n\nexport interface MultiBulkActionToolbarProps {\n  /**\n   * List of primary actions. Primary actions are displayed as individual buttons.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  primaryActionItems?: ActionSubitem[];\n\n  /**\n   * List of secondary actions. Secondary actions are displayed when clicking the More Actions menu.\n   * Secondary actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @external\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   */\n  secondaryActionItems?: ActionSubitem[] | ActionSubitem[][];\n\n  /**\n   * [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu.\n   * @external\n   */\n  secondaryActionsPopoverMenuProps?: Partial<PopoverMenuProps>;\n\n  /**\n   * This ID is used to specify the target container for extension menu items.\n   * Read more on [Extensions](./?path=/story/guides--extensions)\n   */\n  containerId?: string;\n\n  /**\n   * This prop is used to pass additional properties that can be used on the onClick of the container's extensions menu items.\n   */\n  containerProps?: Record<string, any>;\n}\n\nfunction _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {\n  const {\n    primaryActionItems,\n    secondaryActionItems,\n    secondaryActionsPopoverMenuProps,\n    containerId,\n    containerProps,\n  } = props;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId,\n    containerProps,\n  });\n\n  const [state] = useState(\n    () =>\n      new MultiBulkActionToolbarState({\n        extensionMenuItems,\n        collection: toolbarCollectionState.collection,\n      }),\n  );\n\n  useEffect(() => {\n    state.setActions({\n      primaryActionItems,\n      secondaryActionItems,\n    });\n  }, [primaryActionItems, secondaryActionItems]);\n\n  const { collection, hasToolbarTabs, featuredComponents, bulk } =\n    toolbarCollectionState;\n\n  const { maxSelection, total, selectedCountOrTotal, allSelected } = bulk;\n\n  const { value: exportButton } = featuredComponents.exportButton;\n\n  const TagsAssignButton =\n    toolbarCollectionState.tagsCollectionState?.components.AssignButton;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box minHeight=\"60px\">\n      <TableToolbar\n        removeVerticalPadding={hasToolbarTabs}\n        dataHook=\"bulk-action-toolbar\"\n      >\n        <TableToolbar.ItemGroup position=\"start\" className={st(classes.root)}>\n          <TableToolbar.Item>\n            <TableToolbar.SelectedCount dataHook=\"selected-count\">\n              <span style={{ whiteSpace: 'nowrap' }}>\n                {maxSelection !== undefined\n                  ? t('cairo.bulkActions.max.selection', {\n                      max: maxSelection,\n                      total: selectedCountOrTotal,\n                    })\n                  : collection.result.supportTotal &&\n                    collection.result.totalStatus === 'success'\n                  ? t('cairo.bulkSelectedWithTotal', {\n                      num: selectedCountOrTotal,\n                      total,\n                    })\n                  : allSelected\n                  ? ''\n                  : t('cairo.bulkSelected', {\n                      num: selectedCountOrTotal,\n                    })}\n              </span>\n            </TableToolbar.SelectedCount>\n          </TableToolbar.Item>\n\n          {collection.result.supportTotal && (\n            <TableToolbar.Item>\n              <TextButton\n                dataHook=\"select-all\"\n                size=\"small\"\n                onClick={() =>\n                  bulk.toggleSelectAll({ location: 'TableToolbar CTA' })\n                }\n              >\n                {bulk.hasClickableRows\n                  ? t('cairo.selectAll')\n                  : t('cairo.deselectAll')}\n              </TextButton>\n            </TableToolbar.Item>\n          )}\n\n          <Box alignSelf=\"stretch\" marginLeft=\"SP4\" marginRight=\"SP2\">\n            <Divider direction=\"vertical\" />\n          </Box>\n\n          <Box gap=\"SP1\" overflow=\"hidden\">\n            {TagsAssignButton && (\n              <BulkActionContainer>\n                <TagsAssignButton />\n              </BulkActionContainer>\n            )}\n            {exportButton && (\n              <BulkActionContainer>\n                {cloneElement(exportButton, {\n                  toolbarType: 'bulkActionToolbar',\n                })}\n              </BulkActionContainer>\n            )}\n            {state.primaryActionItems\n              .filter((x) => !!x)\n              .map((actionItem, index) => (\n                <BulkActionContainer key={index}>\n                  <ActionControl\n                    priority=\"secondary\"\n                    size=\"small\"\n                    actionItem={{\n                      dataHook: 'bulk-action-button',\n                      ...actionItem,\n                      subItems: (\n                        actionItem?.subItems as ActionSubitem[][]\n                      )?.map((subItemsGroup) =>\n                        subItemsGroup?.map((subItem, index) => ({\n                          ...subItem,\n                          onClick: () => {\n                            toolbarCollectionState.toolbarBIReporter.ctaClicked(\n                              {\n                                itemId: bulk.selectedIds.join(','),\n                                location: 'multiBulkActionToolbar',\n                                ctaName: subItem.biName ?? '',\n                                ctaIndex: index + 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                                moreActionsIndex: index + 1,\n                                componentId: (subItem as any).componentId,\n                                appId: (subItem as any).appId,\n                                numCtas:\n                                  state.primaryActionItems.length +\n                                  state.secondaryActionItemsCount,\n                              },\n                            );\n                            subItem.onClick?.();\n                          },\n                        })),\n                      ),\n                      onClick: () => {\n                        toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                          itemId: bulk.selectedIds.join(','),\n                          location: 'multiBulkActionToolbar',\n                          ctaName: actionItem.biName ?? '',\n                          ctaIndex: 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                          moreActionsIndex: 0,\n                          componentId: (actionItem as any).componentId,\n                          appId: (actionItem as any).appId,\n                          numCtas:\n                            state.primaryActionItems.length +\n                            state.secondaryActionItemsCount,\n                        });\n                        actionItem.onClick?.();\n                      },\n                    }}\n                  />\n                </BulkActionContainer>\n              ))}\n\n            {state.secondaryActionItems.filter(\n              (secondaryActionItemsGroup) =>\n                secondaryActionItemsGroup.length > 0,\n            ).length > 0 && (\n              <BulkActionContainer>\n                <ActionPopover\n                  priority=\"secondary\"\n                  size=\"small\"\n                  actionItem={{\n                    dataHook: 'more-actions',\n                    biName: 'more-actions',\n                    subItems: (() => {\n                      let index = 0;\n                      return state.secondaryActionItems.map((subItemGroup) =>\n                        subItemGroup.map((subItem) => {\n                          const subItemIndex = index;\n                          index++;\n                          const _subItem = {\n                            ...subItem,\n                            onClick: () => {\n                              toolbarCollectionState.toolbarBIReporter.ctaClicked(\n                                {\n                                  itemId: bulk.selectedIds.join(','),\n                                  location: 'multiBulkActionToolbar',\n                                  ctaName: subItem.biName ?? '',\n                                  ctaIndex: subItemIndex + 3,\n                                  moreActionsIndex: subItemIndex + 1,\n                                  componentId: (subItem as any).componentId,\n                                  appId: (subItem as any).appId,\n                                  numCtas:\n                                    state.primaryActionItems.length +\n                                    state.secondaryActionItemsCount,\n                                },\n                              );\n                              subItem.onClick?.();\n                            },\n                          };\n                          return _subItem;\n                        }),\n                      );\n                    })(),\n\n                    popoverMenuProps: secondaryActionsPopoverMenuProps,\n                    label: t('cairo.moreActions'),\n                  }}\n                />\n              </BulkActionContainer>\n            )}\n          </Box>\n        </TableToolbar.ItemGroup>\n      </TableToolbar>\n    </Box>\n  );\n}\n\nexport const MultiBulkActionToolbar = observer(_MultiBulkActionToolbar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_MultiBulkActionToolbarStCss","_ActionControl","_react2","_MultiBulkActionToolbarState","_useExtensionMenuItems","_BulkActionContainer","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiBulkActionToolbar","props","_toolbarCollectionSta","primaryActionItems","secondaryActionItems","secondaryActionsPopoverMenuProps","containerId","containerProps","toolbarCollectionState","useToolbarCollectionContext","extensionMenuItems","useExtensionMenuItems","state","useState","MultiBulkActionToolbarState","collection","useEffect","setActions","hasToolbarTabs","featuredComponents","bulk","maxSelection","total","selectedCountOrTotal","allSelected","value","exportButton","TagsAssignButton","tagsCollectionState","components","AssignButton","translate","useWixPatternsContainer","createElement","Box","minHeight","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","removeVerticalPadding","dataHook","ItemGroup","position","className","st","classes","root","Item","SelectedCount","style","whiteSpace","undefined","max","result","supportTotal","totalStatus","num","TextButton","size","onClick","toggleSelectAll","location","hasClickableRows","alignSelf","marginLeft","marginRight","Divider","direction","gap","overflow","BulkActionContainer","cloneElement","toolbarType","filter","x","map","actionItem","index","_actionItem$subItems","key","ActionControl","priority","subItems","subItemsGroup","subItem","toolbarBIReporter","ctaClicked","itemId","selectedIds","join","ctaName","biName","ctaIndex","moreActionsIndex","componentId","appId","numCtas","length","secondaryActionItemsCount","secondaryActionItemsGroup","ActionPopover","subItemGroup","subItemIndex","_subItem","popoverMenuProps","label","MultiBulkActionToolbar","exports","observer"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  PopoverMenuProps,\n  TableToolbar,\n  TextButton,\n} from '@wix/design-system';\nimport React, { cloneElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { st, classes } from './MultiBulkActionToolbar.st.css.js';\nimport { ActionControl, ActionPopover, ActionSubitem } from '../ActionControl';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { BulkActionContainer } from './BulkActionContainer';\n\nexport interface MultiBulkActionToolbarProps {\n  /**\n   * List of primary actions. Primary actions are displayed as individual buttons.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  primaryActionItems?: ActionSubitem[];\n\n  /**\n   * List of secondary actions. Secondary actions are displayed when clicking the More Actions menu.\n   * Secondary actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @external\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   */\n  secondaryActionItems?: ActionSubitem[] | ActionSubitem[][];\n\n  /**\n   * [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu.\n   * @external\n   */\n  secondaryActionsPopoverMenuProps?: Partial<PopoverMenuProps>;\n\n  /**\n   * This ID is used to specify the target container for [dashboard menu plugin](./?path=/story/features-enrich-slots-and-plugins--slots-and-plugins) items.\n   */\n  containerId?: string;\n\n  /**\n   * This prop is used to pass additional properties that can be used on the onClick of the container's extensions menu items.\n   */\n  containerProps?: Record<string, any>;\n}\n\nfunction _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {\n  const {\n    primaryActionItems,\n    secondaryActionItems,\n    secondaryActionsPopoverMenuProps,\n    containerId,\n    containerProps,\n  } = props;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId,\n    containerProps,\n  });\n\n  const [state] = useState(\n    () =>\n      new MultiBulkActionToolbarState({\n        extensionMenuItems,\n        collection: toolbarCollectionState.collection,\n      }),\n  );\n\n  useEffect(() => {\n    state.setActions({\n      primaryActionItems,\n      secondaryActionItems,\n    });\n  }, [primaryActionItems, secondaryActionItems]);\n\n  const { collection, hasToolbarTabs, featuredComponents, bulk } =\n    toolbarCollectionState;\n\n  const { maxSelection, total, selectedCountOrTotal, allSelected } = bulk;\n\n  const { value: exportButton } = featuredComponents.exportButton;\n\n  const TagsAssignButton =\n    toolbarCollectionState.tagsCollectionState?.components.AssignButton;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box minHeight=\"60px\">\n      <TableToolbar\n        removeVerticalPadding={hasToolbarTabs}\n        dataHook=\"bulk-action-toolbar\"\n      >\n        <TableToolbar.ItemGroup position=\"start\" className={st(classes.root)}>\n          <TableToolbar.Item>\n            <TableToolbar.SelectedCount dataHook=\"selected-count\">\n              <span style={{ whiteSpace: 'nowrap' }}>\n                {maxSelection !== undefined\n                  ? t('cairo.bulkActions.max.selection', {\n                      max: maxSelection,\n                      total: selectedCountOrTotal,\n                    })\n                  : collection.result.supportTotal &&\n                    collection.result.totalStatus === 'success'\n                  ? t('cairo.bulkSelectedWithTotal', {\n                      num: selectedCountOrTotal,\n                      total,\n                    })\n                  : allSelected\n                  ? ''\n                  : t('cairo.bulkSelected', {\n                      num: selectedCountOrTotal,\n                    })}\n              </span>\n            </TableToolbar.SelectedCount>\n          </TableToolbar.Item>\n\n          {collection.result.supportTotal && (\n            <TableToolbar.Item>\n              <TextButton\n                dataHook=\"select-all\"\n                size=\"small\"\n                onClick={() =>\n                  bulk.toggleSelectAll({ location: 'TableToolbar CTA' })\n                }\n              >\n                {bulk.hasClickableRows\n                  ? t('cairo.selectAll')\n                  : t('cairo.deselectAll')}\n              </TextButton>\n            </TableToolbar.Item>\n          )}\n\n          <Box alignSelf=\"stretch\" marginLeft=\"SP4\" marginRight=\"SP2\">\n            <Divider direction=\"vertical\" />\n          </Box>\n\n          <Box gap=\"SP1\" overflow=\"hidden\">\n            {TagsAssignButton && (\n              <BulkActionContainer>\n                <TagsAssignButton />\n              </BulkActionContainer>\n            )}\n            {exportButton && (\n              <BulkActionContainer>\n                {cloneElement(exportButton, {\n                  toolbarType: 'bulkActionToolbar',\n                })}\n              </BulkActionContainer>\n            )}\n            {state.primaryActionItems\n              .filter((x) => !!x)\n              .map((actionItem, index) => (\n                <BulkActionContainer key={index}>\n                  <ActionControl\n                    priority=\"secondary\"\n                    size=\"small\"\n                    actionItem={{\n                      dataHook: 'bulk-action-button',\n                      ...actionItem,\n                      subItems: (\n                        actionItem?.subItems as ActionSubitem[][]\n                      )?.map((subItemsGroup) =>\n                        subItemsGroup?.map((subItem, index) => ({\n                          ...subItem,\n                          onClick: () => {\n                            toolbarCollectionState.toolbarBIReporter.ctaClicked(\n                              {\n                                itemId: bulk.selectedIds.join(','),\n                                location: 'multiBulkActionToolbar',\n                                ctaName: subItem.biName ?? '',\n                                ctaIndex: index + 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                                moreActionsIndex: index + 1,\n                                componentId: (subItem as any).componentId,\n                                appId: (subItem as any).appId,\n                                numCtas:\n                                  state.primaryActionItems.length +\n                                  state.secondaryActionItemsCount,\n                              },\n                            );\n                            subItem.onClick?.();\n                          },\n                        })),\n                      ),\n                      onClick: () => {\n                        toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                          itemId: bulk.selectedIds.join(','),\n                          location: 'multiBulkActionToolbar',\n                          ctaName: actionItem.biName ?? '',\n                          ctaIndex: 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                          moreActionsIndex: 0,\n                          componentId: (actionItem as any).componentId,\n                          appId: (actionItem as any).appId,\n                          numCtas:\n                            state.primaryActionItems.length +\n                            state.secondaryActionItemsCount,\n                        });\n                        actionItem.onClick?.();\n                      },\n                    }}\n                  />\n                </BulkActionContainer>\n              ))}\n\n            {state.secondaryActionItems.filter(\n              (secondaryActionItemsGroup) =>\n                secondaryActionItemsGroup.length > 0,\n            ).length > 0 && (\n              <BulkActionContainer>\n                <ActionPopover\n                  priority=\"secondary\"\n                  size=\"small\"\n                  actionItem={{\n                    dataHook: 'more-actions',\n                    biName: 'more-actions',\n                    subItems: (() => {\n                      let index = 0;\n                      return state.secondaryActionItems.map((subItemGroup) =>\n                        subItemGroup.map((subItem) => {\n                          const subItemIndex = index;\n                          index++;\n                          const _subItem = {\n                            ...subItem,\n                            onClick: () => {\n                              toolbarCollectionState.toolbarBIReporter.ctaClicked(\n                                {\n                                  itemId: bulk.selectedIds.join(','),\n                                  location: 'multiBulkActionToolbar',\n                                  ctaName: subItem.biName ?? '',\n                                  ctaIndex: subItemIndex + 3,\n                                  moreActionsIndex: subItemIndex + 1,\n                                  componentId: (subItem as any).componentId,\n                                  appId: (subItem as any).appId,\n                                  numCtas:\n                                    state.primaryActionItems.length +\n                                    state.secondaryActionItemsCount,\n                                },\n                              );\n                              subItem.onClick?.();\n                            },\n                          };\n                          return _subItem;\n                        }),\n                      );\n                    })(),\n\n                    popoverMenuProps: secondaryActionsPopoverMenuProps,\n                    label: t('cairo.moreActions'),\n                  }}\n                />\n              </BulkActionContainer>\n            )}\n          </Box>\n        </TableToolbar.ItemGroup>\n      </TableToolbar>\n    </Box>\n  );\n}\n\nexport const MultiBulkActionToolbar = observer(_MultiBulkActionToolbar);\n"],"mappings":"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","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_ = "MultiBulkActionToolbar2544975078";
+var _namespace_ = "MultiBulkActionToolbar3088432639";
 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": "MultiBulkActionToolbar2544975078__root"
+  "root": "MultiBulkActionToolbar3088432639__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_ = \"MultiBulkActionToolbar2544975078\";\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\":\"MultiBulkActionToolbar2544975078__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_ = \"MultiBulkActionToolbar3088432639\";\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\":\"MultiBulkActionToolbar3088432639__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":[]}

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

@@ -14,8 +14,8 @@ var _MultiSelectCheckboxFilterBase = require("../MultiSelectCheckboxFilterBase")
 var _hooks = require("../../hooks");
 var _InputOverflow = require("../InputOverflow");
 var _providers = require("../../providers");
-var _usePlaceholderStateOptions = require("../../hooks/usePlaceholderStateOptions");
 var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
+var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -94,11 +94,11 @@ function _MultiSelectCheckboxFilter(props) {
   const otherOptions = (isEmptySearch ? keyedItems.filter(({
     key
   }) => !finalFilterKeyedItemsMap.has(key)) : keyedItems).map(buildOption);
+  const options = [...(isEmptySearch ? promotedOptions : []), ...otherOptions];
   const {
-    options,
     fixedFooter,
     showInitialLoader
-  } = (0, _usePlaceholderStateOptions.usePlaceholderStateOptions)([...(isEmptySearch ? promotedOptions : []), ...otherOptions], {
+  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
     collection,
     fixedFooter: rest.fixedFooter
   });
@@ -220,14 +220,14 @@ function _MultiSelectCheckboxFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 270,
+        lineNumber: 267,
         columnNumber: 9
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 194,
       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(({ 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":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAIA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AAMA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,2BAAA,GAAAX,OAAA;AACA,IAAAY,sCAAA,GAAAZ,OAAA;AAG2D,IAAAa,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAsB3D,SAASW,0BAA0BA,CACjCC,KAA2C,EAC3C;EACA,MAAM;IACJC,MAAM;IACNC,UAAU;IACVC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,aAAa;IACbC,UAAU;IACVC,WAAW,EAAEC,eAAe;IAC5B,GAAGC;EACL,CAAC,GAAGV,KAAK;EAET,MAAMW,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,OAAO,GAAG,IAAAC,gCAAqB,EAAC,CAAC;EAEvC,MAAMC,WAAW,GAAG,IAAAC,qBAAc,EAAI;IACpCf,MAAM;IACNE,UAAU;IACVc,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM,CAACC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EACjC,MACE,IAAIC,4BAAqB,CAAC;IACxBlB,UAAU;IACVD;EACF,CAAC,CACL,CAAC;EAED,MAAM,CAACoB,6BAA6B,CAAC,GAAG,IAAAF,eAAQ,EAC9C,MACE,IAAIG,oCAA6B,CAAO;IACtCC,YAAY,EAAE,KAAK;IACnBL,gBAAgB;IAChBP,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,MAAM;IAAEW,cAAc;IAAEC,IAAI;IAAEC,UAAU;IAAEC;EAAsB,CAAC,GAC/DN,6BAA6B;EAC/B,MAAM;IAAEO;EAAe,CAAC,GAAGF,UAAU;EAErC,MAAM;IACJG,MAAM,EAAE;MAAEC,YAAY;MAAEC;IAAe,CAAC;IACxCC,qBAAqB;IACrBC,wBAAwB;IACxBtB,SAAS,EAAE;MAAEuB,SAAS,EAAEnD;IAAE;EAC5B,CAAC,GAAGyC,cAAc;EAElB,MAAM,CAACW,iBAAiB,CAAC,GAAG,IAAAhB,eAAQ,EAClC,MACE,IAAIiB,0BAAiB,CAAC;IACpBC,UAAU,EAAEA,CAAA,KAAMb,cAAc,CAACK,MAAM,CAACE;EAC1C,CAAC,CACL,CAAC;EACD,MAAM;IAAEO;EAAW,CAAC,GAAGH,iBAAiB;EAExC,MAAM;IACJI,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,eAAe;IACfC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAG3C,UAAU;EAEd,MAAM4C,YAAY,GAAGd,qBAAqB,CAACe,MAAM,GAC7Cf,qBAAqB,CAACgB,GAAG,CAACjC,WAAW,CAAC,GACtC,EAAE;EAEN,MAAMkC,OAAO,GACXjB,qBAAqB,CAACe,MAAM,IAC5Bf,qBAAqB,CAACe,MAAM,KAAKP,UAAU,CAACO,MAAM,GAC9C,CACE,IAAAG,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,eAAyD,GAAG,CAChE,GAAGP,YAAY,EACf,GAAGG,OAAO,CACX;EAED,MAAMK,YAAkC,GAAG,CACzCT,aAAa,GACTL,UAAU,CAACvC,MAAM,CAAC,CAAC;IAAEsD;EAAI,CAAC,KAAK,CAACtB,wBAAwB,CAAC/C,GAAG,CAACqE,GAAG,CAAC,CAAC,GAClEf,UAAU,EACdQ,GAAG,CAACjC,WAAW,CAAC;EAElB,MAAM;IAAEyC,OAAO;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GAC/C,IAAAC,sDAA0B,EACxB,CAAC,IAAId,aAAa,GAAGQ,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGC,YAAY,CAAC,EAC5D;IACEpD,UAAU;IACVuD,WAAW,EAAE/C,IAAI,CAAC+C;EACpB,CACF,CAAC;EAEH,MAAMG,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,OAAO9B,cAAc,CAACiB,GAAG,CAAC,CAAC;MAAEc;IAAK,CAAC,KAAK7D,MAAM,CAAC8D,QAAQ,CAACD,IAAI,CAAC,CAAC,CAACE,IAAI,CAAC,IAAI,CAAC;EAC3E,CAAC,EAAE,CAACjC,cAAc,CAAC,CAAC;EAEpB,MAAM;IAAEkC,gBAAgB;IAAEC;EAAQ,CAAC,GACjC,IAAAC,4EAAqC,EAACnE,KAAK,CAAC;EAE9C,IAAAoE,gBAAS,EAAC,MAAM3C,IAAI,CAAC;IAAEwC;EAAiB,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,MAAMzD,WAAW,GAAG,IAAAqD,cAAO,EAAC,MAAM;IAChC,IAAI,CAAClC,qBAAqB,EAAE;MAC1B,OAAO,EAAE;IACX;IAEA,IAAII,cAAc,CAACgB,MAAM,KAAK,CAAC,EAAE;MAC/B,IACGsB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAIX,kBAAkB,CAACb,MAAM,GAAG,EAAE,IAClET,UAAU,EACV;QACA,OAAOvD,CAAC,CAAC,uCAAuC,EAAE;UAChDyF,KAAK,EAAEzC,cAAc,CAACgB;QACxB,CAAC,CAAC;MACJ;MAEA,OAAOa,kBAAkB;IAC3B;IAEA,IAAInD,eAAe,EAAE;MACnB,OAAOA,eAAe;IACxB;IAEA,MAAMgE,cAAc,GAAG,gDAAgD;IAEvE,IAAI1F,CAAC,CAAC0F,cAAc,CAAC,KAAKA,cAAc,EAAE;MACxC,OAAO1F,CAAC,CAAC0F,cAAc,CAAC;IAC1B;IAEA,OAAO,EAAE;EACX,CAAC,EAAE,CACD1C,cAAc,EACd6B,kBAAkB,EAClBjC,qBAAqB,EACrBW,UAAU,EACV7B,eAAe,EACfE,SAAS,CAAC+D,QAAQ,CAACC,MAAM,CAACA,MAAM,CACjC,CAAC;EAEF,oBACE7G,MAAA,CAAAmB,OAAA,CAAA2F,aAAA,CAACxG,8BAAA,CAAAyG,6BAA6B,MAAAC,SAAA,CAAA7F,OAAA,MACxByB,IAAI;IACR+C,WAAW,EAAEA,WAAY;IACzBsB,cAAc;IACd9E,MAAM,EAAEA,MAAO;IACfuB,cAAc,EAAEA,cAAe;IAC/BgC,OAAO,EAAEA,OAAQ;IACjBwB,eAAe,EAAElD,YAAa;IAC9BmD,OAAO,EAAE,CAACvB,iBAAiB,IAAI,CAACjB,eAAgB;IAChDyC,QAAQ,EAAEhF,UAAU,CAACiF,qBAAsB;IAC3C9E,OAAO,EAAEA,CAAA,KAAM;MACb,IAAI,CAACmB,cAAc,CAAC4D,gBAAgB,EAAE;QACpC5D,cAAc,CAAC6D,2BAA2B,CAAC,CAAC;MAC9C;MACA3D,UAAU,CAAC4D,MAAM,CAAC,CAAC;MACnBjF,OAAO,YAAPA,OAAO,CAAG,CAAC;IACb,CAAE;IACFD,QAAQ,EAAEA,CAAC+C,EAAE,EAAEoC,MAAM,KAAK;MACxB,MAAM;QAAEC;MAAU,CAAC,GAAGD,MAA4B;MAClD/D,cAAc,CAACK,MAAM,CAAC/B,GAAG,CAAC0F,SAAS,CAAC;MACpC,IAAIhE,cAAc,CAAC4D,gBAAgB,EAAE;QACnC5D,cAAc,CAACiE,gBAAgB,CAAC;UAC9BC,UAAU,EAAE,KAAK;UACjBC,eAAe,EAAEH,SAAS,CAACjC;QAC7B,CAAC,CAAC;MACJ;MACAnD,QAAQ,YAARA,QAAQ,CAAG+C,EAAE,EAAEoC,MAAM,CAAC;IACxB,CAAE;IACFhF,UAAU,EAAEA,CAAC4C,EAAE,EAAEoC,MAAM,KAAK;MAC1B,MAAM;QAAEC;MAAU,CAAC,GAAGD,MAA4B;MAClD/D,cAAc,CAACK,MAAM,CAAC+D,MAAM,CAACJ,SAAS,CAAC;MACvC,IAAIhE,cAAc,CAAC4D,gBAAgB,EAAE;QACnC5D,cAAc,CAACiE,gBAAgB,CAAC;UAC9BC,UAAU,EAAE,QAAQ;UACpBC,eAAe,EAAEH,SAAS,CAACjC;QAC7B,CAAC,CAAC;MACJ;MACAhD,UAAU,YAAVA,UAAU,CAAG4C,EAAE,EAAEoC,MAAM,CAAC;IAC1B,CAAE;IACFM,KAAK,EAAE3F,UAAU,CAACwC,KAAK,CAACC,MAAM,CAACkD,KAAM;IACrC3B,OAAO,EAAEA,CAAA,KAAM;MACbxC,UAAU,CAACwC,OAAO,CAAC,CAAC;MACpBA,OAAO,CAAC,CAAC;IACX,CAAE;IACFoB,MAAM,EAAEA,CAAA,KAAM;MACZ5D,UAAU,CAAC4D,MAAM,CAAC,CAAC;IACrB,CAAE;IACFQ,QAAQ,EAAGlH,CAAC,IAAK;MACfsB,UAAU,CAACyC,MAAM,CAAC/D,CAAC,CAACmH,MAAM,CAACF,KAAK,EAAE;QAAEG,WAAW,EAAE;MAAK,CAAC,CAAC;IAC1D,CAAE;IACF1F,aAAa,EAAEA,CAAA,KAAM;MACnBoB,UAAU,CAACpB,aAAa,CAAC,CAAC;MAC1BA,aAAa,YAAbA,aAAa,CAAG,CAAC;IACnB,CAAE;IACF2F,SAAS,EAAGrH,CAAC,IAAK;MAChB,IAAIA,CAAC,CAACsH,WAAW,CAACC,IAAI,KAAK,KAAK,EAAE;QAChCzE,UAAU,CAAC0E,YAAY,CAAC,CAAC;MAC3B;IACF,CAAE;IACFC,cAAc,EAAGzH,CAAC,IAAK;MACrBoB,KAAK,CAACqG,cAAc,YAApBrG,KAAK,CAACqG,cAAc,CAAGzH,CAAC,CAAC;MACzB8C,UAAU,CAAC2E,cAAc,CAAC,CAAC;IAC7B,CAAE;IACFC,OAAO,EAAEA,CAAA,KAAM;MACb5E,UAAU,CAAC4D,MAAM,CAAC,CAAC;MACnBpF,UAAU,CAACqG,WAAW,CAAC,CAAC;IAC1B,CAAE;IACF3E,cAAc,EAAEA,cAAe;IAC/BpB,WAAW,EAAEA,WAAY;IACzBgG,WAAW,EAAE,CAAC5E,cAAe;IAC7B6E,yBAAyB,EAAE1H,CAAC,CAAC,0CAA0C,CAAE;IACzE2H,iBAAiB;IACjBC,YAAY,eACV7I,MAAA,CAAAmB,OAAA,CAAA2F,aAAA,CAACtG,cAAA,CAAAsI,aAAa;MACZC,QAAQ,EAAE9E,cAAc,CAACgB,MAAM,GAAG,CAAE;MACpC+D,OAAO,EAAEpF,UAAU,CAACqF,SAAU;MAC9BC,IAAI,EAAEpD,kBAAmB;MACzBqD,KAAK,EAAE9E,iBAAkB;MAAA+E,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1I,YAAA;QAAA2I,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC1B,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1I,YAAA;MAAA2I,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAAC1H,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_useCollectionFilterInitialFetchTiming","_useFilterCollectionStates","_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","useFilterCollectionStates","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 {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\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 = [...(isEmptySearch ? promotedOptions : []), ...otherOptions];\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\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/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js

@@ -11,7 +11,7 @@ var _MultiSelectFilterBase = require("../MultiSelectFilterBase");
 var _hooks = require("../../hooks");
 var _react2 = require("@wix/bex-core/react");
 var _providers = require("../../providers");
-var _usePlaceholderStateOptions = require("../../hooks/usePlaceholderStateOptions");
+var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
 var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -61,11 +61,11 @@ function _MultiSelectCollectionFilter(props) {
     },
     fetchedLastPage
   } = collection;
+  const options = keyedItems.map(buildOption);
   const {
-    options,
     fixedFooter,
     showInitialLoader
-  } = (0, _usePlaceholderStateOptions.usePlaceholderStateOptions)(keyedItems.map(buildOption), {
+  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
     collection,
     fixedFooter: rest.fixedFooter
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_MultiSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCollectionFilter","props","filter","collection","renderItem","initialFetchTiming","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","map","createElement","MultiSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCollectionFilter","exports","observer","displayName"],"sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  MultiSelectFilterBase,\n  MultiSelectFilterBaseProps,\n} from '../MultiSelectFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  CollectionFilterInitialFetchTimingProps,\n  useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCollectionFilterProps<V, F extends FiltersMap>\n  extends Omit<MultiSelectFilterBaseProps<V>, 'options' | 'dropdownSelect'>,\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   * @external\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCollectionFilter<V, F extends FiltersMap>(\n  props: MultiSelectCollectionFilterProps<V, F>,\n) {\n  const { filter, collection, renderItem, initialFetchTiming, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [{ dropdownSelect, init }] = useState(\n    () =>\n      new DropdownCollectionFilterState({\n        collectionFilter,\n        resetOnClose: true,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    query: { search },\n  } = collection;\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(keyedItems.map(buildOption), {\n      collection,\n      fixedFooter: rest.fixedFooter,\n    });\n\n  return (\n    <MultiSelectFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      value={search.value}\n      onChange={(e) => {\n        collection.search(e.target.value);\n      }}\n      onFocus={onFocus}\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n    />\n  );\n}\n\nexport const MultiSelectCollectionFilter = observer(\n  _MultiSelectCollectionFilter,\n);\n\nMultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_MultiSelectFilterBase","_hooks","_react2","_providers","_useFilterCollectionStates","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCollectionFilter","props","filter","collection","renderItem","initialFetchTiming","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","map","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","MultiSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCollectionFilter","exports","observer","displayName"],"sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  MultiSelectFilterBase,\n  MultiSelectFilterBaseProps,\n} from '../MultiSelectFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport {\n  CollectionFilterInitialFetchTimingProps,\n  useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCollectionFilterProps<V, F extends FiltersMap>\n  extends Omit<MultiSelectFilterBaseProps<V>, 'options' | 'dropdownSelect'>,\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   * @external\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCollectionFilter<V, F extends FiltersMap>(\n  props: MultiSelectCollectionFilterProps<V, F>,\n) {\n  const { filter, collection, renderItem, initialFetchTiming, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [{ dropdownSelect, init }] = useState(\n    () =>\n      new DropdownCollectionFilterState({\n        collectionFilter,\n        resetOnClose: true,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    query: { search },\n  } = collection;\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const options = keyedItems.map(buildOption);\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  return (\n    <MultiSelectFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      value={search.value}\n      onChange={(e) => {\n        collection.search(e.target.value);\n      }}\n      onFocus={onFocus}\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n    />\n  );\n}\n\nexport const MultiSelectCollectionFilter = observer(\n  _MultiSelectCollectionFilter,\n);\n\nMultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';\n"],"mappings":"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","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_ = "NestedTablePlaceholderStatesRow1953847143";
+var _namespace_ = "NestedTablePlaceholderStatesRow2371233200";
 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": "NestedTablePlaceholderStatesRow1953847143__root"
+  "root": "NestedTablePlaceholderStatesRow2371233200__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_ = \"NestedTablePlaceholderStatesRow1953847143\";\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\":\"NestedTablePlaceholderStatesRow1953847143__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_ = \"NestedTablePlaceholderStatesRow2371233200\";\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\":\"NestedTablePlaceholderStatesRow2371233200__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_ = "NestedTableRow1954984345";
+var _namespace_ = "NestedTableRow359936233";
 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": "NestedTableRow1954984345__root",
-  "firstLevel": "NestedTableRow1954984345__firstLevel",
-  "placeholder": "NestedTableRow1954984345__placeholder",
-  "parentHovered": "NestedTableRow1954984345__parentHovered"
+  "root": "NestedTableRow359936233__root",
+  "firstLevel": "NestedTableRow359936233__firstLevel",
+  "placeholder": "NestedTableRow359936233__placeholder",
+  "parentHovered": "NestedTableRow359936233__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_ = \"NestedTableRow1954984345\";\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\":\"NestedTableRow1954984345__root\",\"firstLevel\":\"NestedTableRow1954984345__firstLevel\",\"placeholder\":\"NestedTableRow1954984345__placeholder\",\"parentHovered\":\"NestedTableRow1954984345__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_ = \"NestedTableRow359936233\";\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\":\"NestedTableRow359936233__root\",\"firstLevel\":\"NestedTableRow359936233__firstLevel\",\"placeholder\":\"NestedTableRow359936233__placeholder\",\"parentHovered\":\"NestedTableRow359936233__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,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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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/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_ = "MultipleDragOverlayEffect2965914300";
+var _namespace_ = "MultipleDragOverlayEffect3287981796";
 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": "MultipleDragOverlayEffect2965914300__root"
+  "root": "MultipleDragOverlayEffect3287981796__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_ = \"MultipleDragOverlayEffect2965914300\";\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\":\"MultipleDragOverlayEffect2965914300__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_ = \"MultipleDragOverlayEffect3287981796\";\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\":\"MultipleDragOverlayEffect3287981796__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":[]}