@wix/patterns 1.32.0 → 1.34.0

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDrop.js

@@ -31,7 +31,7 @@ const NestedTableDragAndDrop = exports.NestedTableDragAndDrop = {
   ..._dragAndDrop.TableDragAndDrop,
   createDragHandleColumn: null,
   // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`
-  CollectionNestedTableDragAndDropContext: _NestedTableDragAndDropContext.NestedTableDragAndDropContext,
+  NestedTableDragAndDropContext: _NestedTableDragAndDropContext.NestedTableDragAndDropContext,
   setStateObject,
   NestedTableDragHandle: _NestedTableDragHandle.NestedTableDragHandle,
   NestedTableGhostIndentationCell: _NestedTableGhostIndentationCell.NestedTableGhostIndentationCell

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

@@ -1 +1 @@
-{"version":3,"names":["_dragAndDrop","require","_NestedTableDragAndDropContext","_NestedTableDragAndDropState","_minimalRequiredWdsRuntimeCheck","_NestedTableDragHandle","_NestedTableGhostIndentationCell","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","setStateObject","params","_state$nested","state","modalsContainerRef","nested","nestedTableDragAndDrop","NestedTableDragAndDropState","nestedState","tableState","tableDragAndDropState","toolbar","_dnd","dnd","NestedTableDragAndDrop","exports","WSRTableDragAndDrop","createDragHandleColumn","CollectionNestedTableDragAndDropContext","NestedTableDragAndDropContext","NestedTableDragHandle","NestedTableGhostIndentationCell"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDrop.ts"],"sourcesContent":["import { TableDragAndDrop as WSRTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { NestedTableDragAndDropContext } from './NestedTableDragAndDropContext';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableState } from '../../state/NestedTableState';\nimport { NestedTableDragHandle } from './NestedTableDragHandle';\nimport { NestedTableGhostIndentationCell } from './NestedTableGhostIndentationCell';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'WixPatterns/NestedTableDragAndDrop',\n  });\n}\nfunction setStateObject<C extends string>(params: {\n  state: NestedTableState<C>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  const { state, modalsContainerRef } = params;\n  state.nested.nestedTableDragAndDrop ??= new NestedTableDragAndDropState({\n    nestedState: state.nested,\n    modalsContainerRef,\n  });\n  state.tableState.tableDragAndDropState = state.nested.nestedTableDragAndDrop;\n  state.toolbar._dnd = state.nested.nestedTableDragAndDrop.dnd;\n}\n\nexport const NestedTableDragAndDrop = {\n  ...WSRTableDragAndDrop,\n  createDragHandleColumn: null, // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`\n  CollectionNestedTableDragAndDropContext: NestedTableDragAndDropContext,\n  setStateObject,\n  NestedTableDragHandle,\n  NestedTableGhostIndentationCell,\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AAEA,IAAIM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AACA,SAASC,cAAcA,CAAmBC,MAKzC,EAAE;EAAA,IAAAC,aAAA;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAmB,CAAC,GAAGH,MAAM;EAC5C,CAAAC,aAAA,GAAAC,KAAK,CAACE,MAAM,EAACC,sBAAsB,KAAnCJ,aAAA,CAAaI,sBAAsB,GAAK,IAAIC,wDAA2B,CAAC;IACtEC,WAAW,EAAEL,KAAK,CAACE,MAAM;IACzBD;EACF,CAAC,CAAC;EACFD,KAAK,CAACM,UAAU,CAACC,qBAAqB,GAAGP,KAAK,CAACE,MAAM,CAACC,sBAAsB;EAC5EH,KAAK,CAACQ,OAAO,CAACC,IAAI,GAAGT,KAAK,CAACE,MAAM,CAACC,sBAAsB,CAACO,GAAG;AAC9D;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpC,GAAGE,6BAAmB;EACtBC,sBAAsB,EAAE,IAAI;EAAE;EAC9BC,uCAAuC,EAAEC,4DAA6B;EACtEnB,cAAc;EACdoB,qBAAqB,EAArBA,4CAAqB;EACrBC,+BAA+B,EAA/BA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_dragAndDrop","require","_NestedTableDragAndDropContext","_NestedTableDragAndDropState","_minimalRequiredWdsRuntimeCheck","_NestedTableDragHandle","_NestedTableGhostIndentationCell","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","setStateObject","params","_state$nested","state","modalsContainerRef","nested","nestedTableDragAndDrop","NestedTableDragAndDropState","nestedState","tableState","tableDragAndDropState","toolbar","_dnd","dnd","NestedTableDragAndDrop","exports","WSRTableDragAndDrop","createDragHandleColumn","NestedTableDragAndDropContext","NestedTableDragHandle","NestedTableGhostIndentationCell"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDrop.ts"],"sourcesContent":["import { TableDragAndDrop as WSRTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { NestedTableDragAndDropContext } from './NestedTableDragAndDropContext';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableState } from '../../state/NestedTableState';\nimport { NestedTableDragHandle } from './NestedTableDragHandle';\nimport { NestedTableGhostIndentationCell } from './NestedTableGhostIndentationCell';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'WixPatterns/NestedTableDragAndDrop',\n  });\n}\nfunction setStateObject<C extends string>(params: {\n  state: NestedTableState<C>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  const { state, modalsContainerRef } = params;\n  state.nested.nestedTableDragAndDrop ??= new NestedTableDragAndDropState({\n    nestedState: state.nested,\n    modalsContainerRef,\n  });\n  state.tableState.tableDragAndDropState = state.nested.nestedTableDragAndDrop;\n  state.toolbar._dnd = state.nested.nestedTableDragAndDrop.dnd;\n}\n\nexport const NestedTableDragAndDrop = {\n  ...WSRTableDragAndDrop,\n  createDragHandleColumn: null, // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`\n  NestedTableDragAndDropContext,\n  setStateObject,\n  NestedTableDragHandle,\n  NestedTableGhostIndentationCell,\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AAEA,IAAIM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AACA,SAASC,cAAcA,CAAmBC,MAKzC,EAAE;EAAA,IAAAC,aAAA;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAmB,CAAC,GAAGH,MAAM;EAC5C,CAAAC,aAAA,GAAAC,KAAK,CAACE,MAAM,EAACC,sBAAsB,KAAnCJ,aAAA,CAAaI,sBAAsB,GAAK,IAAIC,wDAA2B,CAAC;IACtEC,WAAW,EAAEL,KAAK,CAACE,MAAM;IACzBD;EACF,CAAC,CAAC;EACFD,KAAK,CAACM,UAAU,CAACC,qBAAqB,GAAGP,KAAK,CAACE,MAAM,CAACC,sBAAsB;EAC5EH,KAAK,CAACQ,OAAO,CAACC,IAAI,GAAGT,KAAK,CAACE,MAAM,CAACC,sBAAsB,CAACO,GAAG;AAC9D;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpC,GAAGE,6BAAmB;EACtBC,sBAAsB,EAAE,IAAI;EAAE;EAC9BC,6BAA6B,EAA7BA,4DAA6B;EAC7BlB,cAAc;EACdmB,qBAAqB,EAArBA,4CAAqB;EACrBC,+BAA+B,EAA/BA;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js

@@ -10,6 +10,8 @@ var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
 var _dndTestEventHandlers = require("../GridDragAndDropDndKit/dndTestEventHandlers");
 var _util = require("@wix/bex-core/util");
+var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _validateNestedTableDragAndDropProps = require("./validateNestedTableDragAndDropProps");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,7 +19,6 @@ function _NestedTableDragAndDropContext(props) {
   const {
     state: nestedState,
     onSubmit,
-    onCancel,
     onBulkSubmit,
     children
   } = props;
@@ -25,11 +26,17 @@ function _NestedTableDragAndDropContext(props) {
     type: Table,
     props: tableProps
   } = children;
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
+      required: '^1.109.2',
+      requiredBy: 'WixPatterns/NestedTable'
+    });
+    (0, _validateNestedTableDragAndDropProps.validateNestedTableDragAndDropProps)(nestedState);
+  }
   const state = nestedState.nestedTableDragAndDrop;
   const dragAndDropState = state.dnd;
   (0, _react.useEffect)(() => state.init(), []);
   dragAndDropState.onSubmit = onSubmit;
