@wix/patterns 1.261.0 → 1.264.0

package/dist/cjs/components/Kanban/KanbanProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/Kanban/KanbanProps.ts"],"sourcesContent":["import { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { CollectionToolbarFiltersElement } from '../assertComponentType';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport type { DataExtensionElement, DataExtensionType } from '../DataExtension';\nimport type { TagsElement } from '../Tags';\n\ninterface KanbanItemField<T> {\n  key: string;\n  title: string;\n  render: TableColumnWSR<T>['render'];\n}\n\nexport interface KanbanBaseProps<T, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n  DragAndDropCategoriesProps<{}> {\n  dataHook?: string;\n  state: KanbanState<T, S, F>;\n  filters?: CollectionToolbarFiltersElement;\n  errorState?: (\n    err: unknown,\n    params: {\n      isOnline: boolean;\n      retry: () => void;\n    },\n  ) => ReactElement;\n  emptyState?: ReactNode;\n  noResultsState?: ReactNode;\n  stageSummary?: ({ stage }: { stage: S }) => React.ReactNode;\n  renderItem?: ({ stage, item }: { stage: S; item: T }) => {\n    title: string | ReactNode;\n    subtitle?: ReactNode;\n    additionalInfo?: ReactNode;\n    additionalFields?: ReactNode | KanbanItemField<T>[];\n    badge?: ReactNode;\n  };\n  actionCell?: ActionCell<T, F>;\n  dataExtension?: DataExtensionType | DataExtensionElement;\n  tags?: TagsElement<T, F>;\n  entityPageId?: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/Kanban/KanbanProps.ts"],"sourcesContent":["import { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { CollectionToolbarFiltersElement } from '../assertComponentType';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport type { DataExtensionElement, DataExtensionType } from '../DataExtension';\nimport type { TagsElement } from '../Tags';\n\ninterface KanbanItemField<T> {\n  key: string;\n  title: string;\n  render: TableColumnWSR<T>['render'];\n}\n\nexport interface KanbanBaseProps<T, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<{}> {\n  dataHook?: string;\n  state: KanbanState<T, S, F>;\n  filters?: CollectionToolbarFiltersElement;\n  errorState?: (\n    err: unknown,\n    params: {\n      isOnline: boolean;\n      retry: () => void;\n    },\n  ) => ReactElement;\n  emptyState?: ReactNode;\n  noResultsState?: ReactNode;\n  stageSummary?: ({ stage }: { stage: S }) => React.ReactNode;\n  renderItem?: ({ stage, item }: { stage: S; item: T }) => {\n    title: string | ReactNode;\n    subtitle?: ReactNode;\n    additionalInfo?: ReactNode;\n    additionalFields?: ReactNode | KanbanItemField<T>[];\n    badge?: ReactNode;\n  };\n  actionCell?: ActionCell<T, F>;\n  dataExtension?: DataExtensionType | DataExtensionElement;\n  tags?: TagsElement<T, F>;\n  entityPageId?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/Kanban/useCardActions.js

@@ -106,14 +106,14 @@ function useCardActions({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 138,
+            lineNumber: 142,
             columnNumber: 13
           }
         }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 152,
+            lineNumber: 156,
             columnNumber: 15
           }
         }));
@@ -121,7 +121,7 @@ function useCardActions({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 128,
+        lineNumber: 132,
         columnNumber: 7
       }
     }), secondaryActionCellPropsWithBI.map((action, index) => {
@@ -131,25 +131,27 @@ function useCardActions({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 159,
+            lineNumber: 163,
             columnNumber: 20
           }
         });
       }
       const {
         icon: prefixIcon,
+        skin,
         ...rest
       } = action;
       return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, (0, _extends2.default)({
         key: index,
         subtitle: action.disabledDescription,
         prefixIcon: prefixIcon,
-        dataHook: action.dataHook || `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`
+        dataHook: action.dataHook || `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`,
+        skin: skin
       }, rest, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 163,
+          lineNumber: 167,
           columnNumber: 13
         }
       }));

