@wix/patterns 1.294.0 → 1.299.0

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx

@@ -14,6 +14,8 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';
 import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
 import { BulkActionContainer } from './BulkActionContainer';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import { useBulkActionMobileGroups } from '../../hooks/useBulkActionMobileGroups';
 
 export interface MultiBulkActionToolbarProps {
   /**
@@ -61,6 +63,7 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
     containerId,
     containerProps,
   });
+  const isMobile = useIsMobile();
 
   const [state] = useState(
     () =>
@@ -89,6 +92,172 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
 
   const { translate: t } = useWixPatternsContainer();
 
+  const withBi = (item: ActionSubitem, ctaIndex: number): ActionSubitem => {
+    return {
+      ...item,
+      onClick: () => {
+        toolbarCollectionState.toolbarBIReporter.ctaClicked({
+          itemId: bulk.selectedIds.join(','),
+          location: 'multiBulkActionToolbar',
+          ctaName: item.biName ?? '',
+          ctaIndex,
+          componentId: (item as any).componentId,
+          appId: (item as any).appId,
+          numCtas:
+            state.primaryActionItems.length + state.secondaryActionItemsCount,
+        });
+        item?.onClick();
+      },
+    };
+  };
+
+  const mobileBulkActionGroups = useBulkActionMobileGroups({
+    primaryActionItems: state.primaryActionItems,
+    secondaryActionItems: state.secondaryActionItems,
+    moreActionsLabel: t('cairo.moreActions'),
+  });
+
+  const mobileBulkActionGroupsWithBi = mobileBulkActionGroups?.map((group) =>
+    group.map((item, itemIndex) => withBi(item, itemIndex + 1)),
+  );
+
+  const BulkActionButtonsDesktop = () => (
+    <>
+      <Box alignSelf="stretch" marginLeft="SP4" marginRight="SP2">
+        <Divider direction="vertical" />
+      </Box>
+
+      <Box gap="SP1" overflow="hidden">
+        {TagsAssignButton && (
+          <BulkActionContainer>
+            <TagsAssignButton />
+          </BulkActionContainer>
+        )}
+        {exportButton && (
+          <BulkActionContainer>
+            {cloneElement(exportButton, {
+              toolbarType: 'bulkActionToolbar',
+            })}
+          </BulkActionContainer>
+        )}
+        {state.primaryActionItems
+          .filter((x) => !!x)
+          .map((actionItem, index) => (
+            <BulkActionContainer key={index}>
+              <ActionControl
+                priority="secondary"
+                size="small"
+                actionItem={{
+                  dataHook: 'bulk-action-button',
+                  ...actionItem,
+                  subItems: (actionItem?.subItems as ActionSubitem[][])?.map(
+                    (subItemsGroup) =>
+                      subItemsGroup?.map((subItem, subIndex) => ({
+                        ...subItem,
+                        onClick: () => {
+                          toolbarCollectionState.toolbarBIReporter.ctaClicked({
+                            itemId: bulk.selectedIds.join(','),
+                            location: 'multiBulkActionToolbar',
+                            ctaName: subItem.biName ?? '',
+                            ctaIndex: subIndex + 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131
+                            moreActionsIndex: subIndex + 1,
+                            componentId: (subItem as any).componentId,
+                            appId: (subItem as any).appId,
+                            numCtas:
+                              state.primaryActionItems.length +
+                              state.secondaryActionItemsCount,
+                          });
+                          subItem.onClick?.();
+                        },
+                      })),
+                  ),
+                  onClick: () => {
+                    toolbarCollectionState.toolbarBIReporter.ctaClicked({
+                      itemId: bulk.selectedIds.join(','),
+                      location: 'multiBulkActionToolbar',
+                      ctaName: actionItem.biName ?? '',
+                      ctaIndex: 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131
+                      moreActionsIndex: 0,
+                      componentId: (actionItem as any).componentId,
+                      appId: (actionItem as any).appId,
+                      numCtas:
+                        state.primaryActionItems.length +
+                        state.secondaryActionItemsCount,
+                    });
+                    actionItem.onClick?.();
+                  },
+                }}
+              />
+            </BulkActionContainer>
+          ))}
+
+        {state.secondaryActionItems.filter(
+          (secondaryActionItemsGroup) => secondaryActionItemsGroup.length > 0,
+        ).length > 0 && (
+          <BulkActionContainer>
+            <ActionPopover
+              priority="secondary"
+              size="small"
+              actionItem={{
+                dataHook: 'more-actions',
+                biName: 'more-actions',
+                subItems: (() => {
+                  let index = 0;
+                  return state.secondaryActionItems.map((subItemGroup) =>
+                    subItemGroup.map((subItem) => {
+                      const subItemIndex = index;
+                      index++;
+                      const _subItem = {
+                        ...subItem,
+                        onClick: () => {
+                          toolbarCollectionState.toolbarBIReporter.ctaClicked({
+                            itemId: bulk.selectedIds.join(','),
+                            location: 'multiBulkActionToolbar',
+                            ctaName: subItem.biName ?? '',
+                            ctaIndex: subItemIndex + 3,
+                            moreActionsIndex: subItemIndex + 1,
+                            componentId: (subItem as any).componentId,
+                            appId: (subItem as any).appId,
+                            numCtas:
+                              state.primaryActionItems.length +
+                              state.secondaryActionItemsCount,
+                          });
+                          subItem.onClick?.();
+                        },
+                      };
+                      return _subItem;
+                    }),
+                  );
+                })(),
+
+                popoverMenuProps: secondaryActionsPopoverMenuProps,
+                label: t('cairo.moreActions'),
+              }}
+            />
+          </BulkActionContainer>
+        )}
+      </Box>
+    </>
+  );
+
+  const BulkActionButtonsMobile = () => (
+    <ActionPopover
+      priority="secondary"
+      size="small"
+      actionItem={{
+        dataHook: 'all-actions-mobile',
+        biName: 'more-actions',
+        subItems: mobileBulkActionGroupsWithBi,
+        popoverMenuProps: {
+          fixed: false,
+          minWidth: 'max-content',
+          ...secondaryActionsPopoverMenuProps,
+        },
+        label: t('cairo.table.mobile.more.button'),
+      }}
+    />
+  );
+
   return (
     <Box minHeight="60px">
       <TableToolbar
@@ -135,127 +304,16 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
             </TableToolbar.Item>
           )}
 
-          <Box alignSelf="stretch" marginLeft="SP4" marginRight="SP2">
-            <Divider direction="vertical" />
-          </Box>
-
-          <Box gap="SP1" overflow="hidden">
-            {TagsAssignButton && (
-              <BulkActionContainer>
-                <TagsAssignButton />
-              </BulkActionContainer>
-            )}
-            {exportButton && (
-              <BulkActionContainer>
-                {cloneElement(exportButton, {
-                  toolbarType: 'bulkActionToolbar',
-                })}
-              </BulkActionContainer>
-            )}
-            {state.primaryActionItems
-              .filter((x) => !!x)
-              .map((actionItem, index) => (
-                <BulkActionContainer key={index}>
-                  <ActionControl
-                    priority="secondary"
-                    size="small"
-                    actionItem={{
-                      dataHook: 'bulk-action-button',
-                      ...actionItem,
-                      subItems: (
-                        actionItem?.subItems as ActionSubitem[][]
-                      )?.map((subItemsGroup) =>
-                        subItemsGroup?.map((subItem, index) => ({
-                          ...subItem,
-                          onClick: () => {
-                            toolbarCollectionState.toolbarBIReporter.ctaClicked(
-                              {
-                                itemId: bulk.selectedIds.join(','),
-                                location: 'multiBulkActionToolbar',
-                                ctaName: subItem.biName ?? '',
-                                ctaIndex: index + 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131
-                                moreActionsIndex: index + 1,
-                                componentId: (subItem as any).componentId,
-                                appId: (subItem as any).appId,
-                                numCtas:
-                                  state.primaryActionItems.length +
-                                  state.secondaryActionItemsCount,
-                              },
-                            );
-                            subItem.onClick?.();
-                          },
-                        })),
-                      ),
-                      onClick: () => {
-                        toolbarCollectionState.toolbarBIReporter.ctaClicked({
-                          itemId: bulk.selectedIds.join(','),
-                          location: 'multiBulkActionToolbar',
-                          ctaName: actionItem.biName ?? '',
-                          ctaIndex: 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131
-                          moreActionsIndex: 0,
-                          componentId: (actionItem as any).componentId,
-                          appId: (actionItem as any).appId,
-                          numCtas:
-                            state.primaryActionItems.length +
-                            state.secondaryActionItemsCount,
-                        });
-                        actionItem.onClick?.();
-                      },
-                    }}
-                  />
-                </BulkActionContainer>
-              ))}
-
-            {state.secondaryActionItems.filter(
-              (secondaryActionItemsGroup) =>
-                secondaryActionItemsGroup.length > 0,
-            ).length > 0 && (
-              <BulkActionContainer>
-                <ActionPopover
-                  priority="secondary"
-                  size="small"
-                  actionItem={{
-                    dataHook: 'more-actions',
-                    biName: 'more-actions',
-                    subItems: (() => {
-                      let index = 0;
-                      return state.secondaryActionItems.map((subItemGroup) =>
-                        subItemGroup.map((subItem) => {
-                          const subItemIndex = index;
-                          index++;
-                          const _subItem = {
-                            ...subItem,
-                            onClick: () => {
-                              toolbarCollectionState.toolbarBIReporter.ctaClicked(
-                                {
-                                  itemId: bulk.selectedIds.join(','),
-                                  location: 'multiBulkActionToolbar',
-                                  ctaName: subItem.biName ?? '',
-                                  ctaIndex: subItemIndex + 3,
-                                  moreActionsIndex: subItemIndex + 1,
-                                  componentId: (subItem as any).componentId,
-                                  appId: (subItem as any).appId,
-                                  numCtas:
-                                    state.primaryActionItems.length +
-                                    state.secondaryActionItemsCount,
-                                },
-                              );
-                              subItem.onClick?.();
-                            },
-                          };
-                          return _subItem;
-                        }),
-                      );
-                    })(),
-
-                    popoverMenuProps: secondaryActionsPopoverMenuProps,
-                    label: t('cairo.moreActions'),
-                  }}
-                />
-              </BulkActionContainer>
-            )}
-          </Box>
+          {!isMobile && <BulkActionButtonsDesktop />}
         </TableToolbar.ItemGroup>
+
+        {isMobile && (
+          <TableToolbar.ItemGroup position="end">
+            <TableToolbar.Item>
+              <BulkActionButtonsMobile />
+            </TableToolbar.Item>
+          </TableToolbar.ItemGroup>
+        )}
       </TableToolbar>
     </Box>
   );

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3541608152";
+var _namespace_ = "NestedTablePlaceholderStatesRow613004709";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow3541608152__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow613004709__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow1225442242";
+var _namespace_ = "NestedTableRow2976448891";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow1225442242__root","firstLevel":"NestedTableRow1225442242__firstLevel","placeholder":"NestedTableRow1225442242__placeholder","parentHovered":"NestedTableRow1225442242__parentHovered"};
+export var classes = {"root":"NestedTableRow2976448891__root","firstLevel":"NestedTableRow2976448891__firstLevel","placeholder":"NestedTableRow2976448891__placeholder","parentHovered":"NestedTableRow2976448891__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1674066281";
+var _namespace_ = "MultipleDragOverlayEffect874100797";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect1674066281__root"};
+export var classes = {"root":"MultipleDragOverlayEffect874100797__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow261684141";
+var _namespace_ = "NestedTableDragAndDropRow1698105103";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow261684141__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1698105103__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent1012843822";
+var _namespace_ = "PickerContent3078262274";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent1012843822__root"};
+export var classes = {"root":"PickerContent3078262274__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1513575593";
+var _namespace_ = "PickerContentAdditionalStep3902626640";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep1513575593__root","titles":"PickerContentAdditionalStep1513575593__titles","suffix":"PickerContentAdditionalStep1513575593__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3902626640__root","titles":"PickerContentAdditionalStep3902626640__titles","suffix":"PickerContentAdditionalStep3902626640__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1758675998";
+var _namespace_ = "PickerTableListItem1977648805";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem1758675998__root"};
+export var classes = {"root":"PickerTableListItem1977648805__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent1022134013";
+var _namespace_ = "ScrollableContent1510175626";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent1022134013__root"};
+export var classes = {"root":"ScrollableContent1510175626__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2881269976";
+var _namespace_ = "SkeletonCard786624872";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard2881269976__root","headerLoading":"SkeletonCard2881269976__headerLoading"};
+export var classes = {"root":"SkeletonCard786624872__root","headerLoading":"SkeletonCard786624872__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal2713459800";
+var _namespace_ = "SlidingModal1660445427";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal2713459800__root"};
+export var classes = {"root":"SlidingModal1660445427__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1706152998";
+var _namespace_ = "TabsFilter3576348843";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter1706152998__root","title":"TabsFilter1706152998__title"};
+export var classes = {"root":"TabsFilter3576348843__root","title":"TabsFilter3576348843__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsResponsiveState.ts

@@ -1,11 +1,16 @@
 import { action, makeObservable, observable } from 'mobx';
-import { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';
+import {
+  addResizeObserver,
+  WixPatternsContainer,
+  isMobileDevice,
+} from '@wix/bex-core';
 
 export interface TabsResponsiveStateParams {
   container: WixPatternsContainer;
 }
 
 export class TabsResponsiveState {
+  readonly isMobile: boolean;
   container?: HTMLDivElement;
   // We save the badges in a Map and not in an Array because the badge is optional
   // on a per-tab basis, but we still need to know the index of each badge.
@@ -23,6 +28,7 @@ export class TabsResponsiveState {
   readonly onResizeThrottled;
 
   constructor(params: TabsResponsiveStateParams) {
+    this.isMobile = isMobileDevice();
     this.onResizeThrottled = params.container.lodash.throttle(
       () => window.requestAnimationFrame(this._onResize),
       300,
@@ -62,7 +68,6 @@ export class TabsResponsiveState {
 
   _onResize = action(() => {
     const { container } = this;
-
     if (process.env.NODE_ENV === 'test') {
       return;
     }
@@ -71,6 +76,12 @@ export class TabsResponsiveState {
       return;
     }
 
+    // Force dropdown mode on mobile
+    if (this.isMobile) {
+      this.mode = 'dropdown';
+      return;
+    }
+
     const nextPanelWidth = this.getPanelMinWidth();
 
     // If the measurements show 0, this means that not all elements have loaded yet,

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal2592090336";
+var _namespace_ = "ManageTagsModal4049647154";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal2592090336__root"};
+export var classes = {"root":"ManageTagsModal4049647154__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1620155007";
+var _namespace_ = "ToolbarItem3679284432";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItem1620155007__root"};
+export var classes = {"root":"ToolbarItem3679284432__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox2213283046";
+var _namespace_ = "ToolbarItemBox3080473563";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItemBox2213283046__root"};
+export var classes = {"root":"ToolbarItemBox3080473563__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2482990161";
+var _namespace_ = "common1987387905";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"common2482990161__root","column":"common2482990161__column","fullHeight":"common2482990161__fullHeight"};
+export var classes = {"root":"common1987387905__root","column":"common1987387905__column","fullHeight":"common1987387905__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/index.ts

@@ -21,3 +21,4 @@ export * from './useCreateNestedOptimisticActions';
 export * from './useEntity';
 export * from './useSettings';
 export * from './useTagsWidget';
+export * from './useBulkActionMobileGroups';