@wix/patterns 1.228.0 → 1.230.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, stringFilter } 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<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> = Pick<\n  KanbanCardProps<T, S, F>,\n  | 'actionCell'\n  | 'originalItem'\n  | 'itemIndex'\n  | 'itemActionsState'\n  | 'stageKey'\n  | 'item'\n>;\n\nfunction _CardActions<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n>({\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=\"SP2\">\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;AAgBpD,SAASC,YAAYA,CAInB;EACAC,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","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":[]}

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

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CardsSkeleton = CardsSkeleton;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/CardsSkeleton.tsx";
+const numberOfCards = 4;
+function CardSkeleton({
+  index
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    key: index,
+    "data-hook": "kanban-card-skeleton",
+    padding: "12px",
+    borderRadius: "6px",
+    backgroundColor: "white",
+    direction: "vertical",
+    gap: "12px",
+    border: "1px solid #DFE3EB",
+    height: "120px",
+    marginBottom: index !== numberOfCards - 1 ? '0px' : '12px',
+    boxShadow: "0 4px 10px rgba(0, 0, 0, 0.05)",
+    marginLeft: "12px",
+    marginRight: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+    skin: "light",
+    backgroundColor: "white",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "8px",
+    flex: "1",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    width: "162px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    width: "114px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    alignContent: "space-between",
+    marginTop: "70px",
+    justifySelf: "end",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    gap: "9px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonCircle, {
+    diameter: "18px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
+    width: "114px",
+    height: "18px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 13
+    }
+  })))));
+}
+function CardsSkeleton({
+  stageKey
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "12px",
+    "data-hook": `kanban-cards-skeleton-${stageKey}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 5
+    }
+  }, Array.from({
+    length: numberOfCards
+  }, (_, index) => /*#__PURE__*/_react.default.createElement(CardSkeleton, {
+    index: index,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 9
+    }
+  })));
+}
+//# sourceMappingURL=CardsSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","numberOfCards","CardSkeleton","index","default","createElement","Box","key","padding","borderRadius","backgroundColor","direction","gap","border","height","marginBottom","boxShadow","marginLeft","marginRight","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","skin","flex","SkeletonLine","width","alignContent","marginTop","justifySelf","verticalAlign","SkeletonCircle","diameter","SkeletonRectangle","CardsSkeleton","stageKey","Array","from","length","_"],"sources":["../../../../src/components/Kanban/CardsSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  SkeletonCircle,\n  SkeletonGroup,\n  SkeletonLine,\n  SkeletonRectangle,\n} from '@wix/design-system';\n\nconst numberOfCards = 4;\n\nfunction CardSkeleton({ index }: { index: number }) {\n  return (\n    <Box\n      key={index}\n      data-hook=\"kanban-card-skeleton\"\n      padding=\"12px\"\n      borderRadius=\"6px\"\n      backgroundColor=\"white\"\n      direction=\"vertical\"\n      gap=\"12px\"\n      border=\"1px solid #DFE3EB\"\n      height=\"120px\"\n      marginBottom={index !== numberOfCards - 1 ? '0px' : '12px'}\n      boxShadow=\"0 4px 10px rgba(0, 0, 0, 0.05)\"\n      marginLeft=\"12px\"\n      marginRight=\"12px\"\n    >\n      <SkeletonGroup skin=\"light\" backgroundColor=\"white\">\n        {/* Title and Subtitle Skeletons */}\n        <Box direction=\"vertical\" gap=\"8px\" flex=\"1\">\n          <SkeletonLine width=\"162px\" />\n          <SkeletonLine width=\"114px\" />\n        </Box>\n\n        {/* Avatar and Actions Skeleton */}\n        <Box alignContent=\"space-between\" marginTop=\"70px\" justifySelf=\"end\">\n          <Box verticalAlign=\"middle\" gap=\"9px\">\n            <SkeletonCircle diameter=\"18px\" />\n            <SkeletonRectangle width=\"114px\" height=\"18px\" />\n          </Box>\n        </Box>\n      </SkeletonGroup>\n    </Box>\n  );\n}\n\nexport function CardsSkeleton({ stageKey }: { stageKey: string }) {\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"12px\"\n      data-hook={`kanban-cards-skeleton-${stageKey}`}\n    >\n      {Array.from({ length: numberOfCards }, (_, index) => (\n        <CardSkeleton index={index} />\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,10 +10,10 @@ var _mobxReactLite = require("mobx-react-lite");
 var _Stage = require("./Stage");
 var _designSystem = require("@wix/design-system");
 var _CollectionCard = require("../CollectionCard");
+var _KanbanCardDragAndDrop = require("../KanbanDragAndDropDndKit/KanbanCardDragAndDrop");
+var _StagesSkeleton = require("./StagesSkeleton");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/Kanban.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// import { CollectionCard } from '../CollectionCard';
-
 function _Kanban(props) {
   const {
     state,
@@ -22,19 +22,52 @@ function _Kanban(props) {
   const {
     toolbar
   } = state;
-
-  // if (process.env.NODE_ENV !== 'production') {
-  //   minimalRequiredWdsRuntimeCheck({
-  //     required: '^1.64.1',
-  //     requiredBy: 'WixPatterns/Kanban',
-  //   });
-  // }
   (0, _react.useEffect)(() => {
     props.state.init();
   }, [props.state]);
   const stages = (0, _react.useMemo)(() => {
-    return props.state.stages();
-  }, [props.state.stages()]);
+    return props.state.stages;
+  }, [props.state.stages]);
+
+  // Calculate active stage key from activeId
+  const activeId = state.dragAndDropState.activeId;
+  const activeStageKey = activeId ? activeId.substring(0, activeId.indexOf('-##-')) || null : null;
+
+  // Wrap with global drag and drop context - always enabled for Kanban
+  const {
+    KanbanDragAndDropContext
+  } = _KanbanCardDragAndDrop.KanbanCardDragAndDrop;
+  const stagesContent = /*#__PURE__*/_react.default.createElement(KanbanDragAndDropContext, {
+    state: state,
+    stageId: "all",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    gap: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 7
+    }
+  }, stages.map(stage => /*#__PURE__*/_react.default.createElement(_Stage.StageComponent, (0, _extends2.default)({
+    dataHook: `kanban-stage-${props.state.stageKey(stage)}`,
+    key: props.state.stageKey(stage),
+    activeStageKey: activeStageKey,
+    stageKey: props.state.stageKey(stage)
+  }, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 11
+    }
+  })))));
   return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, {
     errorState: false,
     state: toolbar,
@@ -42,7 +75,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 54,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, {
@@ -52,7 +85,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 55,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -63,7 +96,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -72,37 +105,17 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 62,
       columnNumber: 11
     }
-  }, props.state.isLoading() ? /*#__PURE__*/_react.default.createElement("div", {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 45,
-      columnNumber: 15
-    }
-  }, "loading stages...") : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "horizontal",
-    gap: "12px",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 47,
-      columnNumber: 15
-    }
-  }, stages.map(stage => /*#__PURE__*/_react.default.createElement(_Stage.StageComponent, (0, _extends2.default)({
-    stageState: props.state.getStageState(stage),
-    dataHook: `kanban-stage-${props.state.stageKey(stage)}`,
-    key: props.state.stageKey(stage)
-  }, props, {
+  }, props.state.isLoading() ? /*#__PURE__*/_react.default.createElement(_StagesSkeleton.StagesSkeleton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
-      columnNumber: 19
+      lineNumber: 63,
+      columnNumber: 40
     }
-  }))))))));
+  }) : stagesContent))));
 }
 const Kanban = exports.Kanban = (0, _mobxReactLite.observer)(_Kanban);
 //# sourceMappingURL=Kanban.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_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","useEffect","init","stages","useMemo","createElement","CollectionCard","errorState","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","search","sticky","Box","margin","overflow","direction","isLoading","gap","map","stage","StageComponent","_extends2","stageState","getStageState","stageKey","key","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 } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\n// import { CollectionCard } from '../CollectionCard';\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 } = state;\n\n  // if (process.env.NODE_ENV !== 'production') {\n  //   minimalRequiredWdsRuntimeCheck({\n  //     required: '^1.64.1',\n  //     requiredBy: 'WixPatterns/Kanban',\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  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        <Box\n          dataHook=\"kanban-test\"\n          margin=\"24px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoading() ? (\n              <div>loading stages...</div>\n            ) : (\n              <Box direction=\"horizontal\" gap=\"12px\">\n                {stages.map((stage: S) => (\n                  <StageComponent\n                    stageState={props.state.getStageState(stage)}\n                    dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n                    key={props.state.stageKey(stage)}\n                    {...props}\n                  />\n                ))}\n              </Box>\n            )}\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","useEffect","init","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","KanbanCardDragAndDrop","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","map","stage","StageComponent","_extends2","stageKey","key","CollectionCard","errorState","ToolbarCollection","search","sticky","margin","overflow","isLoading","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 } 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 } = state;\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 } = KanbanCardDragAndDrop;\n  const stagesContent = (\n    <KanbanDragAndDropContext state={state} stageId=\"all\">\n      <Box direction=\"horizontal\" gap=\"12px\">\n        {stages.map((stage: S) => (\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      </Box>\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          margin=\"24px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoading() ? <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/Kanban.uni.driver.js

@@ -6,12 +6,36 @@ exports.default = void 0;
 var _CollectionToolbarUni = require("../CollectionToolbar/CollectionToolbar.uni.driver");
 var _baseUniDriverFactory = require("../../unidriver/baseUniDriverFactory");
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _DragAndDropUni = require("../DragAndDrop/DragAndDrop.uni.driver");
 function KanbanUniDriver(base, body) {
   const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
   const toolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(toolbarBase(), body);
+  const dragAndDrop = () => (0, _DragAndDropUni.DragAndDropUniDriver)(base);
+  const dragCardToStage = async ({
+    sourceStageKey,
+    cardKey,
+    targetStageKey
+  }) => {
+    const targetStageElement = base.$(`[data-hook^="kanban-stage-container-${targetStageKey}"]`);
+    if (!(await targetStageElement.exists())) {
+      throw new Error(`Target stage with key ${targetStageKey} not found`);
+    }
+    const sourceStageElement = base.$(`[data-hook^="kanban-stage-container-${sourceStageKey}"]`);
+    if (!(await sourceStageElement.exists())) {
+      throw new Error(`Source stage with key ${sourceStageKey} not found`);
+    }
+    const cardElement = base.$(`[data-hook^="kanban-card-drag-item-${sourceStageKey}-##-${cardKey}"]`);
+    if (!(await cardElement.exists())) {
+      throw new Error(`Card with key ${cardKey} not found in stage ${sourceStageKey}`);
+    }
+    const driverDragAndDrop = dragAndDrop();
+    await driverDragAndDrop.dragStart(cardElement);
+    await driverDragAndDrop.dragEnd(targetStageElement);
+  };
   return {
     ...(0, _baseUniDriverFactory.baseUniDriverFactory)(base),
     toolbar: () => toolbar(),
+    isKanbanLoading: () => base.$('[data-hook="kanban-stages-skeleton"]').exists(),
     stages: {
       count: () => base.$$('[data-hook^="kanban-stage-container"]').count(),
       stageTitle: stageId => {
@@ -51,10 +75,25 @@ function KanbanUniDriver(base, body) {
             await nativeEl.dispatchEvent(new Event('scroll'));
           }
         }
-      }
+      },
+      stageSummaryBadge: stageId => {
+        const counterBadge = (0, _unidriver.CounterBadgeUniDriver)(base.$(`[data-hook^="kanban-stage-title-total-${stageId}"]`), body);
+        return {
+          ...counterBadge,
+          exists: () => counterBadge.exists(),
+          totalItems: () => counterBadge.getContentText()
+        };
+      },
+      addCardButton: stageKey => (0, _unidriver.AddItemUniDriver)(base.$(`[data-hook="kanban-stage-add-card-${stageKey}"]`), body),
+      stagesSkeleton: () => (0, _unidriver.BoxUniDriver)(base.$('[data-hook="kanban-stages-skeleton"]'), body),
+      cardsSkeleton: stageKey => (0, _unidriver.BoxUniDriver)(base.$(`[data-hook="kanban-cards-skeleton-${stageKey}"]`), body)
     },
     cards: {
       count: stageKey => base.$$(`[data-hook^="kanban-card-${stageKey}-"]`).count(),
+      exists: ({
+        stageKey,
+        cardKey
+      }) => base.$(`[data-hook^="kanban-card-${stageKey}-${cardKey}"]`).exists(),
       getTitle: ({
         stageKey,
         cardKey
@@ -84,7 +123,8 @@ function KanbanUniDriver(base, body) {
           clickTriggerElement: () => iconButton.click()
         };
       },
-      getActionModal: () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="collection-action-modal"]'), body)
+      getActionModal: () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="collection-action-modal"]'), body),
+      dragCardToStage
     }
   };
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_CollectionToolbarUni","require","_baseUniDriverFactory","_unidriver","KanbanUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","baseUniDriverFactory","stages","count","$$","stageTitle","stageId","TextUniDriver","stageSummary","counterBadge","CounterBadgeUniDriver","exists","totalItems","getContentText","scrollToEndOfStageCardsContainer","stageKey","scrollableElementDataHook","page","getNative","evaluate","_dataHook","scrollableElement","document","querySelector","scrollBy","behavior","top","scrollHeight","waitForTimeout","pageScrollContent","nativeEl","scrollTop","clientHeight","dispatchEvent","Event","cards","getTitle","cardKey","getPrimaryAction","button","ButtonUniDriver","text","getButtonTextContent","getSecondaryActions","popoverMenu","PopoverMenuUniDriver","triggerButton","getTriggerElement","iconButton","IconButtonUniDriver","clickTriggerElement","click","getActionModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver/baseUniDriverFactory';\nimport { SledPage } from '@wix/sled-test-runner';\nimport {\n  ButtonUniDriver,\n  CounterBadgeUniDriver,\n  IconButtonUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function KanbanUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    toolbar: () => toolbar(),\n    stages: {\n      count: () => base.$$('[data-hook^=\"kanban-stage-container\"]').count(),\n      stageTitle: (stageId: string) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-${stageId}\"]`),\n          body,\n        );\n      },\n      stageSummary: (stageId: string) => {\n        const counterBadge = CounterBadgeUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-total-${stageId}\"]`),\n          body,\n        );\n        return {\n          ...counterBadge,\n          exists: () => counterBadge.exists(),\n          totalItems: () => counterBadge.getContentText(),\n        };\n      },\n      scrollToEndOfStageCardsContainer: async (stageKey: string) => {\n        const scrollableElementDataHook = `kanban-stage-cards-container-${stageKey}`;\n\n        const { page } = (await body\n          .$(`[data-hook=\"${scrollableElementDataHook}\"]`)\n          .getNative()) as {\n          page?: SledPage['page'];\n        };\n        // puppeteer\n        if (page?.evaluate) {\n          await page.evaluate((_dataHook: string) => {\n            const scrollableElement = document.querySelector(\n              `[data-hook=\"${_dataHook}\"]`,\n            )!;\n            scrollableElement.scrollBy({\n              behavior: 'smooth',\n              top: scrollableElement.scrollHeight,\n            });\n          }, scrollableElementDataHook);\n          await page.waitForTimeout(1000); // delay scroll resolve by 1 sec\n        }\n        // jsdom\n        else {\n          const pageScrollContent = body.$(\n            `[data-hook=\"${scrollableElementDataHook}\"]`,\n          );\n\n          if (await pageScrollContent.exists()) {\n            // Scroll to the end of pageScrollContent by setting scrollTop to (scrollHeight - clientHeight)\n            const nativeEl = await pageScrollContent.getNative();\n            nativeEl.scrollTop = nativeEl.scrollHeight - nativeEl.clientHeight;\n            await nativeEl.dispatchEvent(new Event('scroll'));\n          }\n        }\n      },\n    },\n    cards: {\n      count: (stageKey: string) =>\n        base.$$(`[data-hook^=\"kanban-card-${stageKey}-\"]`).count(),\n      getTitle: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-card-title-${stageKey}-${cardKey}\"]`),\n          body,\n        );\n      },\n      getPrimaryAction: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const button = ButtonUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-primary-action-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n        return {\n          ...button,\n          exists: () => button.exists(),\n          text: () => button.getButtonTextContent(),\n        };\n      },\n      getSecondaryActions: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const popoverMenu = PopoverMenuUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-more-actions-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n\n        const triggerButton = popoverMenu.getTriggerElement(\n          `kanban-card-more-actions-trigger-${stageKey}-${cardKey}`,\n        );\n        const iconButton = IconButtonUniDriver(triggerButton, base);\n        return {\n          ...popoverMenu,\n          clickTriggerElement: () => iconButton.click(),\n        };\n      },\n      getActionModal: () =>\n        MessageModalLayoutUniDriver(\n          body.$('[data-hook=\"collection-action-modal\"]'),\n          body,\n        ),\n    },\n  };\n}\n\nexport default KanbanUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_CollectionToolbarUni","require","_baseUniDriverFactory","_unidriver","_DragAndDropUni","KanbanUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","dragAndDrop","DragAndDropUniDriver","dragCardToStage","sourceStageKey","cardKey","targetStageKey","targetStageElement","exists","Error","sourceStageElement","cardElement","driverDragAndDrop","dragStart","dragEnd","baseUniDriverFactory","isKanbanLoading","stages","count","$$","stageTitle","stageId","TextUniDriver","stageSummary","counterBadge","CounterBadgeUniDriver","totalItems","getContentText","scrollToEndOfStageCardsContainer","stageKey","scrollableElementDataHook","page","getNative","evaluate","_dataHook","scrollableElement","document","querySelector","scrollBy","behavior","top","scrollHeight","waitForTimeout","pageScrollContent","nativeEl","scrollTop","clientHeight","dispatchEvent","Event","stageSummaryBadge","addCardButton","AddItemUniDriver","stagesSkeleton","BoxUniDriver","cardsSkeleton","cards","getTitle","getPrimaryAction","button","ButtonUniDriver","text","getButtonTextContent","getSecondaryActions","popoverMenu","PopoverMenuUniDriver","triggerButton","getTriggerElement","iconButton","IconButtonUniDriver","clickTriggerElement","click","getActionModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver/baseUniDriverFactory';\nimport { SledPage } from '@wix/sled-test-runner';\nimport {\n  AddItemUniDriver,\n  BoxUniDriver,\n  ButtonUniDriver,\n  CounterBadgeUniDriver,\n  IconButtonUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\n\nexport function KanbanUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const dragAndDrop = () => DragAndDropUniDriver(base);\n\n  const dragCardToStage = async ({\n    sourceStageKey,\n    cardKey,\n    targetStageKey,\n  }: {\n    sourceStageKey: string;\n    cardKey: string;\n    targetStageKey: string;\n  }) => {\n    const targetStageElement = base.$(\n      `[data-hook^=\"kanban-stage-container-${targetStageKey}\"]`,\n    );\n\n    if (!(await targetStageElement.exists())) {\n      throw new Error(`Target stage with key ${targetStageKey} not found`);\n    }\n\n    const sourceStageElement = base.$(\n      `[data-hook^=\"kanban-stage-container-${sourceStageKey}\"]`,\n    );\n\n    if (!(await sourceStageElement.exists())) {\n      throw new Error(`Source stage with key ${sourceStageKey} not found`);\n    }\n\n    const cardElement = base.$(\n      `[data-hook^=\"kanban-card-drag-item-${sourceStageKey}-##-${cardKey}\"]`,\n    );\n\n    if (!(await cardElement.exists())) {\n      throw new Error(\n        `Card with key ${cardKey} not found in stage ${sourceStageKey}`,\n      );\n    }\n\n    const driverDragAndDrop = dragAndDrop();\n    await driverDragAndDrop.dragStart(cardElement);\n    await driverDragAndDrop.dragEnd(targetStageElement);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    toolbar: () => toolbar(),\n    isKanbanLoading: () =>\n      base.$('[data-hook=\"kanban-stages-skeleton\"]').exists(),\n    stages: {\n      count: () => base.$$('[data-hook^=\"kanban-stage-container\"]').count(),\n      stageTitle: (stageId: string) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-${stageId}\"]`),\n          body,\n        );\n      },\n      stageSummary: (stageId: string) => {\n        const counterBadge = CounterBadgeUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-total-${stageId}\"]`),\n          body,\n        );\n        return {\n          ...counterBadge,\n          exists: () => counterBadge.exists(),\n          totalItems: () => counterBadge.getContentText(),\n        };\n      },\n      scrollToEndOfStageCardsContainer: async (stageKey: string) => {\n        const scrollableElementDataHook = `kanban-stage-cards-container-${stageKey}`;\n\n        const { page } = (await body\n          .$(`[data-hook=\"${scrollableElementDataHook}\"]`)\n          .getNative()) as {\n            page?: SledPage['page'];\n          };\n        // puppeteer\n        if (page?.evaluate) {\n          await page.evaluate((_dataHook: string) => {\n            const scrollableElement = document.querySelector(\n              `[data-hook=\"${_dataHook}\"]`,\n            )!;\n            scrollableElement.scrollBy({\n              behavior: 'smooth',\n              top: scrollableElement.scrollHeight,\n            });\n          }, scrollableElementDataHook);\n          await page.waitForTimeout(1000); // delay scroll resolve by 1 sec\n        }\n        // jsdom\n        else {\n          const pageScrollContent = body.$(\n            `[data-hook=\"${scrollableElementDataHook}\"]`,\n          );\n\n          if (await pageScrollContent.exists()) {\n            // Scroll to the end of pageScrollContent by setting scrollTop to (scrollHeight - clientHeight)\n            const nativeEl = await pageScrollContent.getNative();\n            nativeEl.scrollTop = nativeEl.scrollHeight - nativeEl.clientHeight;\n            await nativeEl.dispatchEvent(new Event('scroll'));\n          }\n        }\n      },\n      stageSummaryBadge: (stageId: string) => {\n        const counterBadge = CounterBadgeUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-total-${stageId}\"]`),\n          body,\n        );\n        return {\n          ...counterBadge,\n          exists: () => counterBadge.exists(),\n          totalItems: () => counterBadge.getContentText(),\n        };\n      },\n      addCardButton: (stageKey: string) =>\n        AddItemUniDriver(\n          base.$(`[data-hook=\"kanban-stage-add-card-${stageKey}\"]`),\n          body,\n        ),\n      stagesSkeleton: () =>\n        BoxUniDriver(base.$('[data-hook=\"kanban-stages-skeleton\"]'), body),\n      cardsSkeleton: (stageKey: string) =>\n        BoxUniDriver(\n          base.$(`[data-hook=\"kanban-cards-skeleton-${stageKey}\"]`),\n          body,\n        ),\n    },\n    cards: {\n      count: (stageKey: string) =>\n        base.$$(`[data-hook^=\"kanban-card-${stageKey}-\"]`).count(),\n      exists: ({ stageKey, cardKey }: { stageKey: string; cardKey: string }) =>\n        base.$(`[data-hook^=\"kanban-card-${stageKey}-${cardKey}\"]`).exists(),\n      getTitle: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-card-title-${stageKey}-${cardKey}\"]`),\n          body,\n        );\n      },\n      getPrimaryAction: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const button = ButtonUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-primary-action-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n        return {\n          ...button,\n          exists: () => button.exists(),\n          text: () => button.getButtonTextContent(),\n        };\n      },\n      getSecondaryActions: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const popoverMenu = PopoverMenuUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-more-actions-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n\n        const triggerButton = popoverMenu.getTriggerElement(\n          `kanban-card-more-actions-trigger-${stageKey}-${cardKey}`,\n        );\n        const iconButton = IconButtonUniDriver(triggerButton, base);\n        return {\n          ...popoverMenu,\n          clickTriggerElement: () => iconButton.click(),\n        };\n      },\n      getActionModal: () =>\n        MessageModalLayoutUniDriver(\n          body.$('[data-hook=\"collection-action-modal\"]'),\n          body,\n        ),\n      dragCardToStage,\n    },\n  };\n}\n\nexport default KanbanUniDriver;\n"],"mappings":"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","ignoreList":[]}