@wix/patterns 1.227.0 → 1.229.0

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

@@ -1,20 +1,28 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.StageComponent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _Card = require("./Card");
+var _KanbanCardDragAndDrop = require("../KanbanDragAndDropDndKit/KanbanCardDragAndDrop");
 var _state = require("../../state");
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+var _mobx = require("mobx");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/Stage.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); }
 function _StageComponent({
   dataHook,
-  stageState,
+  state,
   stageSummary,
+  activeStageKey,
+  stageKey,
   ...props
 }) {
+  const stageState = state.kanbanStageStates[stageKey];
   const handleScroll = e => {
     const {
       scrollTop,
@@ -30,6 +38,17 @@ function _StageComponent({
       keyedItems
     }
   } = stageState.itemsCollectionState;
+
+  // Make the stage droppable
+  const {
+    isOver,
+    setNodeRef: setDroppableRef
+  } = (0, _core.useDroppable)({
+    id: stageState.stageKey
+  });
+
+  // Check if this stage is the source stage (where drag originated)
+  const isDndSourceStage = activeStageKey === stageState.stageKey;
   const items = React.useMemo(() => {
     return keyedItems.map((keyedItem, index) => {
       const itemActionsState = new _state.ItemActionsState({
@@ -39,7 +58,7 @@ function _StageComponent({
       });
       return {
         keyedItem,
-        stageKey: stageState.stageKey(),
+        stageKey: stageState.stageKey,
         originalItem: keyedItem.item,
         itemIndex: index,
         itemActionsState,
@@ -54,49 +73,65 @@ function _StageComponent({
       };
     });
   }, [keyedItems, keyedItems.length]);
-  return /*#__PURE__*/React.createElement(_designSystem.Box, {
-    width: "270px",
-    dataHook: `kanban-stage-container-${stageState.stageKey()}`,
-    backgroundColor: "#F4F7FF",
-    borderRadius: "8px",
-    paddingLeft: "12px",
-    paddingRight: "12px",
-    direction: "vertical",
+  const {
+    DraggableCard
+  } = _KanbanCardDragAndDrop.KanbanCardDragAndDrop;
+  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',
+      borderRadius: '8px',
+      display: 'flex',
+      flexDirection: 'column',
+      transition: 'background-color 0.2s ease',
+      border: isOver && !isDndSourceStage ? '2px dashed #2196F3' : '2px solid transparent'
+    }
+  }, process.env.NODE_ENV === 'test' && {
+    onPointerUp: (0, _mobx.action)(() => {
+      if (state.dragAndDropState.activeId) {
+        state.dragAndDropState.handleDragEnd({
+          over: {
+            id: stageState.stageKey
+          },
+          active: {
+            id: state.dragAndDropState.activeId
+          }
+        });
+      }
+    })
+  }, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 88,
       columnNumber: 5
     }
-  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+  }), /*#__PURE__*/React.createElement(_designSystem.Box, {
     width: "246px",
     direction: "vertical",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 114,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "data-hook": dataHook
-    // onDragOver={(e) => e.preventDefault()}
-    // onDrop={(e) => {
-    //   e.preventDefault();
-    // }}
-    ,
+    "data-hook": dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 115,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
-    paddingTop: "12px",
     direction: "vertical",
+    padding: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 116,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -107,7 +142,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 117,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -115,44 +150,43 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 123,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
     size: "small",
     weight: "bold",
-    dataHook: `kanban-stage-title-${stageState.stageKey()}`,
+    dataHook: `kanban-stage-title-${stageState.stageKey}`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 124,
       columnNumber: 17
     }
-  }, stageState.stageName()), /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
-    dataHook: `kanban-stage-title-total-${stageState.stageKey()}`,
+  }, stageState.stageName), /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
+    dataHook: `kanban-stage-title-total-${stageState.stageKey}`,
     skin: "light",
     truncate: false,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 131,
       columnNumber: 17
     }
   }, stageState.totalItems())), /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 139,
       columnNumber: 15
     }
   }, stageSummary == null ? void 0 : stageSummary({
     stage: stageState.stage
   }))), /*#__PURE__*/React.createElement(_designSystem.Box, {
-    paddingBottom: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 141,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(_designSystem.AddItem, {
@@ -161,7 +195,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 142,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -170,23 +204,32 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 143,
       columnNumber: 17
     }
   }, "Add Card")))), stageState.isLoading() ? /*#__PURE__*/React.createElement("div", {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 150,
       columnNumber: 13
     }
-  }, "loading cards...") : /*#__PURE__*/React.createElement("div", {
-    "data-hook": `kanban-stage-cards-container-${stageState.stageKey()}`,
+  }, "loading cards...") : /*#__PURE__*/React.createElement(_designSystem.Box, {
+    paddingBottom: "12px",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 152,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-hook": `kanban-stage-cards-container-${stageState.stageKey}`,
     style: {
       overflow: 'auto',
       height: '100%',
-      minHeight: '600px',
-      maxHeight: 'calc(100vh - 400px)',
+      minHeight: '430px',
+      maxHeight: 'calc(100vh - 420px)',
       display: 'flex',
       flexDirection: 'column',
       gap: '12px'
@@ -195,38 +238,39 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
-      columnNumber: 13
+      lineNumber: 153,
+      columnNumber: 15
     }
-  }, items.map(itemData => {
-    var _itemData$item;
-    return /*#__PURE__*/React.createElement(_Card.CardComponent, {
-      key: `${itemData.stageKey}-${(_itemData$item = itemData.item) == null ? void 0 : _itemData$item.key}`,
-      keyedItem: itemData.keyedItem,
-      originalItem: itemData.keyedItem.item,
-      itemIndex: itemData.itemIndex,
-      item: itemData.item,
-      stageKey: itemData.stageKey,
-      actionCell: itemData.actionCell,
-      itemActionsState: itemData.itemActionsState,
+  }, 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,
+    cardProps: {
+      keyedItem: item.keyedItem,
+      originalItem: item.keyedItem.item,
+      itemIndex: item.itemIndex,
+      item: item.item,
+      stageKey: item.stageKey,
+      actionCell: item.actionCell,
+      itemActionsState: item.itemActionsState,
       dataExtension: props.dataExtension,
-      tags: props.tags,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 144,
-        columnNumber: 17
-      }
-    });
-  }), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
+      tags: props.tags
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 167,
+      columnNumber: 19
+    }
+  }, _Card.CardComponent)), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
     className: "text-sm text-center text-gray-500",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
