@wix/patterns 1.233.0 → 1.235.0

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

@@ -35,7 +35,8 @@ function _Kanban(props) {
 
   // Wrap with global drag and drop context - always enabled for Kanban
   const {
-    KanbanDragAndDropContext
+    KanbanDragAndDropContext,
+    DragOverlay
   } = _KanbanCardDragAndDrop.KanbanCardDragAndDrop;
   const stagesContent = /*#__PURE__*/_react.default.createElement(KanbanDragAndDropContext, {
     state: state,
@@ -67,7 +68,19 @@ function _Kanban(props) {
       lineNumber: 41,
       columnNumber: 11
     }
-  })))));
+  })))), /*#__PURE__*/_react.default.createElement(DragOverlay, {
+    state: state,
+    renderItem: props.renderItem,
+    actionCell: props.actionCell,
+    dataExtension: props.dataExtension,
+    tags: props.tags,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 7
+    }
+  }));
   return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, {
     errorState: false,
     state: toolbar,
@@ -75,7 +88,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 61,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, {
@@ -85,7 +98,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 62,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -93,12 +106,13 @@ function _Kanban(props) {
     marginTop: "12px",
     marginBottom: "12px",
     marginLeft: "18px",
+    marginRight: "18px",
     overflow: "auto",
     direction: "vertical",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 63,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -107,14 +121,14 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 72,
       columnNumber: 11
     }
   }, props.state.isLoadingStages() ? /*#__PURE__*/_react.default.createElement(_StagesSkeleton.StagesSkeleton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 73,
       columnNumber: 46
     }
   }) : stagesContent))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","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","marginTop","marginBottom","marginLeft","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box } 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          marginTop=\"12px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages() ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","useEffect","init","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","DragOverlay","KanbanCardDragAndDrop","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","map","stage","StageComponent","_extends2","stageKey","key","renderItem","actionCell","dataExtension","tags","CollectionCard","errorState","ToolbarCollection","search","sticky","marginTop","marginBottom","marginLeft","marginRight","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box } 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, DragOverlay } = 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      <DragOverlay \n        state={state} \n        renderItem={props.renderItem}\n        actionCell={props.actionCell}\n        dataExtension={props.dataExtension}\n        tags={props.tags}\n      />\n    </KanbanDragAndDropContext>\n  );\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        <Box\n          dataHook=\"kanban-test\"\n          marginTop=\"12px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          marginRight=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages() ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}

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

@@ -24,6 +24,7 @@ function _StageComponent({
   stageKey,
   ...props
 }) {
+  var _state$items$create, _state$items$create3;
   const stageState = state.kanbanStageStates[stageKey];
   const handleScroll = e => {
     const {
@@ -200,42 +201,39 @@ function _StageComponent({
       lineNumber: 156,
       columnNumber: 15
     }
-  }, /*#__PURE__*/React.createElement(_designSystem.Text, {
-    size: "tiny",
-    weight: "thin",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 157,
-      columnNumber: 17
-    }
-  }, "Total:"), shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.Text, {
+  }, shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.Text, {
     size: "tiny",
     weight: "thin",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 158,
       columnNumber: 19
     }
   }, stageSummary == null ? void 0 : stageSummary({
     stage: stageState.stage
-  })) : null)), shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.Box, {
+  })) : null)), shouldShowStageSummary && (_state$items$create = state.items.create) != null && _state$items$create.title ? /*#__PURE__*/React.createElement(_designSystem.Box, {
     paddingBottom: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 165,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.AddItem, {
     size: "tiny",
     removePadding: true,
     dataHook: `kanban-stage-add-card-${stageState.stageKey}`,
+    onClick: () => {
+      var _state$items$create2;
+      (_state$items$create2 = state.items.create) == null || _state$items$create2.navigateToEntityPage == null || _state$items$create2.navigateToEntityPage({
+        stage: stageState.stage
+      });
+    },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 169,
+      lineNumber: 166,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -244,15 +242,15 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 176,
       columnNumber: 19
     }
-  }, "Add Card"))) : null), state.isRefetching || isStageLoading || isChangingFiltersValue ? /*#__PURE__*/React.createElement(_CardsSkeleton.CardsSkeleton, {
+  }, (_state$items$create3 = state.items.create) == null ? void 0 : _state$items$create3.title))) : null), state.isRefetching || isStageLoading || isChangingFiltersValue ? /*#__PURE__*/React.createElement(_CardsSkeleton.CardsSkeleton, {
     stageKey: stageState.stageKey,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 184,
       columnNumber: 13
     }
   }) : /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -261,7 +259,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 184,
+      lineNumber: 186,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -283,7 +281,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 187,
       columnNumber: 15
     }
   }, isInSearchMode && items.length === 0 ? /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -293,7 +291,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 205,
       columnNumber: 19
     }
   }, props.noResultsState) : items == null ? void 0 : items.map(item => /*#__PURE__*/React.createElement(DraggableCard, {
@@ -314,7 +312,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 214,
       columnNumber: 21
     }
   }, _Card.CardComponent)), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
