@wix/patterns 1.227.0 → 1.229.0

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionTableWSRTable.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionTableWSRTable.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CollectionTable/useTableCollectionSyncProps.js

@@ -4,7 +4,7 @@ import { assertComponentType } from '../assertComponentType';
 import { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';
 import { isValidElement } from '../isValidElement';
 export function useTableCollectionSyncProps(props) {
-    const { state: table, customColumns, columns: tableColumns, showSelection, actionCell, multiLevelSorting, views, selectionDisabled, dataExtension, isUsingTableVirtualization, dragAndDropReorderModeToolbar, } = props;
+    const { state: table, customColumns, columns: tableColumns, showSelection, actionCell, multiLevelSorting, views, selectionDisabled, checkboxTooltipContent, dataExtension, isUsingTableVirtualization, dragAndDropReorderModeToolbar, } = props;
     assertComponentType(customColumns, 'CustomColumns', 'customColumns');
     assertComponentType(multiLevelSorting, 'MultiLevelSorting', 'multiLevelSorting');
     assertComponentType(views, 'CollectionViewsDropdown', 'views');
@@ -44,6 +44,10 @@ export function useTableCollectionSyncProps(props) {
         state.bulk.selectionDisabledProp =
             selectionDisabled;
     }
+    if (checkboxTooltipContent != null) {
+        state.bulk.checkboxTooltipContentProp =
+            checkboxTooltipContent;
+    }
     return state;
 }
 //# sourceMappingURL=useTableCollectionSyncProps.js.map

package/dist/esm/components/CollectionTable/useTableCollectionSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableCollectionSyncProps.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,UAAU,2BAA2B,CACzC,KAEC;IAED,MAAM,EACJ,KAAK,EAAE,KAAK,EACZ,aAAa,EACb,OAAO,EAAE,YAAY,EACrB,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,aAAa,EACb,0BAA0B,EAC1B,6BAA6B,GAC9B,GAAG,KAAK,CAAC;IAEV,mBAAmB,CAAC,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;IACrE,mBAAmB,CACjB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,CACpB,CAAC;IACF,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;IAC/D,mBAAmB,CACjB,6BAA6B,EAC7B,oBAAoB,EACpB,+BAA+B,CAChC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,6BAA6B,CAAC;QAC5B,GAAG,KAAK;QACR,KAAK;QACL,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW;QACvC,yBAAyB,EAAE,CAAC,CAAC,KAAK,CAAC,iBAAiB;QACpD,uBAAuB,EAAE,KAAK,CAAC,gBAAgB,IAAI,KAAK;QACxD,cAAc,EAAE,KAAK;QACrB,0BAA0B;KAC3B,CAAC,CAAC;IAEH,mBAAmB,CAAC;QAClB,OAAO,EAAE,KAAK;QACd,aAAa;QACb,OAAO,EAAE,YAAY;KACtB,CAAC,CAAC;IAEH,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,cAAc,CAAwC,aAAa,CAAC,EAAE;YACxE,aAAa,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;SACxE;aAAM;YACL,aAAa,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;SAC/C;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,6BAA6B,EAAE;YAClC,OAAO;SACR;QACD,6BAA6B,EAAE,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEhE,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAC7B,KAAK,CAAC,IAAI,CAAC,qBAAqB;YAC9B,iBAA0C,CAAC;KAC9C;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"version":3,"file":"useTableCollectionSyncProps.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAK7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,UAAU,2BAA2B,CACzC,KAEC;IAED,MAAM,EACJ,KAAK,EAAE,KAAK,EACZ,aAAa,EACb,OAAO,EAAE,YAAY,EACrB,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,0BAA0B,EAC1B,6BAA6B,GAC9B,GAAG,KAAK,CAAC;IAEV,mBAAmB,CAAC,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;IACrE,mBAAmB,CACjB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,CACpB,CAAC;IACF,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;IAC/D,mBAAmB,CACjB,6BAA6B,EAC7B,oBAAoB,EACpB,+BAA+B,CAChC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,6BAA6B,CAAC;QAC5B,GAAG,KAAK;QACR,KAAK;QACL,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW;QACvC,yBAAyB,EAAE,CAAC,CAAC,KAAK,CAAC,iBAAiB;QACpD,uBAAuB,EAAE,KAAK,CAAC,gBAAgB,IAAI,KAAK;QACxD,cAAc,EAAE,KAAK;QACrB,0BAA0B;KAC3B,CAAC,CAAC;IAEH,mBAAmB,CAAC;QAClB,OAAO,EAAE,KAAK;QACd,aAAa;QACb,OAAO,EAAE,YAAY;KACtB,CAAC,CAAC;IAEH,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,cAAc,CAAwC,aAAa,CAAC,EAAE;YACxE,aAAa,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;SACxE;aAAM;YACL,aAAa,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;SAC/C;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,6BAA6B,EAAE;YAClC,OAAO;SACR;QACD,6BAA6B,EAAE,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEhE,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAC7B,KAAK,CAAC,IAAI,CAAC,qBAAqB;YAC9B,iBAA0C,CAAC;KAC9C;IAED,IAAI,sBAAsB,IAAI,IAAI,EAAE;QAClC,KAAK,CAAC,IAAI,CAAC,0BAA0B;YACnC,sBAAoD,CAAC;KACxD;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1063847909";
+var _namespace_ = "CollectionToolbar1316009271";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar1063847909__root", "left": "CollectionToolbar1063847909__left", "right": "CollectionToolbar1063847909__right", "fullWidth": "CollectionToolbar1063847909__fullWidth" };
+export var classes = { "root": "CollectionToolbar1316009271__root", "left": "CollectionToolbar1316009271__left", "right": "CollectionToolbar1316009271__right", "fullWidth": "CollectionToolbar1316009271__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter1866669283";
+var _namespace_ = "SearchOrCustomFilter2028233523";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter1866669283__root", "search": "SearchOrCustomFilter1866669283__search", "searchMobile": "SearchOrCustomFilter1866669283__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter2028233523__root", "search": "SearchOrCustomFilter2028233523__search", "searchMobile": "SearchOrCustomFilter2028233523__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly3891578865";
+var _namespace_ = "AutoCompleteReadonly2923193392";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly3891578865__root" };
+export var classes = { "root": "AutoCompleteReadonly2923193392__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown3785460023";
+var _namespace_ = "ViewsDropdown3583409493";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown3785460023__root" };
+export var classes = { "root": "ViewsDropdown3583409493__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1865244074";
+var _namespace_ = "DragHandle4194506206";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle1865244074__root" };
+export var classes = { "root": "DragHandle4194506206__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EntityPagePlain2207442324";
+var _namespace_ = "EntityPagePlain3884078990";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "EntityPagePlain2207442324__root" };
+export var classes = { "root": "EntityPagePlain3884078990__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade1004656252";
+var _namespace_ = "Fade204223390";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade1004656252__root" };
+export var classes = { "root": "Fade204223390__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading1346655761";
+var _namespace_ = "Heading1069407870";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading1346655761__root" };
+export var classes = { "root": "Heading1069407870__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow955357727";
+var _namespace_ = "InputOverflow3770169229";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow955357727__root" };
+export var classes = { "root": "InputOverflow3770169229__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -4,16 +4,21 @@ import { Box, Text, ClickableCard } from '@wix/design-system';
 import { CardActions } from './CardActions';
 function _CardComponent({ originalItem, itemIndex, item, stageKey, actionCell, itemActionsState, }) {
     const { title, subtitle, additionalInfo, badge } = item;
-    return (React.createElement("div", { draggable: true, "data-hook": `kanban-card-container-${stageKey}-${item.key}` },
-        React.createElement(ClickableCard, { hasPadding: false },
-            React.createElement(Box, { padding: "12px", direction: "vertical", dataHook: `kanban-card-${stageKey}-${item.key}` },
+    return (React.createElement("div", { "data-hook": `kanban-card-container-${stageKey}-${item.key}`, style: {
+            marginRight: '12px',
+            marginLeft: '12px',
+            overflow: 'visible',
+            width: '222px',
+        } },
+        React.createElement(ClickableCard, { hasPadding: false, skin: "shadow" },
+            React.createElement(Box, { padding: "12px", dataHook: `kanban-card-${stageKey}-${item.key}`, direction: "vertical" },
                 React.createElement(Box, { paddingBottom: "3px" },
-                    React.createElement(Text, { size: "small", weight: "normal", dataHook: `kanban-card-title-${stageKey}-${item.key}` }, title)),
-                React.createElement(Box, { direction: "vertical" },
+                    React.createElement(Text, { dataHook: `kanban-card-title-${stageKey}-${item.key}`, size: "small", weight: "normal", ellipsis: true, maxLines: 2 }, title)),
+                React.createElement(Box, { direction: "vertical", gap: "1px" },
                     React.createElement(Box, null, badge),
                     React.createElement(Box, null, subtitle),
                     React.createElement(Box, null, additionalInfo)),
-                React.createElement(Box, { align: "right", paddingTop: "3px" },
+                React.createElement(Box, { align: "right", paddingTop: "6px" },
                     React.createElement(CardActions, { actionCell: actionCell, originalItem: originalItem, itemIndex: itemIndex, itemActionsState: itemActionsState, stageKey: stageKey, item: item }))))));
 }
 export const CardComponent = observer(_CardComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAwB5C,SAAS,cAAc,CAIrB,EACA,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,GACS;IACzB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAExD,OAAO,CACL,6BACE,SAAS,qBAIE,yBAAyB,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE;QAE1D,oBAAC,aAAa,IAAC,UAAU,EAAE,KAAK;YAC9B,oBAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,eAAe,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE;gBAE/C,oBAAC,GAAG,IAAC,aAAa,EAAC,KAAK;oBACtB,oBAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAE,qBAAqB,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE,IAEpD,KAAK,CACD,CACH;gBAEN,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU;oBACvB,oBAAC,GAAG,QAAE,KAAK,CAAO;oBAClB,oBAAC,GAAG,QAAE,QAAQ,CAAO;oBACrB,oBAAC,GAAG,QAAE,cAAc,CAAO,CACvB;gBACN,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK;oBACjC,oBAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,GACV,CACE,CACF,CACQ,CACZ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAoB5C,SAAS,cAAc,CAA6B,EAClD,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,GACS;IACzB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAExD,OAAO,CACL,0CACa,yBAAyB,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE,EAC1D,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;SACf;QAED,oBAAC,aAAa,IAAC,UAAU,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ;YAC7C,oBAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,eAAe,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE,EAC/C,SAAS,EAAC,UAAU;gBAEpB,oBAAC,GAAG,IAAC,aAAa,EAAC,KAAK;oBACtB,oBAAC,IAAI,IACH,QAAQ,EAAE,qBAAqB,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE,EACrD,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,CAAC,IAEV,KAAK,CACD,CACH;gBAEN,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;oBACjC,oBAAC,GAAG,QAAE,KAAK,CAAO;oBAClB,oBAAC,GAAG,QAAE,QAAQ,CAAO;oBACrB,oBAAC,GAAG,QAAE,cAAc,CAAO,CACvB;gBACN,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK;oBACjC,oBAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,GACV,CACE,CACF,CACQ,CACZ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}

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

@@ -14,7 +14,7 @@ function _CardActions({ actionCell, originalItem, itemIndex, itemActionsState, s
     });
     return (React.createElement(React.Fragment, null,
         itemActionsState.confirmModal.value && (React.createElement(MessageActionModal, { state: itemActionsState.confirmModal, ...itemActionsState.confirmModal.value })),
-        React.createElement(Box, { gap: "SP2" },
+        React.createElement(Box, { gap: "9px" },
             secondaryActions,
             primaryActionProps && (React.createElement(Button, { style: { zIndex: 50 }, size: "tiny", priority: "secondary", onClick: (e) => {
                     e.stopPropagation();

package/dist/esm/components/Kanban/CardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../src/components/Kanban/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAgBpD,SAAS,YAAY,CAInB,EACA,UAAU,EACV,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,IAAI,GACsB;IAC1B,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC;QAC9D,UAAU;QACV,YAAY;QACZ,SAAS;QACT,gBAAgB;QAChB,QAAQ;QACR,OAAO,EAAE,IAAI,CAAC,GAAG;KAClB,CAAC,CAAC;IAEH,OAAO,CACL;QAEG,gBAAgB,CAAC,YAAY,CAAC,KAAK,IAAI,CACtC,oBAAC,kBAAkB,IACjB,KAAK,EAAE,gBAAgB,CAAC,YAAY,KAChC,gBAAgB,CAAC,YAAY,CAAC,KAAK,GACvC,CACH;QACD,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;YACX,gBAAgB;YAChB,kBAAkB,IAAI,CACrB,oBAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EACrB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,kBAAkB,CAAC,OAAO,EAAE,CAAC;gBAC/B,CAAC,EACD,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,EACrC,UAAU,EAAE,kBAAkB,CAAC,UAAU,EACzC,QAAQ,EAAE,8BAA8B,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE,IAE7D,kBAAkB,CAAC,IAAI,CACjB,CACV,CACG,CACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../src/components/Kanban/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAYpD,SAAS,YAAY,CAA6B,EAChD,UAAU,EACV,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,IAAI,GACsB;IAC1B,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC;QAC9D,UAAU;QACV,YAAY;QACZ,SAAS;QACT,gBAAgB;QAChB,QAAQ;QACR,OAAO,EAAE,IAAI,CAAC,GAAG;KAClB,CAAC,CAAC;IAEH,OAAO,CACL;QAEG,gBAAgB,CAAC,YAAY,CAAC,KAAK,IAAI,CACtC,oBAAC,kBAAkB,IACjB,KAAK,EAAE,gBAAgB,CAAC,YAAY,KAChC,gBAAgB,CAAC,YAAY,CAAC,KAAK,GACvC,CACH;QACD,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;YACX,gBAAgB;YAChB,kBAAkB,IAAI,CACrB,oBAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EACrB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,kBAAkB,CAAC,OAAO,EAAE,CAAC;gBAC/B,CAAC,EACD,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,EACrC,UAAU,EAAE,kBAAkB,CAAC,UAAU,EACzC,QAAQ,EAAE,8BAA8B,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE,IAE7D,kBAAkB,CAAC,IAAI,CACjB,CACV,CACG,CACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}

package/dist/esm/components/Kanban/Kanban.js

@@ -4,25 +4,29 @@ import { observer } from 'mobx-react-lite';
 import { StageComponent } from './Stage';
 import { Box } from '@wix/design-system';
 import { CollectionCard } from '../CollectionCard';
+import { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';
 function _Kanban(props) {
     const { state, dataHook } = props;
     const { toolbar } = state;
-    // if (process.env.NODE_ENV !== 'production') {
-    //   minimalRequiredWdsRuntimeCheck({
-    //     required: '^1.64.1',
-    //     requiredBy: 'WixPatterns/Kanban',
-    //   });
-    // }
     useEffect(() => {
         props.state.init();
     }, [props.state]);
     const stages = useMemo(() => {
-        return props.state.stages();
-    }, [props.state.stages()]);
+        return props.state.stages;
+    }, [props.state.stages]);
+    // Calculate active stage key from activeId
+    const activeId = state.dragAndDropState.activeId;
+    const activeStageKey = activeId
+        ? activeId.substring(0, activeId.indexOf('-##-')) || null
+        : null;
+    // Wrap with global drag and drop context - always enabled for Kanban
+    const { KanbanDragAndDropContext } = KanbanCardDragAndDrop;
+    const stagesContent = (React.createElement(KanbanDragAndDropContext, { state: state, stageId: "all" },
+        React.createElement(Box, { direction: "horizontal", gap: "12px" }, stages.map((stage) => (React.createElement(StageComponent, { dataHook: `kanban-stage-${props.state.stageKey(stage)}`, key: props.state.stageKey(stage), activeStageKey: activeStageKey, stageKey: props.state.stageKey(stage), ...props }))))));
     return (React.createElement(CollectionCard, { errorState: false, state: toolbar, dataHook: dataHook },
         React.createElement(ToolbarCollection, { search: true, sticky: true, state: toolbar },
             React.createElement(Box, { dataHook: "kanban-test", margin: "24px", overflow: "auto", direction: "vertical" },
-                React.createElement(Box, { dataHook: "kanban-stages", direction: "vertical" }, props.state.isLoading() ? (React.createElement("div", null, "loading stages...")) : (React.createElement(Box, { direction: "horizontal", gap: "12px" }, stages.map((stage) => (React.createElement(StageComponent, { stageState: props.state.getStageState(stage), dataHook: `kanban-stage-${props.state.stageKey(stage)}`, key: props.state.stageKey(stage), ...props }))))))))));
+                React.createElement(Box, { dataHook: "kanban-stages", direction: "vertical" }, props.state.isLoading() ? (React.createElement("div", { "data-hook": "kanban-loading" }, "loading stages...")) : (stagesContent))))));
 }
 export const Kanban = observer(_Kanban);
 //# sourceMappingURL=Kanban.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAoB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,SAAS,OAAO,CAA6B,KAA2B;IACtE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,+CAA+C;IAC/C,qCAAqC;IACrC,2BAA2B;IAC3B,wCAAwC;IACxC,QAAQ;IACR,IAAI;IACJ,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,oBAAC,cAAc,IAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QACnE,oBAAC,iBAAiB,IAAC,MAAM,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACpD,oBAAC,GAAG,IACF,QAAQ,EAAC,aAAa,EACtB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,MAAM,EACf,SAAS,EAAC,UAAU;gBAEpB,oBAAC,GAAG,IAAC,QAAQ,EAAC,eAAe,EAAC,SAAS,EAAC,UAAU,IAC/C,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CACzB,qDAA4B,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM,IACnC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAQ,EAAE,EAAE,CAAC,CACxB,oBAAC,cAAc,IACb,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,gBAAgB,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EACvD,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAC5B,KAAK,GACT,CACH,CAAC,CACE,CACP,CACG,CACF,CACY,CACL,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAoB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAMzF,SAAS,OAAO,CAA6B,KAA2B;IACtE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzB,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC;IACjD,MAAM,cAAc,GAAG,QAAQ;QAC7B,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI;QACzD,CAAC,CAAC,IAAI,CAAC;IAET,qEAAqE;IACrE,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,CAAC;IAC3D,MAAM,aAAa,GAAG,CACpB,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,KAAK;QACnD,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM,IACnC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAQ,EAAE,EAAE,CAAC,CACxB,oBAAC,cAAc,IACb,QAAQ,EAAE,gBAAgB,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EACvD,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAChC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KACjC,KAAK,GACT,CACH,CAAC,CACE,CACmB,CAC5B,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QACnE,oBAAC,iBAAiB,IAAC,MAAM,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACpD,oBAAC,GAAG,IACF,QAAQ,EAAC,aAAa,EACtB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,MAAM,EACf,SAAS,EAAC,UAAU;gBAEpB,oBAAC,GAAG,IAAC,QAAQ,EAAC,eAAe,EAAC,SAAS,EAAC,UAAU,IAC/C,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CACzB,0CAAe,gBAAgB,wBAAwB,CACxD,CAAC,CAAC,CAAC,CACF,aAAa,CACd,CACG,CACF,CACY,CACL,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC"}

package/dist/esm/components/Kanban/Kanban.uni.driver.js

@@ -1,12 +1,32 @@
 import { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';
 import { baseUniDriverFactory } from '../../unidriver/baseUniDriverFactory';
 import { ButtonUniDriver, CounterBadgeUniDriver, IconButtonUniDriver, MessageModalLayoutUniDriver, PopoverMenuUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';
 export function KanbanUniDriver(base, body) {
     const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
     const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);
+    const dragAndDrop = () => DragAndDropUniDriver(base);
+    const dragCardToStage = async ({ sourceStageKey, cardKey, targetStageKey, }) => {
+        const targetStageElement = base.$(`[data-hook^="kanban-stage-container-${targetStageKey}"]`);
+        if (!(await targetStageElement.exists())) {
+            throw new Error(`Target stage with key ${targetStageKey} not found`);
+        }
+        const sourceStageElement = base.$(`[data-hook^="kanban-stage-container-${sourceStageKey}"]`);
+        if (!(await sourceStageElement.exists())) {
+            throw new Error(`Source stage with key ${sourceStageKey} not found`);
+        }
+        const cardElement = base.$(`[data-hook^="kanban-card-drag-item-${sourceStageKey}-##-${cardKey}"]`);
+        if (!(await cardElement.exists())) {
+            throw new Error(`Card with key ${cardKey} not found in stage ${sourceStageKey}`);
+        }
+        const driverDragAndDrop = dragAndDrop();
+        await driverDragAndDrop.dragStart(cardElement);
+        await driverDragAndDrop.dragEnd(targetStageElement);
+    };
     return {
         ...baseUniDriverFactory(base),
         toolbar: () => toolbar(),
+        isKanbanLoading: () => base.$('[data-hook="kanban-loading"]').exists(),
         stages: {
             count: () => base.$$('[data-hook^="kanban-stage-container"]').count(),
             stageTitle: (stageId) => {
@@ -50,6 +70,7 @@ export function KanbanUniDriver(base, body) {
         },
         cards: {
             count: (stageKey) => base.$$(`[data-hook^="kanban-card-${stageKey}-"]`).count(),
+            exists: ({ stageKey, cardKey }) => base.$(`[data-hook^="kanban-card-${stageKey}-${cardKey}"]`).exists(),
             getTitle: ({ stageKey, cardKey, }) => {
                 return TextUniDriver(base.$(`[data-hook^="kanban-card-title-${stageKey}-${cardKey}"]`), body);
             },
@@ -71,6 +92,7 @@ export function KanbanUniDriver(base, body) {
                 };
             },
             getActionModal: () => MessageModalLayoutUniDriver(body.$('[data-hook="collection-action-modal"]'), body),
+            dragCardToStage,
         },
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Kanban.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Kanban.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"names":[],"mappings":"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"}

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

@@ -2,8 +2,12 @@ import * as React from 'react';
 import { AddItem, Box, CounterBadge, Text } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { CardComponent } from './Card';
+import { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';
 import { ItemActionsState } from '../../state';
-function _StageComponent({ dataHook, stageState, stageSummary, ...props }) {
+import { useDroppable } from '@wix/wix-style-react-incubator/dnd-kit/core';
+import { action } from 'mobx';
+function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageKey, ...props }) {
+    const stageState = state.kanbanStageStates[stageKey];
     const handleScroll = (e) => {
         const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
         if (scrollHeight - scrollTop <= clientHeight + 10 &&
@@ -13,6 +17,12 @@ function _StageComponent({ dataHook, stageState, stageSummary, ...props }) {
         }
     };
     const { result: { keyedItems }, } = stageState.itemsCollectionState;
+    // Make the stage droppable
+    const { isOver, setNodeRef: setDroppableRef } = 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 ItemActionsState({
@@ -22,7 +32,7 @@ function _StageComponent({ dataHook, stageState, stageSummary, ...props }) {
             });
             return {
                 keyedItem,
-                stageKey: stageState.stageKey(),
+                stageKey: stageState.stageKey,
                 originalItem: keyedItem.item,
                 itemIndex: index,
                 itemActionsState,
@@ -37,29 +47,60 @@ function _StageComponent({ dataHook, stageState, stageSummary, ...props }) {
             };
         });
     }, [keyedItems, keyedItems.length]);
-    return (React.createElement(Box, { width: "270px", dataHook: `kanban-stage-container-${stageState.stageKey()}`, backgroundColor: "#F4F7FF", borderRadius: "8px", paddingLeft: "12px", paddingRight: "12px", direction: "vertical" },
+    const { DraggableCard } = KanbanCardDragAndDrop;
+    return (React.createElement("div", { 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: action(() => {
+                if (state.dragAndDropState.activeId) {
+                    state.dragAndDropState.handleDragEnd({
+                        over: { id: stageState.stageKey },
+                        active: { id: state.dragAndDropState.activeId },
+                    });
+                }
+            }),
+        }) },
         React.createElement(Box, { width: "246px", direction: "vertical" },
             React.createElement("div", { "data-hook": dataHook },
-                React.createElement(Box, { paddingTop: "12px", direction: "vertical" },
+                React.createElement(Box, { direction: "vertical", padding: "12px" },
                     React.createElement(Box, { marginBottom: "24px", direction: "vertical", padding: "12px 6px 0 6px", borderRadius: "8px" },
                         React.createElement(Box, { gap: "6px" },
-                            React.createElement(Text, { size: "small", weight: "bold", dataHook: `kanban-stage-title-${stageState.stageKey()}` }, stageState.stageName()),
-                            React.createElement(CounterBadge, { dataHook: `kanban-stage-title-total-${stageState.stageKey()}`, skin: "light", truncate: false }, stageState.totalItems())),
+                            React.createElement(Text, { size: "small", weight: "bold", dataHook: `kanban-stage-title-${stageState.stageKey}` }, stageState.stageName),
+                            React.createElement(CounterBadge, { dataHook: `kanban-stage-title-total-${stageState.stageKey}`, skin: "light", truncate: false }, stageState.totalItems())),
                         React.createElement(Box, null, stageSummary?.({ stage: stageState.stage }))),
-                    React.createElement(Box, { paddingBottom: "12px" },
+                    React.createElement(Box, null,
                         React.createElement(AddItem, { size: "tiny", removePadding: true },
                             React.createElement(Box, { paddingTop: "9px", paddingBottom: "9px" }, "Add Card")))),
-                stageState.isLoading() ? (React.createElement("div", null, "loading cards...")) : (React.createElement("div", { "data-hook": `kanban-stage-cards-container-${stageState.stageKey()}`, style: {
-                        overflow: 'auto',
-                        height: '100%',
-                        minHeight: '600px',
-                        maxHeight: 'calc(100vh - 400px)',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '12px',
-                    }, onScroll: handleScroll },
-                    items.map((itemData) => (React.createElement(CardComponent, { key: `${itemData.stageKey}-${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, dataExtension: props.dataExtension, tags: props.tags }))),
-                    stageState.itemsCollectionState.status.isLoading && (React.createElement("div", { className: "text-sm text-center text-gray-500" }, "Loading more..."))))))));
+                stageState.isLoading() ? (React.createElement("div", null, "loading cards...")) : (React.createElement(Box, { paddingBottom: "12px", direction: "vertical" },
+                    React.createElement("div", { "data-hook": `kanban-stage-cards-container-${stageState.stageKey}`, style: {
+                            overflow: 'auto',
+                            height: '100%',
+                            minHeight: '430px',
+                            maxHeight: 'calc(100vh - 420px)',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: '12px',
+                        }, onScroll: handleScroll },
+                        items?.map((item) => (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,
+                            } }, CardComponent))),
+                        stageState.itemsCollectionState.status.isLoading && (React.createElement("div", { className: "text-sm text-center text-gray-500" }, "Loading more...")))))))));
 }
 export const StageComponent = observer(_StageComponent);
 //# sourceMappingURL=Stage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"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"}