@wix/patterns 1.239.0 → 1.240.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_useCardActions","_ActionModal","_jsxFileName","_CardActions","actionCell","originalItem","itemIndex","itemActionsState","stageKey","item","secondaryActions","primaryActionProps","useCardActions","cardKey","key","default","createElement","Fragment","confirmModal","value","MessageActionModal","_extends2","state","__self","__source","fileName","lineNumber","columnNumber","Box","gap","Button","style","zIndex","size","priority","onClick","e","stopPropagation","disabled","prefixIcon","dataHook","text","CardActions","exports","observer"],"sources":["../../../../src/components/Kanban/CardActions.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Button } from '@wix/design-system';\nimport { useCardActions } from './useCardActions';\nimport { KanbanCardProps } from './Card';\nimport { MessageActionModal } from '../ActionModal';\n\ntype CardActionsProps<T, S, F extends FiltersMap> = Pick<\n  KanbanCardProps<T, S, F>,\n  | 'actionCell'\n  | 'originalItem'\n  | 'itemIndex'\n  | 'itemActionsState'\n  | 'stageKey'\n  | 'item'\n>;\n\nfunction _CardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  item,\n}: CardActionsProps<T, S, F>) {\n  const { secondaryActions, primaryActionProps } = useCardActions({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n    stageKey,\n    cardKey: item.key,\n  });\n\n  return (\n    <>\n      {/* Render modals from ItemActionsState */}\n      {itemActionsState.confirmModal.value && (\n        <MessageActionModal\n          state={itemActionsState.confirmModal}\n          {...itemActionsState.confirmModal.value}\n        />\n      )}\n      <Box gap=\"9px\">\n        {secondaryActions}\n        {primaryActionProps && (\n          <Button\n            style={{ zIndex: 50 }}\n            size=\"tiny\"\n            priority=\"secondary\"\n            onClick={(e) => {\n              e.stopPropagation();\n              primaryActionProps.onClick();\n            }}\n            disabled={primaryActionProps.disabled}\n            prefixIcon={primaryActionProps.prefixIcon}\n            dataHook={`kanban-card-primary-action-${stageKey}-${item.key}`}\n          >\n            {primaryActionProps.text}\n          </Button>\n        )}\n      </Box>\n    </>\n  );\n}\n\nexport const CardActions = observer(_CardActions);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAYpD,SAASC,YAAYA,CAA6B;EAChDC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,gBAAgB;EAChBC,QAAQ;EACRC;AACyB,CAAC,EAAE;EAC5B,MAAM;IAAEC,gBAAgB;IAAEC;EAAmB,CAAC,GAAG,IAAAC,8BAAc,EAAC;IAC9DR,UAAU;IACVC,YAAY;IACZC,SAAS;IACTC,gBAAgB;IAChBC,QAAQ;IACRK,OAAO,EAAEJ,IAAI,CAACK;EAChB,CAAC,CAAC;EAEF,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAArB,MAAA,CAAAoB,OAAA,CAAAE,QAAA,QAEGV,gBAAgB,CAACW,YAAY,CAACC,KAAK,iBAClCxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAmB,kBAAkB,MAAAC,SAAA,CAAAN,OAAA;IACjBO,KAAK,EAAEf,gBAAgB,CAACW;EAAa,GACjCX,gBAAgB,CAACW,YAAY,CAACC,KAAK;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CACF,eACDhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA6B,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACXjB,gBAAgB,EAChBC,kBAAkB,iBACjBhB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA+B,MAAM;IACLC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAG,CAAE;IACtBC,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,OAAO,EAAGC,CAAC,IAAK;MACdA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB1B,kBAAkB,CAACwB,OAAO,CAAC,CAAC;IAC9B,CAAE;IACFG,QAAQ,EAAE3B,kBAAkB,CAAC2B,QAAS;IACtCC,UAAU,EAAE5B,kBAAkB,CAAC4B,UAAW;IAC1CC,QAAQ,EAAE,8BAA8BhC,QAAQ,IAAIC,IAAI,CAACK,GAAG,EAAG;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9DhB,kBAAkB,CAAC8B,IACd,CAEP,CACL,CAAC;AAEP;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACzC,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_useCardActions","_ActionModal","_jsxFileName","_CardActions","actionCell","originalItem","itemIndex","itemActionsState","stageKey","item","state","secondaryActions","primaryActionProps","useCardActions","cardKey","key","default","createElement","Fragment","confirmModal","value","MessageActionModal","_extends2","__self","__source","fileName","lineNumber","columnNumber","Box","gap","Button","style","zIndex","size","priority","onClick","e","stopPropagation","disabled","prefixIcon","dataHook","text","CardActions","exports","observer"],"sources":["../../../../src/components/Kanban/CardActions.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Button } from '@wix/design-system';\nimport { useCardActions } from './useCardActions';\nimport { KanbanCardProps } from './Card';\nimport { MessageActionModal } from '../ActionModal';\n\ntype CardActionsProps<T, S, F extends FiltersMap> = Pick<\n  KanbanCardProps<T, S, F>,\n  | 'actionCell'\n  | 'originalItem'\n  | 'itemIndex'\n  | 'itemActionsState'\n  | 'stageKey'\n  | 'item'\n  | 'state'\n>;\n\nfunction _CardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  item,\n  state,\n}: CardActionsProps<T, S, F>) {\n  const { secondaryActions, primaryActionProps } = useCardActions({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n    stageKey,\n    cardKey: item.key,\n    state,\n  });\n\n  return (\n    <>\n      {/* Render modals from ItemActionsState */}\n      {itemActionsState.confirmModal.value && (\n        <MessageActionModal\n          state={itemActionsState.confirmModal}\n          {...itemActionsState.confirmModal.value}\n        />\n      )}\n      <Box gap=\"9px\">\n        {secondaryActions}\n        {primaryActionProps && (\n          <Button\n            style={{ zIndex: 50 }}\n            size=\"tiny\"\n            priority=\"secondary\"\n            onClick={(e) => {\n              e.stopPropagation();\n              primaryActionProps.onClick();\n            }}\n            disabled={primaryActionProps.disabled}\n            prefixIcon={primaryActionProps.prefixIcon}\n            dataHook={`kanban-card-primary-action-${stageKey}-${item.key}`}\n          >\n            {primaryActionProps.text}\n          </Button>\n        )}\n      </Box>\n    </>\n  );\n}\n\nexport const CardActions = observer(_CardActions);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAapD,SAASC,YAAYA,CAA6B;EAChDC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,gBAAgB;EAChBC,QAAQ;EACRC,IAAI;EACJC;AACyB,CAAC,EAAE;EAC5B,MAAM;IAAEC,gBAAgB;IAAEC;EAAmB,CAAC,GAAG,IAAAC,8BAAc,EAAC;IAC9DT,UAAU;IACVC,YAAY;IACZC,SAAS;IACTC,gBAAgB;IAChBC,QAAQ;IACRM,OAAO,EAAEL,IAAI,CAACM,GAAG;IACjBL;EACF,CAAC,CAAC;EAEF,oBACEf,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAAtB,MAAA,CAAAqB,OAAA,CAAAE,QAAA,QAEGX,gBAAgB,CAACY,YAAY,CAACC,KAAK,iBAClCzB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAoB,kBAAkB,MAAAC,SAAA,CAAAN,OAAA;IACjBN,KAAK,EAAEH,gBAAgB,CAACY;EAAa,GACjCZ,gBAAgB,CAACY,YAAY,CAACC,KAAK;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CACF,eACDhC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA6B,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACXhB,gBAAgB,EAChBC,kBAAkB,iBACjBjB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,MAAM;IACLC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAG,CAAE;IACtBC,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,OAAO,EAAGC,CAAC,IAAK;MACdA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBzB,kBAAkB,CAACuB,OAAO,CAAC,CAAC;IAC9B,CAAE;IACFG,QAAQ,EAAE1B,kBAAkB,CAAC0B,QAAS;IACtCC,UAAU,EAAE3B,kBAAkB,CAAC2B,UAAW;IAC1CC,QAAQ,EAAE,8BAA8BhC,QAAQ,IAAIC,IAAI,CAACM,GAAG,EAAG;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9Df,kBAAkB,CAAC6B,IACd,CAEP,CACL,CAAC;AAEP;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACzC,YAAY,CAAC","ignoreList":[]}

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

@@ -40,10 +40,7 @@ function _Kanban(props) {
     return () => {
       events.off('scrollToStage', scrollToStage);
     };
-  }, []);
-  (0, _react.useEffect)(() => {
-    props.state.init();
-  }, [props.state]);
+  }, [events]);
   const stages = (0, _react.useMemo)(() => {
     return props.state.stages;
   }, [props.state.stages]);