-      columnNumber: 17
+      lineNumber: 187,
+      columnNumber: 19
     }
-  }, "Loading more...")))));
+  }, "Loading more..."))))));
 }
 const StageComponent = exports.StageComponent = (0, _mobxReactLite.observer)(_StageComponent);
 //# sourceMappingURL=Stage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_Card","_state","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","stageState","stageSummary","props","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","items","useMemo","map","keyedItem","index","itemActionsState","ItemActionsState","fade","collection","stageKey","originalItem","item","itemIndex","renderItem","stage","key","actionCell","length","createElement","Box","width","backgroundColor","borderRadius","paddingLeft","paddingRight","direction","__self","__source","fileName","lineNumber","columnNumber","paddingTop","marginBottom","padding","gap","Text","size","weight","stageName","CounterBadge","skin","truncate","totalItems","paddingBottom","AddItem","removePadding","isLoading","style","overflow","height","minHeight","maxHeight","display","flexDirection","onScroll","itemData","_itemData$item","CardComponent","dataExtension","tags","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, stringFilter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanStageState } from '../../state/KanbanState/KanbanStageState';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { ItemActionsState } from '../../state';\n\ninterface StageComponentProps<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  dataHook: string;\n  stageState: KanbanStageState<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}\n\nfunction _StageComponent<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n>({\n  dataHook,\n  stageState,\n  stageSummary,\n  ...props\n}: StageComponentProps<T, S, F>) {\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  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  return (\n    <Box\n      width=\"270px\"\n      dataHook={`kanban-stage-container-${stageState.stageKey()}`}\n      backgroundColor=\"#F4F7FF\"\n      borderRadius=\"8px\"\n      paddingLeft=\"12px\"\n      paddingRight=\"12px\"\n      direction=\"vertical\"\n    >\n      <Box width=\"246px\" direction=\"vertical\">\n        <div\n          data-hook={dataHook}\n        // onDragOver={(e) => e.preventDefault()}\n        // onDrop={(e) => {\n        //   e.preventDefault();\n        // }}\n        >\n          <Box paddingTop=\"12px\" direction=\"vertical\">\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                <CounterBadge\n                  dataHook={`kanban-stage-title-total-${stageState.stageKey()}`}\n                  skin=\"light\"\n                  truncate={false}\n                >\n                  {stageState.totalItems()}\n                </CounterBadge>\n              </Box>\n              <Box>{stageSummary?.({ stage: stageState.stage })}</Box>\n            </Box>\n            <Box paddingBottom=\"12px\">\n              <AddItem size=\"tiny\" removePadding={true}>\n                <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                  Add Card\n                </Box>\n              </AddItem>\n            </Box>\n          </Box>\n          {stageState.isLoading() ? (\n            <div>loading cards...</div>\n          ) : (\n            <div\n              data-hook={`kanban-stage-cards-container-${stageState.stageKey()}`}\n              style={{\n                overflow: 'auto',\n                height: '100%',\n                minHeight: '600px',\n                maxHeight: 'calc(100vh - 400px)',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '12px',\n              }}\n              onScroll={handleScroll}\n            >\n              {items.map((itemData: KanbanCardProps<T, S, F>) => (\n                <CardComponent\n                  key={`${itemData.stageKey}-${itemData.item?.key}`}\n                  keyedItem={itemData.keyedItem}\n                  originalItem={itemData.keyedItem.item}\n                  itemIndex={itemData.itemIndex}\n                  item={itemData.item}\n                  stageKey={itemData.stageKey}\n                  actionCell={itemData.actionCell}\n                  itemActionsState={itemData.itemActionsState}\n                  dataExtension={props.dataExtension}\n                  tags={props.tags}\n                />\n              ))}\n              {stageState.itemsCollectionState.status.isLoading && (\n                <div className=\"text-sm text-center text-gray-500\">\n                  Loading more...\n                </div>\n              )}\n              {/* {!data?.cursor && !data?.loadingMore && (\n              <div className=\"text-xs text-center text-gray-400\">\n                No more cards\n              </div>\n            )}\n            {!data?.cards()?.length && emptyState}} */}\n            </div>\n          )}\n        </div>\n      </Box>\n    </Box>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_Card","_KanbanCardDragAndDrop","_state","_core","_mobx","_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","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","AddItem","removePadding","paddingTop","paddingBottom","isLoading","overflow","height","minHeight","maxHeight","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';\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  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=\"246px\" 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                <CounterBadge\n                  dataHook={`kanban-stage-title-total-${stageState.stageKey}`}\n                  skin=\"light\"\n                  truncate={false}\n                >\n                  {stageState.totalItems()}\n                </CounterBadge>\n              </Box>\n              <Box>{stageSummary?.({ stage: stageState.stage })}</Box>\n            </Box>\n            <Box>\n              <AddItem size=\"tiny\" removePadding={true}>\n                <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                  Add Card\n                </Box>\n              </AddItem>\n            </Box>\n          </Box>\n          {stageState.isLoading() ? (\n            <div>loading cards...</div>\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                }}\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":[]}

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

