@wix/patterns 1.228.0 → 1.230.0

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

@@ -1,20 +1,29 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.StageComponent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _Card = require("./Card");
+var _KanbanCardDragAndDrop = require("../KanbanDragAndDropDndKit/KanbanCardDragAndDrop");
 var _state = require("../../state");
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+var _mobx = require("mobx");
+var _CardsSkeleton = require("./CardsSkeleton");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/Stage.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _StageComponent({
   dataHook,
-  stageState,
+  state,
   stageSummary,
+  activeStageKey,
+  stageKey,
   ...props
 }) {
+  const stageState = state.kanbanStageStates[stageKey];
   const handleScroll = e => {
     const {
       scrollTop,
@@ -30,6 +39,17 @@ function _StageComponent({
       keyedItems
     }
   } = stageState.itemsCollectionState;
+
+  // Make the stage droppable
+  const {
+    isOver,
+    setNodeRef: setDroppableRef
+  } = (0, _core.useDroppable)({
+    id: stageState.stageKey
+  });
+
+  // Check if this stage is the source stage (where drag originated)
+  const isDndSourceStage = activeStageKey === stageState.stageKey;
   const items = React.useMemo(() => {
     return keyedItems.map((keyedItem, index) => {
       const itemActionsState = new _state.ItemActionsState({
@@ -39,7 +59,7 @@ function _StageComponent({
       });
       return {
         keyedItem,
-        stageKey: stageState.stageKey(),
+        stageKey: stageState.stageKey,
         originalItem: keyedItem.item,
         itemIndex: index,
         itemActionsState,
@@ -54,49 +74,66 @@ function _StageComponent({
       };
     });
   }, [keyedItems, keyedItems.length]);
-  return /*#__PURE__*/React.createElement(_designSystem.Box, {
-    width: "270px",
-    dataHook: `kanban-stage-container-${stageState.stageKey()}`,
-    backgroundColor: "#F4F7FF",
-    borderRadius: "8px",
-    paddingLeft: "12px",
-    paddingRight: "12px",
-    direction: "vertical",
+  const {
+    DraggableCard
+  } = _KanbanCardDragAndDrop.KanbanCardDragAndDrop;
+  const isStageLoading = stageState.isLoading();
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    ref: setDroppableRef,
+    "data-hook": `kanban-stage-container-${stageState.stageKey}`,
+    style: {
+      width: '270px',
+      backgroundColor: isOver && !isDndSourceStage ? '#9C9EA6' : '#F4F7FF',
+      borderRadius: '8px',
+      display: 'flex',
+      flexDirection: 'column',
+      transition: 'background-color 0.2s ease',
+      border: isOver && !isDndSourceStage ? '2px dashed #2196F3' : '2px solid transparent'
+    }
+  }, process.env.NODE_ENV === 'test' && {
+    onPointerUp: (0, _mobx.action)(() => {
+      if (state.dragAndDropState.activeId) {
+        state.dragAndDropState.handleDragEnd({
+          over: {
+            id: stageState.stageKey
+          },
+          active: {
+            id: state.dragAndDropState.activeId
+          }
+        });
+      }
+    })
+  }, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 91,
       columnNumber: 5
     }
-  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
-    width: "246px",
+  }), /*#__PURE__*/React.createElement(_designSystem.Box, {
+    width: "270px",
     direction: "vertical",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 117,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "data-hook": dataHook
-    // onDragOver={(e) => e.preventDefault()}
-    // onDrop={(e) => {
-    //   e.preventDefault();
-    // }}
-    ,
+    "data-hook": dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 118,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
-    paddingTop: "12px",
     direction: "vertical",
+    padding: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 119,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -107,7 +144,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 120,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -115,54 +152,74 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 126,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
     size: "small",
     weight: "bold",
-    dataHook: `kanban-stage-title-${stageState.stageKey()}`,
+    dataHook: `kanban-stage-title-${stageState.stageKey}`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 127,
       columnNumber: 17
     }
-  }, stageState.stageName()), /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
-    dataHook: `kanban-stage-title-total-${stageState.stageKey()}`,
+  }, stageState.stageName), !isStageLoading ? /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
+    dataHook: `kanban-stage-title-total-${stageState.stageKey}`,
     skin: "light",
     truncate: false,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
-      columnNumber: 17
+      lineNumber: 135,
+      columnNumber: 19
     }
-  }, stageState.totalItems())), /*#__PURE__*/React.createElement(_designSystem.Box, {
+  }, stageState.totalItems()) : null), /*#__PURE__*/React.createElement(_designSystem.Box, {
+    gap: "0.2em",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 145,
       columnNumber: 15
     }
+  }, /*#__PURE__*/React.createElement(_designSystem.Text, {
+    size: "tiny",
+    weight: "thin",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 146,
+      columnNumber: 17
+    }
+  }, "Total:"), !isStageLoading ? /*#__PURE__*/React.createElement(_designSystem.Text, {
+    size: "tiny",
+    weight: "thin",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 150,
+      columnNumber: 19
+    }
   }, stageSummary == null ? void 0 : stageSummary({
     stage: stageState.stage
-  }))), /*#__PURE__*/React.createElement(_designSystem.Box, {
+  })) : null)), !isStageLoading ? /*#__PURE__*/React.createElement(_designSystem.Box, {
     paddingBottom: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
-      columnNumber: 13
+      lineNumber: 157,
+      columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.AddItem, {
     size: "tiny",
     removePadding: true,
+    dataHook: `kanban-stage-add-card-${stageState.stageKey}`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
-      columnNumber: 15
+      lineNumber: 158,
+      columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
     paddingTop: "9px",
@@ -170,63 +227,78 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
-      columnNumber: 17
+      lineNumber: 163,
+      columnNumber: 19
     }
-  }, "Add Card")))), stageState.isLoading() ? /*#__PURE__*/React.createElement("div", {
+  }, "Add Card"))) : null), isStageLoading ? /*#__PURE__*/React.createElement(_CardsSkeleton.CardsSkeleton, {
+    stageKey: stageState.stageKey,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 171,
       columnNumber: 13
     }
-  }, "loading cards...") : /*#__PURE__*/React.createElement("div", {
-    "data-hook": `kanban-stage-cards-container-${stageState.stageKey()}`,
+  }) : /*#__PURE__*/React.createElement(_designSystem.Box, {
+    paddingBottom: "12px",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 173,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-hook": `kanban-stage-cards-container-${stageState.stageKey}`,
     style: {
       overflow: 'auto',
       height: '100%',
-      minHeight: '600px',
-      maxHeight: 'calc(100vh - 400px)',
+      minHeight: '430px',
+      maxHeight: 'calc(100vh - 420px)',
       display: 'flex',
       flexDirection: 'column',
-      gap: '12px'
+      gap: '12px',
+      alignItems: 'center',
+      overflowX: 'hidden',
+      scrollbarWidth: 'thin',
+      scrollbarColor: '#CFD1DC transparent'
     },
     onScroll: handleScroll,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
-      columnNumber: 13
+      lineNumber: 174,
+      columnNumber: 15
     }
-  }, items.map(itemData => {
-    var _itemData$item;
-    return /*#__PURE__*/React.createElement(_Card.CardComponent, {
-      key: `${itemData.stageKey}-${(_itemData$item = itemData.item) == null ? void 0 : _itemData$item.key}`,
-      keyedItem: itemData.keyedItem,
-      originalItem: itemData.keyedItem.item,
-      itemIndex: itemData.itemIndex,
-      item: itemData.item,
-      stageKey: itemData.stageKey,
-      actionCell: itemData.actionCell,
-      itemActionsState: itemData.itemActionsState,
+  }, items == null ? void 0 : items.map(item => /*#__PURE__*/React.createElement(DraggableCard, {
+    key: `${item.stageKey}-##-${item.item.key}`,
+    id: `${item.stageKey}-##-${item.item.key}`,
+    state: state,
+    cardProps: {
+      keyedItem: item.keyedItem,
+      originalItem: item.keyedItem.item,
+      itemIndex: item.itemIndex,
+      item: item.item,
+      stageKey: item.stageKey,
+      actionCell: item.actionCell,
+      itemActionsState: item.itemActionsState,
       dataExtension: props.dataExtension,
-      tags: props.tags,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 144,
-        columnNumber: 17
-      }
-    });
-  }), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
+      tags: props.tags
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 192,
+      columnNumber: 19
+    }
+  }, _Card.CardComponent)), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
     className: "text-sm text-center text-gray-500",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
