@wix/patterns 1.36.0 → 1.38.0

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

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

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbarState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","MultiBulkActionToolbarState","constructor","props","_defineProperty2","default","collection","extensionMenuItems","_collection","_extensionMenuItems","makeObservable","_primaryActionItems","observable","ref","_secondaryActionItems","setActions","action","primaryActionItems","computed","secondaryActionItems","_moreActionItemClick","item","result","total","bulkSelect","selectedIds","uncheckedIds","allSelected","onClick","isSelectAll","moreActionItems","menuItems","map","label","text","exports"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbarState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { MultiBulkActionSubItem } from '../MultiBulkActionButton/MultiBulkActionSubItemProps';\nimport { ExtensionMenuItemsState } from '../../state/ExtensionMenuItemsState';\nimport { MoreActionsItem } from '../MoreActions';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\n\nexport interface MultiBulkActionToolbarStateParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  extensionMenuItems: ExtensionMenuItemsState;\n}\n\nexport class MultiBulkActionToolbarState<T, F extends FiltersMap> {\n  _primaryActionItems: MultiBulkActionSubItem[] = [];\n  _secondaryActionItems: MultiBulkActionSubItem[] = [];\n\n  _extensionMenuItems: ExtensionMenuItemsState;\n  _collection: CollectionState<T, F>;\n\n  constructor(props: MultiBulkActionToolbarStateParams<T, F>) {\n    const { collection, extensionMenuItems } = props;\n\n    this._collection = collection;\n    this._extensionMenuItems = extensionMenuItems;\n\n    makeObservable(this, {\n      _primaryActionItems: observable.ref,\n      _secondaryActionItems: observable.ref,\n      setActions: action,\n      primaryActionItems: computed,\n      secondaryActionItems: computed,\n    });\n  }\n\n  setActions({\n    primaryActionItems = [],\n    secondaryActionItems = [],\n  }: {\n    actionItems?: MultiBulkActionSubItem[];\n    primaryActionItems?: MultiBulkActionSubItem[];\n    secondaryActionItems?: MultiBulkActionSubItem[];\n  }) {\n    this._primaryActionItems = primaryActionItems;\n    this._secondaryActionItems = secondaryActionItems;\n  }\n\n  private _moreActionItemClick(item: MoreActionsItem) {\n    const {\n      result: { total },\n      bulkSelect,\n    } = this._collection;\n\n    const { selectedIds, uncheckedIds, allSelected } = bulkSelect;\n\n    item.onClick({\n      selectedIds,\n      uncheckedIds,\n      isSelectAll: allSelected,\n      total,\n    });\n  }\n\n  get primaryActionItems() {\n    return this._primaryActionItems;\n  }\n\n  get secondaryActionItems(): MultiBulkActionSubItem[] {\n    const moreActionItems: MultiBulkActionSubItem[] =\n      this._extensionMenuItems.menuItems.map((item) => ({\n        ...item,\n        label: item.text,\n        onClick: () => this._moreActionItemClick(item),\n      })) || [];\n\n    return [...this._secondaryActionItems, ...moreActionItems];\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAWO,MAAMC,2BAA2B,CAA0B;EAOhEC,WAAWA,CAACC,KAA8C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,+BANZ,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,iCACA,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAMlD,MAAM;MAAEC,UAAU;MAAEC;IAAmB,CAAC,GAAGJ,KAAK;IAEhD,IAAI,CAACK,WAAW,GAAGF,UAAU;IAC7B,IAAI,CAACG,mBAAmB,GAAGF,kBAAkB;IAE7C,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,gBAAU,CAACC,GAAG;MACnCC,qBAAqB,EAAEF,gBAAU,CAACC,GAAG;MACrCE,UAAU,EAAEC,YAAM;MAClBC,kBAAkB,EAAEC,cAAQ;MAC5BC,oBAAoB,EAAED;IACxB,CAAC,CAAC;EACJ;EAEAH,UAAUA,CAAC;IACTE,kBAAkB,GAAG,EAAE;IACvBE,oBAAoB,GAAG;EAKzB,CAAC,EAAE;IACD,IAAI,CAACR,mBAAmB,GAAGM,kBAAkB;IAC7C,IAAI,CAACH,qBAAqB,GAAGK,oBAAoB;EACnD;EAEQC,oBAAoBA,CAACC,IAAqB,EAAE;IAClD,MAAM;MACJC,MAAM,EAAE;QAAEC;MAAM,CAAC;MACjBC;IACF,CAAC,GAAG,IAAI,CAAChB,WAAW;IAEpB,MAAM;MAAEiB,WAAW;MAAEC,YAAY;MAAEC;IAAY,CAAC,GAAGH,UAAU;IAE7DH,IAAI,CAACO,OAAO,CAAC;MACXH,WAAW;MACXC,YAAY;MACZG,WAAW,EAAEF,WAAW;MACxBJ;IACF,CAAC,CAAC;EACJ;EAEA,IAAIN,kBAAkBA,CAAA,EAAG;IACvB,OAAO,IAAI,CAACN,mBAAmB;EACjC;EAEA,IAAIQ,oBAAoBA,CAAA,EAA6B;IACnD,MAAMW,eAAyC,GAC7C,IAAI,CAACrB,mBAAmB,CAACsB,SAAS,CAACC,GAAG,CAAEX,IAAI,KAAM;MAChD,GAAGA,IAAI;MACPY,KAAK,EAAEZ,IAAI,CAACa,IAAI;MAChBN,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACR,oBAAoB,CAACC,IAAI;IAC/C,CAAC,CAAC,CAAC,IAAI,EAAE;IAEX,OAAO,CAAC,GAAG,IAAI,CAACP,qBAAqB,EAAE,GAAGgB,eAAe,CAAC;EAC5D;AACF;AAACK,OAAA,CAAAlC,2BAAA,GAAAA,2BAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","MultiBulkActionToolbarState","constructor","props","_defineProperty2","default","collection","extensionMenuItems","_collection","_extensionMenuItems","makeObservable","_primaryActionItems","observable","ref","_secondaryActionItems","setActions","action","primaryActionItems","computed","secondaryActionItems","_moreActionItemClick","item","result","total","bulkSelect","selectedIds","uncheckedIds","allSelected","onClick","isSelectAll","moreActionItems","menuItems","map","label","text","exports"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbarState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ExtensionMenuItemsState } from '../../state/ExtensionMenuItemsState';\nimport { MoreActionsItem } from '../MoreActions';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\n\nexport interface MultiBulkActionToolbarStateParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  extensionMenuItems: ExtensionMenuItemsState;\n}\n\nexport class MultiBulkActionToolbarState<T, F extends FiltersMap> {\n  _primaryActionItems: ActionSubitem[] = [];\n  _secondaryActionItems: ActionSubitem[] = [];\n\n  _extensionMenuItems: ExtensionMenuItemsState;\n  _collection: CollectionState<T, F>;\n\n  constructor(props: MultiBulkActionToolbarStateParams<T, F>) {\n    const { collection, extensionMenuItems } = props;\n\n    this._collection = collection;\n    this._extensionMenuItems = extensionMenuItems;\n\n    makeObservable(this, {\n      _primaryActionItems: observable.ref,\n      _secondaryActionItems: observable.ref,\n      setActions: action,\n      primaryActionItems: computed,\n      secondaryActionItems: computed,\n    });\n  }\n\n  setActions({\n    primaryActionItems = [],\n    secondaryActionItems = [],\n  }: {\n    actionItems?: ActionSubitem[];\n    primaryActionItems?: ActionSubitem[];\n    secondaryActionItems?: ActionSubitem[];\n  }) {\n    this._primaryActionItems = primaryActionItems;\n    this._secondaryActionItems = secondaryActionItems;\n  }\n\n  private _moreActionItemClick(item: MoreActionsItem) {\n    const {\n      result: { total },\n      bulkSelect,\n    } = this._collection;\n\n    const { selectedIds, uncheckedIds, allSelected } = bulkSelect;\n\n    item.onClick({\n      selectedIds,\n      uncheckedIds,\n      isSelectAll: allSelected,\n      total,\n    });\n  }\n\n  get primaryActionItems() {\n    return this._primaryActionItems;\n  }\n\n  get secondaryActionItems(): ActionSubitem[] {\n    const moreActionItems: ActionSubitem[] =\n      this._extensionMenuItems.menuItems.map((item) => ({\n        ...item,\n        label: item.text,\n        onClick: () => this._moreActionItemClick(item),\n      })) || [];\n\n    return [...this._secondaryActionItems, ...moreActionItems];\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAWO,MAAMC,2BAA2B,CAA0B;EAOhEC,WAAWA,CAACC,KAA8C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,+BANrB,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,iCACA,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAMzC,MAAM;MAAEC,UAAU;MAAEC;IAAmB,CAAC,GAAGJ,KAAK;IAEhD,IAAI,CAACK,WAAW,GAAGF,UAAU;IAC7B,IAAI,CAACG,mBAAmB,GAAGF,kBAAkB;IAE7C,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,gBAAU,CAACC,GAAG;MACnCC,qBAAqB,EAAEF,gBAAU,CAACC,GAAG;MACrCE,UAAU,EAAEC,YAAM;MAClBC,kBAAkB,EAAEC,cAAQ;MAC5BC,oBAAoB,EAAED;IACxB,CAAC,CAAC;EACJ;EAEAH,UAAUA,CAAC;IACTE,kBAAkB,GAAG,EAAE;IACvBE,oBAAoB,GAAG;EAKzB,CAAC,EAAE;IACD,IAAI,CAACR,mBAAmB,GAAGM,kBAAkB;IAC7C,IAAI,CAACH,qBAAqB,GAAGK,oBAAoB;EACnD;EAEQC,oBAAoBA,CAACC,IAAqB,EAAE;IAClD,MAAM;MACJC,MAAM,EAAE;QAAEC;MAAM,CAAC;MACjBC;IACF,CAAC,GAAG,IAAI,CAAChB,WAAW;IAEpB,MAAM;MAAEiB,WAAW;MAAEC,YAAY;MAAEC;IAAY,CAAC,GAAGH,UAAU;IAE7DH,IAAI,CAACO,OAAO,CAAC;MACXH,WAAW;MACXC,YAAY;MACZG,WAAW,EAAEF,WAAW;MACxBJ;IACF,CAAC,CAAC;EACJ;EAEA,IAAIN,kBAAkBA,CAAA,EAAG;IACvB,OAAO,IAAI,CAACN,mBAAmB;EACjC;EAEA,IAAIQ,oBAAoBA,CAAA,EAAoB;IAC1C,MAAMW,eAAgC,GACpC,IAAI,CAACrB,mBAAmB,CAACsB,SAAS,CAACC,GAAG,CAAEX,IAAI,KAAM;MAChD,GAAGA,IAAI;MACPY,KAAK,EAAEZ,IAAI,CAACa,IAAI;MAChBN,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACR,oBAAoB,CAACC,IAAI;IAC/C,CAAC,CAAC,CAAC,IAAI,EAAE;IAEX,OAAO,CAAC,GAAG,IAAI,CAACP,qBAAqB,EAAE,GAAGgB,eAAe,CAAC;EAC5D;AACF;AAACK,OAAA,CAAAlC,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -15,6 +15,7 @@ var _CollectionItemActionsUni = require("../CollectionItemActions/CollectionItem
 var _SummaryBarUni = require("../SummaryBar/SummaryBar.uni.driver");
 var _DragAndDropUni = require("../DragAndDrop/DragAndDrop.uni.driver");
 var _NestedTableGhostRowUni = require("../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver");
+var _NestedTableDragOverlayUni = require("../NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver");
 function NestedTableUniDriver(base, body) {
   const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
   const toolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(toolbarBase(), body);
@@ -44,7 +45,8 @@ function NestedTableUniDriver(base, body) {
      * Gets collection summary bar
      */
     getSummaryBar,
-    getGhostRow: () => (0, _NestedTableGhostRowUni.NestedTableGhostRowUniDriver)(base.$('[data-hook="ghost-indentation-cell"]'), body)
+    getGhostRow: () => (0, _NestedTableGhostRowUni.NestedTableGhostRowUniDriver)(base.$('[data-hook="ghost-indentation-cell"]'), body),
+    getDragOverlay: () => (0, _NestedTableDragOverlayUni.NestedTableDragOverlayUniDriver)(body.$('[data-hook="nested-table-dnd-overlay-wrapper"]'), body)
   };
 }
 var _default = exports.default = NestedTableUniDriver;

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

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","_DragAndDropUni","_NestedTableGhostRowUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","_getDragAndDropDriver","DragAndDropUniDriver","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getRowParentKey","getRowIndexInParent","Number","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","getGhostRow","NestedTableGhostRowUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { NestedTableGhostRowUniDriver } from '../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    _getDragAndDropDriver: () => DragAndDropUniDriver(base),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getRowParentKey: (rowKey: string) =>\n      table._getRowByKey(rowKey).attr('data-parent-key'),\n    getRowIndexInParent: (rowKey: string) =>\n      Number(table._getRowByKey(rowKey).attr('data-index-in-parent')),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getGhostRow: () =>\n      NestedTableGhostRowUniDriver(\n        base.$('[data-hook=\"ghost-indentation-cell\"]'),\n        body,\n      ),\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","_DragAndDropUni","_NestedTableGhostRowUni","_NestedTableDragOverlayUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","_getDragAndDropDriver","DragAndDropUniDriver","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getRowParentKey","getRowIndexInParent","Number","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","getGhostRow","NestedTableGhostRowUniDriver","getDragOverlay","NestedTableDragOverlayUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { NestedTableGhostRowUniDriver } from '../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver';\nimport { NestedTableDragOverlayUniDriver } from '../NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    _getDragAndDropDriver: () => DragAndDropUniDriver(base),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getRowParentKey: (rowKey: string) =>\n      table._getRowByKey(rowKey).attr('data-parent-key'),\n    getRowIndexInParent: (rowKey: string) =>\n      Number(table._getRowByKey(rowKey).attr('data-index-in-parent')),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getGhostRow: () =>\n      NestedTableGhostRowUniDriver(\n        base.$('[data-hook=\"ghost-indentation-cell\"]'),\n        body,\n      ),\n\n    getDragOverlay: () =>\n      NestedTableDragOverlayUniDriver(\n        body.$('[data-hook=\"nested-table-dnd-overlay-wrapper\"]'),\n        body,\n      ),\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow1681111133";
+var _namespace_ = "NestedTableRow4060221444";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "NestedTableRow1681111133__root",
-  "firstLevel": "NestedTableRow1681111133__firstLevel",
-  "placeholder": "NestedTableRow1681111133__placeholder",
-  "parentHovered": "NestedTableRow1681111133__parentHovered"
+  "root": "NestedTableRow4060221444__root",
+  "firstLevel": "NestedTableRow4060221444__firstLevel",
+  "placeholder": "NestedTableRow4060221444__placeholder",
+  "parentHovered": "NestedTableRow4060221444__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow1681111133\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow1681111133__root\",\"firstLevel\":\"NestedTableRow1681111133__firstLevel\",\"placeholder\":\"NestedTableRow1681111133__placeholder\",\"parentHovered\":\"NestedTableRow1681111133__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow4060221444\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow4060221444__root\",\"firstLevel\":\"NestedTableRow4060221444__firstLevel\",\"placeholder\":\"NestedTableRow4060221444__placeholder\",\"parentHovered\":\"NestedTableRow4060221444__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DepthLimitMessage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/DepthLimitMessage.tsx";
+function _DepthLimitMessage(props) {
+  const {
+    state
+  } = props;
+  const {
+    nestedState
+  } = state;
+  const {
+    levels,
+    container: {
+      translate: t
+    }
+  } = nestedState;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Tag, {
+    id: "nested-table-dnd-depth-limit-message",
+    dataHook: "nested-table-dnd-depth-limit-message",
+    theme: "light",
+    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.BlockSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 27,
+        columnNumber: 14
+      }
+    }),
+    removable: false,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }, t('cairo.collectionPage.nestedLimit.tooltip', {
+    subCatsAmount: levels.length
+  }));
+}
+const DepthLimitMessage = exports.DepthLimitMessage = (0, _mobxReactLite.observer)(_DepthLimitMessage);
+//# sourceMappingURL=DepthLimitMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_jsxFileName","_DepthLimitMessage","props","state","nestedState","levels","container","translate","t","default","createElement","Tag","id","dataHook","theme","thumb","BlockSmall","__self","__source","fileName","lineNumber","columnNumber","removable","subCatsAmount","length","DepthLimitMessage","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/DepthLimitMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { Tag } from '@wix/design-system';\nimport { BlockSmall } from '@wix/wix-ui-icons-common';\n\nexport interface NestedTableDragAndDropDropMessageProps<C extends string> {\n  state: NestedTableDragAndDropState<C>;\n}\n\nfunction _DepthLimitMessage<C extends string>(\n  props: NestedTableDragAndDropDropMessageProps<C>,\n) {\n  const { state } = props;\n\n  const { nestedState } = state;\n  const {\n    levels,\n    container: { translate: t },\n  } = nestedState;\n\n  return (\n    <Tag\n      id=\"nested-table-dnd-depth-limit-message\"\n      dataHook=\"nested-table-dnd-depth-limit-message\"\n      theme=\"light\"\n      thumb={<BlockSmall />}\n      removable={false}\n    >\n      {t('cairo.collectionPage.nestedLimit.tooltip', {\n        subCatsAmount: levels.length,\n      })}\n    </Tag>\n  );\n}\n\nexport const DepthLimitMessage = observer(_DepthLimitMessage);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAsD,IAAAI,YAAA;AAMtD,SAASC,kBAAkBA,CACzBC,KAAgD,EAChD;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IACJE,MAAM;IACNC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGJ,WAAW;EAEf,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFC,EAAE,EAAC,sCAAsC;IACzCC,QAAQ,EAAC,sCAAsC;IAC/CC,KAAK,EAAC,OAAO;IACbC,KAAK,eAAErB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAiB,UAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBC,SAAS,EAAE,KAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBb,CAAC,CAAC,0CAA0C,EAAE;IAC7Ce,aAAa,EAAElB,MAAM,CAACmB;EACxB,CAAC,CACE,CAAC;AAEV;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,kBAAkB,CAAC","ignoreList":[]}

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

