npm - @wix/patterns - Versions diffs - 1.230.0 → 1.232.0 - Mend

@wix/patterns 1.230.0 → 1.232.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (386) hide show

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

	@@ -1 +1 @@
1	- {"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":[]}
1	+ {"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","enterSearchText","text","clearSearchText","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","noResultsBox","cardsSkeleton","cards","getTitle","getPrimaryAction","button","ButtonUniDriver","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 enterSearchText: (text: string) => toolbar().enterSearchText(text),\n clearSearchText: () => toolbar().clearSearchText(),\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 noResultsBox: (stageKey: string) =>\n BoxUniDriver(\n base.$(`[data-hook=\"kanban-stage-no-results-${stageKey}\"]`),\n body,\n ),\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":[]}

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

@@ -4,7 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.StageComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _Card = require("./Card");
@@ -37,8 +38,14 @@ function _StageComponent({
   const {
     result: {
       keyedItems
-    }
+    },
+    status
   } = stageState.itemsCollectionState;
+  (0, _react.useEffect)(() => {
+    if (stageState.hasError) {
+      stageState.showErrorToast(status.error);
+    }
+  }, [stageState.hasError]);
   // Make the stage droppable
   const {
@@ -77,18 +84,20 @@ function _StageComponent({
   const {
     DraggableCard
   } = _KanbanCardDragAndDrop.KanbanCardDragAndDrop;
+  const isInSearchMode = state.isInSearchMode();
   const isStageLoading = stageState.isLoading();
+  const isChangingFiltersValue = state.getIsChangingFiltersValue();
+  const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     ref: setDroppableRef,
     "data-hook": `kanban-stage-container-${stageState.stageKey}`,
     style: {
       width: '270px',
-      backgroundColor: isOver && !isDndSourceStage ? '#9C9EA6' : '#F4F7FF',
+      backgroundColor: isOver && !isDndSourceStage ? '#D6E6FE' : '#F4F7FF',
       borderRadius: '8px',
       display: 'flex',
       flexDirection: 'column',
-      transition: 'background-color 0.2s ease',
-      border: isOver && !isDndSourceStage ? '2px dashed #2196F3' : '2px solid transparent'
+      border: isOver && !isDndSourceStage ? '1px dashed #80B1FF' : '1px solid transparent'
     }
   }, process.env.NODE_ENV === 'test' && {
     onPointerUp: (0, _mobx.action)(() => {
@@ -107,7 +116,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 100,
       columnNumber: 5
     }
   }), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -116,7 +125,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 125,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -124,7 +133,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 126,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -133,7 +142,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 127,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -144,35 +153,43 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 128,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
-    gap: "6px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 134,
       columnNumber: 15
     }
+  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+    paddingRight: "6px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 135,
+      columnNumber: 17
+    }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
     size: "small",
     weight: "bold",
     dataHook: `kanban-stage-title-${stageState.stageKey}`,
+    ellipsis: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
-      columnNumber: 17
+      lineNumber: 136,
+      columnNumber: 19
     }
-  }, stageState.stageName), !isStageLoading ? /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
+  }, stageState.stageName)), shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
     dataHook: `kanban-stage-title-total-${stageState.stageKey}`,
     skin: "light",
     truncate: false,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 146,
       columnNumber: 19
     }
   }, stageState.totalItems()) : null), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -180,7 +197,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 156,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
@@ -189,26 +206,26 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 157,
       columnNumber: 17
     }
-  }, "Total:"), !isStageLoading ? /*#__PURE__*/React.createElement(_designSystem.Text, {
+  }, "Total:"), shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.Text, {
     size: "tiny",
     weight: "thin",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 161,
       columnNumber: 19
     }
   }, stageSummary == null ? void 0 : stageSummary({
     stage: stageState.stage
-  })) : null)), !isStageLoading ? /*#__PURE__*/React.createElement(_designSystem.Box, {
+  })) : null)), shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.Box, {
     paddingBottom: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 168,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.AddItem, {
@@ -218,7 +235,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 169,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -227,15 +244,15 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 174,
       columnNumber: 19
     }
-  }, "Add Card"))) : null), isStageLoading ? /*#__PURE__*/React.createElement(_CardsSkeleton.CardsSkeleton, {
+  }, "Add Card"))) : null), state.isRefetching || isStageLoading || isChangingFiltersValue ? /*#__PURE__*/React.createElement(_CardsSkeleton.CardsSkeleton, {
     stageKey: stageState.stageKey,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171,
+      lineNumber: 182,
       columnNumber: 13
     }
   }) : /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -244,7 +261,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 184,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -266,10 +283,20 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 185,
       columnNumber: 15
     }