-  dragAndDropState.onCancel = onCancel;
   dragAndDropState.onBulkSubmit = onBulkSubmit;
   const [dragAndDropContext] = (0, _react.useState)(() => ({
     onDragAndDropDisabledRowPointerDown: (id, e) => {
@@ -96,7 +103,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 131,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.SortableReactiveContext.Provider, {
@@ -104,7 +111,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 132,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
@@ -115,7 +122,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 133,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -124,7 +131,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 141,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropContext","props","state","nestedState","onSubmit","onCancel","onBulkSubmit","children","type","Table","tableProps","nestedTableDragAndDrop","dragAndDropState","dnd","useEffect","init","dragAndDropContext","useState","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","a11yContainerRef","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","eventHandlers","row","testEvents","process","env","NODE_ENV","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","keyboardCodes","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","createElement","DragAndDropContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","SortableReactiveContext","_extends2","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport type { TableProps } from '@wix/design-system';\nimport {\n  DragAndDropContext,\n  IDragAndDropContext,\n  ISortableReactiveContext,\n  SortableReactiveContext,\n} from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\n\nexport interface NestedTableDragAndDropContextProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  state: NestedTableNestedModeState<C>;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n  onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n  children: React.ReactElement<\n    TableProps<T>,\n    React.ComponentType<TableProps<T>>\n  >;\n}\n\nfunction _NestedTableDragAndDropContext<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragAndDropContextProps<C, T, F>) {\n  const {\n    state: nestedState,\n    onSubmit,\n    onCancel,\n    onBulkSubmit,\n    children,\n  } = props;\n  const { type: Table, props: tableProps } = children;\n\n  const state =\n    nestedState.nestedTableDragAndDrop as NestedTableDragAndDropState<C>;\n\n  const dragAndDropState = state.dnd;\n\n  useEffect(() => state.init(), []);\n\n  dragAndDropState.onSubmit = onSubmit;\n  dragAndDropState.onCancel = onCancel;\n  dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n  const [dragAndDropContext] = useState<IDragAndDropContext>(() => ({\n    onDragAndDropDisabledRowPointerDown: (id, e) => {\n      dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n    },\n    cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),\n    dropAnimation: {\n      duration: dragAndDropState.dropAnimation.duration,\n      easing: dragAndDropState.dropAnimation.easing,\n    },\n    announcements: dragAndDropState.nullAnnouncements,\n    a11yContainer: dragAndDropState.a11yContainerRef.current,\n    onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),\n    onDragMove: (event) => dragAndDropState.onDragMove(event),\n    restoreFocus: false,\n    onDropAnimationEnd: (id, dragHandleRef) => {\n      return addEventListener(\n        dragAndDropState.events,\n        'dropAnimationEnd',\n        () => {\n          dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);\n        },\n      );\n    },\n    eventHandlers: {\n      row: ({ id }) => {\n        const testEvents =\n          process.env.NODE_ENV === 'test'\n            ? sortableItemTestEvents({\n                state: dragAndDropState,\n                id,\n              })\n            : undefined;\n\n        return {\n          ...testEvents,\n          onPointerDown: (e) => {\n            dragAndDropState.containerEvents.onPointerDown?.(e);\n            testEvents?.onPointerDown?.(e);\n          },\n        };\n      },\n      handle: ({ id }) => ({\n        onPointerDown: (e) => {\n          dragAndDropState.handleEvents.onPointerDown?.(e);\n        },\n        onKeyDown: (e) => {\n          dragAndDropState.handleEvents.onKeyDown?.(e);\n        },\n        ...(process.env.NODE_ENV === 'test' &&\n          dragHandleTestEvents({\n            state: dragAndDropState,\n            id,\n          })),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n    },\n  }));\n\n  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;\n\n  const sortableReactiveContext = useMemo<ISortableReactiveContext>(\n    () => ({\n      dropDisabled: dragAndDropState.isActiveRectOutsideContainer,\n    }),\n    [dragAndDropState.isActiveRectOutsideContainer],\n  );\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      <SortableReactiveContext.Provider value={sortableReactiveContext}>\n        <Table\n          {...tableProps}\n          isDragAndDropDisabled={dragAndDropState.isDisabled}\n          onDragStart={(event) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event) => dragAndDropState.onDragEnd(event)}\n          onDragCancel={() => dragAndDropState.onDragCancel()}\n        />\n\n        <DragAndDropAnnouncements\n          state={dragAndDropState}\n          dataHook=\"collection-table-dnd-live-region\"\n        />\n      </SortableReactiveContext.Provider>\n    </DragAndDropContext.Provider>\n  );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n  _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropContext","props","state","nestedState","onSubmit","onBulkSubmit","children","type","Table","tableProps","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","validateNestedTableDragAndDropProps","nestedTableDragAndDrop","dragAndDropState","dnd","useEffect","init","dragAndDropContext","useState","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","a11yContainerRef","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","eventHandlers","row","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","keyboardCodes","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","createElement","DragAndDropContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","SortableReactiveContext","_extends2","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { DragAndDropBulkSubmit, DragAndDropSubmit } from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport type { TableProps } from '@wix/design-system';\nimport {\n  DragAndDropContext,\n  IDragAndDropContext,\n  ISortableReactiveContext,\n  SortableReactiveContext,\n} from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { validateNestedTableDragAndDropProps } from './validateNestedTableDragAndDropProps';\n\nexport interface NestedTableDragAndDropContextProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  state: NestedTableNestedModeState<C>;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n  children: React.ReactElement<\n    TableProps<T>,\n    React.ComponentType<TableProps<T>>\n  >;\n}\n\nfunction _NestedTableDragAndDropContext<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragAndDropContextProps<C, T, F>) {\n  const { state: nestedState, onSubmit, onBulkSubmit, children } = props;\n  const { type: Table, props: tableProps } = children;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.109.2',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n    validateNestedTableDragAndDropProps(nestedState);\n  }\n\n  const state =\n    nestedState.nestedTableDragAndDrop as NestedTableDragAndDropState<C>;\n\n  const dragAndDropState = state.dnd;\n\n  useEffect(() => state.init(), []);\n\n  dragAndDropState.onSubmit = onSubmit;\n  dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n  const [dragAndDropContext] = useState<IDragAndDropContext>(() => ({\n    onDragAndDropDisabledRowPointerDown: (id, e) => {\n      dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n    },\n    cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),\n    dropAnimation: {\n      duration: dragAndDropState.dropAnimation.duration,\n      easing: dragAndDropState.dropAnimation.easing,\n    },\n    announcements: dragAndDropState.nullAnnouncements,\n    a11yContainer: dragAndDropState.a11yContainerRef.current,\n    onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),\n    onDragMove: (event) => dragAndDropState.onDragMove(event),\n    restoreFocus: false,\n    onDropAnimationEnd: (id, dragHandleRef) => {\n      return addEventListener(\n        dragAndDropState.events,\n        'dropAnimationEnd',\n        () => {\n          dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);\n        },\n      );\n    },\n    eventHandlers: {\n      row: ({ id }) => {\n        const testEvents =\n          process.env.NODE_ENV === 'test'\n            ? sortableItemTestEvents({\n                state: dragAndDropState,\n                id,\n              })\n            : undefined;\n\n        return {\n          ...testEvents,\n          onPointerDown: (e) => {\n            dragAndDropState.containerEvents.onPointerDown?.(e);\n            testEvents?.onPointerDown?.(e);\n          },\n        };\n      },\n      handle: ({ id }) => ({\n        onPointerDown: (e) => {\n          dragAndDropState.handleEvents.onPointerDown?.(e);\n        },\n        onKeyDown: (e) => {\n          dragAndDropState.handleEvents.onKeyDown?.(e);\n        },\n        ...(process.env.NODE_ENV === 'test' &&\n          dragHandleTestEvents({\n            state: dragAndDropState,\n            id,\n          })),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n    },\n  }));\n\n  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;\n\n  const sortableReactiveContext = useMemo<ISortableReactiveContext>(\n    () => ({\n      dropDisabled: dragAndDropState.isActiveRectOutsideContainer,\n    }),\n    [dragAndDropState.isActiveRectOutsideContainer],\n  );\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      <SortableReactiveContext.Provider value={sortableReactiveContext}>\n        <Table\n          {...tableProps}\n          isDragAndDropDisabled={dragAndDropState.isDisabled}\n          onDragStart={(event) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event) => dragAndDropState.onDragEnd(event)}\n          onDragCancel={() => dragAndDropState.onDragCancel()}\n        />\n\n        <DragAndDropAnnouncements\n          state={dragAndDropState}\n          dataHook=\"collection-table-dnd-live-region\"\n        />\n      </SortableReactiveContext.Provider>\n    </DragAndDropContext.Provider>\n  );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n  _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js

@@ -4,14 +4,37 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.NestedTableDragAndDropState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _createOptimisticActionsOrderByModeReaction = require("../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction");
 var _DragAndDrop = require("../DragAndDrop");
 var _mobx = require("mobx");
+var _events = require("events");
 class NestedTableDragAndDropState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "tableState", void 0);
     (0, _defineProperty2.default)(this, "dnd", void 0);
     (0, _defineProperty2.default)(this, "nestedState", void 0);
-    (0, _defineProperty2.default)(this, "_move", () => {});
+    (0, _defineProperty2.default)(this, "_isExpandedBeforeDrag", void 0);
+    (0, _defineProperty2.default)(this, "_onCancel", () => {
+      const {
+        dragEventParentAndAfter
+      } = this;
+      const {
+        node,
+        activeItem,
+        overItem
+      } = dragEventParentAndAfter;
+      if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem) {
+        return null;
+      }
+      const dragEndEvent = this._createDragEndEvent();
+      if (!dragEndEvent) {
+        return null;
+      }
+      const {
+        levelDescriptor
+      } = activeItem.item.state;
+      return levelDescriptor.dragAndDropCancel == null ? void 0 : levelDescriptor.dragAndDropCancel(this._createSimpleDragEndEvent(dragEndEvent, node));
+    });
     const {
       nestedState,
       modalsContainerRef
@@ -47,14 +70,136 @@ class NestedTableDragAndDropState {
         }
       }
     });