package/dist/cjs/components/Kanban/useCardActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useExtensionMenuItems","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_KanbanCardActionsHelper","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","state","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createKanbanSecondaryActionCellPropsWithBI","actionCellProps","keyedItem","stageId","primaryActionCellPropsWithBI","createKanbanPrimaryActionCellPropsWithBI","popoverCloseRef","useRef","useEffect","closePopoverOnScroll","current","scrollEvent","Event","stageCardsContainer","document","querySelector","addEventListener","passive","removeEventListener","secondaryActions","length","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","textSize","minWidth","dataHook","triggerElement","toggle","close","IconButton","onClick","stopPropagation","reportOnKanbanPopoverMenuShow","priority","size","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","map","action","index","divider","Divider","key","icon","prefixIcon","rest","MenuItem","subtitle","disabledDescription","primaryActionProps"],"sources":["../../../../src/components/Kanban/useCardActions.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { ActionCellProps } from '../ActionCell';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps, KanbanState } from '../../exports/alpha';\nimport { ItemActionsState } from '../../state';\nimport { IconButton, PopoverMenu } from '@wix/design-system';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport {\n  createKanbanPrimaryActionCellPropsWithBI,\n  createKanbanSecondaryActionCellPropsWithBI,\n  reportOnKanbanPopoverMenuShow,\n} from './KanbanCardActionsHelper';\n\ninterface CardActionCell<T, S, F extends FiltersMap> {\n  actionCell: KanbanBaseProps<T, S, F>['actionCell'];\n  originalItem: T;\n  itemIndex: number;\n  itemActionsState: ItemActionsState<T, F>;\n  stageKey: string;\n  cardKey: string;\n  state: KanbanState<T, S, F>;\n}\n\nexport function evaluateActionCell<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n}: Omit<\n  CardActionCell<T, S, F>,\n  'stageKey' | 'cardKey' | 'state'\n>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(originalItem, itemIndex, itemActionsState.actionCellAPI);\n  }\n\n  return actionCell;\n}\n\nexport function useCardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  cardKey,\n  state,\n}: CardActionCell<T, S, F>) {\n  const actionCellConfig = evaluateActionCell({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n  });\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellConfig.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI =\n    createKanbanSecondaryActionCellPropsWithBI({\n      state,\n      actionCellProps: actionCellConfig,\n      keyedItem: itemActionsState.keyedItem,\n      extensionMenuItems,\n      stageId: stageKey,\n    });\n\n  const primaryActionCellPropsWithBI = createKanbanPrimaryActionCellPropsWithBI(\n    {\n      state,\n      actionCellProps: actionCellConfig,\n      keyedItem: itemActionsState.keyedItem,\n      stageId: stageKey,\n    },\n  );\n\n  const popoverCloseRef = useRef<\n    ((event: React.SyntheticEvent) => void) | null\n  >(null);\n\n  useEffect(() => {\n    const closePopoverOnScroll = () => {\n      if (popoverCloseRef.current) {\n        const scrollEvent = new Event('scroll') as any;\n        popoverCloseRef.current(scrollEvent);\n      }\n    };\n\n    const stageCardsContainer = document.querySelector(\n      `[data-hook=\"kanban-stage-cards-container-${stageKey}\"]`,\n    );\n\n    if (\n      stageCardsContainer &&\n      typeof stageCardsContainer.addEventListener === 'function'\n    ) {\n      stageCardsContainer.addEventListener('scroll', closePopoverOnScroll, {\n        passive: true,\n      });\n\n      return () => {\n        if (typeof stageCardsContainer.removeEventListener === 'function') {\n          stageCardsContainer.removeEventListener(\n            'scroll',\n            closePopoverOnScroll,\n          );\n        }\n      };\n    }\n\n    return () => { };\n  }, [stageKey]);\n\n  let secondaryActions: React.ReactNode | null = null;\n\n  if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    secondaryActions = (\n      <PopoverMenu\n        {...actionCellConfig.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        textSize=\"small\"\n        minWidth=\"223px\"\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => {\n          popoverCloseRef.current = close;\n\n          return (\n            <IconButton\n              dataHook={`kanban-card-more-actions-trigger-${stageKey}-${cardKey}`}\n              onClick={(e) => {\n                e.stopPropagation();\n                toggle();\n                reportOnKanbanPopoverMenuShow({\n                  state,\n                  keyedItem: itemActionsState.keyedItem,\n                  stageId: stageKey,\n                });\n              }}\n              priority=\"secondary\"\n              size=\"tiny\"\n            >\n              <MoreSmall />\n            </IconButton>\n          );\n        }}\n      >\n        {secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const { icon: prefixIcon, ...rest } = action;\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              subtitle={action.disabledDescription}\n              prefixIcon={prefixIcon}\n              dataHook={\n                action.dataHook ||\n                `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`\n              }\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    );\n  }\n  return {\n    secondaryActions,\n    primaryActionProps: primaryActionCellPropsWithBI,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useExtensionMenuItems","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_KanbanCardActionsHelper","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","state","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createKanbanSecondaryActionCellPropsWithBI","actionCellProps","keyedItem","stageId","primaryActionCellPropsWithBI","createKanbanPrimaryActionCellPropsWithBI","popoverCloseRef","useRef","useEffect","closePopoverOnScroll","current","scrollEvent","Event","stageCardsContainer","document","querySelector","addEventListener","passive","removeEventListener","secondaryActions","length","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","textSize","minWidth","dataHook","triggerElement","toggle","close","IconButton","onClick","stopPropagation","reportOnKanbanPopoverMenuShow","priority","size","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","map","action","index","divider","Divider","key","icon","prefixIcon","skin","rest","MenuItem","subtitle","disabledDescription","primaryActionProps"],"sources":["../../../../src/components/Kanban/useCardActions.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { ActionCellProps } from '../ActionCell';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps, KanbanState } from '../../exports/alpha';\nimport { ItemActionsState } from '../../state';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport {\n  createKanbanPrimaryActionCellPropsWithBI,\n  createKanbanSecondaryActionCellPropsWithBI,\n  reportOnKanbanPopoverMenuShow,\n} from './KanbanCardActionsHelper';\n\ninterface CardActionCell<T, S, F extends FiltersMap> {\n  actionCell: KanbanBaseProps<T, S, F>['actionCell'];\n  originalItem: T;\n  itemIndex: number;\n  itemActionsState: ItemActionsState<T, F>;\n  stageKey: string;\n  cardKey: string;\n  state: KanbanState<T, S, F>;\n}\n\nexport function evaluateActionCell<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n}: Omit<\n  CardActionCell<T, S, F>,\n  'stageKey' | 'cardKey' | 'state'\n>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(originalItem, itemIndex, itemActionsState.actionCellAPI);\n  }\n\n  return actionCell;\n}\n\nexport function useCardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  cardKey,\n  state,\n}: CardActionCell<T, S, F>) {\n  const actionCellConfig = evaluateActionCell({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n  });\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellConfig.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI =\n    createKanbanSecondaryActionCellPropsWithBI({\n      state,\n      actionCellProps: actionCellConfig,\n      keyedItem: itemActionsState.keyedItem,\n      extensionMenuItems,\n      stageId: stageKey,\n    });\n\n  const primaryActionCellPropsWithBI = createKanbanPrimaryActionCellPropsWithBI(\n    {\n      state,\n      actionCellProps: actionCellConfig,\n      keyedItem: itemActionsState.keyedItem,\n      stageId: stageKey,\n    },\n  );\n\n  const popoverCloseRef = useRef<\n    ((event: React.SyntheticEvent) => void) | null\n  >(null);\n\n  useEffect(() => {\n    const closePopoverOnScroll = () => {\n      if (popoverCloseRef.current) {\n        const scrollEvent = new Event('scroll') as any;\n        popoverCloseRef.current(scrollEvent);\n      }\n    };\n\n    const stageCardsContainer = document.querySelector(\n      `[data-hook=\"kanban-stage-cards-container-${stageKey}\"]`,\n    );\n\n    if (\n      stageCardsContainer &&\n      typeof stageCardsContainer.addEventListener === 'function'\n    ) {\n      stageCardsContainer.addEventListener('scroll', closePopoverOnScroll, {\n        passive: true,\n      });\n\n      return () => {\n        if (typeof stageCardsContainer.removeEventListener === 'function') {\n          stageCardsContainer.removeEventListener(\n            'scroll',\n            closePopoverOnScroll,\n          );\n        }\n      };\n    }\n\n    return () => {};\n  }, [stageKey]);\n\n  let secondaryActions: React.ReactNode | null = null;\n\n  if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    secondaryActions = (\n      <PopoverMenu\n        {...actionCellConfig.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        textSize=\"small\"\n        minWidth=\"223px\"\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => {\n          popoverCloseRef.current = close;\n\n          return (\n            <IconButton\n              dataHook={`kanban-card-more-actions-trigger-${stageKey}-${cardKey}`}\n              onClick={(e) => {\n                e.stopPropagation();\n                toggle();\n                reportOnKanbanPopoverMenuShow({\n                  state,\n                  keyedItem: itemActionsState.keyedItem,\n                  stageId: stageKey,\n                });\n              }}\n              priority=\"secondary\"\n              size=\"tiny\"\n            >\n              <MoreSmall />\n            </IconButton>\n          );\n        }}\n      >\n        {secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const { icon: prefixIcon, skin, ...rest } = action;\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              subtitle={action.disabledDescription}\n              prefixIcon={prefixIcon}\n              dataHook={\n                action.dataHook ||\n                `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`\n              }\n              skin={skin as PopoverMenuItemProps['skin']}\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    );\n  }\n  return {\n    secondaryActions,\n    primaryActionProps: primaryActionCellPropsWithBI,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.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_ = "LoadingRow2032827896";
+var _namespace_ = "LoadingRow2368040009";
 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": "LoadingRow2032827896__root"
+  "root": "LoadingRow2368040009__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow2032827896__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow2368040009__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2032827896\";\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\":\"LoadingRow2032827896__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2032827896__gradientSwoosh\"}; \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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2368040009\";\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\":\"LoadingRow2368040009__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2368040009__gradientSwoosh\"}; \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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText2646176708";
+var _namespace_ = "MaxHeightText4145661589";
 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": "MaxHeightText2646176708__root"
+  "root": "MaxHeightText4145661589__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/MaxLines/MaxLines.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_ = "MaxLines1988150017";
+var _namespace_ = "MaxLines2629824244";
 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": "MaxLines1988150017__root"
+  "root": "MaxLines2629824244__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1988150017\";\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\":\"MaxLines1988150017__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,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2629824244\";\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\":\"MaxLines2629824244__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,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,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/MoreActions/MoreActionsBase.js

@@ -114,7 +114,7 @@ function _MoreActionsBase(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 97,
+            lineNumber: 98,
             columnNumber: 15
           }
         }));
