@wix/patterns 1.238.0 → 1.240.0

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

@@ -15,7 +15,8 @@ function _CardComponent({
   stageKey,
   actionCell,
   itemActionsState,
-  isDragging
+  isDragging,
+  state
 }) {
   const {
     title,
@@ -35,7 +36,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 43,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement(_designSystem.ClickableCard, {
@@ -44,7 +45,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 53,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -54,7 +55,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 54,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -62,7 +63,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 59,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
@@ -74,7 +75,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 60,
       columnNumber: 13
     }
   }, title)), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -83,28 +84,28 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 71,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 72,
       columnNumber: 13
     }
   }, badge), /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 73,
       columnNumber: 13
     }
   }, subtitle), /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 74,
       columnNumber: 13
     }
   }, additionalInfo)), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -113,7 +114,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 76,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_CardActions.CardActions, {
@@ -123,10 +124,11 @@ function _CardComponent({
     itemActionsState: itemActionsState,
     stageKey: stageKey,
     item: item,
+    state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 77,
       columnNumber: 13
     }
   })))));

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CardActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CardComponent","originalItem","itemIndex","item","stageKey","actionCell","itemActionsState","isDragging","title","subtitle","additionalInfo","badge","createElement","key","style","marginRight","marginLeft","overflow","width","opacity","__self","__source","fileName","lineNumber","columnNumber","ClickableCard","hasPadding","skin","Box","padding","dataHook","direction","paddingBottom","Text","size","weight","ellipsis","maxLines","gap","align","paddingTop","CardActions","CardComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { Box, Text, ClickableCard } from '@wix/design-system';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { ItemActionsState } from '../../state';\nimport { CardActions } from './CardActions';\n\nexport interface KanbanCardProps<T, S, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  stageKey: string;\n  originalItem: T;\n  itemIndex: number;\n  item: {\n    key: string;\n    title?: string;\n    subtitle?: React.ReactNode;\n    additionalInfo?: React.ReactNode;\n    badge?: React.ReactNode;\n  };\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  itemActionsState: ItemActionsState<T, F>;\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n  isDragging?: boolean;\n}\n\nfunction _CardComponent<T, S, F extends FiltersMap>({\n  originalItem,\n  itemIndex,\n  item,\n  stageKey,\n  actionCell,\n  itemActionsState,\n  isDragging,\n}: KanbanCardProps<T, S, F>) {\n  const { title, subtitle, additionalInfo, badge } = item;\n\n  return (\n    <div\n      data-hook={`kanban-card-container-${stageKey}-${item.key}`}\n      style={{\n        marginRight: '12px',\n        marginLeft: '12px',\n        overflow: 'visible',\n        width: '246px',\n        opacity: isDragging ? 0.8 : 1,\n      }}\n    >\n      <ClickableCard hasPadding={false} skin=\"shadow\">\n        <Box\n          padding=\"12px\"\n          dataHook={`kanban-card-${stageKey}-${item.key}`}\n          direction=\"vertical\"\n        >\n          <Box paddingBottom=\"3px\">\n            <Text\n              dataHook={`kanban-card-title-${stageKey}-${item.key}`}\n              size=\"small\"\n              weight=\"normal\"\n              ellipsis={true}\n              maxLines={2}\n            >\n              {title}\n            </Text>\n          </Box>\n\n          <Box direction=\"vertical\" gap=\"1px\">\n            <Box>{badge}</Box>\n            <Box>{subtitle}</Box>\n            <Box>{additionalInfo}</Box>\n          </Box>\n          <Box align=\"right\" paddingTop=\"6px\">\n            <CardActions\n              actionCell={actionCell}\n              originalItem={originalItem}\n              itemIndex={itemIndex}\n              itemActionsState={itemActionsState}\n              stageKey={stageKey}\n              item={item}\n            />\n          </Box>\n        </Box>\n      </ClickableCard>\n    </div>\n  );\n}\n\nexport const CardComponent = observer(_CardComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CardActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CardComponent","originalItem","itemIndex","item","stageKey","actionCell","itemActionsState","isDragging","state","title","subtitle","additionalInfo","badge","createElement","key","style","marginRight","marginLeft","overflow","width","opacity","__self","__source","fileName","lineNumber","columnNumber","ClickableCard","hasPadding","skin","Box","padding","dataHook","direction","paddingBottom","Text","size","weight","ellipsis","maxLines","gap","align","paddingTop","CardActions","CardComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { Box, Text, ClickableCard } from '@wix/design-system';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { ItemActionsState } from '../../state';\nimport { CardActions } from './CardActions';\nimport { KanbanState } from '../../state/KanbanState';\n\nexport interface KanbanCardProps<T, S, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  stageKey: string;\n  originalItem: T;\n  itemIndex: number;\n  item: {\n    key: string;\n    title?: string;\n    subtitle?: React.ReactNode;\n    additionalInfo?: React.ReactNode;\n    badge?: React.ReactNode;\n  };\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  itemActionsState: ItemActionsState<T, F>;\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n  isDragging?: boolean;\n  state: KanbanState<T, S, F>;\n}\n\nfunction _CardComponent<T, S, F extends FiltersMap>({\n  originalItem,\n  itemIndex,\n  item,\n  stageKey,\n  actionCell,\n  itemActionsState,\n  isDragging,\n  state,\n}: KanbanCardProps<T, S, F>) {\n  const { title, subtitle, additionalInfo, badge } = item;\n\n  return (\n    <div\n      data-hook={`kanban-card-container-${stageKey}-${item.key}`}\n      style={{\n        marginRight: '12px',\n        marginLeft: '12px',\n        overflow: 'visible',\n        width: '246px',\n        opacity: isDragging ? 0.8 : 1,\n      }}\n    >\n      <ClickableCard hasPadding={false} skin=\"shadow\">\n        <Box\n          padding=\"12px\"\n          dataHook={`kanban-card-${stageKey}-${item.key}`}\n          direction=\"vertical\"\n        >\n          <Box paddingBottom=\"3px\">\n            <Text\n              dataHook={`kanban-card-title-${stageKey}-${item.key}`}\n              size=\"small\"\n              weight=\"normal\"\n              ellipsis={true}\n              maxLines={2}\n            >\n              {title}\n            </Text>\n          </Box>\n\n          <Box direction=\"vertical\" gap=\"1px\">\n            <Box>{badge}</Box>\n            <Box>{subtitle}</Box>\n            <Box>{additionalInfo}</Box>\n          </Box>\n          <Box align=\"right\" paddingTop=\"6px\">\n            <CardActions\n              actionCell={actionCell}\n              originalItem={originalItem}\n              itemIndex={itemIndex}\n              itemActionsState={itemActionsState}\n              stageKey={stageKey}\n              item={item}\n              state={state}\n            />\n          </Box>\n        </Box>\n      </ClickableCard>\n    </div>\n  );\n}\n\nexport const CardComponent = observer(_CardComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,7 +16,8 @@ function _CardActions({
   itemIndex,
   itemActionsState,
   stageKey,
-  item
+  item,
+  state
 }) {
   const {
     secondaryActions,
@@ -27,7 +28,8 @@ function _CardActions({
     itemIndex,
     itemActionsState,
     stageKey,
-    cardKey: item.key
+    cardKey: item.key,
+    state
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, itemActionsState.confirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
     state: itemActionsState.confirmModal
@@ -35,7 +37,7 @@ function _CardActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 43,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -43,7 +45,7 @@ function _CardActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 48,
       columnNumber: 7
     }
   }, secondaryActions, primaryActionProps && /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -62,7 +64,7 @@ function _CardActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 51,
       columnNumber: 11
     }
   }, primaryActionProps.text)));

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

@@ -28,7 +28,7 @@ function _Kanban(props) {
   }) => {
     const stageElement = document.querySelector(`[data-hook="kanban-stage-container-${stageKey}"]`);
     if (stageElement) {
-      stageElement.scrollIntoView({
+      stageElement.scrollIntoView == null || stageElement.scrollIntoView({
         behavior: 'smooth',
         block: 'nearest',
         inline: 'center'
@@ -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":[]}