@wix/patterns 1.20.0 → 1.22.0

package/dist/cjs/components/GridDragAndDropDndKit/dndTestEventHandlers.js

@@ -40,9 +40,27 @@ const sortableItemTestEvents = ({
         }
       });
     },
+    onMouseMove: event => {
+      if (disabled != null && disabled.droppable || state.activeId == null) {
+        return;
+      }
+      state.onDragMove({
+        active: {
+          id: state.activeId
+        },
+        delta: {
+          x: event.nativeEvent.clientX
+        }
+      });
+      state.onDragOver({
+        over: {
+          id
+        }
+      });
+    },
     onKeyDown: e => {
       const keyboardCodes = state.keyboardCodes;
-      if (state.status === 'start' && keyboardCodes.move.includes(e.nativeEvent.code)) {
+      if (state.status === 'start' || state.status === 'over' && keyboardCodes.move.includes(e.nativeEvent.code)) {
         state.onDragOver({
           over: {
             id
@@ -73,12 +91,12 @@ const dragHandleTestEvents = ({
               id: state.activeId
             },
             over: {
-              id
+              id: state.overId
             }
           });
           state.onDragEnd({
             over: {
-              id
+              id: state.overId
             }
           });
           return;

package/dist/cjs/components/GridDragAndDropDndKit/dndTestEventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onKeyDown","e","keyboardCodes","status","move","includes","nativeEvent","code","onDragOver","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' &&\n        keyboardCodes.move.includes(e.nativeEvent.code)\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id },\n          });\n          state.onDragEnd({ over: { id } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onMouseMove","event","onDragMove","delta","x","nativeEvent","clientX","onDragOver","onKeyDown","e","keyboardCodes","status","move","includes","code","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","overId","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onMouseMove: (event) => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n\n      state.onDragMove({\n        active: { id: state.activeId },\n        delta: {\n          x: event.nativeEvent.clientX,\n        },\n      });\n\n      state.onDragOver({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' ||\n        (state.status === 'over' &&\n          keyboardCodes.move.includes(e.nativeEvent.code))\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id: state.overId as string },\n          });\n          state.onDragEnd({ over: { id: state.overId as string } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading2946596661";
+var _namespace_ = "Heading3566231887";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading2946596661__root"
+  "root": "Heading3566231887__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2946596661\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading2946596661__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3566231887\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading3566231887__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "InputOverflow300708106";
+var _namespace_ = "InputOverflow479755975";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "InputOverflow300708106__root"
+  "root": "InputOverflow479755975__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow300708106\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow300708106__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow479755975\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow479755975__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxHeightText4179138468";
+var _namespace_ = "MaxHeightText719378337";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxHeightText4179138468__root"
+  "root": "MaxHeightText719378337__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText4179138468\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText4179138468__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText719378337\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText719378337__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxLines/MaxLines.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxLines1461413196";
+var _namespace_ = "MaxLines960628119";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxLines1461413196__root"
+  "root": "MaxLines960628119__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1461413196\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines1461413196__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines960628119\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines960628119__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultiBulkActionToolbar759279083";
+var _namespace_ = "MultiBulkActionToolbar2424894787";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MultiBulkActionToolbar759279083__root"
+  "root": "MultiBulkActionToolbar2424894787__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar759279083\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar759279083__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAuC,CAAC;AAC9D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar2424894787\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar2424894787__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/MainCellLayout.js

@@ -11,6 +11,7 @@ function MainCellLayout(props) {
     dataHook,
     image,
     breadcrumbs,
+    dragHandle,
     expandCollapseButton,
     title,
     subtitle,
@@ -24,17 +25,17 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 27,
       columnNumber: 5
     }
-  }, expandCollapseButton, image && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, dragHandle, expandCollapseButton, image && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     height: "40px",
     paddingInlineEnd: "12px",
     dataHook: "image",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 36,
       columnNumber: 9
     }
   }, image), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -44,7 +45,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 40,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -53,7 +54,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 41,
       columnNumber: 9
     }
   }, breadcrumbs, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -63,7 +64,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 43,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -74,7 +75,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 48,
       columnNumber: 13
     }
   }, title))), subtitle && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -86,7 +87,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 55,
       columnNumber: 11
     }
   }, subtitle)));