@@ -1,6 +1,142 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.KanbanCardDragAndDrop = void 0;
-const KanbanCardDragAndDrop = exports.KanbanCardDragAndDrop = {};
+exports.KanbanDragAndDropState = exports.KanbanCardDragAndDrop = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _KanbanDragAndDropContext = require("./KanbanDragAndDropContext");
+var _KanbanDraggableCardItem = require("./KanbanDraggableCardItem");
+var _mobx = require("mobx");
+class KanbanDragAndDropState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "kanbanState", void 0);
+    (0, _defineProperty2.default)(this, "activeId", null);
+    (0, _defineProperty2.default)(this, "status", 'start');
+    (0, _defineProperty2.default)(this, "setActiveId", id => {
+      this.activeId = id;
+    });
+    (0, _defineProperty2.default)(this, "handleDragStart", event => {
+      this.status = 'start';
+      this.activeId = event.active.id.toString();
+    });
+    (0, _defineProperty2.default)(this, "handleDragCancel", () => {
+      this.status = 'cancel';
+      this.setActiveId(null);
+    });
+    (0, _defineProperty2.default)(this, "handleDragEnd", event => {
+      var _this$kanbanState$ite;
+      this.status = 'end';
+      const {
+        active,
+        over
+      } = event;
+      this.setActiveId(null);
+      if (!over) {
+        return;
+      }
+      const activeId = active.id.toString();
+      const overId = over.id.toString();
+      const fromStageId = this._findStageByItemId(activeId);
+
+      // Determine target stage - could be stage key directly or extracted from item ID
+      let toStageId;
+      if (this.kanbanState.kanbanStageStates[overId]) {
+        // Dropping on a stage background
+        toStageId = overId;
+      } else {
+        // Dropping on an item - extract stage from item ID
+        toStageId = this._findStageByItemId(overId);
+      }
+
+      // Only return early if we don't have valid source and target stages
+      if (!fromStageId || !toStageId) {
+        return;
+      }
+
+      // PREVENT MOVEMENT WITHIN THE SAME STAGE
+      if (fromStageId === toStageId) {
+        return; // Don't allow reordering within the same stage
+      }
+      const item = this._findItemById(activeId);
+      if (!item) {
+        return;
+      }
+
+      // Create the Kanban drag end event
+      const kanbanDragEndEvent = {
+        item,
+        fromStageId,
+        toStageId
+      };
+      if ((_this$kanbanState$ite = this.kanbanState.items.dragAndDrop) != null && _this$kanbanState$ite.onSubmit) {
+        var _this$kanbanState$ite2;
+        const submitPromise = async () => {
+          return Promise.resolve();
+        };
+        (_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);
+        });
+      }
+    });
+    this.kanbanState = params.kanbanState;
+    (0, _mobx.makeObservable)(this, {
+      handleDragEnd: _mobx.action,
+      setActiveId: _mobx.action,
+      activeId: _mobx.observable,
+      status: _mobx.observable.ref,
+      handleDragStart: _mobx.action,
+      handleDragCancel: _mobx.action
+    });
+  }
+  _parseItemId(combinedId) {
+    // Parse combined ID format: "stageKey-##-itemKey"
+    const [stageKey, itemKey] = combinedId.split('-##-');
+    if (!stageKey || !itemKey) {
+      return null;
+    }
+    return {
+      stageKey,
+      itemKey
+    };
+  }
+  _findItemById(combinedId) {
+    var _stageState$itemsColl;
+    const parsed = this._parseItemId(combinedId);
+    if (!parsed) {
+      return null;
+    }
+    const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];
+    if (!stageState) {
+      return null;
+    }
+    const item = (_stageState$itemsColl = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey)) == null ? void 0 : _stageState$itemsColl.item;
+    return item || null;
+  }
+  _findStageByItemId(combinedId) {
+    const parsed = this._parseItemId(combinedId);
+    return (parsed == null ? void 0 : parsed.stageKey) || null;
+  }
+  init() {
+    // No initialization needed for native drag and drop
+  }
+  get keyboardCodes() {
+    return {
+      start: ['Space', 'Enter'],
+      cancel: ['Escape'],
+      end: ['Space', 'Enter']
+    };
+  }
+}
+exports.KanbanDragAndDropState = KanbanDragAndDropState;
+const KanbanCardDragAndDrop = exports.KanbanCardDragAndDrop = {
+  KanbanDragAndDropContext: _KanbanDragAndDropContext.KanbanDragAndDropContext,
+  DraggableCard: _KanbanDraggableCardItem.KanbanDraggableCardItem
+};
 //# sourceMappingURL=KanbanCardDragAndDrop.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["KanbanCardDragAndDrop","exports"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["export const KanbanCardDragAndDrop = {};\n"],"mappings":";;;;AAAO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.KanbanDragAndDropContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+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 _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.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); }
