@wix/patterns 1.238.0 → 1.240.0

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

@@ -59,10 +59,10 @@ function _StageComponent({
     }
     const cardElement = document.querySelector(`[data-hook="kanban-card-container-${_stageKey}-${cardKey}"]`);
     if (cardElement) {
-      cardElement.scrollIntoView({
+      cardElement.scrollIntoView == null || cardElement.scrollIntoView({
         behavior: 'smooth',
         block: 'nearest',
-        inline: 'center'
+        inline: 'nearest'
       });
     }
   };
@@ -71,7 +71,7 @@ function _StageComponent({
     return () => {
       events.off('scrollToCardInStage', scrollToCardInStage);
     };
-  }, []);
+  }, [events, stageKey]);
 
   // Make the stage droppable
   const {
@@ -103,7 +103,8 @@ function _StageComponent({
           })),
           key: keyedItem.key
         },
-        actionCell: props.actionCell
+        actionCell: props.actionCell,
+        state
       };
     });
   }, [keyedItems, keyedItems.length]);
@@ -142,7 +143,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 131,
       columnNumber: 5
     }
   }), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -151,7 +152,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 156,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -159,7 +160,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 156,
+      lineNumber: 157,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -168,7 +169,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 158,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -179,14 +180,14 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 159,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 165,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -194,7 +195,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 166,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
@@ -205,7 +206,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 167,
       columnNumber: 19
     }
   }, stageState.stageName)), shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
@@ -215,7 +216,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 177,
       columnNumber: 19
     }
   }, stageState.totalItems()) : null), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -223,7 +224,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 187,
       columnNumber: 15
     }
   }, shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.Text, {
@@ -232,7 +233,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 189,
       columnNumber: 19
     }
   }, stageSummary == null ? void 0 : stageSummary({
@@ -241,7 +242,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 195,
+      lineNumber: 196,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.AddItem, {
@@ -253,11 +254,18 @@ function _StageComponent({
       (_state$items$create2 = state.items.create) == null || _state$items$create2.navigateToEntityPage == null || _state$items$create2.navigateToEntityPage({
         stage: stageState.stage
       });
+      state.kanbanStateBIReporter.reportStageCTAClicked({
+        ctaName: 'Add Card',
+        ctaType: 'Primary Button',
+        stageId: stageState.stageKey,
+        stageIndex: state.getStageIndexByKey(stageState.stageKey),
+        stageName: stageState.stageName
+      });
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196,
+      lineNumber: 197,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -266,7 +274,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 214,
       columnNumber: 19
     }
   }, (_state$items$create3 = state.items.create) == null ? void 0 : _state$items$create3.title))) : null), state.isRefetching || isStageLoading || isChangingFiltersValue ? /*#__PURE__*/React.createElement(_CardsSkeleton.CardsSkeleton, {
@@ -274,7 +282,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 222,
       columnNumber: 13
     }
   }) : /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -283,7 +291,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 224,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -305,7 +313,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 225,
       columnNumber: 15
     }
   }, isInSearchMode && items.length === 0 ? /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -315,7 +323,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235,