-  }, items == null ? void 0 : items.map(item => /*#__PURE__*/React.createElement(DraggableCard, {
+  }, isInSearchMode && items.length === 0 ? /*#__PURE__*/React.createElement(_designSystem.Box, {
+    flex: "1",
+    verticalAlign: "middle",
+    dataHook: `kanban-stage-no-results-${stageState.stageKey}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 203,
+      columnNumber: 19
+    }
+  }, props.noResultsState) : items == null ? void 0 : items.map(item => /*#__PURE__*/React.createElement(DraggableCard, {
     key: `${item.stageKey}-##-${item.item.key}`,
     id: `${item.stageKey}-##-${item.item.key}`,
     state: state,
@@ -287,15 +314,15 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
-      columnNumber: 19
+      lineNumber: 212,
+      columnNumber: 21
     }
   }, _Card.CardComponent)), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
     className: "text-sm text-center text-gray-500",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 233,
       columnNumber: 19
     }
   }, "Loading more..."))))));

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

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

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

@@ -88,6 +88,7 @@ function StagesSkeleton() {
     length: numberOfStages
   }, (_, index) => /*#__PURE__*/_react.default.createElement(StageSkeleton, {
     index: index,
+    key: index,
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

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

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js CHANGED Viewed

@@ -23,7 +23,7 @@ class KanbanDragAndDropState {
       this.status = 'cancel';
       this.setActiveId(null);
     });
-    (0, _defineProperty2.default)(this, "handleDragEnd", event => {
+    (0, _defineProperty2.default)(this, "handleDragEnd", async event => {
       var _this$kanbanState$ite;
       this.status = 'end';
       const {
@@ -69,20 +69,19 @@ class KanbanDragAndDropState {
         toStageId
       };
       if ((_this$kanbanState$ite = this.kanbanState.items.dragAndDrop) != null && _this$kanbanState$ite.onSubmit) {
-        var _this$kanbanState$ite2;
-        const submitPromise = async () => {
-          return Promise.resolve();
+        const originalItem = item;
+        const updateItem = {
+          ...item,
+          [this.kanbanState.items.stageField]: toStageId
         };
-        (_this$kanbanState$ite2 = this.kanbanState.items.dragAndDrop) == null || _this$kanbanState$ite2.onSubmit == null || _this$kanbanState$ite2.onSubmit(kanbanDragEndEvent).then(newItem => {
-          this.kanbanState.getStageStateByKey(fromStageId).itemsCollectionState.optimisticActions.deleteOne(item, {
-            submit: submitPromise
-          });
-          this.kanbanState.getStageStateByKey(toStageId).itemsCollectionState.optimisticActions.createOne(newItem, {
-            submit: submitPromise
-          });
-        }).catch(error => {
-          console.error('Error submitting drag and drop event:', error);
-        });
+        try {
+          var _this$kanbanState$ite2;
+          this.kanbanState.moveItemBetweenStages(updateItem, fromStageId, toStageId);
+          await ((_this$kanbanState$ite2 = this.kanbanState.items.dragAndDrop) == null || _this$kanbanState$ite2.onSubmit == null ? void 0 : _this$kanbanState$ite2.onSubmit(kanbanDragEndEvent));
+        } catch (error) {
+          this.kanbanState.showErrorToast(error);
+          this.kanbanState.moveItemBetweenStages(originalItem, toStageId, fromStageId);
+        }
       }
     });
     this.kanbanState = params.kanbanState;

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_KanbanDragAndDropContext","require","_KanbanDraggableCardItem","_mobx","KanbanDragAndDropState","constructor","params","_defineProperty2","default","id","activeId","event","status","active","toString","setActiveId","_this$kanbanState$ite","over","overId","fromStageId","_findStageByItemId","toStageId","kanbanState","kanbanStageStates","item","_findItemById","kanbanDragEndEvent","items","dragAndDrop","onSubmit","~~_this$kanbanState$ite2~~","~~submitPromise~~","~~Promise~~","~~resolve~~","~~then~~","~~newItem","getStageStateByKey","itemsCollectionState","optimisticActions","deleteOne","submit","createOne","catch","~~error","~~console~~","makeObservable","handleDragEnd","action","observable","ref","handleDragStart","handleDragCancel","_parseItemId","combinedId","stageKey","itemKey","split","_stageState$itemsColl","parsed","stageState","getKeyedItem","init","keyboardCodes","start","cancel","end","exports","KanbanCardDragAndDrop","KanbanDragAndDropContext","DraggableCard","KanbanDraggableCardItem"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';\nimport { KanbanDraggableCardItem } from './KanbanDraggableCardItem';\n\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\nimport { KanbanDragEndItemEvent } from '../../state/KanbanState/KanbanDragEndEvent';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n DragStartEvent,\n DragEndEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\n\nexport interface KanbanDragAndDropStateParams<T, S, F extends FiltersMap> {\n kanbanState: KanbanState<T, S, F>;\n}\n\nexport class KanbanDragAndDropState<T, S, F extends FiltersMap> {\n readonly kanbanState: KanbanState<T, S, F>;\n activeId: string \| null = null;\n status: 'start' \| 'over' \| 'end' \| 'cancel' = 'start';\n\n constructor(params: KanbanDragAndDropStateParams<T, S, F>) {\n this.kanbanState = params.kanbanState;\n\n makeObservable(this, {\n handleDragEnd: action,\n setActiveId: action,\n activeId: observable,\n status: observable.ref,\n handleDragStart: action,\n handleDragCancel: action,\n });\n }\n\n setActiveId = (id: string \| null) => {\n this.activeId = id;\n };\n\n private _parseItemId(\n combinedId: string,\n ): { stageKey: string; itemKey: string } \| null {\n // Parse combined ID format: \"stageKey-##-itemKey\"\n const [stageKey, itemKey] = combinedId.split('-##-');\n if (!stageKey \|\| !itemKey) {\n return null;\n }\n return { stageKey, itemKey };\n }\n\n private _findItemById(combinedId: string): T \| null {\n const parsed = this._parseItemId(combinedId);\n if (!parsed) {\n return null;\n }\n\n const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];\n if (!stageState) {\n return null;\n }\n\n const item = stageState.itemsCollectionState.getKeyedItem(\n parsed.itemKey,\n )?.item;\n return item \|\| null;\n }\n\n private _findStageByItemId(combinedId: string): string \| null {\n const parsed = this._parseItemId(combinedId);\n return parsed?.stageKey \|\| null;\n }\n\n handleDragStart = (event: DragStartEvent) => {\n this.status = 'start';\n this.activeId = event.active.id.toString();\n };\n\n handleDragCancel = () => {\n this.status = 'cancel';\n this.setActiveId(null);\n };\n\n handleDragEnd = (event: DragEndEvent) => {\n this.status = 'end';\n const { active, over } = event;\n this.setActiveId(null);\n\n if (!over) {\n return;\n }\n\n const activeId = active.id.toString();\n const overId = over.id.toString();\n\n const fromStageId = this._findStageByItemId(activeId);\n\n // Determine target stage - could be stage key directly or extracted from item ID\n let toStageId: string \| null;\n if (this.kanbanState.kanbanStageStates[overId]) {\n // Dropping on a stage background\n toStageId = overId;\n } else {\n // Dropping on an item - extract stage from item ID\n toStageId = this._findStageByItemId(overId);\n }\n\n // Only return early if we don't have valid source and target stages\n if (!fromStageId \|\| !toStageId) {\n return;\n }\n\n // PREVENT MOVEMENT WITHIN THE SAME STAGE\n if (fromStageId === toStageId) {\n return; // Don't allow reordering within the same stage\n }\n\n const item = this._findItemById(activeId);\n if (!item) {\n return;\n }\n\n // Create the Kanban drag end event\n const kanbanDragEndEvent: KanbanDragEndItemEvent<T> = {\n item,\n fromStageId,\n toStageId,\n };\n\n if (this.kanbanState.items.dragAndDrop?.onSubmit) {\n const ~~submitPromise~~ = ~~async~~ () => {\n ~~return Promise.resolve();\~~n ~~};\n\n~~ this.kanbanState.items.~~dragAndDrop\~~n ~~?.onSubmit?.(kanbanDragEndEvent)\~~n ~~.then((newItem:~~ ~~T) =>~~ {\n this.kanbanState\n .~~getStageStateByKey~~(~~fromStageId)~~\n ~~.itemsCollectionState.optimisticActions.deleteOne(item, {\~~n ~~submit: submitPromise~~,\n });\n this.kanbanState\n .~~getStageStateByKey(toStageId!)\n~~ .~~itemsCollectionState.optimisticActions.createOne~~(~~newItem, {~~\n ~~submit: submitPromise~~,\n });\n }~~)\n .~~catch((error) => {\n ~~console~~.~~error~~(~~'Error submitting drag and drop event:',~~ error);\n });\n }\n };\n\n init() {\n // No initialization needed for native drag and drop\n }\n\n get keyboardCodes() {\n return {\n start: ['Space', 'Enter'],\n cancel: ['Escape'],\n end: ['Space', 'Enter'],\n };\n }\n}\n\nexport const KanbanCardDragAndDrop = {\n KanbanDragAndDropContext,\n DraggableCard: KanbanDraggableCardItem,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAUO,MAAMG,sBAAsB,CAA6B;EAK9DC,WAAWA,CAACC,MAA6C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAHjC,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBACgB,OAAO;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBAetCC,EAAiB,IAAK;MACnC,IAAI,CAACC,QAAQ,GAAGD,EAAE;IACpB,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,2BAmCkBG,KAAqB,IAAK;MAC3C,IAAI,CAACC,MAAM,GAAG,OAAO;MACrB,IAAI,CAACF,QAAQ,GAAGC,KAAK,CAACE,MAAM,CAACJ,EAAE,CAACK,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAAA,IAAAP,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,IAAI,CAACI,MAAM,GAAG,QAAQ;MACtB,IAAI,CAACG,WAAW,CAAC,IAAI,CAAC;IACxB,CAAC;IAAA,IAAAR,gBAAA,CAAAC,OAAA,~~yBAEgBG~~,KAAmB,IAAK;MAAA,IAAAK,qBAAA;~~MACvC~~,IAAI,CAACJ,MAAM,GAAG,KAAK;MACnB,MAAM;QAAEC,MAAM;QAAEI;MAAK,CAAC,GAAGN,KAAK;MAC9B,IAAI,CAACI,WAAW,CAAC,IAAI,CAAC;MAEtB,IAAI,CAACE,IAAI,EAAE;QACT;MACF;MAEA,MAAMP,QAAQ,GAAGG,MAAM,CAACJ,EAAE,CAACK,QAAQ,CAAC,CAAC;MACrC,MAAMI,MAAM,GAAGD,IAAI,CAACR,EAAE,CAACK,QAAQ,CAAC,CAAC;MAEjC,MAAMK,WAAW,GAAG,IAAI,CAACC,kBAAkB,CAACV,QAAQ,CAAC;;MAErD;MACA,IAAIW,SAAwB;MAC5B,IAAI,IAAI,CAACC,WAAW,CAACC,iBAAiB,CAACL,MAAM,CAAC,EAAE;QAC9C;QACAG,SAAS,GAAGH,MAAM;MACpB,CAAC,MAAM;QACL;QACAG,SAAS,GAAG,IAAI,CAACD,kBAAkB,CAACF,MAAM,CAAC;MAC7C;;MAEA;MACA,IAAI,CAACC,WAAW,IAAI,CAACE,SAAS,EAAE;QAC9B;MACF;;MAEA;MACA,IAAIF,WAAW,KAAKE,SAAS,EAAE;QAC7B,OAAO,CAAC;MACV;MAEA,MAAMG,IAAI,GAAG,IAAI,CAACC,aAAa,CAACf,QAAQ,CAAC;MACzC,IAAI,CAACc,IAAI,EAAE;QACT;MACF;;MAEA;MACA,MAAME,kBAA6C,GAAG;QACpDF,IAAI;QACJL,WAAW;QACXE;MACF,CAAC;MAED,KAAAL,qBAAA,GAAI,IAAI,CAACM,WAAW,CAACK,KAAK,CAACC,WAAW,aAAlCZ,qBAAA,CAAoCa,QAAQ,EAAE;~~QAAA,IAAAC,sBAAA;~~QAChD,MAAMC,~~aAAa~~,~~GAAG~~,~~MAAAA,CAAA,KAAY~~;~~UAChC~~,~~OAAOC~~,~~OAAO~~,~~CAACC~~,~~OAAO~~,~~CAAC,CAAC~~;~~QAC1B~~,CAAC~~;QAED~~,~~CAAAH~~,~~sBAAA~~,~~OAAI,CAACR,~~WAAW,CAACK,KAAK,~~CAACC~~,~~WAAW~~,~~aAAlCE~~,~~sBAAA,CACID,QAAQ,YADZC,sBAAA,CACID,QAAQ,CAAGH,kBAAkB,~~CAAC,~~CAC/BQ,~~IAAI,~~CAAEC~~,~~OAAU,IAAK~~;~~UACpB~~,IAAI,~~CAACb~~,WAAW,~~CACbc~~,~~kBAAkB~~,~~CAACjB~~,~~WAAW~~,~~CAAC~~,~~CAC/BkB~~,~~oBAAoB~~,~~CAACC~~,~~iBAAiB~~,~~CAACC~~,~~SAAS~~,~~CAACf~~,IAAI,~~EAAE;YACtDgB~~,~~MAAM~~,~~EAAET;UACV~~,~~CAAC~~,~~CAAC;UACJ~~,~~IAAI~~,~~CAACT~~,~~WAAW~~,~~CACbc~~,~~kBAAkB~~,~~CAACf~~,~~SAAU~~,~~CAAC~~,~~CAC9BgB~~,~~oBAAoB~~,~~CAACC~~,~~iBAAiB~~,~~CAACG~~,~~SAAS~~,~~CAACN~~,~~OAAO~~,EAAE;~~YACzDK~~,~~MAAM~~,~~EAAET;UACV~~,~~CAAC~~,~~CAAC;QACN~~,~~CAAC~~,~~CAAC~~,~~CACDW,~~KAAK,~~CAAEC~~,~~KAAK~~,~~IAAK;UAChBC~~,~~OAAO~~,~~CAACD~~,~~KAAK~~,~~CAAC~~,~~uCAAuC~~,~~EAAEA~~,~~KAAK~~,~~CAAC;QAC/D~~,~~CAAC~~,CAAC;~~MACN~~;IACF,CAAC;~~IAhIC~~,IAAI,~~CAACrB~~,WAAW,GAAGhB,MAAM,CAACgB,WAAW;IAErC,~~IAAAuB~~,oBAAc,EAAC,IAAI,EAAE;MACnBC,aAAa,EAAEC,YAAM;~~MACrBhC~~,WAAW,~~EAAEgC~~,YAAM;~~MACnBrC~~,QAAQ,~~EAAEsC~~,gBAAU;~~MACpBpC~~,MAAM,~~EAAEoC~~,gBAAU,CAACC,GAAG;MACtBC,eAAe,EAAEH,YAAM;MACvBI,gBAAgB,EAAEJ;IACpB,CAAC,CAAC;EACJ;EAMQK,YAAYA,CAClBC,UAAkB,EAC4B;IAC9C;IACA,MAAM,CAACC,QAAQ,EAAEC,OAAO,CAAC,GAAGF,UAAU,CAACG,KAAK,CAAC,MAAM,CAAC;IACpD,IAAI,CAACF,QAAQ,IAAI,CAACC,OAAO,EAAE;MACzB,OAAO,IAAI;IACb;IACA,OAAO;MAAED,QAAQ;MAAEC;IAAQ,CAAC;EAC9B;~~EAEQ9B~~,aAAaA,~~CAAC4B~~,UAAkB,EAAY;IAAA,IAAAI,qBAAA;IAClD,MAAMC,MAAM,GAAG,IAAI,CAACN,YAAY,CAACC,UAAU,CAAC;IAC5C,IAAI,CAACK,MAAM,EAAE;MACX,OAAO,IAAI;IACb;IAEA,MAAMC,UAAU,GAAG,IAAI,~~CAACrC~~,WAAW,CAACC,iBAAiB,~~CAACmC~~,MAAM,CAACJ,QAAQ,CAAC;IACtE,IAAI,CAACK,UAAU,EAAE;MACf,OAAO,IAAI;IACb;IAEA,~~MAAMnC~~,IAAI,~~IAAAiC~~,qBAAA,GAAGE,UAAU,~~CAACtB~~,oBAAoB,~~CAACuB~~,YAAY,~~CACvDF~~,MAAM,CAACH,OACT,CAAC,qBAFYE,qBAAA,~~CAEVjC~~,IAAI;IACP,OAAOA,IAAI,IAAI,IAAI;EACrB;EAEQJ,kBAAkBA,~~CAACiC~~,UAAkB,EAAiB;IAC5D,MAAMK,MAAM,GAAG,IAAI,CAACN,YAAY,CAACC,UAAU,CAAC;IAC5C,OAAO,CAAAK,MAAM,oBAANA,MAAM,CAAEJ,QAAQ,KAAI,IAAI;EACjC;~~EAmFAO~~,IAAIA,CAAA,EAAG;IACL;EAAA;EAGF,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO;MACLC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACzBC,MAAM,EAAE,CAAC,QAAQ,CAAC;MAClBC,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO;IACxB,CAAC;EACH;AACF;AAACC,OAAA,~~CAAA9D~~,sBAAA,GAAAA,sBAAA;AAEM,~~MAAM+D~~,qBAAqB,GAAAD,OAAA,CAAAC,qBAAA,GAAG;EACnCC,wBAAwB,EAAxBA,kDAAwB;EACxBC,aAAa,EAAEC;AACjB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_KanbanDragAndDropContext","require","_KanbanDraggableCardItem","_mobx","KanbanDragAndDropState","constructor","params","_defineProperty2","default","id","activeId","event","status","active","toString","setActiveId","_this$kanbanState$ite","over","overId","fromStageId","_findStageByItemId","toStageId","kanbanState","kanbanStageStates","item","_findItemById","kanbanDragEndEvent","items","dragAndDrop","onSubmit","originalItem","updateItem","stageField","_this$kanbanState$ite2","moveItemBetweenStages","error","showErrorToast","makeObservable","handleDragEnd","action","observable","ref","handleDragStart","handleDragCancel","_parseItemId","combinedId","stageKey","itemKey","split","_stageState$itemsColl","parsed","stageState","itemsCollectionState","getKeyedItem","init","keyboardCodes","start","cancel","end","exports","KanbanCardDragAndDrop","KanbanDragAndDropContext","DraggableCard","KanbanDraggableCardItem"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';\nimport { KanbanDraggableCardItem } from './KanbanDraggableCardItem';\n\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\nimport { KanbanDragEndItemEvent } from '../../state/KanbanState/KanbanDragEndEvent';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n DragStartEvent,\n DragEndEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\n\nexport interface KanbanDragAndDropStateParams<T, S, F extends FiltersMap> {\n kanbanState: KanbanState<T, S, F>;\n}\n\nexport class KanbanDragAndDropState<T, S, F extends FiltersMap> {\n readonly kanbanState: KanbanState<T, S, F>;\n activeId: string \| null = null;\n status: 'start' \| 'over' \| 'end' \| 'cancel' = 'start';\n\n constructor(params: KanbanDragAndDropStateParams<T, S, F>) {\n this.kanbanState = params.kanbanState;\n\n makeObservable(this, {\n handleDragEnd: action,\n setActiveId: action,\n activeId: observable,\n status: observable.ref,\n handleDragStart: action,\n handleDragCancel: action,\n });\n }\n\n setActiveId = (id: string \| null) => {\n this.activeId = id;\n };\n\n private _parseItemId(\n combinedId: string,\n ): { stageKey: string; itemKey: string } \| null {\n // Parse combined ID format: \"stageKey-##-itemKey\"\n const [stageKey, itemKey] = combinedId.split('-##-');\n if (!stageKey \|\| !itemKey) {\n return null;\n }\n return { stageKey, itemKey };\n }\n\n private _findItemById(combinedId: string): T \| null {\n const parsed = this._parseItemId(combinedId);\n if (!parsed) {\n return null;\n }\n\n const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];\n if (!stageState) {\n return null;\n }\n\n const item = stageState.itemsCollectionState.getKeyedItem(\n parsed.itemKey,\n )?.item;\n return item \|\| null;\n }\n\n private _findStageByItemId(combinedId: string): string \| null {\n const parsed = this._parseItemId(combinedId);\n return parsed?.stageKey \|\| null;\n }\n\n handleDragStart = (event: DragStartEvent) => {\n this.status = 'start';\n this.activeId = event.active.id.toString();\n };\n\n handleDragCancel = () => {\n this.status = 'cancel';\n this.setActiveId(null);\n };\n\n handleDragEnd = async (event: DragEndEvent) => {\n this.status = 'end';\n const { active, over } = event;\n this.setActiveId(null);\n\n if (!over) {\n return;\n }\n\n const activeId = active.id.toString();\n const overId = over.id.toString();\n\n const fromStageId = this._findStageByItemId(activeId);\n\n // Determine target stage - could be stage key directly or extracted from item ID\n let toStageId: string \| null;\n if (this.kanbanState.kanbanStageStates[overId]) {\n // Dropping on a stage background\n toStageId = overId;\n } else {\n // Dropping on an item - extract stage from item ID\n toStageId = this._findStageByItemId(overId);\n }\n\n // Only return early if we don't have valid source and target stages\n if (!fromStageId \|\| !toStageId) {\n return;\n }\n\n // PREVENT MOVEMENT WITHIN THE SAME STAGE\n if (fromStageId === toStageId) {\n return; // Don't allow reordering within the same stage\n }\n\n const item = this._findItemById(activeId);\n if (!item) {\n return;\n }\n\n // Create the Kanban drag end event\n const kanbanDragEndEvent: KanbanDragEndItemEvent<T> = {\n item,\n fromStageId,\n toStageId,\n };\n\n if (this.kanbanState.items.dragAndDrop?.onSubmit) {\n const originalItem = item;\n const updateItem = {\n ...item,\n [this.kanbanState.items.stageField]: toStageId,\n };\n try {\n this.kanbanState.moveItemBetweenStages(\n updateItem,\n fromStageId,\n toStageId,\n );\n await this.kanbanState.items.dragAndDrop?.onSubmit?.(\n kanbanDragEndEvent,\n );\n } catch (error) {\n this.kanbanState.showErrorToast(error);\n this.kanbanState.moveItemBetweenStages(\n originalItem,\n toStageId,\n fromStageId,\n );\n }\n }\n };\n\n init() {\n // No initialization needed for native drag and drop\n }\n\n get keyboardCodes() {\n return {\n start: ['Space', 'Enter'],\n cancel: ['Escape'],\n end: ['Space', 'Enter'],\n };\n }\n}\n\nexport const KanbanCardDragAndDrop = {\n KanbanDragAndDropContext,\n DraggableCard: KanbanDraggableCardItem,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js CHANGED Viewed

@@ -81,7 +81,7 @@ function _KanbanDraggableCardItem(props) {
     style: {
       height: '129px',
       width: '246px',
-      backgroundColor: '#E5E6E9',
+      backgroundColor: '#D6E6FE',
       borderRadius: '8px',
       pointerEvents: 'none'
     },

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_core","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDraggableCardItem","props","children","CardComponent","id","cardProps","state","dragHandleRef","useRef","attributes","listeners","setNodeRef","transform","isDragging","setActivatorNodeRef","useDraggable","ariaDescribedBy","stateDragAndDrop","dragAndDropState","dragHandleProps","ref","current","onClick","stopPropagation","process","env","NODE_ENV","onPointerDown","action","handleDragStart","active","style","pointerEvents","dragStyle","x","y","undefined","opacity","zIndex","position","marginTop","containerStyle","createElement","__self","__source","fileName","lineNumber","columnNumber","height","width","backgroundColor","borderRadius","_extends2","KanbanDraggableCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanCardProps } from '../Kanban/Card';\nimport { useDraggable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\n\nexport interface KanbanDraggableCardItemProps<T, S, F extends FiltersMap> {\n children: React.ComponentType<KanbanCardProps<T, S, F>>;\n id: string;\n cardProps: KanbanCardProps<T, S, F>;\n state: KanbanState<T, S, F>;\n}\n\nfunction _KanbanDraggableCardItem<T, S, F extends FiltersMap>(\n props: KanbanDraggableCardItemProps<T, S, F>,\n) {\n const { children: CardComponent, id, cardProps, state } = props;\n\n const dragHandleRef = useRef<HTMLElement \| null>(null);\n\n // Use useDraggable instead of useSortable since we only support cross-stage movement\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n isDragging,\n setActivatorNodeRef,\n } = useDraggable({\n id,\n });\n\n const ariaDescribedBy = `draggable-kanban-card-description-${id}`;\n const stateDragAndDrop = state.dragAndDropState;\n\n const dragHandleProps = {\n ...attributes,\n ...listeners,\n ref: (e: HTMLElement \| null) => {\n setActivatorNodeRef(e);\n dragHandleRef.current = e;\n },\n 'aria-describedby': ariaDescribedBy,\n onClick: (e: React.MouseEvent) => e.stopPropagation(),\n ...(process.env.NODE_ENV === 'test' && {\n onPointerDown: action(() => {\n stateDragAndDrop.handleDragStart({ active: { id } } as any);\n }),\n }),\n\n style: { pointerEvents: 'auto' } as React.CSSProperties,\n };\n\n const dragStyle: React.CSSProperties = {\n // Apply transform for drag feedback\n transform: transform\n ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n : undefined,\n opacity: isDragging ? 0.8 : 1,\n // Allow pointer events to pass through to parent droppable when not dragging\n pointerEvents: isDragging ? 'auto' : 'none',\n // Ensure dragged card appears above all other elements including stages\n zIndex: isDragging ? 1000 : 'auto',\n position: isDragging ? 'fixed' : 'static',\n marginTop: isDragging ? '-100px' : undefined,\n };\n\n const containerStyle: React.CSSProperties = {\n position: 'relative',\n };\n\n return (\n <div style={containerStyle} data-hook=\"kanban-card-item-events\">\n {/* Show static placeholder mask when dragging regular cards /}\n {isDragging && (\n <div\n style={{\n height: '129px',\n width: '246px',\n backgroundColor: '#~~E5E6E9~~',\n borderRadius: '8px',\n pointerEvents: 'none',\n }}\n >\n {/ Empty placeholder - no text, just a silver box /}\n </div>\n )}\n\n {/ Draggable card content */}\n <div ref={setNodeRef} style={dragStyle}>\n <div {...dragHandleProps} data-hook={`kanban-card-drag-item-${id}`}>\n <CardComponent {...cardProps} />\n </div>\n </div>\n </div>\n );\n}\n\nexport const KanbanDraggableCardItem = observer(_KanbanDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_core","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDraggableCardItem","props","children","CardComponent","id","cardProps","state","dragHandleRef","useRef","attributes","listeners","setNodeRef","transform","isDragging","setActivatorNodeRef","useDraggable","ariaDescribedBy","stateDragAndDrop","dragAndDropState","dragHandleProps","ref","current","onClick","stopPropagation","process","env","NODE_ENV","onPointerDown","action","handleDragStart","active","style","pointerEvents","dragStyle","x","y","undefined","opacity","zIndex","position","marginTop","containerStyle","createElement","__self","__source","fileName","lineNumber","columnNumber","height","width","backgroundColor","borderRadius","_extends2","KanbanDraggableCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanCardProps } from '../Kanban/Card';\nimport { useDraggable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\n\nexport interface KanbanDraggableCardItemProps<T, S, F extends FiltersMap> {\n children: React.ComponentType<KanbanCardProps<T, S, F>>;\n id: string;\n cardProps: KanbanCardProps<T, S, F>;\n state: KanbanState<T, S, F>;\n}\n\nfunction _KanbanDraggableCardItem<T, S, F extends FiltersMap>(\n props: KanbanDraggableCardItemProps<T, S, F>,\n) {\n const { children: CardComponent, id, cardProps, state } = props;\n\n const dragHandleRef = useRef<HTMLElement \| null>(null);\n\n // Use useDraggable instead of useSortable since we only support cross-stage movement\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n isDragging,\n setActivatorNodeRef,\n } = useDraggable({\n id,\n });\n\n const ariaDescribedBy = `draggable-kanban-card-description-${id}`;\n const stateDragAndDrop = state.dragAndDropState;\n\n const dragHandleProps = {\n ...attributes,\n ...listeners,\n ref: (e: HTMLElement \| null) => {\n setActivatorNodeRef(e);\n dragHandleRef.current = e;\n },\n 'aria-describedby': ariaDescribedBy,\n onClick: (e: React.MouseEvent) => e.stopPropagation(),\n ...(process.env.NODE_ENV === 'test' && {\n onPointerDown: action(() => {\n stateDragAndDrop.handleDragStart({ active: { id } } as any);\n }),\n }),\n\n style: { pointerEvents: 'auto' } as React.CSSProperties,\n };\n\n const dragStyle: React.CSSProperties = {\n // Apply transform for drag feedback\n transform: transform\n ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n : undefined,\n opacity: isDragging ? 0.8 : 1,\n // Allow pointer events to pass through to parent droppable when not dragging\n pointerEvents: isDragging ? 'auto' : 'none',\n // Ensure dragged card appears above all other elements including stages\n zIndex: isDragging ? 1000 : 'auto',\n position: isDragging ? 'fixed' : 'static',\n marginTop: isDragging ? '-100px' : undefined,\n };\n\n const containerStyle: React.CSSProperties = {\n position: 'relative',\n };\n\n return (\n <div style={containerStyle} data-hook=\"kanban-card-item-events\">\n {/* Show static placeholder mask when dragging regular cards /}\n {isDragging && (\n <div\n style={{\n height: '129px',\n width: '246px',\n backgroundColor: '#D6E6FE',\n borderRadius: '8px',\n pointerEvents: 'none',\n }}\n >\n {/ Empty placeholder - no text, just a silver box /}\n </div>\n )}\n\n {/ Draggable card content */}\n <div ref={setNodeRef} style={dragStyle}>\n <div {...dragHandleProps} data-hook={`kanban-card-drag-item-${id}`}>\n <CardComponent {...cardProps} />\n </div>\n </div>\n </div>\n );\n}\n\nexport const KanbanDraggableCardItem = observer(_KanbanDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}