@@ -12,6 +12,8 @@ var _dndTestEventHandlers = require("../GridDragAndDropDndKit/dndTestEventHandle
 var _util = require("@wix/bex-core/util");
 var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
 var _validateNestedTableDragAndDropProps = require("./validateNestedTableDragAndDropProps");
+var _DragOverlayTestComponent = require("../DragAndDrop/DragOverlayTestComponent");
+var _NestedTableDragAndDropOverlay = require("./NestedTableDragAndDropOverlay");
 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; }
@@ -61,6 +63,32 @@ function _NestedTableDragAndDropContext(props) {
         dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);
       });
     },
+    overlayWrapperElement: /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_NestedTableDragAndDropOverlay.NestedTableDragAndDropOverlay, (0, _extends2.default)({
+      innerRef: ref,
+      state: state
+    }, props, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 103,
+        columnNumber: 9
+      }
+    }))),
+    ...(process.env.NODE_ENV === 'test' && {
+      DragOverlayComponentType: props => /*#__PURE__*/_react.default.createElement(_DragOverlayTestComponent.DragOverlayTestComponent, (0, _extends2.default)({}, props, {
+        state: dragAndDropState,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 111,
+          columnNumber: 11
+        }
+      }))
+    }),
+    keyboardCodes: dragAndDropState.keyboardCodes,
+    autoScrollOptions: {
+      acceleration: 6
+    },
     eventHandlers: {
       row: ({
         id
@@ -90,8 +118,7 @@ function _NestedTableDragAndDropContext(props) {
           state: dragAndDropState,
           id
         }))
-      }),
-      keyboardCodes: dragAndDropState.keyboardCodes
+      })
     }
   }));
   dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;
