@wix/patterns 1.18.0 → 1.21.0

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

@@ -1,7 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useModeTableProps = useModeTableProps;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _VirtualTableRepeater = require("../VirtualGridRepeater/VirtualTableRepeater");
 var _VirtualGridStateContext = require("../VirtualGridRepeater/VirtualGridStateContext");
@@ -16,7 +18,8 @@ function useModeTableProps(props) {
     state: wrapperState,
     horizontalScroll,
     actionCellWidth,
-    actionCellProps
+    actionCellProps,
+    dragAndDrop
   } = props;
   const {
     isFlatMode
@@ -31,23 +34,34 @@ function useModeTableProps(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 47,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_VirtualTableRepeater.VirtualTableRepeater, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 48,
       columnNumber: 13
     }
   }, children)), [state, key]);
-  const TrElementType = (0, _react.useMemo)(() => isFlatMode ? undefined : _NestedTableRow.NestedTableRow, [isFlatMode]);
+  const TrElementType = (0, _react.useMemo)(() => isFlatMode ? undefined : /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_NestedTableRow.NestedTableRow, (0, _extends2.default)({
+    ref: ref
+  }, props, {
+    dragAndDrop: dragAndDrop,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 15
+    }
+  }))), [isFlatMode, dragAndDrop]);
   const nestedColumns = (0, _useNestedModeColumns.useNestedModeColumns)({
     state: wrapperState,
     horizontalScroll,
     actionCellWidth,
-    actionCellProps
+    actionCellProps,
+    dragAndDrop
   });
   const flatColumns = (0, _useFlatModeColumns.useFlatModeColumns)({
     state: wrapperState,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualTableRepeater","_VirtualGridStateContext","_NestedTableRow","_useNestedModeColumns","_useFlatModeColumns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useModeTableProps","props","state","wrapperState","horizontalScroll","actionCellWidth","actionCellProps","isFlatMode","flat","nested","key","toString","BodyElementType","useMemo","children","createElement","VirtualGridStateProvider","value","virtual","__self","__source","fileName","lineNumber","columnNumber","VirtualTableRepeater","TrElementType","undefined","NestedTableRow","nestedColumns","useNestedModeColumns","flatColumns","useFlatModeColumns","columns"],"sources":["../../../../src/components/NestedTable/useModeTableProps.tsx"],"sourcesContent":["import { NestedTableState } from '../../state';\nimport React, { useMemo } from 'react';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { NestedTableRow } from './NestedTableRow';\nimport { useNestedModeColumns } from './useNestedModeColumns';\nimport { useFlatModeColumns } from './useFlatModeColumns';\nimport { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\n\nexport interface UseModeTableProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n}\n\nexport function useModeTableProps<C extends string>(\n  props: UseModeTableProps<C>,\n) {\n  const {\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n  } = props;\n\n  const { isFlatMode } = wrapperState;\n  const state = isFlatMode ? wrapperState.flat : wrapperState.nested;\n\n  const key = wrapperState.isFlatMode.toString();\n\n  const BodyElementType = useMemo(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider key={key} value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n    [state, key],\n  );\n\n  const TrElementType = useMemo(\n    () => (isFlatMode ? undefined : NestedTableRow),\n    [isFlatMode],\n  );\n\n  const nestedColumns = useNestedModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  const flatColumns = useFlatModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return {\n    state,\n    key,\n    BodyElementType,\n    TrElementType,\n    columns: isFlatMode ? flatColumns : nestedColumns,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualTableRepeater","_VirtualGridStateContext","_NestedTableRow","_useNestedModeColumns","_useFlatModeColumns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useModeTableProps","props","state","wrapperState","horizontalScroll","actionCellWidth","actionCellProps","dragAndDrop","isFlatMode","flat","nested","key","toString","BodyElementType","useMemo","children","createElement","VirtualGridStateProvider","value","virtual","__self","__source","fileName","lineNumber","columnNumber","VirtualTableRepeater","TrElementType","undefined","forwardRef","ref","NestedTableRow","_extends2","nestedColumns","useNestedModeColumns","flatColumns","useFlatModeColumns","columns"],"sources":["../../../../src/components/NestedTable/useModeTableProps.tsx"],"sourcesContent":["import { NestedTableState } from '../../state';\nimport React, {\n  forwardRef,\n  MutableRefObject,\n  ReactElement,\n  useMemo,\n} from 'react';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { NestedTableRow } from './NestedTableRow';\nimport { useNestedModeColumns } from './useNestedModeColumns';\nimport { useFlatModeColumns } from './useFlatModeColumns';\nimport { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface UseModeTableProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nexport function useModeTableProps<C extends string>(\n  props: UseModeTableProps<C>,\n) {\n  const {\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n    dragAndDrop,\n  } = props;\n\n  const { isFlatMode } = wrapperState;\n  const state = isFlatMode ? wrapperState.flat : wrapperState.nested;\n\n  const key = wrapperState.isFlatMode.toString();\n\n  const BodyElementType = useMemo(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider key={key} value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n    [state, key],\n  );\n\n  const TrElementType = useMemo(\n    () =>\n      isFlatMode\n        ? undefined\n        : forwardRef(\n            (\n              props: {\n                children: ReactElement[];\n                rowData: any;\n                className: string;\n              },\n              ref:\n                | ((instance: HTMLTableRowElement | null) => void)\n                | MutableRefObject<HTMLTableRowElement | null>\n                | null,\n            ) => (\n              <NestedTableRow ref={ref} {...props} dragAndDrop={dragAndDrop} />\n            ),\n          ),\n    [isFlatMode, dragAndDrop],\n  );\n\n  const nestedColumns = useNestedModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n    dragAndDrop,\n  });\n\n  const flatColumns = useFlatModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return {\n    state,\n    key,\n    BodyElementType,\n    TrElementType,\n    columns: isFlatMode ? flatColumns : nestedColumns,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,7 +13,8 @@ function useNestedModeColumns(props) {
     state,
     actionCellProps,
     actionCellWidth,
-    horizontalScroll
+    horizontalScroll,
+    dragAndDrop
   } = props;
   const {
     toolbar
@@ -42,10 +43,11 @@ function useNestedModeColumns(props) {
           state: keyedItem.item.state,
           item: keyedItem.item,
           rowNum: rowNum,
+          dragAndDrop: dragAndDrop,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 46,
+            lineNumber: 54,
             columnNumber: 13
           }
         });

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

@@ -1 +1 @@
-{"version":3,"names":["_NestedTableParentCell","require","_react","_interopRequireDefault","_useCreateWSRColumnBase","_useNestedTableActionCell","_jsxFileName","useNestedModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","nested","key","dataHook","title","width","mainColumn","style","undefined","render","keyedItem","rowNum","item","originalKeyedItem","default","createElement","NestedTableParentCell","__self","__source","fileName","lineNumber","columnNumber","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call"],"sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableKeyedItem, NestedTableState } from '../../state';\nimport { NestedTableParentCell } from './NestedTableParentCell';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\n\nexport interface UseNestedModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n}\n\nexport function useNestedModeColumns<C extends string>(\n  props: UseNestedModeColumnsProps<C>,\n): WSRTableColumn<NestedTableKeyedItem<any, any, any>>[] {\n  const { state, actionCellProps, actionCellWidth, horizontalScroll } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.nested,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return [\n    {\n      key: 'nested-mode-main-column',\n      dataHook: 'nested-mode-main-column',\n      title: '',\n      width: '326px',\n      ...state.mainColumn,\n      style: undefined,\n      render: (keyedItem, rowNum) => {\n        if (keyedItem.item.originalKeyedItem) {\n          return (\n            <NestedTableParentCell\n              state={keyedItem.item.state}\n              item={keyedItem.item}\n              rowNum={rowNum}\n            />\n          );\n        }\n\n        return null;\n      },\n    },\n    ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        id,\n        title,\n        sortable,\n        infoTooltipProps,\n        render,\n        width,\n        ...restColumn\n      } = column;\n      return {\n        ...restColumn,\n        ...createWSRColumnBase(column, index, length),\n        sortDescending:\n          sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n        render: (\n          { item }: NestedTableKeyedItem<any, any, any>,\n          rowNum: number,\n        ) => {\n          if (item.originalKeyedItem) {\n            return item.state.columns?.[id]?.(\n              item.originalKeyedItem.item,\n              rowNum,\n            );\n          }\n\n          return null;\n        },\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAS/D,SAASC,oBAAoBA,CAClCC,KAAmC,EACoB;EACvD,MAAM;IAAEC,KAAK;IAAEC,eAAe;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,KAAK;EAE3E,MAAM;IAAEK;EAAQ,CAAC,GAAGJ,KAAK;EAEzB,MAAM;IAAEK;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEJ;EAAiB,CAAC,CAAC;EAExE,MAAMK,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDT,KAAK,EAAEA,KAAK,CAACU,MAAM;IACnBR,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEU,GAAG,EAAE,yBAAyB;IAC9BC,QAAQ,EAAE,yBAAyB;IACnCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGd,KAAK,CAACe,UAAU;IACnBC,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAACC,SAAS,EAAEC,MAAM,KAAK;MAC7B,IAAID,SAAS,CAACE,IAAI,CAACC,iBAAiB,EAAE;QACpC,oBACE7B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACjC,sBAAA,CAAAkC,qBAAqB;UACpBzB,KAAK,EAAEmB,SAAS,CAACE,IAAI,CAACrB,KAAM;UAC5BqB,IAAI,EAAEF,SAAS,CAACE,IAAK;UACrBD,MAAM,EAAEA,MAAO;UAAAM,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA/B,YAAA;YAAAgC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAChB,CAAC;MAEN;MAEA,OAAO,IAAI;IACb;EACF,CAAC,EACD,GAAGzB,2BAA2B,CAAC0B,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAChE,MAAM;MACJC,EAAE;MACFtB,KAAK;MACLuB,QAAQ;MACRC,gBAAgB;MAChBnB,MAAM;MACNJ,KAAK;MACL,GAAGwB;IACL,CAAC,GAAGN,MAAM;IACV,OAAO;MACL,GAAGM,UAAU;MACb,GAAGhC,mBAAmB,CAAC0B,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;MAC7CK,cAAc,EACZH,QAAQ,IAAID,EAAE,GAAGnC,KAAK,CAACwC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACP,EAAE,CAAC,GAAGlB,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEG;MAA0C,CAAC,EAC7CD,MAAc,KACX;QACH,IAAIC,IAAI,CAACC,iBAAiB,EAAE;UAAA,IAAAqB,mBAAA,EAAAC,qBAAA;UAC1B,QAAAD,mBAAA,GAAOtB,IAAI,CAACrB,KAAK,CAAC6C,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBR,EAAE,CAAC,qBAAxBS,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EACLtB,IAAI,CAACC,iBAAiB,CAACD,IAAI,EAC3BD,MACF,CAAC;QACH;QAEA,OAAO,IAAI;MACb;IACF,CAAC;EACH,CAAC,CAAC,EACF,IAAIZ,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}
+{"version":3,"names":["_NestedTableParentCell","require","_react","_interopRequireDefault","_useCreateWSRColumnBase","_useNestedTableActionCell","_jsxFileName","useNestedModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","dragAndDrop","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","nested","key","dataHook","title","width","mainColumn","style","undefined","render","keyedItem","rowNum","item","originalKeyedItem","default","createElement","NestedTableParentCell","__self","__source","fileName","lineNumber","columnNumber","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call"],"sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableKeyedItem, NestedTableState } from '../../state';\nimport { NestedTableParentCell } from './NestedTableParentCell';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface UseNestedModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nexport function useNestedModeColumns<C extends string>(\n  props: UseNestedModeColumnsProps<C>,\n): WSRTableColumn<NestedTableKeyedItem<any, any, any>>[] {\n  const {\n    state,\n    actionCellProps,\n    actionCellWidth,\n    horizontalScroll,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.nested,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return [\n    {\n      key: 'nested-mode-main-column',\n      dataHook: 'nested-mode-main-column',\n      title: '',\n      width: '326px',\n      ...state.mainColumn,\n      style: undefined,\n      render: (keyedItem, rowNum) => {\n        if (keyedItem.item.originalKeyedItem) {\n          return (\n            <NestedTableParentCell\n              state={keyedItem.item.state}\n              item={keyedItem.item}\n              rowNum={rowNum}\n              dragAndDrop={dragAndDrop}\n            />\n          );\n        }\n\n        return null;\n      },\n    },\n    ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        id,\n        title,\n        sortable,\n        infoTooltipProps,\n        render,\n        width,\n        ...restColumn\n      } = column;\n      return {\n        ...restColumn,\n        ...createWSRColumnBase(column, index, length),\n        sortDescending:\n          sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n        render: (\n          { item }: NestedTableKeyedItem<any, any, any>,\n          rowNum: number,\n        ) => {\n          if (item.originalKeyedItem) {\n            return item.state.columns?.[id]?.(\n              item.originalKeyedItem.item,\n              rowNum,\n            );\n          }\n\n          return null;\n        },\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAW/D,SAASC,oBAAoBA,CAClCC,KAAmC,EACoB;EACvD,MAAM;IACJC,KAAK;IACLC,eAAe;IACfC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM;EAAQ,CAAC,GAAGL,KAAK;EAEzB,MAAM;IAAEM;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEL;EAAiB,CAAC,CAAC;EAExE,MAAMM,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDV,KAAK,EAAEA,KAAK,CAACW,MAAM;IACnBT,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEW,GAAG,EAAE,yBAAyB;IAC9BC,QAAQ,EAAE,yBAAyB;IACnCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGf,KAAK,CAACgB,UAAU;IACnBC,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAACC,SAAS,EAAEC,MAAM,KAAK;MAC7B,IAAID,SAAS,CAACE,IAAI,CAACC,iBAAiB,EAAE;QACpC,oBACE9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAClC,sBAAA,CAAAmC,qBAAqB;UACpB1B,KAAK,EAAEoB,SAAS,CAACE,IAAI,CAACtB,KAAM;UAC5BsB,IAAI,EAAEF,SAAS,CAACE,IAAK;UACrBD,MAAM,EAAEA,MAAO;UACfjB,WAAW,EAAEA,WAAY;UAAAuB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAhC,YAAA;YAAAiC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAC1B,CAAC;MAEN;MAEA,OAAO,IAAI;IACb;EACF,CAAC,EACD,GAAGzB,2BAA2B,CAAC0B,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAChE,MAAM;MACJC,EAAE;MACFtB,KAAK;MACLuB,QAAQ;MACRC,gBAAgB;MAChBnB,MAAM;MACNJ,KAAK;MACL,GAAGwB;IACL,CAAC,GAAGN,MAAM;IACV,OAAO;MACL,GAAGM,UAAU;MACb,GAAGhC,mBAAmB,CAAC0B,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;MAC7CK,cAAc,EACZH,QAAQ,IAAID,EAAE,GAAGpC,KAAK,CAACyC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACP,EAAE,CAAC,GAAGlB,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEG;MAA0C,CAAC,EAC7CD,MAAc,KACX;QACH,IAAIC,IAAI,CAACC,iBAAiB,EAAE;UAAA,IAAAqB,mBAAA,EAAAC,qBAAA;UAC1B,QAAAD,mBAAA,GAAOtB,IAAI,CAACtB,KAAK,CAAC8C,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBR,EAAE,CAAC,qBAAxBS,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EACLtB,IAAI,CAACC,iBAAiB,CAACD,IAAI,EAC3BD,MACF,CAAC;QACH;QAEA,OAAO,IAAI;MACb;IACF,CAAC;EACH,CAAC,CAAC,EACF,IAAIZ,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}

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

@@ -6,6 +6,8 @@ var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
 var _NestedTableDragAndDropContext = require("./NestedTableDragAndDropContext");
 var _NestedTableDragAndDropState = require("./NestedTableDragAndDropState");
 var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _NestedTableDragHandle = require("./NestedTableDragHandle");
+var _NestedTableGhostIndentationCell = require("./NestedTableGhostIndentationCell");
 if (process.env.NODE_ENV !== 'production') {
   (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
     required: '^1.64.1',
@@ -27,7 +29,11 @@ function setStateObject(params) {
 }
 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,
-  setStateObject
+  setStateObject,
+  NestedTableDragHandle: _NestedTableDragHandle.NestedTableDragHandle,
+  NestedTableGhostIndentationCell: _NestedTableGhostIndentationCell.NestedTableGhostIndentationCell
 };
 //# sourceMappingURL=NestedTableDragAndDrop.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dragAndDrop","require","_NestedTableDragAndDropContext","_NestedTableDragAndDropState","_minimalRequiredWdsRuntimeCheck","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","CollectionNestedTableDragAndDropContext","NestedTableDragAndDropContext"],"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';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'Cairo/NestedTableDragAndDrop',\n  });\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  CollectionNestedTableDragAndDropContext: NestedTableDragAndDropContext,\n  setStateObject,\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAGA,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AAEA,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,uCAAuC,EAAEC,4DAA6B;EACtElB;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","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: 'Cairo/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":[]}

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: any) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event: any) => 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","_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":[]}

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

@@ -5,68 +5,55 @@ exports.__esModule = true;
 exports.NestedTableDragAndDropState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _DragAndDrop = require("../DragAndDrop");
+var _mobx = require("mobx");
 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", ev => {
-      var _nestedState$getKeyed, _ev$over;
-      const {
-        nestedState
-      } = this;
-      const item = (_nestedState$getKeyed = nestedState.getKeyedItem((_ev$over = ev.over) == null ? void 0 : _ev$over.id)) == null ? void 0 : _nestedState$getKeyed.item;
-      if (!item) {
-        return;
-      }
-      const itemCollection = item == null ? void 0 : item.state.collection;
-      const {
-        optimisticActions
-      } = itemCollection;
-      if (optimisticActions == null) {
-        return;
-      }
-      optimisticActions._orderByMode = 'moves';
-      const dragEndEvent = this.dnd._createDragEndEvent(ev);
-      if (dragEndEvent == null) {
-        return;
-      }
-    });
+    (0, _defineProperty2.default)(this, "_move", () => {});
     const {
-      nestedState: _nestedState,
+      nestedState,
       modalsContainerRef
     } = params;
     const {
       container
-    } = _nestedState;
-    this.tableState = _nestedState.tableState;
-    this.nestedState = _nestedState;
+    } = nestedState;
+    this.tableState = nestedState.tableState;
+    this.nestedState = nestedState;
     this.dnd = new _DragAndDrop.DragAndDropState({
       a11yContainerRef: modalsContainerRef,
       container,
-      state: _nestedState.wrapper.toolbar,
-      collection: _nestedState,
-      move: this._move,
+      state: nestedState.wrapper.toolbar,
+      collection: nestedState,
+      move: () => this._move(),
       announcements: {
         dragHandleLabel: id => {
-          var _nestedState$getKeyed2, _item$originalKeyedIt;
+          var _nestedState$getKeyed, _item$originalKeyedIt;
           const {
             translate: t
           } = container;
-          const item = (_nestedState$getKeyed2 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed2.item;
+          const item = (_nestedState$getKeyed = nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed.item;
           const itemName = item == null ? void 0 : item.state.collection.itemName;
           return t('cairo.dragAndDrop.button-role-label.sr', {
             itemName: item && itemName ? itemName((_item$originalKeyedIt = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt.item) : ''
           });
         },
         itemDescription: id => {
-          var _nestedState$getKeyed3, _item$originalKeyedIt2;
-          const item = (_nestedState$getKeyed3 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed3.item;
+          var _nestedState$getKeyed2, _item$originalKeyedIt2;
+          const item = (_nestedState$getKeyed2 = nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed2.item;
           const itemName = item == null ? void 0 : item.state.collection.itemName;
           return item && itemName ? itemName((_item$originalKeyedIt2 = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt2.item) : '';
         }
       }
     });
+    (0, _mobx.makeObservable)(this, {
+      dragEventItems: _mobx.computed,
+      dragEventDirectionItems: _mobx.computed,
+      dragEventDepth: _mobx.computed,
+      dragEventParentId: _mobx.computed,
+      dragEventParentAndAfter: _mobx.computed
+    });
   }
   getStickyColumnsCount({
     stickyColumns,
@@ -77,6 +64,166 @@ class NestedTableDragAndDropState {
     } = this;
     return horizontalScroll && !dnd.isDisabled ? stickyColumns + 1 : stickyColumns;
   }
+  get dragEventItems() {
+    const {
+      dnd
+    } = this;
+    const {
+      collection,
+      activeId,
+      overId
+    } = dnd;
+    if (!overId || !activeId) {
+      return null;
+    }
+    const overItem = collection.getKeyedItem(overId);
+    const activeItem = collection.getKeyedItem(activeId);
+    if (activeItem == null || overItem == null) {
+      return null;
+    }
+    return {
+      overItem,
+      activeItem
+    };
+  }
+  get dragEventDirectionItems() {
+    const {
+      nestedState: {
+        keyedItems: items
+      },
+      dragEventItems
+    } = this;
+    if (!dragEventItems) {
+      return null;
+    }
+    const {
+      overItem,
+      activeItem
+    } = 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];
+    return {
+      nextItem,
+      previousItem,
+      overItem,
+      activeItem
+    };
+  }
+  get dragEventDepth() {
+    const {
+      nestedState: {
+        _indentationWidth
+      },
+      dragEventDirectionItems,
+      dnd: {
+        _moveDelta
+      }
+    } = this;
+    if (!dragEventDirectionItems) {
+      return null;
+    }
+    const {
+      nextItem,
+      previousItem,
+      activeItem,
+      overItem
+    } = dragEventDirectionItems;
+    const dragDepth = Math.round(_moveDelta.x / _indentationWidth); // getDragDepth
+    const projectedDepth = activeItem.item.state.depth + dragDepth;
+    const maxDepth = previousItem ? previousItem.item.state.depth + 1 : 0;
+    const minDepth = nextItem ? nextItem.item.state.depth : 0;
+    let depth = projectedDepth;
+    if (projectedDepth >= maxDepth) {
+      depth = maxDepth;
+    } else if (projectedDepth < minDepth) {
+      depth = minDepth;
+    }
+    return {
+      depth,
+      nextItem,
+      previousItem,
+      activeItem,
+      overItem
+    };
+  }
+  get dragEventParentId() {
+    const {
+      nestedState: {
+        keyedItems: items
+      },
+      dragEventDepth
+    } = this;
+    if (!dragEventDepth) {
+      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;
+  }
+  get dragEventParentAndAfter() {
+    const {
+      nestedState: {
+        keyedItems: items
+      },
+      dragEventDepth
+    } = this;
+    if (!dragEventDepth) {
+      return null;
+    }
+    const {
+      previousItem,
+      depth,
+      overItem
+    } = dragEventDepth;
+    if (depth === 0 || !previousItem) {
+      return null;
+    }
+    if (depth === previousItem.item.state.depth) {
+      return {
+        node: previousItem.item.state,
+        after: previousItem.item.originalKeyedItem
+      };
+    }
+    if (depth > previousItem.item.state.depth) {
+      return {
+        node: previousItem.item.state.parentNode,
+        after: null
+      };
+    }
+    for (let i = overItem.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
+        };
+      }
+    }
+    return null;
+  }
   init() {
     return this.dnd.init();
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_DragAndDrop","require","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","ev","_nestedState$getKeyed","_ev$over","nestedState","item","getKeyedItem","over","id","itemCollection","state","collection","optimisticActions","_orderByMode","dragEndEvent","dnd","_createDragEndEvent","modalsContainerRef","container","tableState","DragAndDropState","a11yContainerRef","wrapper","toolbar","move","_move","announcements","dragHandleLabel","_nestedState$getKeyed2","_item$originalKeyedIt","translate","t","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed3","_item$originalKeyedIt2","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableNestedModeState } from '../../state';\nimport { DragAndDropState, DragItemOver } from '../DragAndDrop';\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\n  _move = (ev: { over: DragItemOver | null }) => {\n    const { nestedState } = this;\n\n    const item = nestedState.getKeyedItem(ev.over?.id as string)?.item;\n\n    if (!item) {\n      return;\n    }\n\n    const itemCollection = item?.state.collection;\n    const { optimisticActions } = itemCollection;\n\n    if (optimisticActions == null) {\n      return;\n    }\n\n    optimisticActions._orderByMode = 'moves';\n\n    const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n    if (dragEndEvent == null) {\n      return;\n    }\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  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableDragHandle = NestedTableDragHandle;
+var _designSystem = require("@wix/design-system");
+var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragHandle.tsx";
+function NestedTableDragHandle(props) {
+  const {
+    item
+  } = props;
+  const {
+    originalKeyedItem
+  } = item;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingInlineStart: "6px",
+    paddingInlineEnd: "6px",
+    dataHook: "drag-handle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.DragHandle, {
+    id: originalKeyedItem.key,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }));
+}
+//# sourceMappingURL=NestedTableDragHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_dragAndDrop","_react","_interopRequireDefault","_jsxFileName","NestedTableDragHandle","props","item","originalKeyedItem","default","createElement","Box","direction","paddingInlineStart","paddingInlineEnd","dataHook","__self","__source","fileName","lineNumber","columnNumber","DragHandle","id","key"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragHandle.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport { DragHandle } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport React from 'react';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface NestedTableDragHandleProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n}\n\nexport function NestedTableDragHandle<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragHandleProps<C, T, F>) {\n  const { item } = props;\n  const { originalKeyedItem } = item;\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingInlineStart=\"6px\"\n      paddingInlineEnd=\"6px\"\n      dataHook=\"drag-handle\"\n    >\n      <DragHandle id={originalKeyedItem.key} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAYnB,SAASC,qBAAqBA,CAInCC,KAA0C,EAAE;EAC5C,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAM;IAAEE;EAAkB,CAAC,GAAGD,IAAI;EAClC,oBACEL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,kBAAkB,EAAC,KAAK;IACxBC,gBAAgB,EAAC,KAAK;IACtBC,QAAQ,EAAC,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtBlB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAoB,UAAU;IAACC,EAAE,EAAEd,iBAAiB,CAACe,GAAI;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrC,CAAC;AAEV","ignoreList":[]}