package/dist/cjs/components/NestedTable/MainCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","MainCellLayout","props","dataHook","image","breadcrumbs","expandCollapseButton","title","subtitle","titleMaxWidth","default","createElement","Box","direction","verticalAlign","minWidth","__self","__source","fileName","lineNumber","columnNumber","height","paddingInlineEnd","minHeight","flexShrink","undefined","maxWidth","Text","ellipsis","size","weight","secondary","light"],"sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface MainCellLayoutProps {\n  dataHook?: string;\n  image?: ReactNode;\n  expandCollapseButton?: ReactNode;\n  breadcrumbs?: ReactNode;\n  title?: ReactNode;\n  subtitle?: string;\n  titleMaxWidth?: string;\n}\n\nexport function MainCellLayout(props: MainCellLayoutProps) {\n  const {\n    dataHook,\n    image,\n    breadcrumbs,\n    expandCollapseButton,\n    title,\n    subtitle,\n    titleMaxWidth,\n  } = props;\n  return (\n    <Box\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      dataHook={dataHook}\n      minWidth={0}\n    >\n      {expandCollapseButton}\n      {image && (\n        <Box height=\"40px\" paddingInlineEnd=\"12px\" dataHook=\"image\">\n          {image}\n        </Box>\n      )}\n      <Box direction=\"vertical\" minWidth={0} minHeight={0}>\n        <Box direction=\"horizontal\" minWidth={0}>\n          {breadcrumbs}\n          <Box\n            flexShrink={titleMaxWidth != null ? 0 : undefined}\n            minWidth={0}\n            maxWidth={titleMaxWidth}\n          >\n            <Text ellipsis size=\"small\" weight=\"normal\" dataHook=\"title\">\n              {title}\n            </Text>\n          </Box>\n        </Box>\n\n        {subtitle && (\n          <Text ellipsis size=\"tiny\" secondary light dataHook=\"subtitle\">\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAYlC,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,WAAW;IACXC,oBAAoB;IACpBC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGP,KAAK;EACT,oBACEJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBX,QAAQ,EAAEA,QAAS;IACnBY,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXd,oBAAoB,EACpBF,KAAK,iBACJN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACS,MAAM,EAAC,MAAM;IAACC,gBAAgB,EAAC,MAAM;IAACnB,QAAQ,EAAC,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDhB,KACE,CACN,eACDN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACE,QAAQ,EAAE,CAAE;IAACQ,SAAS,EAAE,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDtB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACC,SAAS,EAAC,YAAY;IAACE,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrCf,WAAW,eACZP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFY,UAAU,EAAEf,aAAa,IAAI,IAAI,GAAG,CAAC,GAAGgB,SAAU;IAClDV,QAAQ,EAAE,CAAE;IACZW,QAAQ,EAAEjB,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBtB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA+B,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAAC3B,QAAQ,EAAC,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDb,KACG,CACH,CACF,CAAC,EAELC,QAAQ,iBACPV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA+B,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,MAAM;IAACE,SAAS;IAACC,KAAK;IAAC7B,QAAQ,EAAC,UAAU;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DZ,QACG,CAEL,CACF,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","MainCellLayout","props","dataHook","image","breadcrumbs","dragHandle","expandCollapseButton","title","subtitle","titleMaxWidth","default","createElement","Box","direction","verticalAlign","minWidth","__self","__source","fileName","lineNumber","columnNumber","height","paddingInlineEnd","minHeight","flexShrink","undefined","maxWidth","Text","ellipsis","size","weight","secondary","light"],"sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface MainCellLayoutProps {\n  dataHook?: string;\n  image?: ReactNode;\n  dragHandle?: ReactNode;\n  expandCollapseButton?: ReactNode;\n  breadcrumbs?: ReactNode;\n  title?: ReactNode;\n  subtitle?: string;\n  titleMaxWidth?: string;\n}\n\nexport function MainCellLayout(props: MainCellLayoutProps) {\n  const {\n    dataHook,\n    image,\n    breadcrumbs,\n    dragHandle,\n    expandCollapseButton,\n    title,\n    subtitle,\n    titleMaxWidth,\n  } = props;\n  return (\n    <Box\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      dataHook={dataHook}\n      minWidth={0}\n    >\n      {dragHandle}\n      {expandCollapseButton}\n      {image && (\n        <Box height=\"40px\" paddingInlineEnd=\"12px\" dataHook=\"image\">\n          {image}\n        </Box>\n      )}\n      <Box direction=\"vertical\" minWidth={0} minHeight={0}>\n        <Box direction=\"horizontal\" minWidth={0}>\n          {breadcrumbs}\n          <Box\n            flexShrink={titleMaxWidth != null ? 0 : undefined}\n            minWidth={0}\n            maxWidth={titleMaxWidth}\n          >\n            <Text ellipsis size=\"small\" weight=\"normal\" dataHook=\"title\">\n              {title}\n            </Text>\n          </Box>\n        </Box>\n\n        {subtitle && (\n          <Text ellipsis size=\"tiny\" secondary light dataHook=\"subtitle\">\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAalC,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,oBAAoB;IACpBC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGR,KAAK;EACT,oBACEJ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBZ,QAAQ,EAAEA,QAAS;IACnBa,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXf,UAAU,EACVC,oBAAoB,EACpBH,KAAK,iBACJN,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IAACS,MAAM,EAAC,MAAM;IAACC,gBAAgB,EAAC,MAAM;IAACpB,QAAQ,EAAC,OAAO;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDjB,KACE,CACN,eACDN,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACE,QAAQ,EAAE,CAAE;IAACQ,SAAS,EAAE,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IAACC,SAAS,EAAC,YAAY;IAACE,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrChB,WAAW,eACZP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IACFY,UAAU,EAAEf,aAAa,IAAI,IAAI,GAAG,CAAC,GAAGgB,SAAU;IAClDV,QAAQ,EAAE,CAAE;IACZW,QAAQ,EAAEjB,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAgC,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAAC5B,QAAQ,EAAC,OAAO;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDb,KACG,CACH,CACF,CAAC,EAELC,QAAQ,iBACPX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAgC,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,MAAM;IAACE,SAAS;IAACC,KAAK;IAAC9B,QAAQ,EAAC,UAAU;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DZ,QACG,CAEL,CACF,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTable.uni.driver.js

@@ -13,6 +13,8 @@ var _NestedTableFlatModeMainCellUni = require("./NestedTableFlatModeMainCell.uni
 var _NestedTableRowPlaceholderStatesUni = require("./NestedTableRowPlaceholderStates.uni.driver");
 var _CollectionItemActionsUni = require("../CollectionItemActions/CollectionItemActions.uni.driver");
 var _SummaryBarUni = require("../SummaryBar/SummaryBar.uni.driver");
+var _DragAndDropUni = require("../DragAndDrop/DragAndDrop.uni.driver");
+var _NestedTableGhostRowUni = require("../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver");
 function NestedTableUniDriver(base, body) {
   const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
   const toolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(toolbarBase(), body);
@@ -30,6 +32,7 @@ function NestedTableUniDriver(base, body) {
       return (_await$table$_getRowB = await table._getRowByKey(rowKey).attr('class')) == null ? void 0 : _await$table$_getRowB.includes('expandable');
     },
     getMainColumnAt: row => (0, _NestedTableParentCellUni.NestedTableParentCellUniDriver)(table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'), body),
+    _getDragAndDropDriver: () => (0, _DragAndDropUni.DragAndDropUniDriver)(base),
     getActionCellByKey: rowKey => (0, _CollectionItemActionsUni.CollectionItemActionsUniDriver)(table._getRowByKey(rowKey), body),
     getMainColumnByKey: rowKey => (0, _NestedTableParentCellUni.NestedTableParentCellUniDriver)(table._getCellByKey(rowKey, 'nested-mode-main-column'), body),
     getFlatModeMainColumnByKey: rowKey => (0, _NestedTableFlatModeMainCellUni.NestedTableFlatModeMainCellUniDriver)(table._getCellByKey(rowKey, 'flat-mode-main-column'), body),
@@ -38,7 +41,8 @@ function NestedTableUniDriver(base, body) {
     /**
      * Gets collection summary bar
      */
-    getSummaryBar
+    getSummaryBar,
+    getGhostRow: () => (0, _NestedTableGhostRowUni.NestedTableGhostRowUniDriver)(base.$('[data-hook="ghost-indentation-cell"]'), body)
   };
 }
 var _default = exports.default = NestedTableUniDriver;

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

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":";;;;;;AACA,IAAAA,+BAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,+BAAA,GAAAN,OAAA;AACA,IAAAO,mCAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AAEO,SAASU,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACH,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EAErE,MAAMK,KAAK,GAAG,IAAAC,iBAAc,EAACP,IAAI,EAAEC,IAAI,CAAC;EAExC,MAAMO,kBAAkB,GAAGA,CAAA,KACzBR,IAAI,CAACG,CAAC,CAAC,gDAAgD,CAAC,CAACM,MAAM,CAAC,CAAC;EACnE,MAAMC,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACX,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAGK,KAAK;IACRF,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC,CAAC;IACxBI,kBAAkB;IAClBI,2BAA2B,EAAEA,CAC3BC,QAAQ,GAAG,gCAAgC,KAE3C,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHc,UAAU,EAAEA,CAAA,KACV,IAAAC,wDAA8B,EAC5BhB,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;IAEHgB,eAAe,EAAE,MAAOC,MAAc;MAAA,IAAAC,qBAAA;MAAA,QAAAA,qBAAA,GACnC,MAAMb,KAAK,CAACc,YAAY,CAACF,MAAM,CAAC,CAACG,IAAI,CAAC,OAAO,CAAC,qBAA/CF,qBAAA,CAAkDG,QAAQ,CAAC,YAAY,CAAC;IAAA;IAE1EC,eAAe,EAAGC,GAAW,IAC3B,IAAAC,wDAA8B,EAC5BnB,KAAK,CAACoB,4BAA4B,CAACF,GAAG,EAAE,yBAAyB,CAAC,EAClEvB,IACF,CAAC;IAEH0B,kBAAkB,EAAGT,MAAc,IACjC,IAAAU,wDAA8B,EAACtB,KAAK,CAACc,YAAY,CAACF,MAAM,CAAC,EAAEjB,IAAI,CAAC;IAElE4B,kBAAkB,EAAGX,MAAc,IACjC,IAAAO,wDAA8B,EAC5BnB,KAAK,CAACwB,aAAa,CAACZ,MAAM,EAAE,yBAAyB,CAAC,EACtDjB,IACF,CAAC;IAEH8B,0BAA0B,EAAGb,MAAc,IACzC,IAAAc,oEAAoC,EAClC1B,KAAK,CAACwB,aAAa,CAACZ,MAAM,EAAE,uBAAuB,CAAC,EACpDjB,IACF,CAAC;IAEHgC,uBAAuB,EAAGT,GAAW,IACnC,IAAAQ,oEAAoC,EAClC1B,KAAK,CAACoB,4BAA4B,CAACF,GAAG,EAAE,uBAAuB,CAAC,EAChEvB,IACF,CAAC;IAEHiC,4BAA4B,EAAGhB,MAAc,IAC3C,IAAAiB,4EAAwC,EACtC7B,KAAK,CAACc,YAAY,CAAE,sBAAqBF,MAAO,EAAC,CAAC,EAClDjB,IACF,CAAC;IACH;AACJ;AACA;IACIS;EACF,CAAC;AACH;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcvC,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","_DragAndDropUni","_NestedTableGhostRowUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","_getDragAndDropDriver","DragAndDropUniDriver","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","getGhostRow","NestedTableGhostRowUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { NestedTableGhostRowUniDriver } from '../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    _getDragAndDropDriver: () => DragAndDropUniDriver(base),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getGhostRow: () =>\n      NestedTableGhostRowUniDriver(\n        base.$('[data-hook=\"ghost-indentation-cell\"]'),\n        body,\n      ),\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableParentCell.js

@@ -15,7 +15,8 @@ function _NestedTableParentCell(props) {
   const {
     state: parentState,
     item,
-    rowNum
+    rowNum,
+    dragAndDrop
   } = props;
   const {
     node: {
@@ -43,10 +44,19 @@ function _NestedTableParentCell(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 54,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_MainCellLayout.MainCellLayout, {
+    dragHandle: (dragAndDrop == null ? void 0 : dragAndDrop.NestedTableDragHandle) && /*#__PURE__*/_react.default.createElement(dragAndDrop.NestedTableDragHandle, {
+      item: item,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 62,
+        columnNumber: 13
+      }
+    }),
     expandCollapseButton: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       paddingInlineEnd: "12px",
       visibility: state == null || state._isNotExpandableWhenEmpty ? 'hidden' : undefined,
@@ -54,7 +64,7 @@ function _NestedTableParentCell(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 66,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -66,7 +76,7 @@ function _NestedTableParentCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 72,
+          lineNumber: 79,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
@@ -78,14 +88,14 @@ function _NestedTableParentCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 73,
+          lineNumber: 80,
           columnNumber: 19
         }
       })),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 68,
+        lineNumber: 75,
         columnNumber: 13
       }
     })),
@@ -95,7 +105,7 @@ function _NestedTableParentCell(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 59,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/NestedTable/NestedTableParentCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_Rotate","_MainCellLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableParentCell","props","state","parentState","item","rowNum","node","collection","originalKeyedItem","renderProps","renderMainColumn","useState","createNode","parent","useEffect","_rowNum","_expanded","createElement","Box","dataHook","paddingInlineStart","depth","minWidth","__self","__source","fileName","lineNumber","columnNumber","MainCellLayout","expandCollapseButton","paddingInlineEnd","visibility","_isNotExpandableWhenEmpty","undefined","TextButton","size","prefixIcon","Rotate","timeout","deg","ChevronRightSmall","style","paddingRight","image","title","itemName","subtitle","NestedTableParentCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  NestedTableDataItem,\n  NestedTableNodeState,\n} from '../../state/NestedTableState/NestedTableNodeState';\nimport { Box, TextButton } from '@wix/design-system';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { Rotate } from '../Rotate';\nimport { MainCellLayout } from './MainCellLayout';\n\nexport interface NestedTableParentCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  state: NestedTableNodeState<C, T, F>;\n  item: NestedTableDataItem<C, T, F>;\n}\n\nfunction _NestedTableParentCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableParentCellProps<C, T, F>,\n) {\n  const { state: parentState, item, rowNum } = props;\n\n  const {\n    node: { collection },\n  } = parentState;\n\n  const { originalKeyedItem } = item;\n\n  const renderProps = parentState.renderMainColumn?.(originalKeyedItem.item);\n\n  const [state] = useState(() =>\n    item.state.createNode({\n      parent: originalKeyedItem,\n    }),\n  );\n\n  useEffect(() => {\n    if (!state) {\n      return;\n    }\n    state._rowNum = rowNum;\n  }, [rowNum]);\n\n  const _expanded = state?._expanded;\n\n  return (\n    <Box\n      dataHook=\"indention-wrapper\"\n      paddingInlineStart={parentState.depth * 28}\n      minWidth={0}\n    >\n      <MainCellLayout\n        expandCollapseButton={\n          <Box\n            paddingInlineEnd=\"12px\"\n            visibility={\n              state == null || state._isNotExpandableWhenEmpty\n                ? 'hidden'\n                : undefined\n            }\n            dataHook=\"expand-collapse-wrapper\"\n          >\n            <TextButton\n              size=\"small\"\n              dataHook=\"expand-collapse\"\n              prefixIcon={\n                <Rotate timeout={200} deg={_expanded ? 90 : 0}>\n                  <ChevronRightSmall\n                    data-hook=\"chevron-icon\"\n                    style={{ paddingRight: 0, paddingInlineEnd: 0 }}\n                  />\n                </Rotate>\n              }\n            />\n          </Box>\n        }\n        image={renderProps?.image}\n        title={\n          renderProps?.title ?? collection.itemName(originalKeyedItem.item)\n        }\n        subtitle={renderProps?.subtitle}\n      />\n    </Box>\n  );\n}\n\nexport const NestedTableParentCell = observer(_NestedTableParentCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_Rotate","_MainCellLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableParentCell","props","state","parentState","item","rowNum","dragAndDrop","node","collection","originalKeyedItem","renderProps","renderMainColumn","useState","createNode","parent","useEffect","_rowNum","_expanded","createElement","Box","dataHook","paddingInlineStart","depth","minWidth","__self","__source","fileName","lineNumber","columnNumber","MainCellLayout","dragHandle","NestedTableDragHandle","expandCollapseButton","paddingInlineEnd","visibility","_isNotExpandableWhenEmpty","undefined","TextButton","size","prefixIcon","Rotate","timeout","deg","ChevronRightSmall","style","paddingRight","image","title","itemName","subtitle","NestedTableParentCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  NestedTableDataItem,\n  NestedTableNodeState,\n} from '../../state/NestedTableState/NestedTableNodeState';\nimport { Box, TextButton } from '@wix/design-system';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { Rotate } from '../Rotate';\nimport { MainCellLayout } from './MainCellLayout';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableParentCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  state: NestedTableNodeState<C, T, F>;\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableParentCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableParentCellProps<C, T, F>,\n) {\n  const { state: parentState, item, rowNum, dragAndDrop } = props;\n\n  const {\n    node: { collection },\n  } = parentState;\n\n  const { originalKeyedItem } = item;\n\n  const renderProps = parentState.renderMainColumn?.(originalKeyedItem.item);\n\n  const [state] = useState(() =>\n    item.state.createNode({\n      parent: originalKeyedItem,\n    }),\n  );\n\n  useEffect(() => {\n    if (!state) {\n      return;\n    }\n    state._rowNum = rowNum;\n  }, [rowNum]);\n\n  const _expanded = state?._expanded;\n\n  return (\n    <Box\n      dataHook=\"indention-wrapper\"\n      paddingInlineStart={parentState.depth * 28}\n      minWidth={0}\n    >\n      <MainCellLayout\n        dragHandle={\n          dragAndDrop?.NestedTableDragHandle && (\n            <dragAndDrop.NestedTableDragHandle item={item} />\n          )\n        }\n        expandCollapseButton={\n          <Box\n            paddingInlineEnd=\"12px\"\n            visibility={\n              state == null || state._isNotExpandableWhenEmpty\n                ? 'hidden'\n                : undefined\n            }\n            dataHook=\"expand-collapse-wrapper\"\n          >\n            <TextButton\n              size=\"small\"\n              dataHook=\"expand-collapse\"\n              prefixIcon={\n                <Rotate timeout={200} deg={_expanded ? 90 : 0}>\n                  <ChevronRightSmall\n                    data-hook=\"chevron-icon\"\n                    style={{ paddingRight: 0, paddingInlineEnd: 0 }}\n                  />\n                </Rotate>\n              }\n            />\n          </Box>\n        }\n        image={renderProps?.image}\n        title={\n          renderProps?.title ?? collection.itemName(originalKeyedItem.item)\n        }\n        subtitle={renderProps?.subtitle}\n      />\n    </Box>\n  );\n}\n\nexport const NestedTableParentCell = observer(_NestedTableParentCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableParentCell.uni.driver.js

@@ -10,6 +10,7 @@ function NestedTableParentCellUniDriver(base, body) {
     ...(0, _unidriver.baseUniDriverFactory)(base),
     getTitle: () => getWrapper().$('[data-hook="title"]').text(),
     getSubtitle: () => getWrapper().$('[data-hook="subtitle"]').text(),
+    getDragHandle: () => getWrapper().$('[data-hook="drag-handle"]'),
     getExpandCollapseButton: () => (0, _ExpandCollapseButtonUni.ExpandCollapseButtonUniDriver)(getWrapper().$('[data-hook="expand-collapse-wrapper"]'), body)
   };
 }

package/dist/cjs/components/NestedTable/NestedTableParentCell.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_ExpandCollapseButtonUni","NestedTableParentCellUniDriver","base","body","getWrapper","$","baseUniDriverFactory","getTitle","text","getSubtitle","getExpandCollapseButton","ExpandCollapseButtonUniDriver"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ExpandCollapseButtonUniDriver } from './ExpandCollapseButton.uni.driver';\n\nexport function NestedTableParentCellUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getWrapper = () => base.$('[data-hook=\"indention-wrapper\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    getTitle: () => getWrapper().$('[data-hook=\"title\"]').text(),\n    getSubtitle: () => getWrapper().$('[data-hook=\"subtitle\"]').text(),\n    getExpandCollapseButton: () =>\n      ExpandCollapseButtonUniDriver(\n        getWrapper().$('[data-hook=\"expand-collapse-wrapper\"]'),\n        body,\n      ),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAEO,SAASE,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,iCAAiC,CAAC;EAElE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,qBAAqB,CAAC,CAACG,IAAI,CAAC,CAAC;IAC5DC,WAAW,EAAEA,CAAA,KAAML,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,wBAAwB,CAAC,CAACG,IAAI,CAAC,CAAC;IAClEE,uBAAuB,EAAEA,CAAA,KACvB,IAAAC,sDAA6B,EAC3BP,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,uCAAuC,CAAC,EACvDF,IACF;EACJ,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_ExpandCollapseButtonUni","NestedTableParentCellUniDriver","base","body","getWrapper","$","baseUniDriverFactory","getTitle","text","getSubtitle","getDragHandle","getExpandCollapseButton","ExpandCollapseButtonUniDriver"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ExpandCollapseButtonUniDriver } from './ExpandCollapseButton.uni.driver';\n\nexport function NestedTableParentCellUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getWrapper = () => base.$('[data-hook=\"indention-wrapper\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    getTitle: () => getWrapper().$('[data-hook=\"title\"]').text(),\n    getSubtitle: () => getWrapper().$('[data-hook=\"subtitle\"]').text(),\n    getDragHandle: () => getWrapper().$('[data-hook=\"drag-handle\"]'),\n    getExpandCollapseButton: () =>\n      ExpandCollapseButtonUniDriver(\n        getWrapper().$('[data-hook=\"expand-collapse-wrapper\"]'),\n        body,\n      ),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAEO,SAASE,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,iCAAiC,CAAC;EAElE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,qBAAqB,CAAC,CAACG,IAAI,CAAC,CAAC;IAC5DC,WAAW,EAAEA,CAAA,KAAML,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,wBAAwB,CAAC,CAACG,IAAI,CAAC,CAAC;IAClEE,aAAa,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,2BAA2B,CAAC;IAChEM,uBAAuB,EAAEA,CAAA,KACvB,IAAAC,sDAA6B,EAC3BR,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,uCAAuC,CAAC,EACvDF,IACF;EACJ,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.js

@@ -17,6 +17,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     children,
     rowData,
     className,
+    dragAndDrop,
     ...rest
   } = props;
   const {
@@ -39,7 +40,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 47,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("td", {
@@ -49,7 +50,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 48,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -59,7 +60,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 49,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_NestedTableRowPlaceholderStates.NestedTableRowPlaceholderStates, {
@@ -67,17 +68,23 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 50,
         columnNumber: 15
       }
     }))));
   }
   const expandable = itemState != null && !itemState._isNotExpandableWhenEmpty;