@@ -103,7 +130,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 163,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.SortableReactiveContext.Provider, {
@@ -111,7 +138,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 164,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
@@ -122,7 +149,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 165,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -131,7 +158,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 173,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_DragOverlayTestComponent","_NestedTableDragAndDropOverlay","_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","overlayWrapperElement","forwardRef","ref","createElement","NestedTableDragAndDropOverlay","_extends2","innerRef","__self","__source","fileName","lineNumber","columnNumber","DragOverlayComponentType","DragOverlayTestComponent","keyboardCodes","autoScrollOptions","acceleration","eventHandlers","row","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","DragAndDropContext","Provider","value","SortableReactiveContext","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { DragAndDropBulkSubmit, DragAndDropSubmit } from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { 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';\nimport { DragOverlayTestComponent } from '../DragAndDrop/DragOverlayTestComponent';\nimport { DragOverlayProps } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { NestedTableDragAndDropOverlay } from './NestedTableDragAndDropOverlay';\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(\n    (): 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(\n              id,\n              dragHandleRef.current,\n            );\n          },\n        );\n      },\n      overlayWrapperElement: forwardRef<\n        HTMLDivElement,\n        HTMLAttributes<HTMLDivElement>\n      >((props, ref) => (\n        <NestedTableDragAndDropOverlay\n          innerRef={ref}\n          state={state}\n          {...props}\n        />\n      )),\n      ...(process.env.NODE_ENV === 'test' && {\n        DragOverlayComponentType: (props: DragOverlayProps) => (\n          <DragOverlayTestComponent {...props} state={dragAndDropState} />\n        ),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n      autoScrollOptions: {\n        acceleration: 6,\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      },\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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAUA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAMA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAIA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,+BAAA,GAAAN,OAAA;AACA,IAAAO,oCAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AAEA,IAAAS,8BAAA,GAAAT,OAAA;AAAgF,IAAAU,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgBhF,SAASW,8BAA8BA,CAIrCC,KAAkD,EAAE;EACpD,MAAM;IAAEC,KAAK,EAAEC,WAAW;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGL,KAAK;EACtE,MAAM;IAAEM,IAAI,EAAEC,KAAK;IAAEP,KAAK,EAAEQ;EAAW,CAAC,GAAGH,QAAQ;EAEnD,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE;IACd,CAAC,CAAC;IACF,IAAAC,wEAAmC,EAACb,WAAW,CAAC;EAClD;EAEA,MAAMD,KAAK,GACTC,WAAW,CAACc,sBAAwD;EAEtE,MAAMC,gBAAgB,GAAGhB,KAAK,CAACiB,GAAG;EAElC,IAAAC,gBAAS,EAAC,MAAMlB,KAAK,CAACmB,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjCH,gBAAgB,CAACd,QAAQ,GAAGA,QAAQ;EACpCc,gBAAgB,CAACb,YAAY,GAAGA,YAAY;EAE5C,MAAM,CAACiB,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EACnC,OAA4B;IAC1BC,mCAAmC,EAAEA,CAACC,EAAE,EAAE5C,CAAC,KAAK;MAC9CqC,gBAAgB,CAACQ,yBAAyB,CAACD,EAAE,EAAY5C,CAAC,EAAE,GAAG,CAAC;IAClE,CAAC;IACD8C,UAAU,EAAGC,EAAE,IAAKV,gBAAgB,CAACW,UAAU,CAACD,EAAE,CAAC;IACnDE,aAAa,EAAE;MACbC,QAAQ,EAAEb,gBAAgB,CAACY,aAAa,CAACC,QAAQ;MACjDC,MAAM,EAAEd,gBAAgB,CAACY,aAAa,CAACE;IACzC,CAAC;IACDC,aAAa,EAAEf,gBAAgB,CAACgB,iBAAiB;IACjDC,aAAa,EAAEjB,gBAAgB,CAACkB,gBAAgB,CAACC,OAAO;IACxDC,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,KAAKrB,gBAAgB,CAACoB,UAAU,CAAC;MAAEC;IAAK,CAAC,CAAC;IAC/DC,UAAU,EAAGC,KAAK,IAAKvB,gBAAgB,CAACsB,UAAU,CAACC,KAAK,CAAC;IACzDC,YAAY,EAAE,KAAK;IACnBC,kBAAkB,EAAEA,CAAClB,EAAE,EAAEmB,aAAa,KAAK;MACzC,OAAO,IAAAC,sBAAgB,EACrB3B,gBAAgB,CAAC4B,MAAM,EACvB,kBAAkB,EAClB,MAAM;QACJ5B,gBAAgB,CAAC6B,wBAAwB,CACvCtB,EAAE,EACFmB,aAAa,CAACP,OAChB,CAAC;MACH,CACF,CAAC;IACH,CAAC;IACDW,qBAAqB,eAAE,IAAAC,iBAAU,EAG/B,CAAChD,KAAK,EAAEiD,GAAG,kBACXnF,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACzE,8BAAA,CAAA0E,6BAA6B,MAAAC,SAAA,CAAAnE,OAAA;MAC5BoE,QAAQ,EAAEJ,GAAI;MACdhD,KAAK,EAAEA;IAAM,GACTD,KAAK;MAAAsD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9E,YAAA;QAAA+E,UAAA;QAAAC,YAAA;MAAA;IAAA,EACV,CACF,CAAC;IACF,IAAIjD,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;MACrCgD,wBAAwB,EAAG3D,KAAuB,iBAChDlC,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC1E,yBAAA,CAAAoF,wBAAwB,MAAAR,SAAA,CAAAnE,OAAA,MAAKe,KAAK;QAAEC,KAAK,EAAEgB,gBAAiB;QAAAqC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9E,YAAA;UAAA+E,UAAA;UAAAC,YAAA;QAAA;MAAA,EAAE;IAEnE,CAAC,CAAC;IACFG,aAAa,EAAE5C,gBAAgB,CAAC4C,aAAa;IAC7CC,iBAAiB,EAAE;MACjBC,YAAY,EAAE;IAChB,CAAC;IACDC,aAAa,EAAE;MACbC,GAAG,EAAEA,CAAC;QAAEzC;MAAG,CAAC,KAAK;QACf,MAAM0C,UAAU,GACdzD,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,IAAAwD,4CAAsB,EAAC;UACrBlE,KAAK,EAAEgB,gBAAgB;UACvBO;QACF,CAAC,CAAC,GACF4C,SAAS;QAEf,OAAO;UACL,GAAGF,UAAU;UACbG,aAAa,EAAGzF,CAAC,IAAK;YACpBqC,gBAAgB,CAACqD,eAAe,CAACD,aAAa,YAA9CpD,gBAAgB,CAACqD,eAAe,CAACD,aAAa,CAAGzF,CAAC,CAAC;YACnDsF,UAAU,YAAVA,UAAU,CAAEG,aAAa,YAAzBH,UAAU,CAAEG,aAAa,CAAGzF,CAAC,CAAC;UAChC;QACF,CAAC;MACH,CAAC;MACD2F,MAAM,EAAEA,CAAC;QAAE/C;MAAG,CAAC,MAAM;QACnB6C,aAAa,EAAGzF,CAAC,IAAK;UACpBqC,gBAAgB,CAACuD,YAAY,CAACH,aAAa,YAA3CpD,gBAAgB,CAACuD,YAAY,CAACH,aAAa,CAAGzF,CAAC,CAAC;QAClD,CAAC;QACD6F,SAAS,EAAG7F,CAAC,IAAK;UAChBqC,gBAAgB,CAACuD,YAAY,CAACC,SAAS,YAAvCxD,gBAAgB,CAACuD,YAAY,CAACC,SAAS,CAAG7F,CAAC,CAAC;QAC9C,CAAC;QACD,IAAI6B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IACjC,IAAA+D,0CAAoB,EAAC;UACnBzE,KAAK,EAAEgB,gBAAgB;UACvBO;QACF,CAAC,CAAC;MACN,CAAC;IACH;EACF,CAAC,CACH,CAAC;EAEDH,kBAAkB,CAACa,aAAa,GAAGjB,gBAAgB,CAACkB,gBAAgB,CAACC,OAAO;EAE5E,MAAMuC,uBAAuB,GAAG,IAAAC,cAAO,EACrC,OAAO;IACLC,YAAY,EAAE5D,gBAAgB,CAAC6D;EACjC,CAAC,CAAC,EACF,CAAC7D,gBAAgB,CAAC6D,4BAA4B,CAChD,CAAC;EAED,oBACEhH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAChF,YAAA,CAAA6G,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAE5D,kBAAmB;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrD5F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAChF,YAAA,CAAAgH,uBAAuB,CAACF,QAAQ;IAACC,KAAK,EAAEN,uBAAwB;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/D5F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC3C,KAAK,MAAA6C,SAAA,CAAAnE,OAAA,MACAuB,UAAU;IACd2E,qBAAqB,EAAElE,gBAAgB,CAACmE,UAAW;IACnDC,WAAW,EAAG7C,KAAK,IAAKvB,gBAAgB,CAACoE,WAAW,CAAC7C,KAAK,CAAE;IAC5D8C,SAAS,EAAG9C,KAAK,IAAKvB,gBAAgB,CAACqE,SAAS,CAAC9C,KAAK,CAAE;IACxD+C,YAAY,EAAEA,CAAA,KAAMtE,gBAAgB,CAACsE,YAAY,CAAC,CAAE;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,EACrD,CAAC,eAEF5F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC/E,yBAAA,CAAAqH,wBAAwB;IACvBvF,KAAK,EAAEgB,gBAAiB;IACxBwE,QAAQ,EAAC,kCAAkC;IAAAnC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAC+B,CACP,CAAC;AAElC;AAEO,MAAMgC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnD7F,8BACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableDragAndDropOverlay = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _NestedTableDragAndDropOverlayPopover = require("./NestedTableDragAndDropOverlayPopover");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlay.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; }
+function _NestedTableDragAndDropOverlay(props) {
+  var _props$style;
+  const {
+    state,
+    children,
+    innerRef
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    "data-hook": "nested-table-dnd-overlay-wrapper",
+    ref: innerRef
+  }, props, {
+    style: {
+      ...props.style,
+      opacity: undefined
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_NestedTableDragAndDropOverlayPopover.NestedTableDragAndDropOverlayPopover, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/(0, _react.isValidElement)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, {
+    style: {
+      ...children.props.style,
+      opacity: (_props$style = props.style) == null ? void 0 : _props$style.opacity
+    }
+  }) : children));
+}
+const NestedTableDragAndDropOverlay = exports.NestedTableDragAndDropOverlay = (0, _mobxReactLite.observer)(_NestedTableDragAndDropOverlay);
+//# sourceMappingURL=NestedTableDragAndDropOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_NestedTableDragAndDropOverlayPopover","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropOverlay","props","_props$style","state","children","innerRef","createElement","_extends2","ref","style","opacity","undefined","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropOverlayPopover","isValidElement","cloneElement","NestedTableDragAndDropOverlay","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlay.tsx"],"sourcesContent":["import React, {\n  MutableRefObject,\n  ReactNode,\n  HTMLAttributes,\n  isValidElement,\n  cloneElement,\n  ReactElement,\n} from 'react';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { NestedTableDragAndDropOverlayPopover } from './NestedTableDragAndDropOverlayPopover';\nimport { observer } from 'mobx-react-lite';\n\nexport interface NestedTableDragAndDropOverlayProps<C extends string>\n  extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  state: NestedTableDragAndDropState<C>;\n  innerRef?:\n    | ((instance: HTMLDivElement | null) => void)\n    | MutableRefObject<HTMLDivElement | null>\n    | null;\n}\n\nfunction _NestedTableDragAndDropOverlay<C extends string>(\n  props: NestedTableDragAndDropOverlayProps<C>,\n) {\n  const { state, children, innerRef } = props;\n  return (\n    <div\n      data-hook=\"nested-table-dnd-overlay-wrapper\"\n      ref={innerRef}\n      {...props}\n      style={{\n        ...props.style,\n        opacity: undefined,\n      }}\n    >\n      <NestedTableDragAndDropOverlayPopover state={state}>\n        {isValidElement(children)\n          ? cloneElement(\n              children as ReactElement<HTMLAttributes<HTMLElement>>,\n              {\n                style: {\n                  ...children.props.style,\n                  opacity: props.style?.opacity,\n                },\n              },\n            )\n          : children}\n      </NestedTableDragAndDropOverlayPopover>\n    </div>\n  );\n}\n\nexport const NestedTableDragAndDropOverlay = observer(\n  _NestedTableDragAndDropOverlay,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,qCAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAY3C,SAASW,8BAA8BA,CACrCC,KAA4C,EAC5C;EAAA,IAAAC,YAAA;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EAC3C,oBACE3B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,YAAAC,SAAA,CAAArB,OAAA;IACE,aAAU,kCAAkC;IAC5CsB,GAAG,EAAEH;EAAS,GACVJ,KAAK;IACTQ,KAAK,EAAE;MACL,GAAGR,KAAK,CAACQ,KAAK;MACdC,OAAO,EAAEC;IACX,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEF1C,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC7B,qCAAA,CAAAwC,oCAAoC;IAACd,KAAK,EAAEA,KAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChD,iBAAAE,qBAAc,EAACd,QAAQ,CAAC,gBACrB,IAAAe,mBAAY,EACVf,QAAQ,EACR;IACEK,KAAK,EAAE;MACL,GAAGL,QAAQ,CAACH,KAAK,CAACQ,KAAK;MACvBC,OAAO,GAAAR,YAAA,GAAED,KAAK,CAACQ,KAAK,qBAAXP,YAAA,CAAaQ;IACxB;EACF,CACF,CAAC,GACDN,QACgC,CACnC,CAAC;AAEV;AAEO,MAAMgB,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDtB,8BACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableDragAndDropOverlayPopover = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _DepthLimitMessage = require("./DepthLimitMessage");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlayPopover.tsx";
+function _NestedTableDragAndDropOverlayPopover(props) {
+  const {
+    state,
+    children
+  } = props;
+  const {
+    reachedMaxDepth
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+    showArrow: true,
+    shown: reachedMaxDepth,
+    appendTo: "parent",
+    placement: "top",
+    dataHook: "nested-table-dnd-overlay-popover",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }, children), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "6px 8px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DepthLimitMessage.DepthLimitMessage, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 11
+    }
+  }))));
+}
+const NestedTableDragAndDropOverlayPopover = exports.NestedTableDragAndDropOverlayPopover = (0, _mobxReactLite.observer)(_NestedTableDragAndDropOverlayPopover);
+//# sourceMappingURL=NestedTableDragAndDropOverlayPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_DepthLimitMessage","_mobxReactLite","_jsxFileName","_NestedTableDragAndDropOverlayPopover","props","state","children","reachedMaxDepth","default","createElement","Popover","showArrow","shown","appendTo","placement","dataHook","__self","__source","fileName","lineNumber","columnNumber","Element","Content","Box","padding","DepthLimitMessage","NestedTableDragAndDropOverlayPopover","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlayPopover.tsx"],"sourcesContent":["import { Box, Popover } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { DepthLimitMessage } from './DepthLimitMessage';\nimport { observer } from 'mobx-react-lite';\n\nexport interface NestedTableDragAndDropOverlayPopoverProps<C extends string> {\n  children: ReactNode;\n  state: NestedTableDragAndDropState<C>;\n}\n\nfunction _NestedTableDragAndDropOverlayPopover<C extends string>(\n  props: NestedTableDragAndDropOverlayPopoverProps<C>,\n) {\n  const { state, children } = props;\n  const { reachedMaxDepth } = state;\n  return (\n    <Popover\n      showArrow\n      shown={reachedMaxDepth}\n      appendTo=\"parent\"\n      placement=\"top\"\n      dataHook=\"nested-table-dnd-overlay-popover\"\n    >\n      <Popover.Element>{children}</Popover.Element>\n      <Popover.Content>\n        <Box padding=\"6px 8px\">\n          <DepthLimitMessage state={state} />\n        </Box>\n      </Popover.Content>\n    </Popover>\n  );\n}\n\nexport const NestedTableDragAndDropOverlayPopover = observer(\n  _NestedTableDragAndDropOverlayPopover,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAO3C,SAASC,qCAAqCA,CAC5CC,KAAmD,EACnD;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACjC,MAAM;IAAEG;EAAgB,CAAC,GAAGF,KAAK;EACjC,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,OAAO;IACNC,SAAS;IACTC,KAAK,EAAEL,eAAgB;IACvBM,QAAQ,EAAC,QAAQ;IACjBC,SAAS,EAAC,KAAK;IACfC,QAAQ,EAAC,kCAAkC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE3CtB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,OAAO,CAACW,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEd,QAA0B,CAAC,eAC7CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,OAAO,CAACY,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA2B,GAAG;IAACC,OAAO,EAAC,SAAS;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpBtB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACT,kBAAA,CAAAyB,iBAAiB;IAACpB,KAAK,EAAEA,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/B,CACU,CACV,CAAC;AAEd;AAEO,MAAMM,oCAAoC,GAAAC,OAAA,CAAAD,oCAAA,GAAG,IAAAE,uBAAQ,EAC1DzB,qCACF,CAAC","ignoreList":[]}

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