@@ -69,7 +66,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 62,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -78,7 +75,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 63,
       columnNumber: 7
     }
   }, stages.map((stage, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, index === firstDoneIndex && firstDoneIndex !== -1 && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -87,7 +84,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 67,
       columnNumber: 15
     }
   }), /*#__PURE__*/_react.default.createElement(_Stage.StageComponent, (0, _extends2.default)({
@@ -99,7 +96,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 72,
       columnNumber: 13
     }
   }))))), /*#__PURE__*/_react.default.createElement(DragOverlay, {
@@ -111,7 +108,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 82,
       columnNumber: 7
     }
   }));
@@ -122,7 +119,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 93,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, {
@@ -132,7 +129,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 94,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -146,7 +143,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 95,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -155,14 +152,14 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 104,
       columnNumber: 11
     }
   }, props.state.isLoadingStages ? /*#__PURE__*/_react.default.createElement(_StagesSkeleton.StagesSkeleton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 105,
       columnNumber: 44
     }
   }) : stagesContent))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","events","scrollToStage","stageKey","stageElement","document","querySelector","scrollIntoView","behavior","block","inline","useEffect","on","off","init","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","DragOverlay","KanbanCardDragAndDrop","firstDoneIndex","findIndex","stage","_props$state","stageType","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","map","index","Fragment","Divider","StageComponent","_extends2","key","renderItem","actionCell","dataExtension","tags","CollectionCard","errorState","ToolbarCollection","search","sticky","marginTop","marginBottom","marginLeft","marginRight","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box, Divider } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { StagesSkeleton } from './StagesSkeleton';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    KanbanBaseProps<C, S, F> {}\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\n  const { state, dataHook } = props;\n\n  const { toolbar, events } = state;\n\n  const scrollToStage = ({ stageKey }: { stageKey: string }) => {\n    const stageElement = document.querySelector(\n      `[data-hook=\"kanban-stage-container-${stageKey}\"]`,\n    );\n    if (stageElement) {\n      stageElement.scrollIntoView?.({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useEffect(() => {\n    events.on('scrollToStage', scrollToStage);\n\n    return () => {\n      events.off('scrollToStage', scrollToStage);\n    };\n  }, []);\n\n  useEffect(() => {\n    props.state.init();\n  }, [props.state]);\n\n  const stages = useMemo(() => {\n    return props.state.stages;\n  }, [props.state.stages]);\n\n  // Calculate active stage key from activeId\n  const activeId = state.dragAndDropState.activeId;\n  const activeStageKey = activeId\n    ? activeId.substring(0, activeId.indexOf('-##-')) || null\n    : null;\n\n  // Wrap with global drag and drop context - always enabled for Kanban\n  const { KanbanDragAndDropContext, DragOverlay } = KanbanCardDragAndDrop;\n\n  // Find the index of the first DONE stage\n  const firstDoneIndex = stages.findIndex(\n    (stage: S) => props.state?.stageType?.(stage) === 'DONE',\n  );\n\n  const stagesContent = (\n    <KanbanDragAndDropContext state={state} stageId=\"all\">\n      <Box direction=\"horizontal\" gap=\"12px\">\n        {stages.map((stage: S, index: number) => (\n          <>\n            {index === firstDoneIndex && firstDoneIndex !== -1 && (\n              <Divider\n                direction=\"vertical\"\n                dataHook=\"kanban-stages-done-divider\"\n              />\n            )}\n            <StageComponent\n              dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n              key={props.state.stageKey(stage)}\n              activeStageKey={activeStageKey}\n              stageKey={props.state.stageKey(stage)}\n              {...props}\n            />\n          </>\n        ))}\n      </Box>\n      <DragOverlay\n        state={state}\n        renderItem={props.renderItem}\n        actionCell={props.actionCell}\n        dataExtension={props.dataExtension}\n        tags={props.tags}\n      />\n    </KanbanDragAndDropContext>\n  );\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        <Box\n          dataHook=\"kanban-test\"\n          marginTop=\"16px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          marginRight=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","events","scrollToStage","stageKey","stageElement","document","querySelector","scrollIntoView","behavior","block","inline","useEffect","on","off","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","DragOverlay","KanbanCardDragAndDrop","firstDoneIndex","findIndex","stage","_props$state","stageType","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","map","index","Fragment","Divider","StageComponent","_extends2","key","renderItem","actionCell","dataExtension","tags","CollectionCard","errorState","ToolbarCollection","search","sticky","marginTop","marginBottom","marginLeft","marginRight","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box, Divider } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { StagesSkeleton } from './StagesSkeleton';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    KanbanBaseProps<C, S, F> {}\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\n  const { state, dataHook } = props;\n\n  const { toolbar, events } = state;\n\n  const scrollToStage = ({ stageKey }: { stageKey: string }) => {\n    const stageElement = document.querySelector(\n      `[data-hook=\"kanban-stage-container-${stageKey}\"]`,\n    );\n    if (stageElement) {\n      stageElement.scrollIntoView?.({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useEffect(() => {\n    events.on('scrollToStage', scrollToStage);\n\n    return () => {\n      events.off('scrollToStage', scrollToStage);\n    };\n  }, [events]);\n\n\n  const stages = useMemo(() => {\n    return props.state.stages;\n  }, [props.state.stages]);\n\n  // Calculate active stage key from activeId\n  const activeId = state.dragAndDropState.activeId;\n  const activeStageKey = activeId\n    ? activeId.substring(0, activeId.indexOf('-##-')) || null\n    : null;\n\n  // Wrap with global drag and drop context - always enabled for Kanban\n  const { KanbanDragAndDropContext, DragOverlay } = KanbanCardDragAndDrop;\n\n  // Find the index of the first DONE stage\n  const firstDoneIndex = stages.findIndex(\n    (stage: S) => props.state?.stageType?.(stage) === 'DONE',\n  );\n\n  const stagesContent = (\n    <KanbanDragAndDropContext state={state} stageId=\"all\">\n      <Box direction=\"horizontal\" gap=\"12px\">\n        {stages.map((stage: S, index: number) => (\n          <>\n            {index === firstDoneIndex && firstDoneIndex !== -1 && (\n              <Divider\n                direction=\"vertical\"\n                dataHook=\"kanban-stages-done-divider\"\n              />\n            )}\n            <StageComponent\n              dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n              key={props.state.stageKey(stage)}\n              activeStageKey={activeStageKey}\n              stageKey={props.state.stageKey(stage)}\n              {...props}\n            />\n          </>\n        ))}\n      </Box>\n      <DragOverlay\n        state={state}\n        renderItem={props.renderItem}\n        actionCell={props.actionCell}\n        dataExtension={props.dataExtension}\n        tags={props.tags}\n      />\n    </KanbanDragAndDropContext>\n  );\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        <Box\n          dataHook=\"kanban-test\"\n          marginTop=\"16px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          marginRight=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,117 @@
+"use strict";
+
+exports.__esModule = true;
+exports.reportOnKanbanPopoverMenuShow = exports.createKanbanSecondaryActionCellPropsWithBI = exports.createKanbanPrimaryActionCellPropsWithBI = void 0;
+var _react = require("react");
+var _mobx = require("mobx");
+var _KanbanStateBIReporter = require("../../state/KanbanState/KanbanStateBIReporter");
+const calcCtaCount = actionCellProps => {
+  const {
+    secondaryActions
+  } = actionCellProps;
+  return (secondaryActions == null ? void 0 : secondaryActions.length) || 0;
+};
+const createKanbanSecondaryActionCellPropsWithBI = ({
+  state,
+  actionCellProps,
+  keyedItem,
+  extensionMenuItems,
+  stageId
+}) => {
+  const {
+    secondaryActions = []
+  } = actionCellProps;
+  const stageIndex = state.getStageIndexByKey(stageId);
+  const stageName = state.getStageNameByKey(stageId);
+  const moreSecondaryItems = (extensionMenuItems == null ? void 0 : extensionMenuItems.menuItems.map(menuItem => {
+    return {
+      ...menuItem,
+      icon: menuItem.prefixIcon || /*#__PURE__*/(0, _react.createElement)('div')
+    };
+  })) || [];
+  const allActions = [...secondaryActions, ...moreSecondaryItems];
+  return allActions.map((_action, index) => {
+    const biIndex = index;
+    if (_action.divider) {
+      return _action;
+    }
+    const onClick = (0, _mobx.action)(() => {
+      state.kanbanStateBIReporter.reportCardCTAClicked({
+        itemId: keyedItem.id,
+        itemIndex: keyedItem.index,
+        ctaName: _action.biName || _action.text || 'Secondary Action',
+        ctaType: _KanbanStateBIReporter.KanbanCtaType.MORE_ACTIONS_OPTION,
+        stageIndex,
+        stageId,
+        stageName,
+        ctaIndex: biIndex,
+        numCtas: calcCtaCount(actionCellProps)
+      });
+      _action.onClick == null || _action.onClick();
+    });
+    const {
+      biName: _biName,
+      ...secondaryActionProperties
+    } = _action;
+    return {
+      ...secondaryActionProperties,
+      onClick
+    };
+  }) || [];
+};
+exports.createKanbanSecondaryActionCellPropsWithBI = createKanbanSecondaryActionCellPropsWithBI;
+const createKanbanPrimaryActionCellPropsWithBI = ({
+  state,
+  actionCellProps,
+  keyedItem,
+  stageId
+}) => {
+  const {
+    primaryAction
+  } = actionCellProps;
+  const stageIndex = state.getStageIndexByKey(stageId);
+  const stageName = state.getStageNameByKey(stageId);
+  if (primaryAction) {
+    const onClick = (0, _mobx.action)(() => {
+      state.kanbanStateBIReporter.reportCardCTAClicked({
+        itemId: keyedItem.id,
+        itemIndex: keyedItem.index,
+        ctaName: (primaryAction == null ? void 0 : primaryAction.biName) || (primaryAction == null ? void 0 : primaryAction.text) || 'Primary Action',
+        ctaType: _KanbanStateBIReporter.KanbanCtaType.PRIMARY_BUTTON,
+        stageId,
+        stageIndex,
+        stageName
+      });
+      primaryAction == null || primaryAction.onClick();
+    });
+    const {
+      biName,
+      ...primaryActionProperties
+    } = primaryAction;
+    return {
+      ...primaryActionProperties,
+      onClick
+    };
+  }
+  return primaryAction;
+};
+exports.createKanbanPrimaryActionCellPropsWithBI = createKanbanPrimaryActionCellPropsWithBI;
+const reportOnKanbanPopoverMenuShow = ({
+  state,
+  keyedItem,
+  stageId
+}) => {
+  const stageIndex = state.getStageIndexByKey(stageId);
+  const stageName = state.getStageNameByKey(stageId);
+  state.kanbanStateBIReporter.reportCardCTAClicked({
+    itemId: keyedItem.id,
+    itemIndex: keyedItem.index,
+    ctaName: 'More Actions',
+    ctaType: _KanbanStateBIReporter.KanbanCtaType.SECONDARY_DROPDOWN,
+    stageId,
+    stageIndex,
+    stageName
+  });
+};
+exports.reportOnKanbanPopoverMenuShow = reportOnKanbanPopoverMenuShow;
+//# sourceMappingURL=KanbanCardActionsHelper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_mobx","_KanbanStateBIReporter","calcCtaCount","actionCellProps","secondaryActions","length","createKanbanSecondaryActionCellPropsWithBI","state","keyedItem","extensionMenuItems","stageId","stageIndex","getStageIndexByKey","stageName","getStageNameByKey","moreSecondaryItems","menuItems","map","menuItem","icon","prefixIcon","createElement","allActions","_action","index","biIndex","divider","onClick","action","kanbanStateBIReporter","reportCardCTAClicked","itemId","id","itemIndex","ctaName","biName","text","ctaType","KanbanCtaType","MORE_ACTIONS_OPTION","ctaIndex","numCtas","_biName","secondaryActionProperties","exports","createKanbanPrimaryActionCellPropsWithBI","primaryAction","PRIMARY_BUTTON","primaryActionProperties","reportOnKanbanPopoverMenuShow","SECONDARY_DROPDOWN"],"sources":["../../../../src/components/Kanban/KanbanCardActionsHelper.ts"],"sourcesContent":["import { createElement } from 'react';\nimport {\n  ActionCellProps,\n  SecondaryActionAction,\n  SecondaryAction,\n} from '../ActionCell';\nimport { KeyedItem } from '@wix/bex-core';\nimport { FiltersMap } from '../../exports/core';\nimport { ExtensionMenuItemsState } from '../../state';\nimport { action } from 'mobx';\nimport { TableActionCellSecondaryDivider } from '@wix/design-system';\nimport type { KanbanState } from '../../state/KanbanState';\nimport { KanbanCtaType } from '../../state/KanbanState/KanbanStateBIReporter';\n\nconst calcCtaCount = (actionCellProps: ActionCellProps) => {\n  const { secondaryActions } = actionCellProps;\n  return secondaryActions?.length || 0;\n};\n\ntype SecondaryActionDivider = Omit<\n  TableActionCellSecondaryDivider,\n  'divider'\n> & {\n  divider: true;\n};\n\nexport type KanbanSecondaryActionOrDivider =\n  | SecondaryActionAction\n  | SecondaryActionDivider;\n\nexport interface CreateKanbanActionCellParams<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  actionCellProps: ActionCellProps;\n  keyedItem: KeyedItem<T>;\n  extensionMenuItems?: ExtensionMenuItemsState;\n  stageId: string;\n}\n\nexport const createKanbanSecondaryActionCellPropsWithBI = <\n  T,\n  S,\n  F extends FiltersMap,\n>({\n  state,\n  actionCellProps,\n  keyedItem,\n  extensionMenuItems,\n  stageId,\n}: CreateKanbanActionCellParams<T, S, F>): KanbanSecondaryActionOrDivider[] => {\n  const { secondaryActions = [] } = actionCellProps;\n\n  const stageIndex = state.getStageIndexByKey(stageId);\n  const stageName = state.getStageNameByKey(stageId);\n\n  const moreSecondaryItems: SecondaryAction[] =\n    extensionMenuItems?.menuItems.map((menuItem) => {\n      return {\n        ...menuItem,\n        icon: menuItem.prefixIcon || createElement('div'),\n      };\n    }) || [];\n\n  const allActions = [\n    ...secondaryActions,\n    ...moreSecondaryItems,\n  ] as KanbanSecondaryActionOrDivider[];\n\n  return (\n    allActions.map((_action, index) => {\n      const biIndex = index;\n\n      if (_action.divider) {\n        return _action;\n      }\n\n      const onClick = action(() => {\n        state.kanbanStateBIReporter.reportCardCTAClicked({\n          itemId: keyedItem.id,\n          itemIndex: keyedItem.index,\n          ctaName: _action.biName || _action.text || 'Secondary Action',\n          ctaType: KanbanCtaType.MORE_ACTIONS_OPTION,\n          stageIndex,\n          stageId,\n          stageName,\n          ctaIndex: biIndex,\n          numCtas: calcCtaCount(actionCellProps),\n        });\n        _action.onClick?.();\n      });\n\n      const { biName: _biName, ...secondaryActionProperties } = _action;\n      return { ...secondaryActionProperties, onClick };\n    }) || []\n  );\n};\n\nexport const createKanbanPrimaryActionCellPropsWithBI = <\n  T,\n  S,\n  F extends FiltersMap,\n>({\n  state,\n  actionCellProps,\n  keyedItem,\n  stageId,\n}: CreateKanbanActionCellParams<T, S, F>) => {\n  const { primaryAction } = actionCellProps;\n\n  const stageIndex = state.getStageIndexByKey(stageId);\n  const stageName = state.getStageNameByKey(stageId);\n\n  if (primaryAction) {\n    const onClick = action(() => {\n      state.kanbanStateBIReporter.reportCardCTAClicked({\n        itemId: keyedItem.id,\n        itemIndex: keyedItem.index,\n        ctaName:\n          primaryAction?.biName || primaryAction?.text || 'Primary Action',\n        ctaType: KanbanCtaType.PRIMARY_BUTTON,\n        stageId,\n        stageIndex,\n        stageName,\n      });\n      primaryAction?.onClick();\n    });\n\n    const { biName, ...primaryActionProperties } = primaryAction;\n    return { ...primaryActionProperties, onClick };\n  }\n  return primaryAction;\n};\n\nexport const reportOnKanbanPopoverMenuShow = <T, S, F extends FiltersMap>({\n  state,\n  keyedItem,\n  stageId,\n}: {\n  state: KanbanState<T, S, F>;\n  keyedItem: KeyedItem<T>;\n  stageId: string;\n}) => {\n  const stageIndex = state.getStageIndexByKey(stageId);\n  const stageName = state.getStageNameByKey(stageId);\n\n  state.kanbanStateBIReporter.reportCardCTAClicked({\n    itemId: keyedItem.id,\n    itemIndex: keyedItem.index,\n    ctaName: 'More Actions',\n    ctaType: KanbanCtaType.SECONDARY_DROPDOWN,\n    stageId,\n    stageIndex,\n    stageName,\n  });\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -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: 'nearest',\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":[]}