@@ -322,7 +320,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 235,
       columnNumber: 19
     }
   }, "Loading more..."))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","React","_designSystem","_mobxReactLite","_Card","_KanbanCardDragAndDrop","_state","_core","_mobx","_CardsSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","state","stageSummary","activeStageKey","stageKey","props","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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_designSystem","_mobxReactLite","_Card","_KanbanCardDragAndDrop","_state","_core","_mobx","_CardsSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","state","stageSummary","activeStageKey","stageKey","props","_state$items$create","_state$items$create3","stageState","kanbanStageStates","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","create","title","paddingBottom","AddItem","removePadding","onClick","_state$items$create2","navigateToEntityPage","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                {shouldShowStageSummary ? (\n                  <Text size=\"tiny\" weight=\"thin\">\n                    {stageSummary?.({ stage: stageState.stage })}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            {shouldShowStageSummary && state.items.create?.title ? (\n              <Box paddingBottom=\"12px\">\n                <AddItem\n                  size=\"tiny\"\n                  removePadding={true}\n                  dataHook={`kanban-stage-add-card-${stageState.stageKey}`}\n                  onClick={() => {\n                    state.items.create?.navigateToEntityPage?.({\n                      stage: stageState.stage,\n                    });\n                  }}\n                >\n                  <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                    {state.items.create?.title}\n                  </Box>\n                </AddItem>\n              </Box>\n            ) : null}\n          </Box>\n          {state.isRefetching || isStageLoading || isChangingFiltersValue ? (\n            <CardsSkeleton stageKey={stageState.stageKey} />\n          ) : (\n            <Box paddingBottom=\"12px\" direction=\"vertical\">\n              <div\n                data-hook={`kanban-stage-cards-container-${stageState.stageKey}`}\n                style={{\n                  overflow: 'auto',\n                  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/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js

@@ -6,6 +6,7 @@ exports.KanbanDragAndDropState = exports.KanbanCardDragAndDrop = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _KanbanDragAndDropContext = require("./KanbanDragAndDropContext");
 var _KanbanDraggableCardItem = require("./KanbanDraggableCardItem");
+var _KanbanDragOverlay = require("./KanbanDragOverlay");
 var _mobx = require("mobx");
 class KanbanDragAndDropState {
   constructor(params) {
@@ -68,19 +69,26 @@ class KanbanDragAndDropState {
         fromStageId,
         toStageId
       };
-      if ((_this$kanbanState$ite = this.kanbanState.items.dragAndDrop) != null && _this$kanbanState$ite.onSubmit) {
+      if ((_this$kanbanState$ite = this.kanbanState.items) != null && (_this$kanbanState$ite = _this$kanbanState$ite.dragAndDrop) != null && _this$kanbanState$ite.onSubmit) {
         const originalItem = item;
-        const updateItem = {
+        const updatedItem = {
           ...item,
           [this.kanbanState.items.stageField]: toStageId
         };
         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));
+          this.kanbanState.moveItemBetweenStages(originalItem, updatedItem, fromStageId, toStageId);
+          const submittedItem = await this.kanbanState.items.dragAndDrop.onSubmit(kanbanDragEndEvent);
+          const submittedItemStageId = submittedItem[this.kanbanState.items.stageField];
+          if (toStageId !== submittedItemStageId) {
+            // move has been cancelled
+            this.kanbanState.moveItemBetweenStages(updatedItem, originalItem, toStageId, fromStageId);
+            return;
+          }
+          this.kanbanState.updateCard(submittedItem);
         } catch (error) {
           this.kanbanState.showErrorToast(error);
-          this.kanbanState.moveItemBetweenStages(originalItem, toStageId, fromStageId);
+          // rollback the move
+          this.kanbanState.moveItemBetweenStages(updatedItem, originalItem, toStageId, fromStageId);
         }
       }
     });
@@ -136,6 +144,7 @@ class KanbanDragAndDropState {
 exports.KanbanDragAndDropState = KanbanDragAndDropState;
 const KanbanCardDragAndDrop = exports.KanbanCardDragAndDrop = {
   KanbanDragAndDropContext: _KanbanDragAndDropContext.KanbanDragAndDropContext,
-  DraggableCard: _KanbanDraggableCardItem.KanbanDraggableCardItem
+  DraggableCard: _KanbanDraggableCardItem.KanbanDraggableCardItem,
+  DragOverlay: _KanbanDragOverlay.KanbanDragOverlay
 };
 //# sourceMappingURL=KanbanCardDragAndDrop.js.map

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

@@ -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","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":[]}
+{"version":3,"names":["_KanbanDragAndDropContext","require","_KanbanDraggableCardItem","_KanbanDragOverlay","_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","updatedItem","stageField","moveItemBetweenStages","submittedItem","submittedItemStageId","updateCard","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","DragOverlay","KanbanDragOverlay"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';\nimport { KanbanDraggableCardItem } from './KanbanDraggableCardItem';\nimport { KanbanDragOverlay } from './KanbanDragOverlay';\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 updatedItem = {\n        ...item,\n        [this.kanbanState.items.stageField]: toStageId,\n      };\n      try {\n        this.kanbanState.moveItemBetweenStages(\n          originalItem,\n          updatedItem,\n          fromStageId,\n          toStageId,\n        );\n        const submittedItem: T =\n          await this.kanbanState.items.dragAndDrop.onSubmit(kanbanDragEndEvent);\n        const submittedItemStageId =\n          submittedItem[this.kanbanState.items.stageField as keyof T];\n\n        if (toStageId !== submittedItemStageId) {\n          // move has been cancelled\n          this.kanbanState.moveItemBetweenStages(\n            updatedItem,\n            originalItem,\n            toStageId,\n            fromStageId,\n          );\n          return;\n        }\n        this.kanbanState.updateCard(submittedItem);\n      } catch (error) {\n        this.kanbanState.showErrorToast(error);\n        // rollback the move\n        this.kanbanState.moveItemBetweenStages(\n          updatedItem,\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  DragOverlay: KanbanDragOverlay,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.js

@@ -44,6 +44,14 @@ function _KanbanDragAndDropContext(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     sensors: sensors,
+    autoScroll: {
+      activator: _core.AutoScrollActivator.DraggableRect,
+      acceleration: 4,
+      threshold: {
+        y: 0.01,
+        x: 0.2
+      }
+    },
     accessibility: {
       container: modalsContainerRef.current,
       announcements: {
@@ -66,7 +74,7 @@ function _KanbanDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_modifiers","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDragAndDropContext","props","state","kanbanState","children","modalsContainerRef","usePageContext","dragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","distance","keyboardSensor","KeyboardSensor","keyboardCodes","coordinateGetter","x","y","sensors","useSensors","process","env","NODE_ENV","useEffect","init","handleDragStart","event","handleDragOver","handleDragEnd","handleDragCancel","createElement","DndContext","accessibility","container","current","announcements","onDragStart","onDragOver","onDragEnd","onDragCancel","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","__self","__source","fileName","lineNumber","columnNumber","KanbanDragAndDropContext","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport {\n  closestCenter,\n  DndContext,\n  DragEndEvent,\n  DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\n\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface KanbanDragAndDropContextProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  children?: ReactNode;\n  stageId: string;\n}\n\nfunction _KanbanDragAndDropContext<T, S, F extends FiltersMap>(\n  props: KanbanDragAndDropContextProps<T, S, F>,\n) {\n  const { state: kanbanState, children } = props;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const dragAndDropState = kanbanState.dragAndDropState;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: {\n      distance: 3,\n    },\n  });\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: kanbanState.dragAndDropState.keyboardCodes,\n    coordinateGetter: () => ({ x: 0, y: 25 }),\n  });\n\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => dragAndDropState.init(), [dragAndDropState]);\n\n  const handleDragStart = (event: DragStartEvent) => {\n    dragAndDropState.handleDragStart(event);\n  };\n\n  const handleDragOver = () => {};\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    dragAndDropState.handleDragEnd(event);\n  };\n\n  const handleDragCancel = () => {\n    dragAndDropState.handleDragCancel();\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      accessibility={{\n        container: modalsContainerRef.current as HTMLElement | undefined,\n        announcements: {\n          onDragStart: () => 'Item picked up for dragging',\n          onDragOver: () => 'Item moved over droppable area',\n          onDragEnd: () => 'Item dropped',\n          onDragCancel: () => 'Dragging cancelled',\n        },\n        screenReaderInstructions: {\n          draggable: 'To pick up a draggable item, press the space bar.',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport const KanbanDragAndDropContext = observer(_KanbanDragAndDropContext);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_modifiers","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDragAndDropContext","props","state","kanbanState","children","modalsContainerRef","usePageContext","dragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","distance","keyboardSensor","KeyboardSensor","keyboardCodes","coordinateGetter","x","y","sensors","useSensors","process","env","NODE_ENV","useEffect","init","handleDragStart","event","handleDragOver","handleDragEnd","handleDragCancel","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","acceleration","threshold","accessibility","container","current","announcements","onDragStart","onDragOver","onDragEnd","onDragCancel","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","__self","__source","fileName","lineNumber","columnNumber","KanbanDragAndDropContext","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  DragEndEvent,\n  DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\n\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface KanbanDragAndDropContextProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  children?: ReactNode;\n  stageId: string;\n}\n\nfunction _KanbanDragAndDropContext<T, S, F extends FiltersMap>(\n  props: KanbanDragAndDropContextProps<T, S, F>,\n) {\n  const { state: kanbanState, children } = props;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const dragAndDropState = kanbanState.dragAndDropState;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: {\n      distance: 3,\n    },\n  });\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: kanbanState.dragAndDropState.keyboardCodes,\n    coordinateGetter: () => ({ x: 0, y: 25 }),\n  });\n\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => dragAndDropState.init(), [dragAndDropState]);\n\n  const handleDragStart = (event: DragStartEvent) => {\n    dragAndDropState.handleDragStart(event);\n  };\n\n  const handleDragOver = () => {};\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    dragAndDropState.handleDragEnd(event);\n  };\n\n  const handleDragCancel = () => {\n    dragAndDropState.handleDragCancel();\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: modalsContainerRef.current as HTMLElement | undefined,\n        announcements: {\n          onDragStart: () => 'Item picked up for dragging',\n          onDragOver: () => 'Item moved over droppable area',\n          onDragEnd: () => 'Item dropped',\n          onDragCancel: () => 'Dragging cancelled',\n        },\n        screenReaderInstructions: {\n          draggable: 'To pick up a draggable item, press the space bar.',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport const KanbanDragAndDropContext = observer(_KanbanDragAndDropContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragOverlay.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.KanbanDragOverlay = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+var _reactDom = require("react-dom");
+var _modifiers = require("@wix/wix-style-react-incubator/dnd-kit/modifiers");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _KanbanDragOverlayCardItem = require("./KanbanDragOverlayCardItem");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragOverlay.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); }
+const KanbanDragOverlayWrapper = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  "data-hook": "kanban-drag-overlay",
+  ref: ref
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 18,
+    columnNumber: 19
+  }
+})));
+function _KanbanDragOverlay(props) {
+  const {
+    state,
+    renderItem,
+    actionCell,
+    dataExtension,
+    tags
+  } = props;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_core.DragOverlay, {
+    modifiers: [_modifiers.restrictToWindowEdges],
+    wrapperElement: KanbanDragOverlayWrapper,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_KanbanDragOverlayCardItem.KanbanDragOverlayCardItem, {
+    state: state,
+    renderItem: renderItem,
+    actionCell: actionCell,
+    dataExtension: dataExtension,
+    tags: tags,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 7
+    }
+  })), (modalsContainerRef == null ? void 0 : modalsContainerRef.current) ?? document.body);
+}
+const KanbanDragOverlay = exports.KanbanDragOverlay = (0, _mobxReactLite.observer)(_KanbanDragOverlay);
+//# sourceMappingURL=KanbanDragOverlay.js.map

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_reactDom","_modifiers","_mobxReactLite","_react2","_KanbanDragOverlayCardItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","KanbanDragOverlayWrapper","forwardRef","props","ref","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","_KanbanDragOverlay","state","renderItem","actionCell","dataExtension","tags","modalsContainerRef","usePageContext","createPortal","DragOverlay","modifiers","restrictToWindowEdges","wrapperElement","KanbanDragOverlayCardItem","current","document","body","KanbanDragOverlay","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragOverlay.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { ComponentType, HTMLAttributes, forwardRef } from 'react';\nimport {\n  DragOverlay,\n  DragOverlayProps,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { createPortal } from 'react-dom';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { KanbanState } from '../../state/KanbanState';\nimport { KanbanDragOverlayCardItem } from './KanbanDragOverlayCardItem';\nimport { KanbanBaseProps } from '../Kanban/KanbanProps';\n\nconst KanbanDragOverlayWrapper = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>((props, ref) => <div data-hook=\"kanban-drag-overlay\" ref={ref} {...props} />);\n\nexport interface KanbanDragOverlayProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n}\n\nfunction _KanbanDragOverlay<T, S, F extends FiltersMap>(\n  props: KanbanDragOverlayProps<T, S, F>,\n) {\n  const { state, renderItem, actionCell, dataExtension, tags } = props;\n\n  const { modalsContainerRef } = usePageContext();\n\n  return createPortal(\n    <DragOverlay\n      modifiers={[restrictToWindowEdges]}\n      wrapperElement={\n        KanbanDragOverlayWrapper as\n          | DragOverlayProps['wrapperElement']\n          | ComponentType as DragOverlayProps['wrapperElement']\n      }\n    >\n      <KanbanDragOverlayCardItem\n        state={state}\n        renderItem={renderItem}\n        actionCell={actionCell}\n        dataExtension={dataExtension}\n        tags={tags}\n      />\n    </DragOverlay>,\n    modalsContainerRef?.current ?? document.body,\n  );\n}\n\nexport const KanbanDragOverlay = observer(_KanbanDragOverlay);\n"],"mappings":"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","ignoreList":[]}