@@ -86,6 +86,7 @@ class NestedTableDragAndDropState {
       dragEventDepth: _mobx.computed,
       activeNode: _mobx.computed,
       dragEventParentAndAfter: _mobx.computed,
+      reachedMaxDepth: _mobx.computed,
       _createDragEndEvent: _mobx.action,
       _move: _mobx.action
     });
@@ -151,8 +152,16 @@ class NestedTableDragAndDropState {
     var _node$parentNode;
     const {
       dragEventParentAndAfter,
-      nestedState
+      nestedState,
+      reachedMaxDepth,
+      activeNode
     } = this;
+    if (reachedMaxDepth) {
+      if (activeNode && this._isExpandedBeforeDrag != null && this._isExpandedBeforeDrag !== activeNode.node._expanded) {
+        activeNode._toggleExpand();
+      }
+      return;
+    }
     const {
       node,
       activeItem,
@@ -377,6 +386,25 @@ class NestedTableDragAndDropState {
       overItem
     };
   }
+  get reachedMaxDepth() {
+    const {
+      dragEventParentAndAfter,
+      dragEventDirectionItems,
+      nestedState,
+      activeNode
+    } = this;
+    if (!dragEventParentAndAfter || !dragEventDirectionItems) {
+      return false;
+    }
+    const {
+      node
+    } = dragEventParentAndAfter;
+    if (!node) {
+      return true;
+    }
+    const activeNodeDeepestBranchDepth = (activeNode == null ? void 0 : activeNode.deepestBranchDepth) ?? 0;
+    return node.levelDescriptor.depth + activeNodeDeepestBranchDepth >= nestedState.levels.length;
+  }
   initCollection(collection) {
     return (0, _createOptimisticActionsOrderByModeReaction.createOptimisticActionsOrderByModeReaction)(this.dnd, collection);
   }