+      lineNumber: 243,
       columnNumber: 19
     }
   }, props.noResultsState) : items == null ? void 0 : items.map(item => /*#__PURE__*/React.createElement(DraggableCard, {
@@ -331,12 +339,13 @@ function _StageComponent({
       actionCell: item.actionCell,
       itemActionsState: item.itemActionsState,
       dataExtension: props.dataExtension,
-      tags: props.tags
+      tags: props.tags,
+      state
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 252,
       columnNumber: 21
     }
   }, _Card.CardComponent)), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
@@ -344,7 +353,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 265,
+      lineNumber: 274,
       columnNumber: 19
     }
   }, "Loading more..."))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","React","_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","_state$items$create","_state$items$create3","stageState","kanbanStageStates","events","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","useEffect","hasError","showErrorToast","error","scrollToCardInStage","_stageKey","cardKey","cardElement","document","querySelector","scrollIntoView","behavior","block","inline","on","off","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","isInSearchMode","isStageLoading","isLoading","isChangingFiltersValue","getIsChangingFiltersValue","shouldShowStageSummary","createElement","_extends2","ref","style","width","backgroundColor","borderRadius","display","flexDirection","border","process","env","NODE_ENV","onPointerUp","action","dragAndDropState","activeId","handleDragEnd","over","active","__self","__source","fileName","lineNumber","columnNumber","Box","direction","padding","marginBottom","paddingRight","Text","size","weight","ellipsis","stageName","CounterBadge","skin","truncate","totalItems","gap","create","title","AddItem","removePadding","onClick","_state$items$create2","navigateToEntityPage","paddingTop","paddingBottom","isRefetching","CardsSkeleton","overflow","minHeight","height","alignItems","overflowX","scrollbarWidth","scrollbarColor","onScroll","flex","verticalAlign","noResultsState","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';\nimport { useEffect } from 'react';\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  const { events } = state;\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    status,\n  } = stageState.itemsCollectionState;\n\n  useEffect(() => {\n    if (stageState.hasError) {\n      stageState.showErrorToast(status.error);\n    }\n  }, [stageState.hasError]);\n\n  const scrollToCardInStage = ({\n    stageKey: _stageKey,\n    cardKey,\n  }: {\n    stageKey: string;\n    cardKey: string;\n  }) => {\n    if (stageKey !== stageState.stageKey) {\n      return;\n    }\n    const cardElement = document.querySelector(\n      `[data-hook=\"kanban-card-container-${_stageKey}-${cardKey}\"]`,\n    );\n    if (cardElement) {\n      cardElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useEffect(() => {\n    events.on('scrollToCardInStage', scrollToCardInStage);\n\n    return () => {\n      events.off('scrollToCardInStage', scrollToCardInStage);\n    };\n  }, []);\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  const isInSearchMode = state.isInSearchMode();\n  const isStageLoading = stageState.isLoading;\n  const isChangingFiltersValue = state.getIsChangingFiltersValue();\n  const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;\n  return (\n    <div\n      ref={setDroppableRef}\n      data-hook={`kanban-stage-container-${stageState.stageKey}`}\n      style={{\n        width: '270px',\n        backgroundColor: isOver && !isDndSourceStage ? '#D6E6FE' : '#F4F7FF',\n        borderRadius: '8px',\n        display: 'flex',\n        flexDirection: 'column',\n        border:\n          isOver && !isDndSourceStage\n            ? '1px dashed #80B1FF'\n            : '1px 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=\"0px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box>\n                <Box paddingRight=\"6px\">\n                  <Text\n                    size=\"small\"\n                    weight=\"bold\"\n                    dataHook={`kanban-stage-title-${stageState.stageKey}`}\n                    ellipsis={true}\n                  >\n                    {stageState.stageName}\n                  </Text>\n                </Box>\n                {shouldShowStageSummary ? (\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                {shouldShowStageSummary ? (\n                  <Text size=\"tiny\" weight=\"thin\">\n                    {stageSummary?.({ stage: stageState.stage })}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            {shouldShowStageSummary && state.items.create?.title ? (\n              <Box>\n                <AddItem\n                  size=\"tiny\"\n                  removePadding={true}\n                  dataHook={`kanban-stage-add-card-${stageState.stageKey}`}\n                  onClick={() => {\n                    state.items.create?.navigateToEntityPage?.({\n                      stage: stageState.stage,\n                    });\n                  }}\n                >\n                  <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                    {state.items.create?.title}\n                  </Box>\n                </AddItem>\n              </Box>\n            ) : null}\n          </Box>\n          {state.isRefetching || isStageLoading || isChangingFiltersValue ? (\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                  minHeight: '430px',\n                  height: '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                  paddingTop: '3px',\n                }}\n                onScroll={handleScroll}\n              >\n                {isInSearchMode && items.length === 0 ? (\n                  <Box\n                    flex=\"1\"\n                    verticalAlign=\"middle\"\n                    dataHook={`kanban-stage-no-results-${stageState.stageKey}`}\n                  >\n                    {props.noResultsState}\n                  </Box>\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                )}\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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_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","_state$items$create","_state$items$create3","stageState","kanbanStageStates","events","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","useEffect","hasError","showErrorToast","error","scrollToCardInStage","_stageKey","cardKey","cardElement","document","querySelector","scrollIntoView","behavior","block","inline","on","off","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","isInSearchMode","isStageLoading","isLoading","isChangingFiltersValue","getIsChangingFiltersValue","shouldShowStageSummary","createElement","_extends2","ref","style","width","backgroundColor","borderRadius","display","flexDirection","border","process","env","NODE_ENV","onPointerUp","action","dragAndDropState","activeId","handleDragEnd","over","active","__self","__source","fileName","lineNumber","columnNumber","Box","direction","padding","marginBottom","paddingRight","Text","size","weight","ellipsis","stageName","CounterBadge","skin","truncate","totalItems","gap","create","title","AddItem","removePadding","onClick","_state$items$create2","navigateToEntityPage","kanbanStateBIReporter","reportStageCTAClicked","ctaName","ctaType","stageId","stageIndex","getStageIndexByKey","paddingTop","paddingBottom","isRefetching","CardsSkeleton","overflow","minHeight","height","alignItems","overflowX","scrollbarWidth","scrollbarColor","onScroll","flex","verticalAlign","noResultsState","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';\nimport { useEffect } from 'react';\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  const { events } = state;\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    status,\n  } = stageState.itemsCollectionState;\n\n  useEffect(() => {\n    if (stageState.hasError) {\n      stageState.showErrorToast(status.error);\n    }\n  }, [stageState.hasError]);\n\n  const scrollToCardInStage = ({\n    stageKey: _stageKey,\n    cardKey,\n  }: {\n    stageKey: string;\n    cardKey: string;\n  }) => {\n    if (stageKey !== stageState.stageKey) {\n      return;\n    }\n    const cardElement = document.querySelector(\n      `[data-hook=\"kanban-card-container-${_stageKey}-${cardKey}\"]`,\n    );\n    if (cardElement) {\n      cardElement.scrollIntoView?.({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n  };\n\n  useEffect(() => {\n    events.on('scrollToCardInStage', scrollToCardInStage);\n\n    return () => {\n      events.off('scrollToCardInStage', scrollToCardInStage);\n    };\n  }, [events, stageKey]);\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        state,\n      };\n    });\n  }, [keyedItems, keyedItems.length]);\n\n  const { DraggableCard } = KanbanCardDragAndDrop;\n  const isInSearchMode = state.isInSearchMode();\n  const isStageLoading = stageState.isLoading;\n  const isChangingFiltersValue = state.getIsChangingFiltersValue();\n  const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;\n  return (\n    <div\n      ref={setDroppableRef}\n      data-hook={`kanban-stage-container-${stageState.stageKey}`}\n      style={{\n        width: '270px',\n        backgroundColor: isOver && !isDndSourceStage ? '#D6E6FE' : '#F4F7FF',\n        borderRadius: '8px',\n        display: 'flex',\n        flexDirection: 'column',\n        border:\n          isOver && !isDndSourceStage\n            ? '1px dashed #80B1FF'\n            : '1px 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=\"0px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box>\n                <Box paddingRight=\"6px\">\n                  <Text\n                    size=\"small\"\n                    weight=\"bold\"\n                    dataHook={`kanban-stage-title-${stageState.stageKey}`}\n                    ellipsis={true}\n                  >\n                    {stageState.stageName}\n                  </Text>\n                </Box>\n                {shouldShowStageSummary ? (\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                {shouldShowStageSummary ? (\n                  <Text size=\"tiny\" weight=\"thin\">\n                    {stageSummary?.({ stage: stageState.stage })}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            {shouldShowStageSummary && state.items.create?.title ? (\n              <Box>\n                <AddItem\n                  size=\"tiny\"\n                  removePadding={true}\n                  dataHook={`kanban-stage-add-card-${stageState.stageKey}`}\n                  onClick={() => {\n                    state.items.create?.navigateToEntityPage?.({\n                      stage: stageState.stage,\n                    });\n                    state.kanbanStateBIReporter.reportStageCTAClicked({\n                      ctaName: 'Add Card',\n                      ctaType: 'Primary Button',\n                      stageId: stageState.stageKey,\n                      stageIndex: state.getStageIndexByKey(stageState.stageKey),\n                      stageName: stageState.stageName,\n                    });\n                  }}\n                >\n                  <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                    {state.items.create?.title}\n                  </Box>\n                </AddItem>\n              </Box>\n            ) : null}\n          </Box>\n          {state.isRefetching || isStageLoading || isChangingFiltersValue ? (\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                  minHeight: '430px',\n                  height: '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                  paddingTop: '3px',\n                }}\n                onScroll={handleScroll}\n              >\n                {isInSearchMode && items.length === 0 ? (\n                  <Box\n                    flex=\"1\"\n                    verticalAlign=\"middle\"\n                    dataHook={`kanban-stage-no-results-${stageState.stageKey}`}\n                  >\n                    {props.noResultsState}\n                  </Box>\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                        state,\n                      }}\n                    >\n                      {CardComponent}\n                    </DraggableCard>\n                  ))\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/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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,4BAAA,GAAAD,OAAA;AAKA,IAAAE,sBAAA,GAAAF,OAAA;AAIA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAAqD,IAAAO,YAAA;AAW9C,SAASC,kBAAkBA,CAA6B;EAC7DC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC;AACqD,CAAC,EAAmB;EACzE,IAAI,CAACH,UAAU,EAAE;IACf,OAAO,CAAC,CAAC;EACX;EAEA,IAAI,OAAOA,UAAU,KAAK,UAAU,EAAE;IACpC,OAAOA,UAAU,CAACC,YAAY,EAAEC,SAAS,EAAEC,gBAAgB,CAACC,aAAa,CAAC;EAC5E;EAEA,OAAOJ,UAAU;AACnB;AAEO,SAASK,cAAcA,CAA6B;EACzDL,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,gBAAgB;EAChBG,QAAQ;EACRC;AACuB,CAAC,EAAE;EAC1B,MAAMC,YAAY,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAkB,CAAC,GAAGF,YAAY;EAE1C,MAAMG,gBAAgB,GAAGZ,kBAAkB,CAAC;IAC1CC,UAAU;IACVC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,CAAC;EAEF,MAAMS,kBAAkB,GAAG,IAAAC,4CAAqB,EAAC;IAC/CC,WAAW,EAAEH,gBAAgB,CAACG;EAChC,CAAC,CAAC;EAEF,MAAMC,8BAA8B,GAAG,IAAAC,gEAAmC,EAAC;IACzEN,iBAAiB;IACjBO,eAAe,EAAEN,gBAAgB;IACjCO,SAAS,EAAEf,gBAAgB,CAACe,SAAS;IACrCN;EACF,CAAC,CAAC;EAEF,MAAMO,4BAA4B,GAAG,IAAAC,+DAAkC,EACrEV,iBAAiB,EACjBC,gBAAgB,EAChBR,gBAAgB,CAACe,SACnB,CAAC;EAED,IAAIG,gBAAwC,GAAG,IAAI;EAEnD,IACEN,8BAA8B,IAC9BA,8BAA8B,CAACO,MAAM,GAAG,CAAC,EACzC;IACAD,gBAAgB,gBACdhC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,WAAW,MAAAC,SAAA,CAAAH,OAAA,MACNZ,gBAAgB,CAACgB,gBAAgB,EACjC,IAAAC,oDAAyB,EAAC,CAAC;MAC/BC,QAAQ,EAAC,OAAO;MAChBC,QAAQ,EAAE,4BAA4BxB,QAAQ,IAAIC,OAAO,EAAG;MAC5DwB,cAAc,EAAEA,CAAC;QAAEC,MAAM;QAAEC;MAAM,CAAC,kBAChC5C,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAAuC,UAAU;QACTJ,QAAQ,EAAE,oCAAoCxB,QAAQ,IAAIC,OAAO,EAAG;QACpE4B,OAAO,EAAGC,CAAC,IAAK;UACdA,CAAC,CAACC,eAAe,CAAC,CAAC;UACnBL,MAAM,CAAC,CAAC;UACR,IAAAM,oDAAuB,EACrB5B,iBAAiB,EACjBC,gBAAgB,EAChBR,gBAAgB,CAACe,SACnB,CAAC;QACH,CAAE;QACFqB,YAAY,EAAEN,KAAM;QACpBO,QAAQ,EAAC,WAAW;QACpBC,IAAI,EAAC,MAAM;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEXzD,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,iBAAA,CAAAkD,SAAS;QAAAL,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACF,CACZ;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,IAED/B,8BAA8B,CAACiC,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;MACrD,IAAID,MAAM,CAACE,OAAO,EAAE;QAClB,oBAAO9D,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,WAAW,CAAC2B,OAAO;UAACC,GAAG,EAAEH,KAAM;UAAAR,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA9C,YAAA;YAAA+C,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;MAC5C;MACA,MAAM;QAAEQ,IAAI,EAAEC,UAAU;QAAE,GAAGC;MAAK,CAAC,GAAGP,MAAM;MAC5C,oBACE5D,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,WAAW,CAACgC,QAAQ,MAAA/B,SAAA,CAAAH,OAAA;QACnB8B,GAAG,EAAEH,KAAM;QACXQ,QAAQ,EAAET,MAAM,CAACU,mBAAoB;QACrCJ,UAAU,EAAEA,UAAW;QACvBzB,QAAQ,EACNmB,MAAM,CAACnB,QAAQ,IACf,iCAAiCxB,QAAQ,IAAIC,OAAO,IAAI2C,KAAK;MAC9D,GACGM,IAAI;QAAAd,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,EACT,CAAC;IAEN,CAAC,CACU,CACd;EACH;EACA,OAAO;IACLzB,gBAAgB;IAChBuC,kBAAkB,EAAEzC;EACtB,CAAC;AACH","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) {