+function _KanbanDragAndDropContext(props) {
+  const {
+    state: kanbanState,
+    children
+  } = props;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
+  const dragAndDropState = kanbanState.dragAndDropState;
+  const pointerSensor = (0, _core.useSensor)(_core.PointerSensor, {
+    activationConstraint: {
+      distance: 3
+    }
+  });
+  const keyboardSensor = (0, _core.useSensor)(_core.KeyboardSensor, {
+    keyboardCodes: kanbanState.dragAndDropState.keyboardCodes,
+    coordinateGetter: () => ({
+      x: 0,
+      y: 25
+    })
+  });
+  const sensors = (0, _core.useSensors)(...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]));
+  (0, _react.useEffect)(() => dragAndDropState.init(), [dragAndDropState]);
+  const handleDragStart = event => {
+    dragAndDropState.handleDragStart(event);
+  };
+  const handleDragOver = () => {};
+  const handleDragEnd = event => {
+    dragAndDropState.handleDragEnd(event);
+  };
+  const handleDragCancel = () => {
+    dragAndDropState.handleDragCancel();
+  };
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    accessibility: {
+      container: modalsContainerRef.current,
+      announcements: {
+        onDragStart: () => 'Item picked up for dragging',
+        onDragOver: () => 'Item moved over droppable area',
+        onDragEnd: () => 'Item dropped',
+        onDragCancel: () => 'Dragging cancelled'
+      },
+      screenReaderInstructions: {
+        draggable: 'To pick up a draggable item, press the space bar.'
+      },
+      restoreFocus: false
+    },
+    collisionDetection: _core.closestCenter,
+    modifiers: [_modifiers.restrictToWindowEdges],
+    onDragStart: handleDragStart,
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 5
+    }
+  }, children);
+}
+const KanbanDragAndDropContext = exports.KanbanDragAndDropContext = (0, _mobxReactLite.observer)(_KanbanDragAndDropContext);
+//# sourceMappingURL=KanbanDragAndDropContext.js.map