+  const {
+    st: dataTableRowSt,
+    classes: dataTableRowClasses
+  } = _designSystem.Table.dataTableRowStyle;
   return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({
     ref: ref,
     className: (0, _NestedTableRowStCss.st)(_NestedTableRowStCss.classes.root, {
       expandable
-    }, className, item.state.showHoverHighlight ? _NestedTableRowStCss.classes.parentHovered : undefined, item.state.depth === 0 ? _NestedTableRowStCss.classes.firstLevel : undefined),
+    }, className, item.state.showHoverHighlight ? _NestedTableRowStCss.classes.parentHovered : undefined, item.state.depth === 0 ? _NestedTableRowStCss.classes.firstLevel : undefined, dataTableRowSt(dataTableRowClasses.root, {
+      skin: item.state.depth === 0 ? 'neutral' : 'light'
+    })),
     onMouseEnter: () => {
       itemState == null || itemState._changeHover(true);
     },
@@ -94,9 +101,17 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 64,
       columnNumber: 7
     }
+  }), (dragAndDrop == null ? void 0 : dragAndDrop.NestedTableGhostIndentationCell) && /*#__PURE__*/_react.default.createElement(dragAndDrop.NestedTableGhostIndentationCell, {
+    item: item,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 11
+    }
   }), children);
 });
 const NestedTableRow = exports.NestedTableRow = (0, _mobxReactLite.observer)(_NestedTableRow);