-      columnNumber: 17
+      lineNumber: 212,
+      columnNumber: 19
     }
-  }, "Loading more...")))));
+  }, "Loading more..."))))));
 }
 const StageComponent = exports.StageComponent = (0, _mobxReactLite.observer)(_StageComponent);
 //# sourceMappingURL=Stage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_Card","_state","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","stageState","stageSummary","props","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","items","useMemo","map","keyedItem","index","itemActionsState","ItemActionsState","fade","collection","stageKey","originalItem","item","itemIndex","renderItem","stage","key","actionCell","length","createElement","Box","width","backgroundColor","borderRadius","paddingLeft","paddingRight","direction","__self","__source","fileName","lineNumber","columnNumber","paddingTop","marginBottom","padding","gap","Text","size","weight","stageName","CounterBadge","skin","truncate","totalItems","paddingBottom","AddItem","removePadding","isLoading","style","overflow","height","minHeight","maxHeight","display","flexDirection","onScroll","itemData","_itemData$item","CardComponent","dataExtension","tags","className","StageComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Stage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AddItem, Box, CounterBadge, Text } from '@wix/design-system';\nimport { FiltersMap, KeyedItem, stringFilter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanStageState } from '../../state/KanbanState/KanbanStageState';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { ItemActionsState } from '../../state';\n\ninterface StageComponentProps<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  dataHook: string;\n  stageState: KanbanStageState<T, S, F>;\n  stageSummary?: KanbanBaseProps<T, S, F>['stageSummary'];\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  noResultsState?: KanbanBaseProps<T, S, F>['noResultsState'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n}\n\nfunction _StageComponent<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n>({\n  dataHook,\n  stageState,\n  stageSummary,\n  ...props\n}: StageComponentProps<T, S, F>) {\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n    if (\n      scrollHeight - scrollTop <= clientHeight + 10 &&\n      !stageState.itemsCollectionState.fetchedLastPage &&\n      !stageState.itemsCollectionState.result.status.isFetching\n    ) {\n      stageState.fetchMore();\n    }\n  };\n\n  const {\n    result: { keyedItems },\n  } = stageState.itemsCollectionState;\n\n  const items: KanbanCardProps<T, S, F>[] = React.useMemo(() => {\n    return keyedItems.map((keyedItem: KeyedItem<T>, index: number) => {\n      const itemActionsState = new ItemActionsState({\n        fade: 'static',\n        keyedItem,\n        collection: stageState.itemsCollectionState,\n      });\n\n      return {\n        keyedItem,\n        stageKey: stageState.stageKey(),\n        originalItem: keyedItem.item,\n        itemIndex: index,\n        itemActionsState,\n        item: {\n          ...props.renderItem?.({\n            stage: stageState.stage,\n            item: keyedItem.item,\n          }),\n          key: keyedItem.key,\n        },\n        actionCell: props.actionCell,\n      };\n    });\n  }, [keyedItems, keyedItems.length]);\n\n  return (\n    <Box\n      width=\"270px\"\n      dataHook={`kanban-stage-container-${stageState.stageKey()}`}\n      backgroundColor=\"#F4F7FF\"\n      borderRadius=\"8px\"\n      paddingLeft=\"12px\"\n      paddingRight=\"12px\"\n      direction=\"vertical\"\n    >\n      <Box width=\"246px\" direction=\"vertical\">\n        <div\n          data-hook={dataHook}\n        // onDragOver={(e) => e.preventDefault()}\n        // onDrop={(e) => {\n        //   e.preventDefault();\n        // }}\n        >\n          <Box paddingTop=\"12px\" direction=\"vertical\">\n            <Box\n              marginBottom=\"24px\"\n              direction=\"vertical\"\n              padding=\"12px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box gap=\"6px\">\n                <Text\n                  size=\"small\"\n                  weight=\"bold\"\n                  dataHook={`kanban-stage-title-${stageState.stageKey()}`}\n                >\n                  {stageState.stageName()}\n                </Text>\n                <CounterBadge\n                  dataHook={`kanban-stage-title-total-${stageState.stageKey()}`}\n                  skin=\"light\"\n                  truncate={false}\n                >\n                  {stageState.totalItems()}\n                </CounterBadge>\n              </Box>\n              <Box>{stageSummary?.({ stage: stageState.stage })}</Box>\n            </Box>\n            <Box paddingBottom=\"12px\">\n              <AddItem size=\"tiny\" removePadding={true}>\n                <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                  Add Card\n                </Box>\n              </AddItem>\n            </Box>\n          </Box>\n          {stageState.isLoading() ? (\n            <div>loading cards...</div>\n          ) : (\n            <div\n              data-hook={`kanban-stage-cards-container-${stageState.stageKey()}`}\n              style={{\n                overflow: 'auto',\n                height: '100%',\n                minHeight: '600px',\n                maxHeight: 'calc(100vh - 400px)',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '12px',\n              }}\n              onScroll={handleScroll}\n            >\n              {items.map((itemData: KanbanCardProps<T, S, F>) => (\n                <CardComponent\n                  key={`${itemData.stageKey}-${itemData.item?.key}`}\n                  keyedItem={itemData.keyedItem}\n                  originalItem={itemData.keyedItem.item}\n                  itemIndex={itemData.itemIndex}\n                  item={itemData.item}\n                  stageKey={itemData.stageKey}\n                  actionCell={itemData.actionCell}\n                  itemActionsState={itemData.itemActionsState}\n                  dataExtension={props.dataExtension}\n                  tags={props.tags}\n                />\n              ))}\n              {stageState.itemsCollectionState.status.isLoading && (\n                <div className=\"text-sm text-center text-gray-500\">\n                  Loading more...\n                </div>\n              )}\n              {/* {!data?.cursor && !data?.loadingMore && (\n              <div className=\"text-xs text-center text-gray-400\">\n                No more cards\n              </div>\n            )}\n            {!data?.cards()?.length && emptyState}} */}\n            </div>\n          )}\n        </div>\n      </Box>\n    </Box>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_Card","_KanbanCardDragAndDrop","_state","_core","_mobx","_CardsSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","state","stageSummary","activeStageKey","stageKey","props","stageState","kanbanStageStates","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","isOver","setNodeRef","setDroppableRef","useDroppable","id","isDndSourceStage","items","useMemo","map","keyedItem","index","itemActionsState","ItemActionsState","fade","collection","originalItem","item","itemIndex","renderItem","stage","key","actionCell","length","DraggableCard","KanbanCardDragAndDrop","isStageLoading","isLoading","createElement","_extends2","ref","style","width","backgroundColor","borderRadius","display","flexDirection","transition","border","process","env","NODE_ENV","onPointerUp","action","dragAndDropState","activeId","handleDragEnd","over","active","__self","__source","fileName","lineNumber","columnNumber","Box","direction","padding","marginBottom","gap","Text","size","weight","stageName","CounterBadge","skin","truncate","totalItems","paddingBottom","AddItem","removePadding","paddingTop","CardsSkeleton","overflow","height","minHeight","maxHeight","alignItems","overflowX","scrollbarWidth","scrollbarColor","onScroll","cardProps","dataExtension","tags","CardComponent","className","StageComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Stage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AddItem, Box, CounterBadge, Text } from '@wix/design-system';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { ItemActionsState } from '../../state';\nimport { useDroppable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\nimport { CardsSkeleton } from './CardsSkeleton';\n\ninterface StageComponentProps<T, S, F extends FiltersMap> {\n  dataHook: string;\n  state: KanbanState<T, S, F>;\n  stageSummary?: KanbanBaseProps<T, S, F>['stageSummary'];\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  noResultsState?: KanbanBaseProps<T, S, F>['noResultsState'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n  activeStageKey?: string | null; // Active source stage key\n  stageKey: string;\n}\n\nfunction _StageComponent<T, S, F extends FiltersMap>({\n  dataHook,\n  state,\n  stageSummary,\n  activeStageKey,\n  stageKey,\n  ...props\n}: StageComponentProps<T, S, F>) {\n  const stageState = state.kanbanStageStates[stageKey];\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n    if (\n      scrollHeight - scrollTop <= clientHeight + 10 &&\n      !stageState.itemsCollectionState.fetchedLastPage &&\n      !stageState.itemsCollectionState.result.status.isFetching\n    ) {\n      stageState.fetchMore();\n    }\n  };\n\n  const {\n    result: { keyedItems },\n  } = stageState.itemsCollectionState;\n\n  // Make the stage droppable\n  const { isOver, setNodeRef: setDroppableRef } = useDroppable({\n    id: stageState.stageKey,\n  });\n\n  // Check if this stage is the source stage (where drag originated)\n  const isDndSourceStage = activeStageKey === stageState.stageKey;\n\n  const items: KanbanCardProps<T, S, F>[] = React.useMemo(() => {\n    return keyedItems.map((keyedItem: KeyedItem<T>, index: number) => {\n      const itemActionsState = new ItemActionsState({\n        fade: 'static',\n        keyedItem,\n        collection: stageState.itemsCollectionState,\n      });\n\n      return {\n        keyedItem,\n        stageKey: stageState.stageKey,\n        originalItem: keyedItem.item,\n        itemIndex: index,\n        itemActionsState,\n        item: {\n          ...props.renderItem?.({\n            stage: stageState.stage,\n            item: keyedItem.item,\n          }),\n          key: keyedItem.key,\n        },\n        actionCell: props.actionCell,\n      };\n    });\n  }, [keyedItems, keyedItems.length]);\n\n  const { DraggableCard } = KanbanCardDragAndDrop;\n\n  const isStageLoading = stageState.isLoading();\n\n  return (\n    <div\n      ref={setDroppableRef}\n      data-hook={`kanban-stage-container-${stageState.stageKey}`}\n      style={{\n        width: '270px',\n        backgroundColor: isOver && !isDndSourceStage ? '#9C9EA6' : '#F4F7FF',\n        borderRadius: '8px',\n        display: 'flex',\n        flexDirection: 'column',\n        transition: 'background-color 0.2s ease',\n        border:\n          isOver && !isDndSourceStage\n            ? '2px dashed #2196F3'\n            : '2px solid transparent',\n      }}\n      {...(process.env.NODE_ENV === 'test' && {\n        onPointerUp: action(() => {\n          if (state.dragAndDropState.activeId) {\n            state.dragAndDropState.handleDragEnd({\n              over: { id: stageState.stageKey },\n              active: { id: state.dragAndDropState.activeId },\n            } as any);\n          }\n        }),\n      })}\n    >\n      <Box width=\"270px\" direction=\"vertical\">\n        <div data-hook={dataHook}>\n          <Box direction=\"vertical\" padding=\"12px\">\n            <Box\n              marginBottom=\"24px\"\n              direction=\"vertical\"\n              padding=\"12px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box gap=\"6px\">\n                <Text\n                  size=\"small\"\n                  weight=\"bold\"\n                  dataHook={`kanban-stage-title-${stageState.stageKey}`}\n                >\n                  {stageState.stageName}\n                </Text>\n                {!isStageLoading ? (\n                  <CounterBadge\n                    dataHook={`kanban-stage-title-total-${stageState.stageKey}`}\n                    skin=\"light\"\n                    truncate={false}\n                  >\n                    {stageState.totalItems()}\n                  </CounterBadge>\n                ) : null}\n              </Box>\n\n              <Box gap=\"0.2em\">\n                <Text size=\"tiny\" weight=\"thin\">\n                  Total:\n                </Text>\n                {!isStageLoading ? (\n                  <Text size=\"tiny\" weight=\"thin\">\n                    {stageSummary?.({ stage: stageState.stage })}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            {!isStageLoading ? (\n              <Box paddingBottom=\"12px\">\n                <AddItem\n                  size=\"tiny\"\n                  removePadding={true}\n                  dataHook={`kanban-stage-add-card-${stageState.stageKey}`}\n                >\n                  <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                    Add Card\n                  </Box>\n                </AddItem>\n              </Box>\n            ) : null}\n          </Box>\n          {isStageLoading ? (\n            <CardsSkeleton stageKey={stageState.stageKey} />\n          ) : (\n            <Box paddingBottom=\"12px\" direction=\"vertical\">\n              <div\n                data-hook={`kanban-stage-cards-container-${stageState.stageKey}`}\n                style={{\n                  overflow: 'auto',\n                  height: '100%',\n                  minHeight: '430px',\n                  maxHeight: 'calc(100vh - 420px)',\n                  display: 'flex',\n                  flexDirection: 'column',\n                  gap: '12px',\n                  alignItems: 'center',\n                  overflowX: 'hidden',\n                  scrollbarWidth: 'thin',\n                  scrollbarColor: '#CFD1DC transparent',\n                }}\n                onScroll={handleScroll}\n              >\n                {items?.map((item) => (\n                  <DraggableCard\n                    key={`${item.stageKey}-##-${item.item.key}`}\n                    id={`${item.stageKey}-##-${item.item.key}`}\n                    state={state}\n                    cardProps={{\n                      keyedItem: item.keyedItem,\n                      originalItem: item.keyedItem.item,\n                      itemIndex: item.itemIndex,\n                      item: item.item,\n                      stageKey: item.stageKey,\n                      actionCell: item.actionCell,\n                      itemActionsState: item.itemActionsState,\n                      dataExtension: props.dataExtension,\n                      tags: props.tags,\n                    }}\n                  >\n                    {CardComponent}\n                  </DraggableCard>\n                ))}\n                {stageState.itemsCollectionState.status.isLoading && (\n                  <div className=\"text-sm text-center text-gray-500\">\n                    Loading more...\n                  </div>\n                )}\n              </div>\n            </Box>\n          )}\n        </div>\n      </Box>\n    </div>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.StagesSkeleton = StagesSkeleton;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _StagesSkeleton = _interopRequireDefault(require("./StagesSkeleton.scss"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/StagesSkeleton.tsx"; // @ts-expect-error