+    this.dnd.events.on('dragStart', () => {
+      const {
+        activeNode
+      } = this;
+      this._isExpandedBeforeDrag = activeNode == null ? void 0 : activeNode.node._expanded;
+      if (activeNode != null && activeNode.node._expanded) {
+        activeNode.node._toggleExpand();
+      }
+    });
+    this.dnd.onCancel = this._onCancel;
     (0, _mobx.makeObservable)(this, {
       dragEventItems: _mobx.computed,
       dragEventDirectionItems: _mobx.computed,
       dragEventDepth: _mobx.computed,
-      dragEventParentId: _mobx.computed,
-      dragEventParentAndAfter: _mobx.computed
+      activeNode: _mobx.computed,
+      dragEventParentAndAfter: _mobx.computed,
+      _createDragEndEvent: _mobx.action,
+      _move: _mobx.action
     });
   }
+  _createNewParentData(node) {
+    if (!node.parent || !node.parentNode) {
+      return {};
+    }
+    return {
+      parentItem: node.parent.item
+    };
+  }
+  _createDragEndEvent() {
+    var _node$parent;
+    const {
+      dragEventParentAndAfter,
+      dnd,
+      nestedState
+    } = this;
+    const {
+      node,
+      activeItem,
+      after,
+      overItem
+    } = dragEventParentAndAfter;
+    if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem || !overItem.item.originalKeyedItem) {
+      return null;
+    }
+    const {
+      levelDescriptor
+    } = activeItem.item.state;
+    if (!levelDescriptor.setParent) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.warn('setParent is not defined in levelDescriptor, skipping drag end event creation');
+      }
+      return null;
+    }
+    return {
+      moveId: dnd._moveId,
+      from: {
+        ...activeItem.item.originalKeyedItem,
+        item: levelDescriptor.setParent(activeItem.item.originalKeyedItem.item, (_node$parent = node.parent) == null ? void 0 : _node$parent.id, this._createNewParentData(node))
+      },
+      over: overItem.item.originalKeyedItem,
+      after,
+      query: nestedState.query.asComputed,
+      filtersKeyHash: nestedState.query.filtersKeyHash,
+      isFromHandle: Boolean(dnd._isHandleActive)
+    };
+  }
+  _createSimpleDragEndEvent(dragEndEvent, node) {
+    var _node$parent2;
+    const {
+      dnd
+    } = this;
+    return {
+      ...dnd._createSimpleDragEndEvent(dragEndEvent),
+      parentId: (_node$parent2 = node.parent) == null ? void 0 : _node$parent2.id,
+      node
+    };
+  }
+  _move() {
+    var _node$parentNode;
+    const {
+      dragEventParentAndAfter,
+      nestedState
+    } = this;
+    const {
+      node,
+      activeItem,
+      overItem
+    } = dragEventParentAndAfter;
+    if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem) {
+      return;
+    }
+    const dragEndEvent = this._createDragEndEvent();
+    if (!dragEndEvent) {
+      return;
+    }
+
+    /**
+     * A submit function that will be shared between 3 optimistic actions.
+     * How it works: The `dragAndDropSubmit` function provided by the consumer will be called only inside the `move` action submit function.
+     * Using EventEmitter to resolve the promise only after the `move` action submit function completes.
+     */
+
+    const submitEvents = new _events.EventEmitter();
+    const submit = () => new Promise(resolve => submitEvents.once('submit', resolve));
+    activeItem.item.state.collection.optimisticActions.updateOne(dragEndEvent.from.item, {
+      submit,
+      keepPosition: true
+    });
+    node.collection.optimisticActions.updateOne(dragEndEvent.from.item, {
+      submit,
+      keepPosition: true
+    });
+    node.collection.optimisticActions.move(dragEndEvent, {
+      submit: async () => {
+        const {
+          levelDescriptor
+        } = activeItem.item.state;
+        await (levelDescriptor.dragAndDropSubmit == null ? void 0 : levelDescriptor.dragAndDropSubmit(this._createSimpleDragEndEvent(dragEndEvent, node)));
+        submitEvents.emit('submit');
+      },
+      collectionSnapshot: nestedState.getCollectionSnapshot()
+    });
+    const nodeAfterMove = node.createNode({
+      parent: activeItem.item.originalKeyedItem
+    });
+    if (nodeAfterMove && this._isExpandedBeforeDrag != null) {
+      nodeAfterMove.node._expanded = this._isExpandedBeforeDrag;
+    }
+    (_node$parentNode = node.parentNode) == null || _node$parentNode._notify();
+  }
   getStickyColumnsCount({
     stickyColumns,
     horizontalScroll
@@ -102,8 +247,8 @@ class NestedTableDragAndDropState {
     } = dragEventItems;
     const activeItemIndex = activeItem.index;
     const overItemIndex = overItem.index;
-    const previousItem = activeItemIndex === overItemIndex ? items[overItemIndex - 1] : activeItemIndex > overItemIndex ? items[overItemIndex - 1] : items[overItemIndex];
-    const nextItem = activeItemIndex === overItemIndex ? items[overItemIndex + 1] : activeItemIndex < overItemIndex ? items[overItemIndex + 1] : items[overItemIndex];
+    const previousItem = activeItemIndex >= overItemIndex ? items[overItemIndex - 1] : items[overItemIndex];
+    const nextItem = activeItemIndex <= overItemIndex ? items[overItemIndex + 1] : items[overItemIndex];
     return {
       nextItem,
       previousItem,
@@ -148,81 +293,92 @@ class NestedTableDragAndDropState {
       overItem
     };
   }
-  get dragEventParentId() {
+  get activeNode() {
+    var _nestedState$getKeyed3;
     const {
-      nestedState: {
-        keyedItems: items
+      dnd: {
+        activeId
       },
-      dragEventDepth
+      nestedState
     } = this;
-    if (!dragEventDepth) {
+    if (!activeId) {
       return null;
     }
-    const {
-      previousItem,
-      depth,
-      overItem
-    } = dragEventDepth;
-    if (depth === 0 || !previousItem) {
-      return null;
-    }
-    if (depth === previousItem.item.state.depth) {
-      var _previousItem$item$st;
-      return (_previousItem$item$st = previousItem.item.state.parent) == null ? void 0 : _previousItem$item$st.id;
-    }
-    if (depth > previousItem.item.state.depth) {
-      return previousItem.id;
-    }
-    for (let i = overItem.index; i >= 0; i--) {
-      const item = items[i];
-      if (item.item.state.depth === depth) {
-        var _item$item$state$pare;
-        return (_item$item$state$pare = item.item.state.parent) == null ? void 0 : _item$item$state$pare.id;
-      }
-    }
-    return null;
+    return (_nestedState$getKeyed3 = nestedState.getKeyedItem(activeId)) == null ? void 0 : _nestedState$getKeyed3.item.state.parentKeyToChildrenMap.get(activeId);
   }
   get dragEventParentAndAfter() {
     const {
-      nestedState: {
-        keyedItems: items
-      },
+      nestedState,
       dragEventDepth
     } = this;
     if (!dragEventDepth) {
-      return null;
+      return {};
     }
+    const {
+      keyedItems: items
+    } = nestedState;
     const {
       previousItem,
       depth,
-      overItem
+      overItem,
+      activeItem
     } = dragEventDepth;
-    if (depth === 0 || !previousItem) {
-      return null;
+    if (previousItem == null) {
+      return {
+        node: nestedState.root,
+        after: null,
+        // before: nestedState.root.keyedItems[0],
+        activeItem,
+        overItem
+      };
+    }
+    if (depth === 0) {
+      return {
+        node: nestedState.root,
+        after: previousItem.item.originalKeyedItem,
+        // before: nextItem,
+        activeItem,
+        overItem
+      };
     }
     if (depth === previousItem.item.state.depth) {
       return {
         node: previousItem.item.state,
-        after: previousItem.item.originalKeyedItem
+        after: previousItem.item.originalKeyedItem,
+        // before: nextItem && nextItem.item.state.depth === depth ? nextItem : null,
+        activeItem,
+        overItem
       };
     }
     if (depth > previousItem.item.state.depth) {
+      const node = previousItem.item.state.parentKeyToChildrenMap.get(previousItem.id);
       return {
-        node: previousItem.item.state.parentNode,
-        after: null
+        node,
+        after: null,
+        // before: node?.keyedItems[0],
+        activeItem,
+        overItem
       };
     }
-    for (let i = overItem.index; i >= 0; i--) {
+    for (let i = previousItem.index; i >= 0; i--) {
       var _items$i;
       const item = (_items$i = items[i]) == null ? void 0 : _items$i.item;
       if (item.state.depth === depth) {
         return {
-          node: item.state.parentNode,
-          after: item.originalKeyedItem
+          node: item.state,
+          after: item.originalKeyedItem,
+          activeItem,
+          overItem
         };
       }
     }
-    return null;
+    return {
+      activeItem,
+      overItem
+    };
+  }
+  initCollection(collection) {
+    return (0, _createOptimisticActionsOrderByModeReaction.createOptimisticActionsOrderByModeReaction)(this.dnd, collection);
   }
   init() {
     return this.dnd.init();

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DragAndDrop","require","_mobx","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","nestedState","modalsContainerRef","container","tableState","dnd","DragAndDropState","a11yContainerRef","state","wrapper","toolbar","collection","move","_move","announcements","dragHandleLabel","id","_nestedState$getKeyed","_item$originalKeyedIt","translate","t","item","getKeyedItem","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed2","_item$originalKeyedIt2","makeObservable","dragEventItems","computed","dragEventDirectionItems","dragEventDepth","dragEventParentId","dragEventParentAndAfter","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","activeId","overId","overItem","activeItem","keyedItems","items","activeItemIndex","index","overItemIndex","previousItem","nextItem","_indentationWidth","_moveDelta","dragDepth","Math","round","x","projectedDepth","depth","maxDepth","minDepth","_previousItem$item$st","parent","i","_item$item$state$pare","node","after","parentNode","_items$i","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableNestedModeState } from '../../state';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n  readonly nestedState: NestedTableNestedModeState<C>;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n  readonly tableState;\n  readonly dnd;\n  readonly nestedState;\n\n  constructor(params: NestedTableDragAndDropStateParams<C>) {\n    const { nestedState, modalsContainerRef } = params;\n\n    const { container } = nestedState;\n\n    this.tableState = nestedState.tableState;\n    this.nestedState = nestedState;\n\n    this.dnd = new DragAndDropState({\n      a11yContainerRef: modalsContainerRef,\n      container,\n      state: nestedState.wrapper.toolbar,\n      collection: nestedState,\n      move: () => this._move(),\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = container;\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName:\n              item && itemName ? itemName(item.originalKeyedItem?.item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return item && itemName ? itemName(item.originalKeyedItem?.item) : '';\n        },\n      },\n    });\n\n    makeObservable(this, {\n      dragEventItems: computed,\n      dragEventDirectionItems: computed,\n      dragEventDepth: computed,\n      dragEventParentId: computed,\n      dragEventParentAndAfter: computed,\n    });\n  }\n\n  _move = () => {};\n\n  getStickyColumnsCount({\n    stickyColumns,\n    horizontalScroll,\n  }: {\n    stickyColumns: number;\n    showSelection?: boolean;\n    horizontalScroll?: boolean;\n  }) {\n    const { dnd } = this;\n    return horizontalScroll && !dnd.isDisabled\n      ? stickyColumns + 1\n      : stickyColumns;\n  }\n\n  get dragEventItems() {\n    const { dnd } = this;\n    const { collection, activeId, overId } = dnd;\n\n    if (!overId || !activeId) {\n      return null;\n    }\n\n    const overItem = collection.getKeyedItem(overId) as NestedTableKeyedItem<\n      C,\n      any,\n      any\n    >;\n    const activeItem = collection.getKeyedItem(\n      activeId,\n    ) as NestedTableKeyedItem<C, any, any>;\n\n    if (activeItem == null || overItem == null) {\n      return null;\n    }\n\n    return {\n      overItem,\n      activeItem,\n    };\n  }\n\n  get dragEventDirectionItems() {\n    const {\n      nestedState: { keyedItems: items },\n      dragEventItems,\n    } = this;\n\n    if (!dragEventItems) {\n      return null;\n    }\n\n    const { overItem, activeItem } = dragEventItems;\n\n    const activeItemIndex = activeItem.index;\n    const overItemIndex = overItem.index;\n\n    const previousItem =\n      activeItemIndex === overItemIndex\n        ? items[overItemIndex - 1]\n        : activeItemIndex > overItemIndex\n        ? items[overItemIndex - 1]\n        : items[overItemIndex];\n\n    const nextItem =\n      activeItemIndex === overItemIndex\n        ? items[overItemIndex + 1]\n        : activeItemIndex < overItemIndex\n        ? items[overItemIndex + 1]\n        : items[overItemIndex];\n\n    return { nextItem, previousItem, overItem, activeItem };\n  }\n\n  get dragEventDepth() {\n    const {\n      nestedState: { _indentationWidth },\n      dragEventDirectionItems,\n      dnd: { _moveDelta },\n    } = this;\n\n    if (!dragEventDirectionItems) {\n      return null;\n    }\n\n    const { nextItem, previousItem, activeItem, overItem } =\n      dragEventDirectionItems;\n\n    const dragDepth = Math.round(_moveDelta.x / _indentationWidth); // getDragDepth\n    const projectedDepth = activeItem.item.state.depth + dragDepth;\n\n    const maxDepth = previousItem ? previousItem.item.state.depth + 1 : 0;\n    const minDepth = nextItem ? nextItem.item.state.depth : 0;\n\n    let depth = projectedDepth;\n\n    if (projectedDepth >= maxDepth) {\n      depth = maxDepth;\n    } else if (projectedDepth < minDepth) {\n      depth = minDepth;\n    }\n\n    return { depth, nextItem, previousItem, activeItem, overItem };\n  }\n\n  get dragEventParentId() {\n    const {\n      nestedState: { keyedItems: items },\n      dragEventDepth,\n    } = this;\n\n    if (!dragEventDepth) {\n      return null;\n    }\n\n    const { previousItem, depth, overItem } = dragEventDepth;\n\n    if (depth === 0 || !previousItem) {\n      return null;\n    }\n\n    if (depth === previousItem.item.state.depth) {\n      return previousItem.item.state.parent?.id;\n    }\n\n    if (depth > previousItem.item.state.depth) {\n      return previousItem.id;\n    }\n\n    for (let i = overItem.index; i >= 0; i--) {\n      const item = items[i];\n\n      if (item.item.state.depth === depth) {\n        return item.item.state.parent?.id;\n      }\n    }\n\n    return null;\n  }\n\n  get dragEventParentAndAfter() {\n    const {\n      nestedState: { keyedItems: items },\n      dragEventDepth,\n    } = this;\n\n    if (!dragEventDepth) {\n      return null;\n    }\n\n    const { previousItem, depth, overItem } = dragEventDepth;\n\n    if (depth === 0 || !previousItem) {\n      return null;\n    }\n\n    if (depth === previousItem.item.state.depth) {\n      return {\n        node: previousItem.item.state,\n        after: previousItem.item.originalKeyedItem,\n      };\n    }\n\n    if (depth > previousItem.item.state.depth) {\n      return {\n        node: previousItem.item.state.parentNode,\n        after: null,\n      };\n    }\n\n    for (let i = overItem.index; i >= 0; i--) {\n      const item = items[i]?.item;\n\n      if (item.state.depth === depth) {\n        return {\n          node: item.state.parentNode,\n          after: item.originalKeyedItem,\n        };\n      }\n    }\n\n    return null;\n  }\n\n  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_createOptimisticActionsOrderByModeReaction","require","_DragAndDrop","_mobx","_events","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","dragEventParentAndAfter","node","activeItem","overItem","item","originalKeyedItem","dragEndEvent","_createDragEndEvent","levelDescriptor","state","dragAndDropCancel","_createSimpleDragEndEvent","nestedState","modalsContainerRef","container","tableState","dnd","DragAndDropState","a11yContainerRef","wrapper","toolbar","collection","move","_move","announcements","dragHandleLabel","id","_nestedState$getKeyed","_item$originalKeyedIt","translate","t","getKeyedItem","itemName","itemDescription","_nestedState$getKeyed2","_item$originalKeyedIt2","events","on","activeNode","_isExpandedBeforeDrag","_expanded","_toggleExpand","onCancel","_onCancel","makeObservable","dragEventItems","computed","dragEventDirectionItems","dragEventDepth","action","_createNewParentData","parent","parentNode","parentItem","_node$parent","after","setParent","process","env","NODE_ENV","console","warn","moveId","_moveId","from","over","query","asComputed","filtersKeyHash","isFromHandle","Boolean","_isHandleActive","_node$parent2","parentId","_node$parentNode","submitEvents","EventEmitter","submit","Promise","resolve","once","optimisticActions","updateOne","keepPosition","dragAndDropSubmit","emit","collectionSnapshot","getCollectionSnapshot","nodeAfterMove","createNode","_notify","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","activeId","overId","keyedItems","items","activeItemIndex","index","overItemIndex","previousItem","nextItem","_indentationWidth","_moveDelta","dragDepth","Math","round","x","projectedDepth","depth","maxDepth","minDepth","_nestedState$getKeyed3","parentKeyToChildrenMap","get","root","i","_items$i","initCollection","createOptimisticActionsOrderByModeReaction","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableNestedModeState } from '../../state';\nimport { NestedTableNodeState } from '../../state/NestedTableState/NestedTableNodeState';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\nimport { DragAndDropState, IndexedItem } from '../DragAndDrop';\nimport { action, computed, makeObservable } from 'mobx';\nimport {\n  ActionMove,\n  CollectionState,\n  ComputedQuery,\n  FiltersMap,\n  ToastConfig,\n  TypedEmitter,\n} from '@wix/bex-core';\nimport { EventEmitter } from 'events';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n  readonly nestedState: NestedTableNestedModeState<C>;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport interface NestedDragEndEvent<C extends string, T, F extends FiltersMap> {\n  from: IndexedItem<T>;\n  after: IndexedItem<{}> | null;\n  over: IndexedItem<{}>;\n  parentId: string | undefined;\n  filters: ComputedQuery<F>['filters'];\n  node: NestedTableNodeState<C, T, F>;\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n  readonly tableState;\n  readonly dnd;\n  readonly nestedState;\n\n  _isExpandedBeforeDrag?: boolean;\n\n  constructor(params: NestedTableDragAndDropStateParams<C>) {\n    const { nestedState, modalsContainerRef } = params;\n\n    const { container } = nestedState;\n\n    this.tableState = nestedState.tableState;\n    this.nestedState = nestedState;\n\n    this.dnd = new DragAndDropState({\n      a11yContainerRef: modalsContainerRef,\n      container,\n      state: nestedState.wrapper.toolbar,\n      collection: nestedState,\n      move: () => this._move(),\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = container;\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName:\n              item && itemName ? itemName(item.originalKeyedItem?.item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return item && itemName ? itemName(item.originalKeyedItem?.item) : '';\n        },\n      },\n    });\n\n    this.dnd.events.on('dragStart', () => {\n      const { activeNode } = this;\n\n      this._isExpandedBeforeDrag = activeNode?.node._expanded;\n      if (activeNode?.node._expanded) {\n        activeNode.node._toggleExpand();\n      }\n    });\n\n    this.dnd.onCancel = this._onCancel;\n\n    makeObservable(this, {\n      dragEventItems: computed,\n      dragEventDirectionItems: computed,\n      dragEventDepth: computed,\n      activeNode: computed,\n      dragEventParentAndAfter: computed,\n      _createDragEndEvent: action,\n      _move: action,\n    });\n  }\n\n  _onCancel = ():\n    | Omit<ToastConfig, 'type' | 'biName'>\n    | null\n    | undefined\n    | void => {\n    const { dragEventParentAndAfter } = this;\n    const { node, activeItem, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem\n    ) {\n      return null;\n    }\n\n    const dragEndEvent = this._createDragEndEvent();\n\n    if (!dragEndEvent) {\n      return null;\n    }\n\n    const { levelDescriptor } = activeItem.item.state;\n\n    return levelDescriptor.dragAndDropCancel?.(\n      this._createSimpleDragEndEvent(dragEndEvent, node),\n    );\n  };\n\n  private _createNewParentData<T, F extends FiltersMap>(\n    node: NestedTableNodeState<C, T, F>,\n  ) {\n    if (!node.parent || !node.parentNode) {\n      return {};\n    }\n\n    return {\n      parentItem: node.parent.item as {},\n    };\n  }\n\n  _createDragEndEvent(): ActionMove<any> | null {\n    const { dragEventParentAndAfter, dnd, nestedState } = this;\n\n    const { node, activeItem, after, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem ||\n      !overItem.item.originalKeyedItem\n    ) {\n      return null;\n    }\n\n    const { levelDescriptor } = activeItem.item.state;\n\n    if (!levelDescriptor.setParent) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'setParent is not defined in levelDescriptor, skipping drag end event creation',\n        );\n      }\n      return null;\n    }\n\n    return {\n      moveId: dnd._moveId,\n      from: {\n        ...activeItem.item.originalKeyedItem,\n        item: levelDescriptor.setParent(\n          activeItem.item.originalKeyedItem.item,\n          node.parent?.id,\n          this._createNewParentData(node),\n        ),\n      },\n      over: overItem.item.originalKeyedItem,\n      after,\n      query: nestedState.query.asComputed,\n      filtersKeyHash: nestedState.query.filtersKeyHash,\n      isFromHandle: Boolean(dnd._isHandleActive),\n    };\n  }\n\n  _createSimpleDragEndEvent<T, F extends FiltersMap>(\n    dragEndEvent: ActionMove<T>,\n    node: NestedTableNodeState<C, T, F>,\n  ) {\n    const { dnd } = this;\n    return {\n      ...dnd._createSimpleDragEndEvent(dragEndEvent),\n      parentId: node.parent?.id,\n      node,\n    };\n  }\n\n  _move() {\n    const { dragEventParentAndAfter, nestedState } = this;\n\n    const { node, activeItem, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem\n    ) {\n      return;\n    }\n    const dragEndEvent = this._createDragEndEvent();\n\n    if (!dragEndEvent) {\n      return;\n    }\n\n    /**\n     * A submit function that will be shared between 3 optimistic actions.\n     * How it works: The `dragAndDropSubmit` function provided by the consumer will be called only inside the `move` action submit function.\n     * Using EventEmitter to resolve the promise only after the `move` action submit function completes.\n     */\n\n    const submitEvents = new EventEmitter() as TypedEmitter<{\n      submit: () => void;\n    }>;\n\n    const submit = () =>\n      new Promise<void>((resolve) => submitEvents.once('submit', resolve));\n\n    activeItem.item.state.collection.optimisticActions.updateOne(\n      dragEndEvent.from.item,\n      {\n        submit,\n        keepPosition: true,\n      },\n    );\n\n    node.collection.optimisticActions.updateOne(dragEndEvent.from.item, {\n      submit,\n      keepPosition: true,\n    });\n\n    node.collection.optimisticActions.move(dragEndEvent, {\n      submit: async () => {\n        const { levelDescriptor } = activeItem.item.state;\n\n        await levelDescriptor.dragAndDropSubmit?.(\n          this._createSimpleDragEndEvent(dragEndEvent, node),\n        );\n\n        submitEvents.emit('submit');\n      },\n      collectionSnapshot: nestedState.getCollectionSnapshot(),\n    });\n\n    const nodeAfterMove = node.createNode({\n      parent: activeItem.item.originalKeyedItem,\n    });\n    if (nodeAfterMove && this._isExpandedBeforeDrag != null) {\n      nodeAfterMove.node._expanded = this._isExpandedBeforeDrag;\n    }\n    node.parentNode?._notify();\n  }\n\n  getStickyColumnsCount({\n    stickyColumns,\n    horizontalScroll,\n  }: {\n    stickyColumns: number;\n    showSelection?: boolean;\n    horizontalScroll?: boolean;\n  }) {\n    const { dnd } = this;\n    return horizontalScroll && !dnd.isDisabled\n      ? stickyColumns + 1\n      : stickyColumns;\n  }\n\n  get dragEventItems() {\n    const { dnd } = this;\n    const { collection, activeId, overId } = dnd;\n\n    if (!overId || !activeId) {\n      return null;\n    }\n\n    const overItem = collection.getKeyedItem(overId) as NestedTableKeyedItem<\n      C,\n      any,\n      any\n    >;\n\n    const activeItem = collection.getKeyedItem(\n      activeId,\n    ) as NestedTableKeyedItem<C, any, any>;\n\n    if (activeItem == null || overItem == null) {\n      return null;\n    }\n\n    return {\n      overItem,\n      activeItem,\n    };\n  }\n\n  get dragEventDirectionItems() {\n    const {\n      nestedState: { keyedItems: items },\n      dragEventItems,\n    } = this;\n\n    if (!dragEventItems) {\n      return null;\n    }\n\n    const { overItem, activeItem } = dragEventItems;\n\n    const activeItemIndex = activeItem.index;\n    const overItemIndex = overItem.index;\n\n    const previousItem: NestedTableKeyedItem<C, any, any> | null =\n      activeItemIndex >= overItemIndex\n        ? items[overItemIndex - 1]\n        : items[overItemIndex];\n\n    const nextItem: NestedTableKeyedItem<C, any, any> | null =\n      activeItemIndex <= overItemIndex\n        ? items[overItemIndex + 1]\n        : items[overItemIndex];\n\n    return {\n      nextItem,\n      previousItem,\n      overItem,\n      activeItem,\n    };\n  }\n\n  get dragEventDepth() {\n    const {\n      nestedState: { _indentationWidth },\n      dragEventDirectionItems,\n      dnd: { _moveDelta },\n    } = this;\n\n    if (!dragEventDirectionItems) {\n      return null;\n    }\n\n    const { nextItem, previousItem, activeItem, overItem } =\n      dragEventDirectionItems;\n\n    const dragDepth = Math.round(_moveDelta.x / _indentationWidth); // getDragDepth\n    const projectedDepth = activeItem.item.state.depth + dragDepth;\n\n    const maxDepth = previousItem ? previousItem.item.state.depth + 1 : 0;\n    const minDepth = nextItem ? nextItem.item.state.depth : 0;\n\n    let depth = projectedDepth;\n\n    if (projectedDepth >= maxDepth) {\n      depth = maxDepth;\n    } else if (projectedDepth < minDepth) {\n      depth = minDepth;\n    }\n\n    return { depth, nextItem, previousItem, activeItem, overItem };\n  }\n\n  get activeNode() {\n    const {\n      dnd: { activeId },\n      nestedState,\n    } = this;\n\n    if (!activeId) {\n      return null;\n    }\n\n    return nestedState\n      .getKeyedItem(activeId)\n      ?.item.state.parentKeyToChildrenMap.get(activeId);\n  }\n\n  get dragEventParentAndAfter() {\n    const { nestedState, dragEventDepth } = this;\n\n    if (!dragEventDepth) {\n      return {};\n    }\n\n    const { keyedItems: items } = nestedState;\n    const { previousItem, depth, overItem, activeItem } = dragEventDepth;\n\n    if (previousItem == null) {\n      return {\n        node: nestedState.root,\n        after: null,\n        // before: nestedState.root.keyedItems[0],\n        activeItem,\n        overItem,\n      };\n    }\n\n    if (depth === 0) {\n      return {\n        node: nestedState.root,\n        after: previousItem.item.originalKeyedItem,\n        // before: nextItem,\n        activeItem,\n        overItem,\n      };\n    }\n\n    if (depth === previousItem.item.state.depth) {\n      return {\n        node: previousItem.item.state,\n        after: previousItem.item.originalKeyedItem,\n        // before: nextItem && nextItem.item.state.depth === depth ? nextItem : null,\n        activeItem,\n        overItem,\n      };\n    }\n\n    if (depth > previousItem.item.state.depth) {\n      const node = previousItem.item.state.parentKeyToChildrenMap.get(\n        previousItem.id,\n      );\n      return {\n        node,\n        after: null,\n        // before: node?.keyedItems[0],\n        activeItem,\n        overItem,\n      };\n    }\n\n    for (let i = previousItem.index; i >= 0; i--) {\n      const item = items[i]?.item;\n\n      if (item.state.depth === depth) {\n        return {\n          node: item.state,\n          after: item.originalKeyedItem,\n          activeItem,\n          overItem,\n        };\n      }\n    }\n\n    return {\n      activeItem,\n      overItem,\n    };\n  }\n\n  initCollection<T, F extends FiltersMap>(collection: CollectionState<T, F>) {\n    return createOptimisticActionsOrderByModeReaction(this.dnd, collection);\n  }\n\n  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.js

@@ -50,7 +50,7 @@ function _NestedTableGhostIndentationCell(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_dragAndDrop","_jsxFileName","_NestedTableGhostIndentationCell","props","_nestedTable$nestedTa","_item$originalKeyedIt","item","state","nestedTable","isDragOverlay","useDraggableRowContext","dragDepth","nestedTableDragAndDrop","dragEventDepth","depth","tableDragAndDropState","tableState","activeId","dnd","originalKeyedItem","id","classes","Table","dataTableRowStyle","default","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","_parentCellPaddingStart","style","visibility","paddingInlineStart","paddingInlineEnd","width","className","light","__self","__source","fileName","lineNumber","columnNumber","NestedTableGhostIndentationCell","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.tsx"],"sourcesContent":["import { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Table } from '@wix/design-system';\nimport { useDraggableRowContext } from '@wix/wix-style-react-incubator/drag-and-drop';\n\nexport interface NestedTableGhostIndentationCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n}\n\nfunction _NestedTableGhostIndentationCell<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableGhostIndentationCellProps<C, T, F>) {\n  const { item } = props;\n  const { state } = item;\n  const { nestedTable } = state;\n  const { isDragOverlay } = useDraggableRowContext();\n\n  const dragDepth = nestedTable.nestedTableDragAndDrop?.dragEventDepth?.depth;\n  const { tableDragAndDropState } = nestedTable.tableState;\n\n  const activeId = tableDragAndDropState?.dnd.activeId;\n  if (activeId !== item.originalKeyedItem?.id || isDragOverlay) {\n    return null;\n  }\n\n  const { classes } = Table.dataTableRowStyle;\n\n  return (\n    <td\n      data-hook=\"ghost-indentation-cell\"\n      {...(process.env.NODE_ENV === 'test' && {\n        'data-indentation-width': nestedTable._indentationWidth,\n        'data-parent-cell-padding-start': nestedTable._parentCellPaddingStart,\n      })}\n      style={{\n        visibility: 'visible',\n        paddingInlineStart: 0,\n        paddingInlineEnd: 0,\n        width:\n          (dragDepth === 0 ? 0 : nestedTable._parentCellPaddingStart) +\n          (dragDepth ?? 0) * nestedTable._indentationWidth,\n      }}\n      className={classes.light}\n    />\n  );\n}\n\nexport const NestedTableGhostIndentationCell = observer(\n  _NestedTableGhostIndentationCell,\n);\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAsF,IAAAI,YAAA;AAUtF,SAASC,gCAAgCA,CAIvCC,KAAoD,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACtD,MAAM;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACtB,MAAM;IAAEI;EAAM,CAAC,GAAGD,IAAI;EACtB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IAAEE;EAAc,CAAC,GAAG,IAAAC,mCAAsB,EAAC,CAAC;EAElD,MAAMC,SAAS,IAAAP,qBAAA,GAAGI,WAAW,CAACI,sBAAsB,cAAAR,qBAAA,GAAlCA,qBAAA,CAAoCS,cAAc,qBAAlDT,qBAAA,CAAoDU,KAAK;EAC3E,MAAM;IAAEC;EAAsB,CAAC,GAAGP,WAAW,CAACQ,UAAU;EAExD,MAAMC,QAAQ,GAAGF,qBAAqB,oBAArBA,qBAAqB,CAAEG,GAAG,CAACD,QAAQ;EACpD,IAAIA,QAAQ,OAAAZ,qBAAA,GAAKC,IAAI,CAACa,iBAAiB,qBAAtBd,qBAAA,CAAwBe,EAAE,KAAIX,aAAa,EAAE;IAC5D,OAAO,IAAI;EACb;EAEA,MAAM;IAAEY;EAAQ,CAAC,GAAGC,mBAAK,CAACC,iBAAiB;EAE3C,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,WAAAC,SAAA,CAAAF,OAAA;IACE,aAAU;EAAwB,GAC7BG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;IACtC,wBAAwB,EAAErB,WAAW,CAACsB,iBAAiB;IACvD,gCAAgC,EAAEtB,WAAW,CAACuB;EAChD,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,SAAS;MACrBC,kBAAkB,EAAE,CAAC;MACrBC,gBAAgB,EAAE,CAAC;MACnBC,KAAK,EACH,CAACzB,SAAS,KAAK,CAAC,GAAG,CAAC,GAAGH,WAAW,CAACuB,uBAAuB,IAC1D,CAACpB,SAAS,IAAI,CAAC,IAAIH,WAAW,CAACsB;IACnC,CAAE;IACFO,SAAS,EAAEhB,OAAO,CAACiB,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CAAC;AAEN;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,uBAAQ,EACrD5C,gCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_dragAndDrop","_jsxFileName","_NestedTableGhostIndentationCell","props","_nestedTable$nestedTa","_item$originalKeyedIt","item","state","nestedTable","isDragOverlay","useDraggableRowContext","dragDepth","nestedTableDragAndDrop","dragEventDepth","depth","tableDragAndDropState","tableState","activeId","dnd","originalKeyedItem","id","classes","Table","dataTableRowStyle","default","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","_parentCellPaddingStart","style","visibility","paddingInlineStart","paddingInlineEnd","width","className","light","__self","__source","fileName","lineNumber","columnNumber","NestedTableGhostIndentationCell","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.tsx"],"sourcesContent":["import { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Table } from '@wix/design-system';\nimport { useDraggableRowContext } from '@wix/wix-style-react-incubator/drag-and-drop';\n\nexport interface NestedTableGhostIndentationCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n}\n\nfunction _NestedTableGhostIndentationCell<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableGhostIndentationCellProps<C, T, F>) {\n  const { item } = props;\n  const { state } = item;\n  const { nestedTable } = state;\n  const { isDragOverlay } = useDraggableRowContext();\n\n  const dragDepth = nestedTable.nestedTableDragAndDrop?.dragEventDepth?.depth;\n  const { tableDragAndDropState } = nestedTable.tableState;\n\n  const activeId = tableDragAndDropState?.dnd.activeId;\n\n  if (activeId !== item.originalKeyedItem?.id || isDragOverlay) {\n    return null;\n  }\n\n  const { classes } = Table.dataTableRowStyle;\n\n  return (\n    <td\n      data-hook=\"ghost-indentation-cell\"\n      {...(process.env.NODE_ENV === 'test' && {\n        'data-indentation-width': nestedTable._indentationWidth,\n        'data-parent-cell-padding-start': nestedTable._parentCellPaddingStart,\n      })}\n      style={{\n        visibility: 'visible',\n        paddingInlineStart: 0,\n        paddingInlineEnd: 0,\n        width:\n          (dragDepth === 0 ? 0 : nestedTable._parentCellPaddingStart) +\n          (dragDepth ?? 0) * nestedTable._indentationWidth,\n      }}\n      className={classes.light}\n    />\n  );\n}\n\nexport const NestedTableGhostIndentationCell = observer(\n  _NestedTableGhostIndentationCell,\n);\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAsF,IAAAI,YAAA;AAUtF,SAASC,gCAAgCA,CAIvCC,KAAoD,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACtD,MAAM;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACtB,MAAM;IAAEI;EAAM,CAAC,GAAGD,IAAI;EACtB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IAAEE;EAAc,CAAC,GAAG,IAAAC,mCAAsB,EAAC,CAAC;EAElD,MAAMC,SAAS,IAAAP,qBAAA,GAAGI,WAAW,CAACI,sBAAsB,cAAAR,qBAAA,GAAlCA,qBAAA,CAAoCS,cAAc,qBAAlDT,qBAAA,CAAoDU,KAAK;EAC3E,MAAM;IAAEC;EAAsB,CAAC,GAAGP,WAAW,CAACQ,UAAU;EAExD,MAAMC,QAAQ,GAAGF,qBAAqB,oBAArBA,qBAAqB,CAAEG,GAAG,CAACD,QAAQ;EAEpD,IAAIA,QAAQ,OAAAZ,qBAAA,GAAKC,IAAI,CAACa,iBAAiB,qBAAtBd,qBAAA,CAAwBe,EAAE,KAAIX,aAAa,EAAE;IAC5D,OAAO,IAAI;EACb;EAEA,MAAM;IAAEY;EAAQ,CAAC,GAAGC,mBAAK,CAACC,iBAAiB;EAE3C,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,WAAAC,SAAA,CAAAF,OAAA;IACE,aAAU;EAAwB,GAC7BG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;IACtC,wBAAwB,EAAErB,WAAW,CAACsB,iBAAiB;IACvD,gCAAgC,EAAEtB,WAAW,CAACuB;EAChD,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,SAAS;MACrBC,kBAAkB,EAAE,CAAC;MACrBC,gBAAgB,EAAE,CAAC;MACnBC,KAAK,EACH,CAACzB,SAAS,KAAK,CAAC,GAAG,CAAC,GAAGH,WAAW,CAACuB,uBAAuB,IAC1D,CAACpB,SAAS,IAAI,CAAC,IAAIH,WAAW,CAACsB;IACnC,CAAE;IACFO,SAAS,EAAEhB,OAAO,CAACiB,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CAAC;AAEN;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,uBAAQ,EACrD5C,gCACF,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.js

@@ -3,19 +3,12 @@
 exports.__esModule = true;
 exports.NestedTableGhostRowUniDriver = NestedTableGhostRowUniDriver;
 var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+var _getUniDriverStyle = require("../../test-utils/getUniDriverStyle");
 function NestedTableGhostRowUniDriver(base, _body) {
-  const getStyle = async el => {
-    const style = await el.attr('style');
-    return (style ?? '').split(';').reduce((acc, prop) => {
-      const [key = '', value = ''] = prop.split(':');
-      acc[key.trim()] = value.trim();
-      return acc;
-    }, {});
-  };
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
     getIndentationCellDepth: async () => {
-      const width = Number((await getStyle(base)).width.split('px')[0]);
+      const width = Number((await (0, _getUniDriverStyle.getUniDriverStyle)(base)).width.split('px')[0]);
       const indentationWidth = Number(await base.attr('data-indentation-width'));
       const parentCellPaddingStart = Number(await base.attr('data-parent-cell-padding-start'));
       const widthWithoutPaddingOrZero = Math.max(0, width - parentCellPaddingStart);