@@ -123,7 +123,7 @@ function _MoreActionsBase(params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 137,
+          lineNumber: 138,
           columnNumber: 16
         }
       })] : [])];
@@ -147,7 +147,7 @@ function _MoreActionsBase(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 146,
       columnNumber: 7
     }
   }, allActions), exploreAppsState && /*#__PURE__*/_react.default.createElement(exploreAppsState.Modal, {
@@ -155,7 +155,7 @@ function _MoreActionsBase(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 166,
       columnNumber: 28
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_useExploreAppsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MoreActionsBase","params","items","containerId","dataHook","triggerElement","exploreAppsModalProps","biAdditionalInfo","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","container","useWixPatternsContainer","pageState","useCollectionPageContext","reportBi","environment","useEffect","notifyLoad","loadStart","loadEnd","Promise","resolve","then","componentType","componentName","additionalFeaturesAvailability","url","window","href","route","pathname","groupedItems","Array","isArray","exploreAppsState","useExploreAppsState","allActions","useMemo","groups","menuItems","push","moreActionsMenuItem","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","itemAdditionalInfo","undefined","createElement","PopoverMenu","MenuItem","_extends2","key","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","additionalInfo","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","Fragment","onShow","minWidth","textSize","Modal","MoreActionsBase","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo } from 'react';\nimport { PopoverMenu, PopoverMenuProps } from '@wix/design-system';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport {\n  useCollectionPageContext,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\nimport { useExploreAppsState } from './useExploreAppsState';\nimport { MoreActionsItem } from './MoreActionsItem';\nimport { MoreActionsProps } from './MoreActionsProps';\nimport { CollectionPageState, WixPatternsContainer } from '@wix/bex-core';\n\nexport type MoreActionItemFactory = (params: {\n  pageState: CollectionPageState;\n  container: WixPatternsContainer;\n}) => MoreActionsItem;\n\nexport type MoreActionsPropItem = MoreActionsItem | MoreActionItemFactory;\n\nexport interface MoreActionsBaseProps\n  extends MoreActionsProps,\n    Pick<PopoverMenuProps, 'triggerElement'> {}\n\nfunction _MoreActionsBase(params: MoreActionsBaseProps) {\n  const {\n    items = [],\n    containerId,\n    dataHook = 'more-actions',\n    triggerElement,\n    exploreAppsModalProps,\n    biAdditionalInfo,\n  } = params;\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n  const container = useWixPatternsContainer();\n  const pageState = useCollectionPageContext();\n  const { reportBi, environment } = container;\n\n  useEffect(() => {\n    const notifyLoad = async () => {\n      const { loadStart, loadEnd } = await import('@wix/bex-core/bi');\n      reportBi(\n        loadStart({\n          componentType: 'More actions',\n          componentName: environment.componentName,\n          additionalFeaturesAvailability: `IsUsingExploreApps: ${!!exploreAppsModalProps}`,\n        }),\n      );\n      reportBi(\n        // We dont care about loading time, its just needed for usage purposes\n        loadEnd({\n          componentType: 'More actions',\n          url: window.location.href,\n          route: window.location.pathname,\n          componentName: environment.componentName,\n        }),\n      );\n    };\n    notifyLoad();\n  }, []);\n\n  const groupedItems = Array.isArray(items?.[0]) ? items : [items];\n\n  const exploreAppsState = useExploreAppsState(exploreAppsModalProps);\n\n  const allActions = useMemo(() => {\n    const groups = [...groupedItems, state.menuItems] as (\n      | MoreActionsPropItem\n      | ExtensionMenuItem\n    )[][];\n\n    if (exploreAppsState) {\n      groups.push([exploreAppsState.moreActionsMenuItem]);\n    }\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } =\n              typeof item === 'function'\n                ? item({ pageState, container })\n                : item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n            const itemAdditionalInfo = 'biAdditionalInfo' in item ? item.biAdditionalInfo : undefined;\n\n            return (\n              <PopoverMenu.MenuItem\n                key={index}\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                      additionalInfo: itemAdditionalInfo,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1\n            ? [<PopoverMenu.Divider key={index} />]\n            : []),\n        ];\n      }, []);\n  }, [items, state.menuItems, exploreAppsState]);\n\n  return allActions.length === 0 ? null : (\n    <>\n      <PopoverMenu\n        dataHook={dataHook}\n        onShow={() => {\n          reportBi(\n            cairoPageCtaClicked({\n              ctaName: 'More Actions',\n              ctaType: 'secondary page dropdown',\n              location,\n              componentType: 'Page',\n              pageType,\n              additionalInfo: biAdditionalInfo,\n            }),\n          );\n        }}\n        minWidth={240}\n        textSize=\"medium\"\n        triggerElement={triggerElement}\n      >\n        {allActions}\n      </PopoverMenu>\n      {exploreAppsState && <exploreAppsState.Modal state={exploreAppsState} />}\n    </>\n  );\n}\n\nexport const MoreActionsBase = observer(_MoreActionsBase);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AAEA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AAA4D,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAgB5D,SAASkB,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,WAAW;IACXC,QAAQ,GAAG,cAAc;IACzBC,cAAc;IACdC,qBAAqB;IACrBC;EACF,CAAC,GAAGN,MAAM;EACV,MAAM;IAAEO,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EACtD,MAAMC,KAAK,GAAG,IAAAC,4CAAqB,EAAC;IAAET;EAAY,CAAC,CAAC;EACpD,MAAMU,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,SAAS,GAAG,IAAAC,gCAAwB,EAAC,CAAC;EAC5C,MAAM;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGL,SAAS;EAE3C,IAAAM,gBAAS,EAAC,MAAM;IACd,MAAMC,UAAU,GAAG,MAAAA,CAAA,KAAY;MAC7B,MAAM;QAAEC,SAAS;QAAEC;MAAQ,CAAC,GAAG,MAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAtD,uBAAA,CAAAC,OAAA,CAAa,kBAAkB,GAAC;MAC/D6C,QAAQ,CACNI,SAAS,CAAC;QACRK,aAAa,EAAE,cAAc;QAC7BC,aAAa,EAAET,WAAW,CAACS,aAAa;QACxCC,8BAA8B,EAAE,uBAAuB,CAAC,CAACtB,qBAAqB;MAChF,CAAC,CACH,CAAC;MACDW,QAAQ;MACN;MACAK,OAAO,CAAC;QACNI,aAAa,EAAE,cAAc;QAC7BG,GAAG,EAAEC,MAAM,CAACrB,QAAQ,CAACsB,IAAI;QACzBC,KAAK,EAAEF,MAAM,CAACrB,QAAQ,CAACwB,QAAQ;QAC/BN,aAAa,EAAET,WAAW,CAACS;MAC7B,CAAC,CACH,CAAC;IACH,CAAC;IACDP,UAAU,CAAC,CAAC;EACd,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMc,YAAY,GAAGC,KAAK,CAACC,OAAO,CAAClC,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAC;EAEhE,MAAMmC,gBAAgB,GAAG,IAAAC,wCAAmB,EAAChC,qBAAqB,CAAC;EAEnE,MAAMiC,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC/B,MAAMC,MAAM,GAAG,CAAC,GAAGP,YAAY,EAAEvB,KAAK,CAAC+B,SAAS,CAG3C;IAEL,IAAIL,gBAAgB,EAAE;MACpBI,MAAM,CAACE,IAAI,CAAC,CAACN,gBAAgB,CAACO,mBAAmB,CAAC,CAAC;IACrD;IAEA,MAAMC,OAAO,GAAGJ,MAAM,CAACK,MAAM,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAKD,MAAM,GAAGC,KAAK,CAACC,MAAM,EAAE,CAAC,CAAC;IAC1E,MAAMC,WAAW,GAAGT,MAAM,CAACU,IAAI,CAAC,CAAC;IAEjC,OAAOV,MAAM,CACVW,MAAM,CAAEC,OAAO,IAAKA,OAAO,CAACJ,MAAM,KAAK,CAAC,CAAC,CACzCH,MAAM,CAAc,CAACC,MAAM,EAAEC,KAAK,EAAEM,KAAK,EAAEC,KAAK,KAAK;MACpD,OAAO,CACL,GAAGR,MAAM,EACT,GAAGC,KAAK,CAACQ,GAAG,CAAEC,IAAI,IAAK;QACrB,MAAM;UAAEC,UAAU;UAAEC,IAAI;UAAEC,OAAO;UAAEC,MAAM;UAAE,GAAGC;QAAK,CAAC,GAClD,OAAOL,IAAI,KAAK,UAAU,GACtBA,IAAI,CAAC;UAAE1C,SAAS;UAAEF;QAAU,CAAC,CAAC,GAC9B4C,IAAI;QACV,MAAMM,KAAK,GAAG,MAAM,IAAIN,IAAI,IAAIA,IAAI,CAACO,IAAI,KAAK,KAAK;QACnD,MAAMC,kBAAkB,GAAG,kBAAkB,IAAIR,IAAI,GAAGA,IAAI,CAAClD,gBAAgB,GAAG2D,SAAS;QAEzF,oBACEhG,MAAA,CAAAqB,OAAA,CAAA4E,aAAA,CAAC9F,aAAA,CAAA+F,WAAW,CAACC,QAAQ,MAAAC,SAAA,CAAA/E,OAAA;UACnBgF,GAAG,EAAEjB,KAAM;UACXI,UAAU,EAAEA,UAAW;UACvBC,IAAI,EAAEA,IAAK;UACXC,OAAO,EAAEA,CAAA,KAAM;YACb3C,QAAQ,CACN,IAAAuD,uBAAmB,EAAC;cAClBC,OAAO,EAAEZ,MAAM;cACfa,OAAO,EAAE,qBAAqB;cAC9BjE,QAAQ;cACRkE,gBAAgB,EAAEzB,WAAW,CAAC0B,OAAO,CAACnB,IAAI,CAAC;cAC3CZ,OAAO;cACPgC,OAAO,EAAEd,KAAK,GAAG,KAAK,GAAG,UAAU;cACnCrC,aAAa,EAAE,MAAM;cACrBlB,QAAQ;cACRsE,cAAc,EAAEb;YAClB,CAAC,CACH,CAAC;YAED,IAAIF,KAAK,EAAE;cACT9C,QAAQ,CACN,IAAA8D,uBAAmB,EAAC;gBAClBC,KAAK,EAAEvB,IAAI,CAACuB,KAAK;gBACjBtD,aAAa,EAAE,MAAM;gBACrBmB,OAAO;gBACPoC,QAAQ,EAAE/B,WAAW,CAAC0B,OAAO,CAACnB,IAAI,CAAC;gBACnCgB,OAAO,EAAEZ,MAAM;gBACfpD,QAAQ;gBACRyE,cAAc,EAAEzB,IAAI,CAAC0B;cACvB,CAAC,CACH,CAAC;YACH;YAEAvB,OAAO,CAAC,CAAC,CAAC,CAAC;UACb;QAAE,GACEE,IAAI;UAAAsB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA1G,YAAA;YAAA2G,UAAA;YAAAC,YAAA;UAAA;QAAA,EACT,CAAC;MAEN,CAAC,CAAC,EACF,IAAIlC,KAAK,KAAKC,KAAK,CAACN,MAAM,GAAG,CAAC,GAC1B,cAAC/E,MAAA,CAAAqB,OAAA,CAAA4E,aAAA,CAAC9F,aAAA,CAAA+F,WAAW,CAACqB,OAAO;QAAClB,GAAG,EAAEjB,KAAM;QAAA8B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA1G,YAAA;UAAA2G,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,CAAC,GACrC,EAAE,CAAC,CACR;IACH,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,CAACtF,KAAK,EAAES,KAAK,CAAC+B,SAAS,EAAEL,gBAAgB,CAAC,CAAC;EAE9C,OAAOE,UAAU,CAACU,MAAM,KAAK,CAAC,GAAG,IAAI,gBACnC/E,MAAA,CAAAqB,OAAA,CAAA4E,aAAA,CAAAjG,MAAA,CAAAqB,OAAA,CAAAmG,QAAA,qBACExH,MAAA,CAAAqB,OAAA,CAAA4E,aAAA,CAAC9F,aAAA,CAAA+F,WAAW;IACVhE,QAAQ,EAAEA,QAAS;IACnBuF,MAAM,EAAEA,CAAA,KAAM;MACZ1E,QAAQ,CACN,IAAAuD,uBAAmB,EAAC;QAClBC,OAAO,EAAE,cAAc;QACvBC,OAAO,EAAE,yBAAyB;QAClCjE,QAAQ;QACRiB,aAAa,EAAE,MAAM;QACrBlB,QAAQ;QACRsE,cAAc,EAAEvE;MAClB,CAAC,CACH,CAAC;IACH,CAAE;IACFqF,QAAQ,EAAE,GAAI;IACdC,QAAQ,EAAC,QAAQ;IACjBxF,cAAc,EAAEA,cAAe;IAAA+E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9BjD,UACU,CAAC,EACbF,gBAAgB,iBAAInE,MAAA,CAAAqB,OAAA,CAAA4E,aAAA,CAAC9B,gBAAgB,CAACyD,KAAK;IAACnF,KAAK,EAAE0B,gBAAiB;IAAA+C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,CACH;AACH;AAEO,MAAMO,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACjG,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_useExploreAppsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MoreActionsBase","params","items","containerId","dataHook","triggerElement","exploreAppsModalProps","biAdditionalInfo","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","container","useWixPatternsContainer","pageState","useCollectionPageContext","reportBi","environment","useEffect","notifyLoad","loadStart","loadEnd","Promise","resolve","then","componentType","componentName","additionalFeaturesAvailability","url","window","href","route","pathname","groupedItems","Array","isArray","exploreAppsState","useExploreAppsState","allActions","useMemo","groups","menuItems","push","moreActionsMenuItem","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","itemAdditionalInfo","undefined","createElement","PopoverMenu","MenuItem","_extends2","key","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","additionalInfo","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","Fragment","onShow","minWidth","textSize","Modal","MoreActionsBase","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo } from 'react';\nimport { PopoverMenu, PopoverMenuProps } from '@wix/design-system';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport {\n  useCollectionPageContext,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\nimport { useExploreAppsState } from './useExploreAppsState';\nimport { MoreActionsItem } from './MoreActionsItem';\nimport { MoreActionsProps } from './MoreActionsProps';\nimport { CollectionPageState, WixPatternsContainer } from '@wix/bex-core';\n\nexport type MoreActionItemFactory = (params: {\n  pageState: CollectionPageState;\n  container: WixPatternsContainer;\n}) => MoreActionsItem;\n\nexport type MoreActionsPropItem = MoreActionsItem | MoreActionItemFactory;\n\nexport interface MoreActionsBaseProps\n  extends MoreActionsProps,\n    Pick<PopoverMenuProps, 'triggerElement'> {}\n\nfunction _MoreActionsBase(params: MoreActionsBaseProps) {\n  const {\n    items = [],\n    containerId,\n    dataHook = 'more-actions',\n    triggerElement,\n    exploreAppsModalProps,\n    biAdditionalInfo,\n  } = params;\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n  const container = useWixPatternsContainer();\n  const pageState = useCollectionPageContext();\n  const { reportBi, environment } = container;\n\n  useEffect(() => {\n    const notifyLoad = async () => {\n      const { loadStart, loadEnd } = await import('@wix/bex-core/bi');\n      reportBi(\n        loadStart({\n          componentType: 'More actions',\n          componentName: environment.componentName,\n          additionalFeaturesAvailability: `IsUsingExploreApps: ${!!exploreAppsModalProps}`,\n        }),\n      );\n      reportBi(\n        // We dont care about loading time, its just needed for usage purposes\n        loadEnd({\n          componentType: 'More actions',\n          url: window.location.href,\n          route: window.location.pathname,\n          componentName: environment.componentName,\n        }),\n      );\n    };\n    notifyLoad();\n  }, []);\n\n  const groupedItems = Array.isArray(items?.[0]) ? items : [items];\n\n  const exploreAppsState = useExploreAppsState(exploreAppsModalProps);\n\n  const allActions = useMemo(() => {\n    const groups = [...groupedItems, state.menuItems] as (\n      | MoreActionsPropItem\n      | ExtensionMenuItem\n    )[][];\n\n    if (exploreAppsState) {\n      groups.push([exploreAppsState.moreActionsMenuItem]);\n    }\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } =\n              typeof item === 'function'\n                ? item({ pageState, container })\n                : item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n            const itemAdditionalInfo =\n              'biAdditionalInfo' in item ? item.biAdditionalInfo : undefined;\n\n            return (\n              <PopoverMenu.MenuItem\n                key={index}\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                      additionalInfo: itemAdditionalInfo,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1\n            ? [<PopoverMenu.Divider key={index} />]\n            : []),\n        ];\n      }, []);\n  }, [items, state.menuItems, exploreAppsState]);\n\n  return allActions.length === 0 ? null : (\n    <>\n      <PopoverMenu\n        dataHook={dataHook}\n        onShow={() => {\n          reportBi(\n            cairoPageCtaClicked({\n              ctaName: 'More Actions',\n              ctaType: 'secondary page dropdown',\n              location,\n              componentType: 'Page',\n              pageType,\n              additionalInfo: biAdditionalInfo,\n            }),\n          );\n        }}\n        minWidth={240}\n        textSize=\"medium\"\n        triggerElement={triggerElement}\n      >\n        {allActions}\n      </PopoverMenu>\n      {exploreAppsState && <exploreAppsState.Modal state={exploreAppsState} />}\n    </>\n  );\n}\n\nexport const MoreActionsBase = observer(_MoreActionsBase);\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_ = "MultiBulkActionToolbar3960437646";
+var _namespace_ = "MultiBulkActionToolbar132225335";
 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": "MultiBulkActionToolbar3960437646__root"
+  "root": "MultiBulkActionToolbar132225335__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_ = \"MultiBulkActionToolbar3960437646\";\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\":\"MultiBulkActionToolbar3960437646__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_ = \"MultiBulkActionToolbar132225335\";\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\":\"MultiBulkActionToolbar132225335__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAuC,CAAC;AAC9D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.js

@@ -21,7 +21,8 @@ function _MultiLevelSortingCTAButton(props) {
   const {
     panels,
     container: {
-      translate: t
+      translate: t,
+      isPanelLayout
     },
     toolbar: {
       responsive
@@ -50,11 +51,12 @@ function _MultiLevelSortingCTAButton(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
     state: responsive.actions,
+    shouldShrink: !isPanelLayout,
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChangeOrderSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 53,
         columnNumber: 15
       }
     }),

package/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_wixUiIconsCommon","_state","_MultiLevelSortingPanel","_CounterBadgeButton","_react2","_ResponsiveButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingCTAButton","props","state","panels","container","translate","toolbar","responsive","modalsContainerRef","usePageContext","multiLevelSortingState","useState","runInAction","multiLevelSorting","MultiLevelSortingState","table","useEffect","init","registerSidePanel","MultiLevelSortingPanelEntry","createElement","CounterBadgeButton","dataHook","count","sortListSize","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","actions","icon","ChangeOrderSmall","onClick","isOpen","toggleSidePanel","reportSidePanelOpen","reportSidePanelClose","origin","MultiLevelSortingCTAButton","exports","observer"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ChangeOrderSmall } from '@wix/wix-ui-icons-common';\nimport { MultiLevelSortingState, ToolbarCollectionState } from '../../state';\nimport { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nexport interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(\n  props: MultiLevelSortingCTAButtonProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    panels,\n    container: { translate: t },\n    toolbar: { responsive },\n  } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const [multiLevelSortingState] = useState(() =>\n    runInAction(\n      () =>\n        (state.multiLevelSorting ??= new MultiLevelSortingState<T, F>({\n          table: state,\n          container: state.container,\n          modalsContainerRef,\n        })),\n    ),\n  );\n\n  useEffect(() => multiLevelSortingState.init(), []);\n\n  useEffect(() => {\n    panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);\n  }, []);\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"multi-level-sorting-button-counter\"\n      count={multiLevelSortingState.sortListSize}\n    >\n      <ResponsiveButton\n        state={responsive.actions}\n        icon={<ChangeOrderSmall />}\n        dataHook=\"multi-level-sorting-button\"\n        onClick={() => {\n          const isOpen = panels.toggleSidePanel('multiLevelSorting');\n\n          if (isOpen) {\n            multiLevelSortingState.reportSidePanelOpen();\n          } else {\n            multiLevelSortingState.reportSidePanelClose({\n              origin: 'Sort CTA',\n            });\n          }\n        }}\n      >\n        {t('cairo.table.advanced-sorting.button.cta')}\n      </ResponsiveButton>\n    </CounterBadgeButton>\n  );\n}\n\nexport const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_wixUiIconsCommon","_state","_MultiLevelSortingPanel","_CounterBadgeButton","_react2","_ResponsiveButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingCTAButton","props","state","panels","container","translate","isPanelLayout","toolbar","responsive","modalsContainerRef","usePageContext","multiLevelSortingState","useState","runInAction","multiLevelSorting","MultiLevelSortingState","table","useEffect","init","registerSidePanel","MultiLevelSortingPanelEntry","createElement","CounterBadgeButton","dataHook","count","sortListSize","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","actions","shouldShrink","icon","ChangeOrderSmall","onClick","isOpen","toggleSidePanel","reportSidePanelOpen","reportSidePanelClose","origin","MultiLevelSortingCTAButton","exports","observer"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ChangeOrderSmall } from '@wix/wix-ui-icons-common';\nimport { MultiLevelSortingState, ToolbarCollectionState } from '../../state';\nimport { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nexport interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(\n  props: MultiLevelSortingCTAButtonProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    panels,\n    container: { translate: t, isPanelLayout },\n    toolbar: { responsive },\n  } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const [multiLevelSortingState] = useState(() =>\n    runInAction(\n      () =>\n        (state.multiLevelSorting ??= new MultiLevelSortingState<T, F>({\n          table: state,\n          container: state.container,\n          modalsContainerRef,\n        })),\n    ),\n  );\n\n  useEffect(() => multiLevelSortingState.init(), []);\n\n  useEffect(() => {\n    panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);\n  }, []);\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"multi-level-sorting-button-counter\"\n      count={multiLevelSortingState.sortListSize}\n    >\n      <ResponsiveButton\n        state={responsive.actions}\n        shouldShrink={!isPanelLayout}\n        icon={<ChangeOrderSmall />}\n        dataHook=\"multi-level-sorting-button\"\n        onClick={() => {\n          const isOpen = panels.toggleSidePanel('multiLevelSorting');\n\n          if (isOpen) {\n            multiLevelSortingState.reportSidePanelOpen();\n          } else {\n            multiLevelSortingState.reportSidePanelClose({\n              origin: 'Sort CTA',\n            });\n          }\n        }}\n      >\n        {t('cairo.table.advanced-sorting.button.cta')}\n      </ResponsiveButton>\n    </CounterBadgeButton>\n  );\n}\n\nexport const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.js

@@ -11,7 +11,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _MultiLevelSortingColumnSelect(props) {
   const {
     sortableColumn,
-    state
+    state,
+    index
   } = props;
   const ref = (0, _react.useRef)();
   const options = state.getAvailableOptions(sortableColumn.columnId);
@@ -37,7 +38,7 @@ function _MultiLevelSortingColumnSelect(props) {
         ref.current = node;
       }
     },
-    dataHook: "multi-level-sorting-select-column",
+    dataHook: `multi-level-sorting-select-column-${index}`,
     onSelect: ({
       id
     }) => {

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingColumnSelect","props","sortableColumn","state","ref","useRef","options","getAvailableOptions","columnId","useEffect","id","window","requestAnimationFrame","current","lastManuallyAddedColumnId","focus","cancelAnimationFrame","createElement","Dropdown","inputRef","node","dataHook","onSelect","replaceSort","popoverProps","appendTo","selectedId","size","__self","__source","fileName","lineNumber","columnNumber","MultiLevelSortingColumnSelect","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Dropdown } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\n\nexport interface MultiLevelSortingColumnSelectProps<T, F extends FiltersMap> {\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  index: number;\n}\n\nexport function _MultiLevelSortingColumnSelect<T, F extends FiltersMap>(\n  props: MultiLevelSortingColumnSelectProps<T, F>,\n) {\n  const { sortableColumn, state } = props;\n  const ref = useRef<HTMLInputElement>();\n\n  const options = state.getAvailableOptions(sortableColumn.columnId);\n\n  useEffect(() => {\n    const id = window.requestAnimationFrame(() => {\n      if (!ref.current) {\n        return;\n      }\n\n      // focus the last added column\n      if (sortableColumn.columnId === state.lastManuallyAddedColumnId) {\n        state.lastManuallyAddedColumnId = null;\n        ref.current.focus();\n      }\n    });\n\n    return () => {\n      window.cancelAnimationFrame(id);\n    };\n  }, []);\n\n  return (\n    <Dropdown\n      inputRef={(node) => {\n        if (ref) {\n          ref.current = node;\n        }\n      }}\n      dataHook=\"multi-level-sorting-select-column\"\n      onSelect={({ id }) => {\n        state.replaceSort(sortableColumn.columnId, id as string);\n      }}\n      popoverProps={{\n        appendTo: 'window',\n      }}\n      options={options}\n      selectedId={sortableColumn.columnId}\n      size=\"small\"\n    />\n  );\n}\n\nexport const MultiLevelSortingColumnSelect = observer(\n  _MultiLevelSortingColumnSelect,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingColumnSelect","props","sortableColumn","state","index","ref","useRef","options","getAvailableOptions","columnId","useEffect","id","window","requestAnimationFrame","current","lastManuallyAddedColumnId","focus","cancelAnimationFrame","createElement","Dropdown","inputRef","node","dataHook","onSelect","replaceSort","popoverProps","appendTo","selectedId","size","__self","__source","fileName","lineNumber","columnNumber","MultiLevelSortingColumnSelect","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Dropdown } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\n\nexport interface MultiLevelSortingColumnSelectProps<T, F extends FiltersMap> {\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  index: number;\n}\n\nexport function _MultiLevelSortingColumnSelect<T, F extends FiltersMap>(\n  props: MultiLevelSortingColumnSelectProps<T, F>,\n) {\n  const { sortableColumn, state, index } = props;\n  const ref = useRef<HTMLInputElement>();\n\n  const options = state.getAvailableOptions(sortableColumn.columnId);\n\n  useEffect(() => {\n    const id = window.requestAnimationFrame(() => {\n      if (!ref.current) {\n        return;\n      }\n\n      // focus the last added column\n      if (sortableColumn.columnId === state.lastManuallyAddedColumnId) {\n        state.lastManuallyAddedColumnId = null;\n        ref.current.focus();\n      }\n    });\n\n    return () => {\n      window.cancelAnimationFrame(id);\n    };\n  }, []);\n\n  return (\n    <Dropdown\n      inputRef={(node) => {\n        if (ref) {\n          ref.current = node;\n        }\n      }}\n      dataHook={`multi-level-sorting-select-column-${index}`}\n      onSelect={({ id }) => {\n        state.replaceSort(sortableColumn.columnId, id as string);\n      }}\n      popoverProps={{\n        appendTo: 'window',\n      }}\n      options={options}\n      selectedId={sortableColumn.columnId}\n      size=\"small\"\n    />\n  );\n}\n\nexport const MultiLevelSortingColumnSelect = observer(\n  _MultiLevelSortingColumnSelect,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingPanel.js

@@ -11,6 +11,7 @@ var _designSystem = require("@wix/design-system");
 var _useRafRender = require("../../hooks/useRafRender");
 var _MultiLevelSortingList = require("./MultiLevelSortingList");
 var _ScrollableContent = require("../ScrollableContent");
+var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingPanel.tsx";
 function _MultiLevelSortingPanel(props) {
   const {
@@ -26,17 +27,17 @@ function _MultiLevelSortingPanel(props) {
   if (!entered || !multiLevelSorting) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, {
+  return /*#__PURE__*/_react.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
     dataHook: "multi-level-sorting-panel",
     width: "100%",
-    onCloseButtonClick: () => {
+    onClose: () => {
       multiLevelSorting.reportSidePanelClose();
       table.sidePanel.close();
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -46,7 +47,7 @@ function _MultiLevelSortingPanel(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 48,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -54,7 +55,7 @@ function _MultiLevelSortingPanel(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 49,
         columnNumber: 13
       }
     }, t('cairo.table.advanced-sorting.button.tooltip')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -63,7 +64,7 @@ function _MultiLevelSortingPanel(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 52,
         columnNumber: 13
       }
     })),
@@ -71,7 +72,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 46,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -81,7 +82,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 60,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingList.MultiLevelSortingList, {
@@ -89,7 +90,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 65,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -104,7 +105,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -113,7 +114,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 75,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -121,7 +122,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 76,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -129,7 +130,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 78,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -143,7 +144,7 @@ function _MultiLevelSortingPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 79,
       columnNumber: 13
     }
   }, t('cairo.table.advanced-sorting.cta'))))));