+const numberOfStages = 6;
+function StageSkeleton({
+  index
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    key: index,
+    width: "270px",
+    dataHook: "kanban-stage-skeleton",
+    backgroundColor: "#E5E6E9",
+    borderRadius: "8px",
+    padding: "12px",
+    direction: "vertical",
+    height: "calc(100vh - 300px)",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 10,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "246px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+    skin: "dark",
+    backgroundColor: "#E5E6E9",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    className: _StagesSkeleton.default.skeletonLine,
+    width: "185px",
+    marginBottom: "5px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    className: _StagesSkeleton.default.skeletonLine,
+    width: "104px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 13
+    }
+  })))));
+}
+function StagesSkeleton() {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    gap: "12px",
+    dataHook: "kanban-stages-skeleton",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }
+  }, Array.from({
+    length: numberOfStages
+  }, (_, index) => /*#__PURE__*/_react.default.createElement(StageSkeleton, {
+    index: index,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 9
+    }
+  })));
+}
+//# sourceMappingURL=StagesSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_StagesSkeleton","_jsxFileName","numberOfStages","StageSkeleton","index","default","createElement","Box","key","width","dataHook","backgroundColor","borderRadius","padding","direction","height","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","skin","gap","SkeletonLine","className","styles","skeletonLine","marginBottom","StagesSkeleton","Array","from","length","_"],"sources":["../../../../src/components/Kanban/StagesSkeleton.tsx"],"sourcesContent":["import { Box, SkeletonGroup, SkeletonLine } from '@wix/design-system';\nimport React from 'react';\n// @ts-expect-error\nimport styles from './StagesSkeleton.scss';\n\nconst numberOfStages = 6;\n\nfunction StageSkeleton({ index }: { index: number }) {\n  return (\n    <Box\n      key={index}\n      width=\"270px\"\n      dataHook=\"kanban-stage-skeleton\"\n      backgroundColor=\"#E5E6E9\"\n      borderRadius=\"8px\"\n      padding=\"12px\"\n      direction=\"vertical\"\n      height=\"calc(100vh - 300px)\"\n    >\n      <Box width=\"246px\">\n        <SkeletonGroup skin=\"dark\" backgroundColor=\"#E5E6E9\">\n          <Box direction=\"vertical\" gap=\"12px\">\n            <SkeletonLine\n              className={styles.skeletonLine}\n              width=\"185px\"\n              marginBottom=\"5px\"\n            />\n            <SkeletonLine className={styles.skeletonLine} width=\"104px\" />\n          </Box>\n        </SkeletonGroup>\n      </Box>\n    </Box>\n  );\n}\n\nexport function StagesSkeleton() {\n  return (\n    <Box direction=\"horizontal\" gap=\"12px\" dataHook=\"kanban-stages-skeleton\">\n      {Array.from({ length: numberOfStages }, (_, index) => (\n        <StageSkeleton index={index} />\n      ))}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA2C,IAAAI,YAAA,yGAD3C;AAGA,MAAMC,cAAc,GAAG,CAAC;AAExB,SAASC,aAAaA,CAAC;EAAEC;AAAyB,CAAC,EAAE;EACnD,oBACEN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IACFC,GAAG,EAAEJ,KAAM;IACXK,KAAK,EAAC,OAAO;IACbC,QAAQ,EAAC,uBAAuB;IAChCC,eAAe,EAAC,SAAS;IACzBC,YAAY,EAAC,KAAK;IAClBC,OAAO,EAAC,MAAM;IACdC,SAAS,EAAC,UAAU;IACpBC,MAAM,EAAC,qBAAqB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5BtB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACE,KAAK,EAAC,OAAO;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChBtB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAyB,aAAa;IAACC,IAAI,EAAC,MAAM;IAACX,eAAe,EAAC,SAAS;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDtB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACO,SAAS,EAAC,UAAU;IAACS,GAAG,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClCtB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA4B,YAAY;IACXC,SAAS,EAAEC,uBAAM,CAACC,YAAa;IAC/BlB,KAAK,EAAC,OAAO;IACbmB,YAAY,EAAC,KAAK;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnB,CAAC,eACFtB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA4B,YAAY;IAACC,SAAS,EAAEC,uBAAM,CAACC,YAAa;IAAClB,KAAK,EAAC,OAAO;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC1D,CACQ,CACZ,CACF,CAAC;AAEV;AAEO,SAASS,cAAcA,CAAA,EAAG;EAC/B,oBACE/B,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACO,SAAS,EAAC,YAAY;IAACS,GAAG,EAAC,MAAM;IAACb,QAAQ,EAAC,wBAAwB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrEU,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAE9B;EAAe,CAAC,EAAE,CAAC+B,CAAC,EAAE7B,KAAK,kBAC/CN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACH,aAAa;IAACC,KAAK,EAAEA,KAAM;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/B,CACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/Kanban/StagesSkeleton.scss

@@ -0,0 +1,10 @@
+.skeleton-line {
+  background-color: white;
+  border-radius: 12px;
+  width: 185px;
+  height: 12px;
+}
+
+.skeleton-line:last-child {
+  width: 105px;
+}

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

@@ -58,6 +58,7 @@ function useCardActions({
   let secondaryActions = null;
   if (secondaryActionCellPropsWithBI && secondaryActionCellPropsWithBI.length > 0) {
     secondaryActions = /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({}, actionCellConfig.popoverMenuProps, (0, _getDefaultActionCellProps.getDefaultActionCellProps)(), {
+      maxWidth: "260px",
       dataHook: `kanban-card-more-actions-${stageKey}-${cardKey}`,
       triggerElement: ({
         toggle,
@@ -75,14 +76,14 @@ function useCardActions({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 90,
+          lineNumber: 91,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 105,
+          lineNumber: 106,
           columnNumber: 13
         }
       })),
@@ -99,7 +100,7 @@ function useCardActions({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 111,
+            lineNumber: 112,
             columnNumber: 20
           }
         });
@@ -116,7 +117,7 @@ function useCardActions({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 115,
+          lineNumber: 116,
           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","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","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        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              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","_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","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              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":[]}