@wix/patterns 1.239.0 → 1.240.0

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

@@ -6,12 +6,11 @@ exports.evaluateActionCell = evaluateActionCell;
 exports.useCardActions = useCardActions;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _CollectionItemActionsHelper = require("../CollectionItemActions/CollectionItemActionsHelper");
 var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
-var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _designSystem = require("@wix/design-system");
 var _getDefaultActionCellProps = require("../CollectionItemActions/getDefaultActionCellProps");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _KanbanCardActionsHelper = require("./KanbanCardActionsHelper");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/useCardActions.tsx";
 function evaluateActionCell({
   actionCell,
@@ -33,12 +32,9 @@ function useCardActions({
   itemIndex,
   itemActionsState,
   stageKey,
-  cardKey
+  cardKey,
+  state
 }) {
-  const toolbarState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
-  const {
-    toolbarBIReporter
-  } = toolbarState;
   const actionCellConfig = evaluateActionCell({
     actionCell,
     originalItem,
@@ -48,13 +44,19 @@ function useCardActions({
   const extensionMenuItems = (0, _useExtensionMenuItems.useExtensionMenuItems)({
     containerId: actionCellConfig.containerId
   });
-  const secondaryActionCellPropsWithBI = (0, _CollectionItemActionsHelper.createSecondaryActionCellPropWithBi)({
-    toolbarBIReporter,
+  const secondaryActionCellPropsWithBI = (0, _KanbanCardActionsHelper.createKanbanSecondaryActionCellPropsWithBI)({
+    state,
     actionCellProps: actionCellConfig,
     keyedItem: itemActionsState.keyedItem,
-    extensionMenuItems
+    extensionMenuItems,
+    stageId: stageKey
+  });
+  const primaryActionCellPropsWithBI = (0, _KanbanCardActionsHelper.createKanbanPrimaryActionCellPropsWithBI)({
+    state,
+    actionCellProps: actionCellConfig,
+    keyedItem: itemActionsState.keyedItem,
+    stageId: stageKey
   });
-  const primaryActionCellPropsWithBI = (0, _CollectionItemActionsHelper.createPrimaryActionCellPropsWithBI)(toolbarBIReporter, actionCellConfig, itemActionsState.keyedItem);
   let secondaryActions = null;
   if (secondaryActionCellPropsWithBI && secondaryActionCellPropsWithBI.length > 0) {
     secondaryActions = /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({}, actionCellConfig.popoverMenuProps, (0, _getDefaultActionCellProps.getDefaultActionCellProps)(), {
@@ -68,7 +70,11 @@ function useCardActions({
         onClick: e => {
           e.stopPropagation();
           toggle();
-          (0, _CollectionItemActionsHelper.reportOnPopoverMenuShow)(toolbarBIReporter, actionCellConfig, itemActionsState.keyedItem);
+          (0, _KanbanCardActionsHelper.reportOnKanbanPopoverMenuShow)({
+            state,
+            keyedItem: itemActionsState.keyedItem,
+            stageId: stageKey
+          });
         },
         onMouseLeave: close,
         priority: "secondary",
@@ -76,21 +82,21 @@ function useCardActions({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 91,
+          lineNumber: 97,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 106,
+          lineNumber: 112,
           columnNumber: 13
         }
       })),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 85,
+        lineNumber: 91,
         columnNumber: 7
       }
     }), secondaryActionCellPropsWithBI.map((action, index) => {
@@ -100,7 +106,7 @@ function useCardActions({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 112,
+            lineNumber: 118,
             columnNumber: 20
           }
         });
@@ -118,7 +124,7 @@ function useCardActions({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 116,
+          lineNumber: 122,
           columnNumber: 13
         }
       }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CollectionItemActionsHelper","_useExtensionMenuItems","_ToolbarCollectionContext","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_jsxFileName","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","actionCellProps","keyedItem","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","secondaryActions","length","default","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","maxWidth","dataHook","triggerElement","toggle","close","IconButton","onClick","e","stopPropagation","reportOnPopoverMenuShow","onMouseLeave","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 from 'react';\nimport { ActionCellProps } from '../ActionCell';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps } from '../../exports/alpha';\nimport { ItemActionsState } from '../../state';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { IconButton, PopoverMenu } from '@wix/design-system';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\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}\n\nexport function evaluateActionCell<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n}: Omit<CardActionCell<T, S, F>, 'stageKey' | 'cardKey'>): 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}: CardActionCell<T, S, F>) {\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n\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 = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps: actionCellConfig,\n    keyedItem: itemActionsState.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    toolbarBIReporter,\n    actionCellConfig,\n    itemActionsState.keyedItem,\n  );\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        maxWidth=\"260px\"\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook={`kanban-card-more-actions-trigger-${stageKey}-${cardKey}`}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                toolbarBIReporter,\n                actionCellConfig,\n                itemActionsState.keyedItem,\n              );\n            }}\n            onMouseLeave={close}\n            priority=\"secondary\"\n            size=\"tiny\"\n          >\n            <MoreSmall />\n          </IconButton>\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","_interopRequireDefault","require","_useExtensionMenuItems","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_KanbanCardActionsHelper","_jsxFileName","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","state","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createKanbanSecondaryActionCellPropsWithBI","actionCellProps","keyedItem","stageId","primaryActionCellPropsWithBI","createKanbanPrimaryActionCellPropsWithBI","secondaryActions","length","default","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","maxWidth","dataHook","triggerElement","toggle","close","IconButton","onClick","e","stopPropagation","reportOnKanbanPopoverMenuShow","onMouseLeave","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 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  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        maxWidth=\"260px\"\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => (\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            onMouseLeave={close}\n            priority=\"secondary\"\n            size=\"tiny\"\n          >\n            <MoreSmall />\n          </IconButton>\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":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js

@@ -8,17 +8,31 @@ var _KanbanDragAndDropContext = require("./KanbanDragAndDropContext");
 var _KanbanDraggableCardItem = require("./KanbanDraggableCardItem");
 var _KanbanDragOverlay = require("./KanbanDragOverlay");
 var _mobx = require("mobx");
+var _uuid = require("uuid");
 class KanbanDragAndDropState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "kanbanState", void 0);
     (0, _defineProperty2.default)(this, "activeId", null);
     (0, _defineProperty2.default)(this, "status", 'start');
+    (0, _defineProperty2.default)(this, "_moveId", '');
     (0, _defineProperty2.default)(this, "setActiveId", id => {
       this.activeId = id;
     });
     (0, _defineProperty2.default)(this, "handleDragStart", event => {
+      this._moveId = (0, _uuid.v4)();
       this.status = 'start';
       this.activeId = event.active.id.toString();
+      const keyedItem = this._findItemById(this.activeId);
+      const stageId = this._findStageByItemId(this.activeId);
+      if (!keyedItem || !stageId) {
+        return;
+      }
+      this.kanbanState.kanbanStateBIReporter.reportDragStart({
+        itemId: keyedItem.id,
+        itemIndex: keyedItem.index,
+        stageId,
+        dragAndDropID: this._moveId
+      });
     });
     (0, _defineProperty2.default)(this, "handleDragCancel", () => {
       this.status = 'cancel';
@@ -58,7 +72,8 @@ class KanbanDragAndDropState {
       if (fromStageId === toStageId) {
         return; // Don't allow reordering within the same stage
       }
-      const item = this._findItemById(activeId);
+      const keyedItem = this._findItemById(activeId);
+      const item = keyedItem == null ? void 0 : keyedItem.item;
       if (!item) {
         return;
       }
@@ -82,10 +97,37 @@ class KanbanDragAndDropState {
           if (toStageId !== submittedItemStageId) {
             // move has been cancelled
             this.kanbanState.moveItemBetweenStages(updatedItem, originalItem, toStageId, fromStageId);
+            this.kanbanState.kanbanStateBIReporter.reportDragEnd({
+              itemId: keyedItem.id,
+              itemIndexBefore: keyedItem.index,
+              itemIndexAfter: keyedItem.index,
+              stageIdBefore: fromStageId,
+              stageIdAfter: fromStageId,
+              dragAndDropID: this._moveId,
+              endType: 'drop back'
+            });
             return;
           }
           this.kanbanState.updateCard(submittedItem);
+          this.kanbanState.kanbanStateBIReporter.reportDragEnd({
+            itemId: keyedItem.id,
+            itemIndexBefore: keyedItem.index,
+            itemIndexAfter: 0,
+            stageIdBefore: fromStageId,
+            stageIdAfter: toStageId,
+            dragAndDropID: this._moveId,
+            endType: 'drop succeeded'
+          });
         } catch (error) {
+          this.kanbanState.kanbanStateBIReporter.reportDragEnd({
+            itemId: keyedItem.id,
+            itemIndexBefore: keyedItem.index,
+            itemIndexAfter: keyedItem.index,
+            stageIdBefore: fromStageId,
+            stageIdAfter: fromStageId,
+            dragAndDropID: this._moveId,
+            endType: 'drag disabled'
+          });
           this.kanbanState.showErrorToast(error);
           // rollback the move
           this.kanbanState.moveItemBetweenStages(updatedItem, originalItem, toStageId, fromStageId);
@@ -114,7 +156,6 @@ class KanbanDragAndDropState {
     };
   }
   _findItemById(combinedId) {
-    var _stageState$itemsColl;
     const parsed = this._parseItemId(combinedId);
     if (!parsed) {
       return null;
@@ -123,7 +164,7 @@ class KanbanDragAndDropState {
     if (!stageState) {
       return null;
     }
-    const item = (_stageState$itemsColl = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey)) == null ? void 0 : _stageState$itemsColl.item;
+    const item = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey);
     return item || null;
   }
   _findStageByItemId(combinedId) {

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["_KanbanDragAndDropContext","require","_KanbanDraggableCardItem","_KanbanDragOverlay","_mobx","KanbanDragAndDropState","constructor","params","_defineProperty2","default","id","activeId","event","status","active","toString","setActiveId","_this$kanbanState$ite","over","overId","fromStageId","_findStageByItemId","toStageId","kanbanState","kanbanStageStates","item","_findItemById","kanbanDragEndEvent","items","dragAndDrop","onSubmit","originalItem","updatedItem","stageField","moveItemBetweenStages","submittedItem","submittedItemStageId","updateCard","error","showErrorToast","makeObservable","handleDragEnd","action","observable","ref","handleDragStart","handleDragCancel","_parseItemId","combinedId","stageKey","itemKey","split","_stageState$itemsColl","parsed","stageState","itemsCollectionState","getKeyedItem","init","keyboardCodes","start","cancel","end","exports","KanbanCardDragAndDrop","KanbanDragAndDropContext","DraggableCard","KanbanDraggableCardItem","DragOverlay","KanbanDragOverlay"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';\nimport { KanbanDraggableCardItem } from './KanbanDraggableCardItem';\nimport { KanbanDragOverlay } from './KanbanDragOverlay';\n\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\nimport { KanbanDragEndItemEvent } from '../../state/KanbanState/KanbanDragEndEvent';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n  DragStartEvent,\n  DragEndEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\n\nexport interface KanbanDragAndDropStateParams<T, S, F extends FiltersMap> {\n  kanbanState: KanbanState<T, S, F>;\n}\n\nexport class KanbanDragAndDropState<T, S, F extends FiltersMap> {\n  readonly kanbanState: KanbanState<T, S, F>;\n  activeId: string | null = null;\n  status: 'start' | 'over' | 'end' | 'cancel' = 'start';\n\n  constructor(params: KanbanDragAndDropStateParams<T, S, F>) {\n    this.kanbanState = params.kanbanState;\n\n    makeObservable(this, {\n      handleDragEnd: action,\n      setActiveId: action,\n      activeId: observable,\n      status: observable.ref,\n      handleDragStart: action,\n      handleDragCancel: action,\n    });\n  }\n\n  setActiveId = (id: string | null) => {\n    this.activeId = id;\n  };\n\n  private _parseItemId(\n    combinedId: string,\n  ): { stageKey: string; itemKey: string } | null {\n    // Parse combined ID format: \"stageKey-##-itemKey\"\n    const [stageKey, itemKey] = combinedId.split('-##-');\n    if (!stageKey || !itemKey) {\n      return null;\n    }\n    return { stageKey, itemKey };\n  }\n\n  private _findItemById(combinedId: string): T | null {\n    const parsed = this._parseItemId(combinedId);\n    if (!parsed) {\n      return null;\n    }\n\n    const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];\n    if (!stageState) {\n      return null;\n    }\n\n    const item = stageState.itemsCollectionState.getKeyedItem(\n      parsed.itemKey,\n    )?.item;\n    return item || null;\n  }\n\n  private _findStageByItemId(combinedId: string): string | null {\n    const parsed = this._parseItemId(combinedId);\n    return parsed?.stageKey || null;\n  }\n\n  handleDragStart = (event: DragStartEvent) => {\n    this.status = 'start';\n    this.activeId = event.active.id.toString();\n  };\n\n  handleDragCancel = () => {\n    this.status = 'cancel';\n    this.setActiveId(null);\n  };\n\n  handleDragEnd = async (event: DragEndEvent) => {\n    this.status = 'end';\n    const { active, over } = event;\n    this.setActiveId(null);\n\n    if (!over) {\n      return;\n    }\n\n    const activeId = active.id.toString();\n    const overId = over.id.toString();\n\n    const fromStageId = this._findStageByItemId(activeId);\n\n    // Determine target stage - could be stage key directly or extracted from item ID\n    let toStageId: string | null;\n    if (this.kanbanState.kanbanStageStates[overId]) {\n      // Dropping on a stage background\n      toStageId = overId;\n    } else {\n      // Dropping on an item - extract stage from item ID\n      toStageId = this._findStageByItemId(overId);\n    }\n\n    // Only return early if we don't have valid source and target stages\n    if (!fromStageId || !toStageId) {\n      return;\n    }\n\n    // PREVENT MOVEMENT WITHIN THE SAME STAGE\n    if (fromStageId === toStageId) {\n      return; // Don't allow reordering within the same stage\n    }\n\n    const item = this._findItemById(activeId);\n    if (!item) {\n      return;\n    }\n\n    // Create the Kanban drag end event\n    const kanbanDragEndEvent: KanbanDragEndItemEvent<T> = {\n      item,\n      fromStageId,\n      toStageId,\n    };\n\n    if (this.kanbanState.items?.dragAndDrop?.onSubmit) {\n      const originalItem = item;\n      const updatedItem = {\n        ...item,\n        [this.kanbanState.items.stageField]: toStageId,\n      };\n      try {\n        this.kanbanState.moveItemBetweenStages(\n          originalItem,\n          updatedItem,\n          fromStageId,\n          toStageId,\n        );\n        const submittedItem: T =\n          await this.kanbanState.items.dragAndDrop.onSubmit(kanbanDragEndEvent);\n        const submittedItemStageId =\n          submittedItem[this.kanbanState.items.stageField as keyof T];\n\n        if (toStageId !== submittedItemStageId) {\n          // move has been cancelled\n          this.kanbanState.moveItemBetweenStages(\n            updatedItem,\n            originalItem,\n            toStageId,\n            fromStageId,\n          );\n          return;\n        }\n        this.kanbanState.updateCard(submittedItem);\n      } catch (error) {\n        this.kanbanState.showErrorToast(error);\n        // rollback the move\n        this.kanbanState.moveItemBetweenStages(\n          updatedItem,\n          originalItem,\n          toStageId,\n          fromStageId,\n        );\n      }\n    }\n  };\n\n  init() {\n    // No initialization needed for native drag and drop\n  }\n\n  get keyboardCodes() {\n    return {\n      start: ['Space', 'Enter'],\n      cancel: ['Escape'],\n      end: ['Space', 'Enter'],\n    };\n  }\n}\n\nexport const KanbanCardDragAndDrop = {\n  KanbanDragAndDropContext,\n  DraggableCard: KanbanDraggableCardItem,\n  DragOverlay: KanbanDragOverlay,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_KanbanDragAndDropContext","require","_KanbanDraggableCardItem","_KanbanDragOverlay","_mobx","_uuid","KanbanDragAndDropState","constructor","params","_defineProperty2","default","id","activeId","event","_moveId","uuid","status","active","toString","keyedItem","_findItemById","stageId","_findStageByItemId","kanbanState","kanbanStateBIReporter","reportDragStart","itemId","itemIndex","index","dragAndDropID","setActiveId","_this$kanbanState$ite","over","overId","fromStageId","toStageId","kanbanStageStates","item","kanbanDragEndEvent","items","dragAndDrop","onSubmit","originalItem","updatedItem","stageField","moveItemBetweenStages","submittedItem","submittedItemStageId","reportDragEnd","itemIndexBefore","itemIndexAfter","stageIdBefore","stageIdAfter","endType","updateCard","error","showErrorToast","makeObservable","handleDragEnd","action","observable","ref","handleDragStart","handleDragCancel","_parseItemId","combinedId","stageKey","itemKey","split","parsed","stageState","itemsCollectionState","getKeyedItem","init","keyboardCodes","start","cancel","end","exports","KanbanCardDragAndDrop","KanbanDragAndDropContext","DraggableCard","KanbanDraggableCardItem","DragOverlay","KanbanDragOverlay"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';\nimport { KanbanDraggableCardItem } from './KanbanDraggableCardItem';\nimport { KanbanDragOverlay } from './KanbanDragOverlay';\n\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\nimport { KanbanDragEndItemEvent } from '../../state/KanbanState/KanbanDragEndEvent';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n  DragStartEvent,\n  DragEndEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { v4 as uuid } from 'uuid';\n\nexport interface KanbanDragAndDropStateParams<T, S, F extends FiltersMap> {\n  kanbanState: KanbanState<T, S, F>;\n}\n\nexport class KanbanDragAndDropState<T, S, F extends FiltersMap> {\n  readonly kanbanState: KanbanState<T, S, F>;\n  activeId: string | null = null;\n  status: 'start' | 'over' | 'end' | 'cancel' = 'start';\n  _moveId = '';\n  constructor(params: KanbanDragAndDropStateParams<T, S, F>) {\n    this.kanbanState = params.kanbanState;\n\n    makeObservable(this, {\n      handleDragEnd: action,\n      setActiveId: action,\n      activeId: observable,\n      status: observable.ref,\n      handleDragStart: action,\n      handleDragCancel: action,\n    });\n  }\n\n  setActiveId = (id: string | null) => {\n    this.activeId = id;\n  };\n\n  private _parseItemId(\n    combinedId: string,\n  ): { stageKey: string; itemKey: string } | null {\n    // Parse combined ID format: \"stageKey-##-itemKey\"\n    const [stageKey, itemKey] = combinedId.split('-##-');\n    if (!stageKey || !itemKey) {\n      return null;\n    }\n    return { stageKey, itemKey };\n  }\n\n  private _findItemById(combinedId: string): KeyedItem<T> | null {\n    const parsed = this._parseItemId(combinedId);\n    if (!parsed) {\n      return null;\n    }\n\n    const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];\n    if (!stageState) {\n      return null;\n    }\n\n    const item = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey);\n    return item || null;\n  }\n\n  private _findStageByItemId(combinedId: string): string | null {\n    const parsed = this._parseItemId(combinedId);\n    return parsed?.stageKey || null;\n  }\n\n  handleDragStart = (event: DragStartEvent) => {\n    this._moveId = uuid();\n    this.status = 'start';\n    this.activeId = event.active.id.toString();\n    const keyedItem = this._findItemById(this.activeId);\n    const stageId = this._findStageByItemId(this.activeId);\n    if (!keyedItem || !stageId) {\n      return;\n    }\n    this.kanbanState.kanbanStateBIReporter.reportDragStart({\n      itemId: keyedItem.id,\n      itemIndex: keyedItem.index,\n      stageId,\n      dragAndDropID: this._moveId,\n    });\n  };\n\n  handleDragCancel = () => {\n    this.status = 'cancel';\n    this.setActiveId(null);\n  };\n\n  handleDragEnd = async (event: DragEndEvent) => {\n    this.status = 'end';\n    const { active, over } = event;\n    this.setActiveId(null);\n\n    if (!over) {\n      return;\n    }\n\n    const activeId = active.id.toString();\n    const overId = over.id.toString();\n\n    const fromStageId = this._findStageByItemId(activeId);\n\n    // Determine target stage - could be stage key directly or extracted from item ID\n    let toStageId: string | null;\n    if (this.kanbanState.kanbanStageStates[overId]) {\n      // Dropping on a stage background\n      toStageId = overId;\n    } else {\n      // Dropping on an item - extract stage from item ID\n      toStageId = this._findStageByItemId(overId);\n    }\n\n    // Only return early if we don't have valid source and target stages\n    if (!fromStageId || !toStageId) {\n      return;\n    }\n\n    // PREVENT MOVEMENT WITHIN THE SAME STAGE\n    if (fromStageId === toStageId) {\n      return; // Don't allow reordering within the same stage\n    }\n\n    const keyedItem = this._findItemById(activeId);\n    const item = keyedItem?.item;\n    if (!item) {\n      return;\n    }\n\n    // Create the Kanban drag end event\n    const kanbanDragEndEvent: KanbanDragEndItemEvent<T> = {\n      item,\n      fromStageId,\n      toStageId,\n    };\n\n    if (this.kanbanState.items?.dragAndDrop?.onSubmit) {\n      const originalItem = item;\n      const updatedItem = {\n        ...item,\n        [this.kanbanState.items.stageField]: toStageId,\n      };\n      try {\n        this.kanbanState.moveItemBetweenStages(\n          originalItem,\n          updatedItem,\n          fromStageId,\n          toStageId,\n        );\n        const submittedItem: T =\n          await this.kanbanState.items.dragAndDrop.onSubmit(kanbanDragEndEvent);\n        const submittedItemStageId =\n          submittedItem[this.kanbanState.items.stageField as keyof T];\n\n        if (toStageId !== submittedItemStageId) {\n          // move has been cancelled\n          this.kanbanState.moveItemBetweenStages(\n            updatedItem,\n            originalItem,\n            toStageId,\n            fromStageId,\n          );\n          this.kanbanState.kanbanStateBIReporter.reportDragEnd({\n            itemId: keyedItem.id,\n            itemIndexBefore: keyedItem.index,\n            itemIndexAfter: keyedItem.index,\n            stageIdBefore: fromStageId,\n            stageIdAfter: fromStageId,\n            dragAndDropID: this._moveId,\n            endType: 'drop back',\n          });\n          return;\n        }\n        this.kanbanState.updateCard(submittedItem);\n\n        this.kanbanState.kanbanStateBIReporter.reportDragEnd({\n          itemId: keyedItem.id,\n          itemIndexBefore: keyedItem.index,\n          itemIndexAfter: 0,\n          stageIdBefore: fromStageId,\n          stageIdAfter: toStageId,\n          dragAndDropID: this._moveId,\n          endType: 'drop succeeded',\n        });\n      } catch (error) {\n        this.kanbanState.kanbanStateBIReporter.reportDragEnd({\n          itemId: keyedItem.id,\n          itemIndexBefore: keyedItem.index,\n          itemIndexAfter: keyedItem.index,\n          stageIdBefore: fromStageId,\n          stageIdAfter: fromStageId,\n          dragAndDropID: this._moveId,\n          endType: 'drag disabled',\n        });\n        this.kanbanState.showErrorToast(error);\n        // rollback the move\n        this.kanbanState.moveItemBetweenStages(\n          updatedItem,\n          originalItem,\n          toStageId,\n          fromStageId,\n        );\n      }\n    }\n  };\n\n  init() {\n    // No initialization needed for native drag and drop\n  }\n\n  get keyboardCodes() {\n    return {\n      start: ['Space', 'Enter'],\n      cancel: ['Escape'],\n      end: ['Space', 'Enter'],\n    };\n  }\n}\n\nexport const KanbanCardDragAndDrop = {\n  KanbanDragAndDropContext,\n  DraggableCard: KanbanDraggableCardItem,\n  DragOverlay: KanbanDragOverlay,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.js

@@ -59,13 +59,14 @@ function _KanbanDragOverlayCardItem(props) {
     actionCell,
     dataExtension,
     tags,
-    isDragging: true
+    isDragging: true,
+    state
   };
   return /*#__PURE__*/_react.default.createElement(_Card.CardComponent, (0, _extends2.default)({}, cardProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 70,
       columnNumber: 10
     }
   }));

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_Card","_state","_react","_interopRequireDefault","_jsxFileName","_KanbanDragOverlayCardItem","props","state","renderItem","actionCell","dataExtension","tags","activeId","dragAndDropState","stageKey","itemKey","split","stageState","kanbanStageStates","keyedItem","itemsCollectionState","getKeyedItem","itemActionsState","ItemActionsState","fade","collection","cardProps","originalItem","item","itemIndex","stage","key","isDragging","default","createElement","CardComponent","_extends2","__self","__source","fileName","lineNumber","columnNumber","KanbanDragOverlayCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { CardComponent } from '../Kanban/Card';\nimport { ItemActionsState } from '../../state';\nimport { KanbanBaseProps } from '../Kanban/KanbanProps';\nimport React from 'react';\n\nexport interface KanbanDragOverlayCardItemProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n}\n\nfunction _KanbanDragOverlayCardItem<T, S, F extends FiltersMap>(\n  props: KanbanDragOverlayCardItemProps<T, S, F>,\n) {\n  const { state, renderItem, actionCell, dataExtension, tags } = props;\n\n  const { activeId } = state.dragAndDropState;\n\n  if (!activeId) {\n    return null;\n  }\n\n  // Parse the activeId to get stageKey and itemKey\n  const [stageKey, itemKey] = activeId.split('-##-');\n  if (!stageKey || !itemKey) {\n    return null;\n  }\n\n  const stageState = state.kanbanStageStates[stageKey];\n  if (!stageState) {\n    return null;\n  }\n\n  const keyedItem = stageState.itemsCollectionState.getKeyedItem(itemKey);\n  if (!keyedItem) {\n    return null;\n  }\n\n  const itemActionsState = new ItemActionsState({\n    fade: 'static',\n    keyedItem,\n    collection: stageState.itemsCollectionState,\n  });\n\n  const cardProps = {\n    keyedItem,\n    stageKey: stageState.stageKey,\n    originalItem: keyedItem.item,\n    itemIndex: 0, // Index not relevant for overlay\n    itemActionsState,\n    item: {\n      ...renderItem?.({\n        stage: stageState.stage,\n        item: keyedItem.item,\n      }),\n      key: keyedItem.key,\n    },\n    actionCell,\n    dataExtension,\n    tags,\n    isDragging: true,\n  };\n\n  return <CardComponent {...cardProps} />;\n}\n\nexport const KanbanDragOverlayCardItem = observer(_KanbanDragOverlayCardItem);\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA0B,IAAAK,YAAA;AAU1B,SAASC,0BAA0BA,CACjCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAK,CAAC,GAAGL,KAAK;EAEpE,MAAM;IAAEM;EAAS,CAAC,GAAGL,KAAK,CAACM,gBAAgB;EAE3C,IAAI,CAACD,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;;EAEA;EACA,MAAM,CAACE,QAAQ,EAAEC,OAAO,CAAC,GAAGH,QAAQ,CAACI,KAAK,CAAC,MAAM,CAAC;EAClD,IAAI,CAACF,QAAQ,IAAI,CAACC,OAAO,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGV,KAAK,CAACW,iBAAiB,CAACJ,QAAQ,CAAC;EACpD,IAAI,CAACG,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAME,SAAS,GAAGF,UAAU,CAACG,oBAAoB,CAACC,YAAY,CAACN,OAAO,CAAC;EACvE,IAAI,CAACI,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,MAAMG,gBAAgB,GAAG,IAAIC,uBAAgB,CAAC;IAC5CC,IAAI,EAAE,QAAQ;IACdL,SAAS;IACTM,UAAU,EAAER,UAAU,CAACG;EACzB,CAAC,CAAC;EAEF,MAAMM,SAAS,GAAG;IAChBP,SAAS;IACTL,QAAQ,EAAEG,UAAU,CAACH,QAAQ;IAC7Ba,YAAY,EAAER,SAAS,CAACS,IAAI;IAC5BC,SAAS,EAAE,CAAC;IAAE;IACdP,gBAAgB;IAChBM,IAAI,EAAE;MACJ,IAAGpB,UAAU,oBAAVA,UAAU,CAAG;QACdsB,KAAK,EAAEb,UAAU,CAACa,KAAK;QACvBF,IAAI,EAAET,SAAS,CAACS;MAClB,CAAC,CAAC;MACFG,GAAG,EAAEZ,SAAS,CAACY;IACjB,CAAC;IACDtB,UAAU;IACVC,aAAa;IACbC,IAAI;IACJqB,UAAU,EAAE;EACd,CAAC;EAED,oBAAO9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAClC,KAAA,CAAAmC,aAAa,MAAAC,SAAA,CAAAH,OAAA,MAAKP,SAAS;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACzC;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACvC,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_Card","_state","_react","_interopRequireDefault","_jsxFileName","_KanbanDragOverlayCardItem","props","state","renderItem","actionCell","dataExtension","tags","activeId","dragAndDropState","stageKey","itemKey","split","stageState","kanbanStageStates","keyedItem","itemsCollectionState","getKeyedItem","itemActionsState","ItemActionsState","fade","collection","cardProps","originalItem","item","itemIndex","stage","key","isDragging","default","createElement","CardComponent","_extends2","__self","__source","fileName","lineNumber","columnNumber","KanbanDragOverlayCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { CardComponent } from '../Kanban/Card';\nimport { ItemActionsState } from '../../state';\nimport { KanbanBaseProps } from '../Kanban/KanbanProps';\nimport React from 'react';\n\nexport interface KanbanDragOverlayCardItemProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n}\n\nfunction _KanbanDragOverlayCardItem<T, S, F extends FiltersMap>(\n  props: KanbanDragOverlayCardItemProps<T, S, F>,\n) {\n  const { state, renderItem, actionCell, dataExtension, tags } = props;\n\n  const { activeId } = state.dragAndDropState;\n\n  if (!activeId) {\n    return null;\n  }\n\n  // Parse the activeId to get stageKey and itemKey\n  const [stageKey, itemKey] = activeId.split('-##-');\n  if (!stageKey || !itemKey) {\n    return null;\n  }\n\n  const stageState = state.kanbanStageStates[stageKey];\n  if (!stageState) {\n    return null;\n  }\n\n  const keyedItem = stageState.itemsCollectionState.getKeyedItem(itemKey);\n  if (!keyedItem) {\n    return null;\n  }\n\n  const itemActionsState = new ItemActionsState({\n    fade: 'static',\n    keyedItem,\n    collection: stageState.itemsCollectionState,\n  });\n\n  const cardProps = {\n    keyedItem,\n    stageKey: stageState.stageKey,\n    originalItem: keyedItem.item,\n    itemIndex: 0, // Index not relevant for overlay\n    itemActionsState,\n    item: {\n      ...renderItem?.({\n        stage: stageState.stage,\n        item: keyedItem.item,\n      }),\n      key: keyedItem.key,\n    },\n    actionCell,\n    dataExtension,\n    tags,\n    isDragging: true,\n    state,\n  };\n\n  return <CardComponent {...cardProps} />;\n}\n\nexport const KanbanDragOverlayCardItem = observer(_KanbanDragOverlayCardItem);\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA0B,IAAAK,YAAA;AAU1B,SAASC,0BAA0BA,CACjCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAK,CAAC,GAAGL,KAAK;EAEpE,MAAM;IAAEM;EAAS,CAAC,GAAGL,KAAK,CAACM,gBAAgB;EAE3C,IAAI,CAACD,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;;EAEA;EACA,MAAM,CAACE,QAAQ,EAAEC,OAAO,CAAC,GAAGH,QAAQ,CAACI,KAAK,CAAC,MAAM,CAAC;EAClD,IAAI,CAACF,QAAQ,IAAI,CAACC,OAAO,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGV,KAAK,CAACW,iBAAiB,CAACJ,QAAQ,CAAC;EACpD,IAAI,CAACG,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAME,SAAS,GAAGF,UAAU,CAACG,oBAAoB,CAACC,YAAY,CAACN,OAAO,CAAC;EACvE,IAAI,CAACI,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,MAAMG,gBAAgB,GAAG,IAAIC,uBAAgB,CAAC;IAC5CC,IAAI,EAAE,QAAQ;IACdL,SAAS;IACTM,UAAU,EAAER,UAAU,CAACG;EACzB,CAAC,CAAC;EAEF,MAAMM,SAAS,GAAG;IAChBP,SAAS;IACTL,QAAQ,EAAEG,UAAU,CAACH,QAAQ;IAC7Ba,YAAY,EAAER,SAAS,CAACS,IAAI;IAC5BC,SAAS,EAAE,CAAC;IAAE;IACdP,gBAAgB;IAChBM,IAAI,EAAE;MACJ,IAAGpB,UAAU,oBAAVA,UAAU,CAAG;QACdsB,KAAK,EAAEb,UAAU,CAACa,KAAK;QACvBF,IAAI,EAAET,SAAS,CAACS;MAClB,CAAC,CAAC;MACFG,GAAG,EAAEZ,SAAS,CAACY;IACjB,CAAC;IACDtB,UAAU;IACVC,aAAa;IACbC,IAAI;IACJqB,UAAU,EAAE,IAAI;IAChBzB;EACF,CAAC;EAED,oBAAOL,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAClC,KAAA,CAAAmC,aAAa,MAAAC,SAAA,CAAAH,OAAA,MAAKP,SAAS;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACzC;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACvC,0BAA0B,CAAC","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js

@@ -18,6 +18,16 @@ function _KanbanDraggableCardItem(props) {
     state
   } = props;
   const dragHandleRef = (0, _react.useRef)(null);
+  const cardRef = (0, _react.useRef)(null);
+  const [cardHeight, setCardHeight] = (0, _react.useState)(undefined);
+
+  // Measure card height after render
+  (0, _react.useLayoutEffect)(() => {
+    if (cardRef.current) {
+      const height = cardRef.current.offsetHeight;
+      setCardHeight(height);
+    }
+  }, [cardProps]);
 
   // Use useDraggable instead of useSortable since we only support cross-stage movement
   const {
@@ -74,7 +84,7 @@ function _KanbanDraggableCardItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 85,
       columnNumber: 5
     }
   }, isDragging && /*#__PURE__*/_react.default.createElement("div", {
@@ -82,7 +92,8 @@ function _KanbanDraggableCardItem(props) {
       position: 'absolute',
       top: 0,
       left: 0,
-      height: '129px',
+      height: cardHeight ? `${cardHeight}px` : '129px',
+      // Use measured height or fallback
       width: '246px',
       backgroundColor: '#D6E6FE',
       borderRadius: '8px',
@@ -93,16 +104,19 @@ function _KanbanDraggableCardItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 88,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
-    ref: setNodeRef,
+    ref: node => {
+      setNodeRef(node);
+      cardRef.current = node;
+    },
     style: dragStyle,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 107,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, dragHandleProps, {
@@ -110,14 +124,14 @@ function _KanbanDraggableCardItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 114,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(CardComponent, (0, _extends2.default)({}, cardProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 115,
       columnNumber: 11
     }
   })))));

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_core","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDraggableCardItem","props","children","CardComponent","id","cardProps","state","dragHandleRef","useRef","attributes","listeners","setNodeRef","transform","isDragging","setActivatorNodeRef","useDraggable","ariaDescribedBy","stateDragAndDrop","dragAndDropState","dragHandleProps","ref","current","onClick","stopPropagation","process","env","NODE_ENV","onPointerDown","action","handleDragStart","active","style","pointerEvents","dragStyle","x","y","undefined","visibility","zIndex","position","containerStyle","createElement","__self","__source","fileName","lineNumber","columnNumber","top","left","height","width","backgroundColor","borderRadius","marginLeft","_extends2","KanbanDraggableCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanCardProps } from '../Kanban/Card';\nimport { useDraggable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\n\nexport interface KanbanDraggableCardItemProps<T, S, F extends FiltersMap> {\n  children: React.ComponentType<KanbanCardProps<T, S, F>>;\n  id: string;\n  cardProps: KanbanCardProps<T, S, F>;\n  state: KanbanState<T, S, F>;\n}\n\nfunction _KanbanDraggableCardItem<T, S, F extends FiltersMap>(\n  props: KanbanDraggableCardItemProps<T, S, F>,\n) {\n  const { children: CardComponent, id, cardProps, state } = props;\n\n  const dragHandleRef = useRef<HTMLElement | null>(null);\n\n  // Use useDraggable instead of useSortable since we only support cross-stage movement\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    isDragging,\n    setActivatorNodeRef,\n  } = useDraggable({\n    id,\n  });\n\n  const ariaDescribedBy = `draggable-kanban-card-description-${id}`;\n  const stateDragAndDrop = state.dragAndDropState;\n\n  const dragHandleProps = {\n    ...attributes,\n    ...listeners,\n    ref: (e: HTMLElement | null) => {\n      setActivatorNodeRef(e);\n      dragHandleRef.current = e;\n    },\n    'aria-describedby': ariaDescribedBy,\n    onClick: (e: React.MouseEvent) => e.stopPropagation(),\n    ...(process.env.NODE_ENV === 'test' && {\n      onPointerDown: action(() => {\n        stateDragAndDrop.handleDragStart({ active: { id } } as any);\n      }),\n    }),\n\n    style: { pointerEvents: 'auto' } as React.CSSProperties,\n  };\n\n  const dragStyle: React.CSSProperties = {\n    // Apply transform for drag feedback\n    transform: transform\n      ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n      : undefined,\n    // Hide the original card when dragging, letting the drag system handle the visual feedback\n    visibility: isDragging ? 'hidden' : 'visible',\n    // Allow pointer events to pass through to parent droppable when not dragging\n    pointerEvents: isDragging ? 'auto' : 'none',\n    // Ensure dragged card appears above all other elements including stages\n    zIndex: isDragging ? 1000 : 'auto',\n    position: 'relative' as const,\n  };\n\n  const containerStyle: React.CSSProperties = {\n    position: 'relative',\n  };\n\n  return (\n    <div style={containerStyle} data-hook=\"kanban-card-item-events\">\n      {/* Show static placeholder when dragging */}\n      {isDragging && (\n        <div\n          style={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            height: '129px',\n            width: '246px',\n            backgroundColor: '#D6E6FE',\n            borderRadius: '8px',\n            pointerEvents: 'none',\n            zIndex: 1,\n            marginLeft: '12px',\n          }}\n        >\n          {/* Empty placeholder - no text, just a silver box */}\n        </div>\n      )}\n\n      {/* Draggable card content */}\n      <div ref={setNodeRef} style={dragStyle}>\n        <div {...dragHandleProps} data-hook={`kanban-card-drag-item-${id}`}>\n          <CardComponent {...cardProps} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const KanbanDraggableCardItem = observer(_KanbanDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_core","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDraggableCardItem","props","children","CardComponent","id","cardProps","state","dragHandleRef","useRef","cardRef","cardHeight","setCardHeight","useState","undefined","useLayoutEffect","current","height","offsetHeight","attributes","listeners","setNodeRef","transform","isDragging","setActivatorNodeRef","useDraggable","ariaDescribedBy","stateDragAndDrop","dragAndDropState","dragHandleProps","ref","onClick","stopPropagation","process","env","NODE_ENV","onPointerDown","action","handleDragStart","active","style","pointerEvents","dragStyle","x","y","visibility","zIndex","position","containerStyle","createElement","__self","__source","fileName","lineNumber","columnNumber","top","left","width","backgroundColor","borderRadius","marginLeft","node","_extends2","KanbanDraggableCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"sourcesContent":["import React, { useRef, useState, useLayoutEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanCardProps } from '../Kanban/Card';\nimport { useDraggable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\n\nexport interface KanbanDraggableCardItemProps<T, S, F extends FiltersMap> {\n  children: React.ComponentType<KanbanCardProps<T, S, F>>;\n  id: string;\n  cardProps: KanbanCardProps<T, S, F>;\n  state: KanbanState<T, S, F>;\n}\n\nfunction _KanbanDraggableCardItem<T, S, F extends FiltersMap>(\n  props: KanbanDraggableCardItemProps<T, S, F>,\n) {\n  const { children: CardComponent, id, cardProps, state } = props;\n\n  const dragHandleRef = useRef<HTMLElement | null>(null);\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const [cardHeight, setCardHeight] = useState<number | undefined>(undefined);\n\n  // Measure card height after render\n  useLayoutEffect(() => {\n    if (cardRef.current) {\n      const height = cardRef.current.offsetHeight;\n      setCardHeight(height);\n    }\n  }, [cardProps]);\n\n  // Use useDraggable instead of useSortable since we only support cross-stage movement\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    isDragging,\n    setActivatorNodeRef,\n  } = useDraggable({\n    id,\n  });\n\n  const ariaDescribedBy = `draggable-kanban-card-description-${id}`;\n  const stateDragAndDrop = state.dragAndDropState;\n\n  const dragHandleProps = {\n    ...attributes,\n    ...listeners,\n    ref: (e: HTMLElement | null) => {\n      setActivatorNodeRef(e);\n      dragHandleRef.current = e;\n    },\n    'aria-describedby': ariaDescribedBy,\n    onClick: (e: React.MouseEvent) => e.stopPropagation(),\n    ...(process.env.NODE_ENV === 'test' && {\n      onPointerDown: action(() => {\n        stateDragAndDrop.handleDragStart({ active: { id } } as any);\n      }),\n    }),\n\n    style: { pointerEvents: 'auto' } as React.CSSProperties,\n  };\n\n  const dragStyle: React.CSSProperties = {\n    // Apply transform for drag feedback\n    transform: transform\n      ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n      : undefined,\n    // Hide the original card when dragging, letting the drag system handle the visual feedback\n    visibility: isDragging ? 'hidden' : 'visible',\n    // Allow pointer events to pass through to parent droppable when not dragging\n    pointerEvents: isDragging ? 'auto' : 'none',\n    // Ensure dragged card appears above all other elements including stages\n    zIndex: isDragging ? 1000 : 'auto',\n    position: 'relative' as const,\n  };\n\n  const containerStyle: React.CSSProperties = {\n    position: 'relative',\n  };\n\n  return (\n    <div style={containerStyle} data-hook=\"kanban-card-item-events\">\n      {/* Show static placeholder when dragging */}\n      {isDragging && (\n        <div\n          style={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            height: cardHeight ? `${cardHeight}px` : '129px', // Use measured height or fallback\n            width: '246px',\n            backgroundColor: '#D6E6FE',\n            borderRadius: '8px',\n            pointerEvents: 'none',\n            zIndex: 1,\n            marginLeft: '12px',\n          }}\n        >\n          {/* Empty placeholder - no text, just a silver box */}\n        </div>\n      )}\n\n      {/* Draggable card content */}\n      <div\n        ref={(node) => {\n          setNodeRef(node);\n          cardRef.current = node;\n        }}\n        style={dragStyle}\n      >\n        <div {...dragHandleProps} data-hook={`kanban-card-drag-item-${id}`}>\n          <CardComponent {...cardProps} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const KanbanDraggableCardItem = observer(_KanbanDraggableCardItem);\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_ = "LoadingRow3671973413";
+var _namespace_ = "LoadingRow3159298385";
 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": "LoadingRow3671973413__root"
+  "root": "LoadingRow3159298385__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow3671973413__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow3159298385__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_ = \"LoadingRow3671973413\";\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\":\"LoadingRow3671973413__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3671973413__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_ = \"LoadingRow3159298385\";\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\":\"LoadingRow3159298385__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3159298385__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_ = "MaxHeightText2128808886";
+var _namespace_ = "MaxHeightText1147298147";
 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": "MaxHeightText2128808886__root"
+  "root": "MaxHeightText1147298147__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_ = \"MaxHeightText2128808886\";\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\":\"MaxHeightText2128808886__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_ = \"MaxHeightText1147298147\";\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\":\"MaxHeightText1147298147__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_ = "MaxLines1193542330";
+var _namespace_ = "MaxLines702972083";
 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": "MaxLines1193542330__root"
+  "root": "MaxLines702972083__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_ = \"MaxLines1193542330\";\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\":\"MaxLines1193542330__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_ = \"MaxLines702972083\";\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\":\"MaxLines702972083__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/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_ = "MultiBulkActionToolbar2187770791";
+var _namespace_ = "MultiBulkActionToolbar3367296228";
 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": "MultiBulkActionToolbar2187770791__root"
+  "root": "MultiBulkActionToolbar3367296228__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_ = \"MultiBulkActionToolbar2187770791\";\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\":\"MultiBulkActionToolbar2187770791__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_ = \"MultiBulkActionToolbar3367296228\";\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\":\"MultiBulkActionToolbar3367296228__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":[]}