dnd-kit-sortable-tree-xd
Version:
[](https://www.npmjs.org/package/dnd-kit-sortable-tree) [](https://www.npmjs.org/package/dnd-kit-sortable-tree) [ • 20.8 kB
JavaScript
;function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("clsx")),n=require("react"),r=e(n),o=require("react-dom"),i=require("@dnd-kit/core"),a=require("@dnd-kit/utilities"),l=require("@dnd-kit/sortable");function d(){return(d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return u(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}p(".dnd-sortable-tree_simple_wrapper{box-sizing:border-box;list-style:none;margin-bottom:-1px}.dnd-sortable-tree_simple_tree-item{align-items:center;border:1px solid #dedede;box-sizing:border-box;color:#222;display:flex;padding:10px;position:relative}.dnd-sortable-tree_simple_clone{display:inline-block;padding:5px;pointer-events:none}.dnd-sortable-tree_simple_clone>.dnd-sortable-tree_simple_tree-item{border-radius:4px;box-shadow:0 15px 15px 0 rgba(34,33,81,.1);padding-bottom:5px;padding-right:24px;padding-top:5px}.dnd-sortable-tree_simple_ghost{opacity:.5}.dnd-sortable-tree_simple_disable-selection{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnd-sortable-tree_simple_disable-interaction{pointer-events:none}.dnd-sortable-tree_folder_tree-item-collapse_button{align-self:stretch;background:url(\"data:image/svg+xml;utf8,<svg width='10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 41'><path d='M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z' /></svg>\") no-repeat 50%;border:0;transition:transform .25s ease;width:20px}.dnd-sortable-tree_folder_tree-item-collapse_button-collapsed{transform:rotate(-90deg)}.dnd-sortable-tree_simple_handle{align-self:stretch;background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='12'><path d='M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z'></path></svg>\") no-repeat 50%;cursor:pointer;width:20px}.dnd-sortable-tree_simple_tree-item-collapse_button{align-self:stretch;background:url(\"data:image/svg+xml;utf8,<svg width='10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 41'><path d='M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z' /></svg>\") no-repeat 50%;border:0;transition:transform .25s ease;width:20px}.dnd-sortable-tree_folder_simple-item-collapse_button-collapsed{transform:rotate(-90deg)}");var f=["clone","depth","disableSelection","disableInteraction","disableSorting","ghost","handleProps","indentationWidth","indicator","collapsed","onCollapse","onRemove","item","wrapperRef","style","hideCollapseButton","childCount","manualDrag","showDragHandle","disableCollapseOnItemClick","isLast","parent","className","contentClassName","isOver","isOverParent"],m=n.forwardRef((function(e,n){var o=e.clone,i=e.depth,a=e.disableSelection,l=e.disableInteraction,u=e.disableSorting,c=e.ghost,p=e.handleProps,m=e.indentationWidth,v=e.collapsed,g=e.onCollapse,b=e.wrapperRef,h=e.style,_=e.hideCollapseButton,x=e.childCount,C=e.manualDrag,y=e.showDragHandle,w=e.disableCollapseOnItemClick,I=e.className,S=e.contentClassName,k=s(e,f);return r.createElement("li",Object.assign({ref:b},k,{className:t("dnd-sortable-tree_simple_wrapper",o&&"dnd-sortable-tree_simple_clone",c&&"dnd-sortable-tree_simple_ghost",a&&"dnd-sortable-tree_simple_disable-selection",l&&"dnd-sortable-tree_simple_disable-interaction",I),style:d({},h,{paddingLeft:o?m:m*i})}),r.createElement("div",Object.assign({className:t("dnd-sortable-tree_simple_tree-item",S),ref:n},C?void 0:p,{onClick:w?void 0:g}),!u&&!1!==y&&r.createElement("div",Object.assign({className:"dnd-sortable-tree_simple_handle"},p)),!C&&!_&&!!g&&!!x&&r.createElement("button",{onClick:function(e){w&&(e.preventDefault(),null==g||g())},className:t("dnd-sortable-tree_simple_tree-item-collapse_button",v&&"dnd-sortable-tree_folder_simple-item-collapse_button-collapsed")}),e.children))}));p(".dnd-sortable-tree_folder_wrapper{box-sizing:border-box;display:flex;flex-direction:row;list-style:none;margin-bottom:-1px}.dnd-sortable-tree_folder_tree-item{align-items:center;box-sizing:border-box;display:flex;padding:7px 0;position:relative}.dnd-sortable-tree_folder_clone{display:inline-block;padding:5px;pointer-events:none}.dnd-sortable-tree_folder_clone>.dnd-sortable-tree_folder_tree-item{border-radius:4px;padding-bottom:5px;padding-right:24px;padding-top:5px}.dnd-sortable-tree_folder_ghost{opacity:.5}.dnd-sortable-tree_folder_disable-selection{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnd-sortable-tree_folder_disable-interaction{pointer-events:none}.dnd-sortable-tree_folder_line{position:relative;width:20px}.dnd-sortable-tree_folder_line:after{background:#d2e0f0;bottom:0;content:\"\";left:50%;position:absolute;top:0;transform:translate(-50%);width:4px}.dnd-sortable-tree_folder_line-last{width:20px}.dnd-sortable-tree_folder_line-to_self{align-items:center;align-self:stretch;display:flex;justify-content:center;width:20px}.round-0{background:red}.round-0,.round-1{border-radius:50%;height:12px;width:12px}.round-1{background:#a9adff}.round-2{border:2px solid #a9adff;border-radius:50%;height:12px;width:12px}.dnd-sortable-tree_folder_line-to_self-last{align-self:stretch;background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><line stroke='black' style='stroke-width: 1px;' x1='50%' y1='0' x2='50%' y2='50%'/><line stroke='black' style='stroke-width: 1px;' x1='50%' y1='50%' x2='100%' y2='50%'/></svg>\");width:20px}.dnd-sortable-tree_folder_tree-item-collapse_button{align-self:stretch;background:url(\"data:image/svg+xml;utf8,<svg width='10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 41'><path d='M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z' /></svg>\") no-repeat 50%;border:0;transition:transform .25s ease;width:20px}.dnd-sortable-tree_folder_tree-item-collapse_button-collapsed{transform:rotate(-90deg)}.dnd-sortable-tree_folder_handle{align-self:stretch;background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='12'><path d='M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z'></path></svg>\") no-repeat 50%;cursor:pointer;width:20px}");var v=["clone","depth","disableSelection","disableInteraction","disableSorting","ghost","handleProps","indentationWidth","indicator","collapsed","onCollapse","onRemove","item","wrapperRef","style","isLast","parent","hideCollapseButton","childCount","manualDrag","showDragHandle","disableCollapseOnItemClick","className","contentClassName","isOver","isOverParent"],g=n.forwardRef((function(e,n){var o=e.clone,i=e.depth,a=e.disableSelection,l=e.disableInteraction,d=e.disableSorting,u=e.ghost,c=e.handleProps,p=e.collapsed,f=e.onCollapse,m=e.wrapperRef,g=e.style,b=e.parent,h=e.hideCollapseButton,_=e.childCount,x=e.manualDrag,C=e.showDragHandle,y=e.disableCollapseOnItemClick,w=e.className,I=e.contentClassName,S=s(e,v),k=function e(t){return t?[].concat(e(t.parent),[t]):[]}(b);return console.log(i),r.createElement("li",Object.assign({},S,{className:t("dnd-sortable-tree_folder_wrapper",o&&"dnd-sortable-tree_folder_clone",u&&"dnd-sortable-tree_folder_ghost",a&&"dnd-sortable-tree_folder_disable-selection",l&&"dnd-sortable-tree_folder_disable-interaction",w),ref:m,style:g}),k.map((function(e){return r.createElement("div",{key:e.id,className:e.isLast?"dnd-sortable-tree_folder_line-last":"dnd-sortable-tree_folder_line"})})),r.createElement("div",{className:"dnd-sortable-tree_folder_line-to_self"},r.createElement("div",{className:"round-"+i})),x&&C&&!d&&r.createElement("div",Object.assign({className:"dnd-sortable-tree_folder_handle"},c)),!x&&!h&&!!f&&!!_&&r.createElement("button",{onClick:function(e){e.preventDefault(),null==f||f()},className:t("dnd-sortable-tree_folder_tree-item-collapse_button",p&&"dnd-sortable-tree_folder_tree-item-collapse_button-collapsed")}),r.createElement("div",Object.assign({className:t("dnd-sortable-tree_folder_tree-item",I),ref:n},x?void 0:c,{onClick:y?void 0:f}),e.children))})),b="undefined"!=typeof window&&/iPad|iPhone|iPod/.test(navigator.platform),h=function(){};function _(e){return function e(t,n,r,o){return void 0===n&&(n=null),void 0===r&&(r=0),void 0===o&&(o=null),t.reduce((function(i,a,l){var s,u=d({},a,{parentId:n,depth:r,index:l,isLast:t.length===l+1,parent:o});return[].concat(i,[u],e(null!=(s=a.children)?s:[],a.id,r+1,u))}),[])}(e)}function x(e,t){return e.find((function(e){return e.id===t}))}function C(e,t){for(var n,r=c(e);!(n=r()).done;){var o=n.value,i=o.children;if(o.id===t)return o;if(null!=i&&i.length){var a=C(i,t);if(a)return a}}}function y(e,t){var n;if(!t)return 0;var r=C(e,t);return r?function e(t,n){return void 0===n&&(n=0),t.reduce((function(t,n){var r=n.children;return null!=r&&r.length?e(r,t+1):t+1}),n)}(null!=(n=r.children)?n:[]):0}var w=["id","depth","isLast","TreeItemComponent","parent","disableSorting","sortableProps","keepGhostInPlace"],I=function(e){return!e.isSorting&&!e.isDragging},S=function(e){var t=e.id,o=e.depth,i=e.isLast,u=e.TreeItemComponent,c=e.parent,p=e.disableSorting,f=e.sortableProps,m=e.keepGhostInPlace,v=s(e,w),g=l.useSortable(d({id:t,animateLayoutChanges:I,disabled:p},f)),h=g.attributes,_=g.isDragging,x=g.isSorting,C=g.listeners,y=g.setDraggableNodeRef,S=g.setDroppableNodeRef,k=g.transform,O=g.transition,D=g.isOver,P=g.over,L=n.useMemo((function(){return!(null==P||!P.id)&&function e(t,n){return!(!t||!n)&&(t.id===n||e(t.parent,n))}(c,P.id)}),[null==P?void 0:P.id]),E={transform:a.CSS.Translate.toString(k),transition:null!=O?O:void 0},N=n.useMemo((function(){if(v.onCollapse)return function(){return null==v.onCollapse?void 0:v.onCollapse(v.item.id)}}),[v.item.id,v.onCollapse]),A=n.useMemo((function(){if(v.onRemove)return function(){return null==v.onRemove?void 0:v.onRemove(v.item.id)}}),[v.item.id,v.onRemove]);return r.createElement(u,Object.assign({},v,{ref:y,wrapperRef:S,style:m?void 0:E,depth:o,ghost:_,disableSelection:b,disableInteraction:x,isLast:i,parent:c,handleProps:d({},h,C),onCollapse:N,onRemove:A,disableSorting:p,isOver:D,isOverParent:L}))},k=r.memo(S),O=["items","indicator","indentationWidth","onItemsChanged","TreeItemComponent","pointerSensorOptions","disableSorting","dropAnimation","dndContextProps","sortableProps","keepGhostInPlace","canRootHaveChildren"],D={activationConstraint:{distance:3}},P={keyframes:function(e){var t=e.transform;return[{opacity:1,transform:a.CSS.Transform.toString(t.initial)},{opacity:0,transform:a.CSS.Transform.toString(d({},t.final,{x:t.final.x+5,y:t.final.y+5}))}]},easing:"ease-out",sideEffects:function(e){e.active.node.animate([{opacity:0},{opacity:1}],{duration:i.defaultDropAnimation.duration,easing:i.defaultDropAnimation.easing})}},L=[function(e){var t=e.transform;return d({},t,{y:t.y-25})}];exports.FolderTreeItemWrapper=g,exports.SimpleTreeItemWrapper=m,exports.SortableTree=function(e){var t=e.items,a=e.indicator,u=e.indentationWidth,p=void 0===u?20:u,f=e.onItemsChanged,m=e.TreeItemComponent,v=e.pointerSensorOptions,g=e.disableSorting,b=e.dropAnimation,w=e.dndContextProps,I=e.sortableProps,S=e.keepGhostInPlace,E=e.canRootHaveChildren,N=s(e,O),A=n.useState(null),R=A[0],M=A[1],j=n.useState(null),z=j[0],T=j[1],B=n.useState(0),H=B[0],W=B[1],q=n.useState(null),G=q[0],Z=q[1],F=n.useMemo((function(){var e=_(t),n=e.reduce((function(e,t){var n=t.children;return t.collapsed&&null!=n&&n.length?[].concat(e,[t.id]):e}),[]);return function(e,t){var n=[].concat(t);return e.filter((function(e){var t;return!e.parentId||!n.includes(e.parentId)||(null!=(t=e.children)&&t.length&&n.push(e.id),!1)}))}(e,R?[R].concat(n):n)}),[R,t]),U=function(e,t,n,r,o,i,a){var d,s,u;if(h(),h=function(){},!t||!n)return null;var c=e.findIndex((function(e){return e.id===n})),p=e.findIndex((function(e){return e.id===t})),f=e[p];if(i){var m,v,g,b,_,x=e[c];return void 0===(x=L(x,f,a))?null:{depth:null!=(m=null==(v=x)?void 0:v.depth)?m:1,parentId:null!=(g=null==(b=x)?void 0:b.id)?g:null,parent:x,isLast:!(null==(_=x)||!_.isLast)}}var C=l.arrayMove(e,p,c),y=C[c-1],w=C[c+1],I=function(e,t){return Math.round(e/t)}(r,o),S=f.depth+I,k=L(function(e,t){if(!t)return null;for(;e<t.depth;){if(null===t.parent)return null;t=t.parent}return t}(S-1,y),f,a);if(void 0===k)return null;var O=(null!=(d=null==k?void 0:k.depth)?d:-1)+1,D=null!=(s=null==w?void 0:w.depth)?s:0;if(D>O)return null;S>=O?S=O:S<D&&(S=D);var P=(null!=(u=null==w?void 0:w.depth)?u:-1)<S;return k&&k.isLast&&(h=function(){k.isLast=!0},k.isLast=!1),{depth:S,parentId:function(){var e;if(0===S||!y)return null;if(S===y.depth)return y.parentId;if(S>y.depth)return y.id;var t=null==(e=C.slice(0,c).reverse().find((function(e){return e.depth===S})))?void 0:e.parentId;return null!=t?t:null}(),parent:k,isLast:P};function L(e,t,n){if(!e){if(!1===("function"==typeof n?n(t):n))return;return e}return!1===("function"==typeof e.canHaveChildren?e.canHaveChildren(t):e.canHaveChildren)?L(e.parent,f,n):e}}(F,R,z,H,p,null!=S&&S,E),$=n.useRef({items:F,offset:H}),J=i.useSensors(i.useSensor(i.PointerSensor,null!=v?v:D)),K=n.useMemo((function(){return F.map((function(e){return e.id}))}),[F]),Q=R?F.find((function(e){return e.id===R})):null;n.useEffect((function(){$.current={items:F,offset:H}}),[F,H]);var V=n.useRef(t);V.current=t;var X,Y=n.useCallback((function(e){var t=C(V.current,e);f(function e(t,n){for(var r,o=[],i=c(t);!(r=i()).done;){var a,l=r.value;l.id!==n&&(null!=(a=l.children)&&a.length&&(l.children=e(l.children,n)),o.push(l))}return o}(V.current,e),{type:"removed",item:t})}),[f]),ee=n.useCallback((function(e){var t=C(V.current,e);f(function e(t,n,r,o){for(var i,a=c(t);!(i=a()).done;){var l,d=i.value;d.id!==n?null!=(l=d.children)&&l.length&&(d.children=e(d.children,n,r,o)):d[r]=o(d[r])}return[].concat(t)}(V.current,e,"collapsed",(function(e){return!e})),{type:t.collapsed?"collapsed":"expanded",item:t})}),[f]),te=n.useMemo((function(){return{onDragStart:function(e){return"Picked up "+e.active.id+"."},onDragMove:function(e){var t=e.over;return oe("onDragMove",e.active.id,null==t?void 0:t.id)},onDragOver:function(e){var t=e.over;return oe("onDragOver",e.active.id,null==t?void 0:t.id)},onDragEnd:function(e){var t=e.over;return oe("onDragEnd",e.active.id,null==t?void 0:t.id)},onDragCancel:function(e){return"Moving was cancelled. "+e.active.id+" was dropped in its original position."}}}),[]),ne=n.useCallback((function(){return!!U}),[U]);return r.createElement(i.DndContext,Object.assign({accessibility:{announcements:te},sensors:g?void 0:J,modifiers:a?L:void 0,collisionDetection:i.closestCenter,onDragStart:g?void 0:function(e){var t=e.active.id;M(t),T(t);var n=F.find((function(e){return e.id===t}));n&&Z({parentId:n.parentId,overId:t}),document.body.style.setProperty("cursor","grabbing")},onDragMove:g?void 0:function(e){W(e.delta.x)},onDragOver:g?void 0:function(e){var t,n=e.over;T(null!=(t=null==n?void 0:n.id)?t:null)},onDragEnd:g?void 0:function(e){var n=e.active,r=e.over;if(re(),U&&r){var o=U.depth,i=U.parentId;if(S&&r.id===n.id)return;var a=_(t),s=a.findIndex((function(e){return e.id===r.id})),u=a.findIndex((function(e){return e.id===n.id})),p=a[u];a[u]=d({},p,{depth:o,parentId:i});var m=p.parent,v=l.arrayMove(a,u,s),g=function(e){for(var t,n,r,o={id:"root",children:[]},i=((t={})[o.id]=o,t),a=e.map((function(e){return d({},e,{children:[]})})),l=c(a);!(r=l()).done;){var s,u,p,f=r.value,m=f.id,v=null!=(s=f.parentId)?s:o.id,g=null!=(u=i[v])?u:x(a,v);f.parent=null,i[m]=f,null==g||null==(p=g.children)||p.push(f)}return null!=(n=o.children)?n:[]}(v),b=v.find((function(e){return e.id===n.id})),h=b.parentId?v.find((function(e){return e.id===b.parentId})):null;setTimeout((function(){return f(g,{type:"dropped",draggedItem:b,draggedFromParent:m,droppedToParent:h})}))}},onDragCancel:g?void 0:function(){re()}},w),r.createElement(l.SortableContext,{items:K,strategy:g?void 0:(X=ne,function(e){var t=e.activeIndex,n=e.activeNodeRect,r=e.index,o=e.rects,i=e.overIndex;return X(t,i)?l.verticalListSortingStrategy({activeIndex:t,activeNodeRect:n,index:r,rects:o,overIndex:i}):null})},F.map((function(e){var t,n,o;return r.createElement(k,Object.assign({},N,{key:e.id,id:e.id,item:e,childCount:null==(t=e.children)?void 0:t.length,depth:e.id===R&&U&&!S?U.depth:e.depth,indentationWidth:p,indicator:a,collapsed:Boolean(e.collapsed&&(null==(n=e.children)?void 0:n.length)),onCollapse:null!=(o=e.children)&&o.length?ee:void 0,onRemove:Y,isLast:e.id===R&&U?U.isLast:e.isLast,parent:e.id===R&&U?U.parent:e.parent,TreeItemComponent:m,disableSorting:g,sortableProps:I,keepGhostInPlace:S}))})),o.createPortal(r.createElement(i.DragOverlay,{dropAnimation:void 0===b?P:b},R&&Q?r.createElement(m,Object.assign({},N,{item:Q,children:[],depth:Q.depth,clone:!0,childCount:y(t,R)+1,indentationWidth:p,isLast:!1,parent:Q.parent,isOver:!1,isOverParent:!1})):null),document.body)));function re(){T(null),M(null),W(0),Z(null),document.body.style.setProperty("cursor","")}function oe(e,n,r){if(r&&U){if("onDragEnd"!==e){if(G&&U.parentId===G.parentId&&r===G.overId)return;Z({parentId:U.parentId,overId:r})}var o,i=_(t),a=i.findIndex((function(e){return e.id===r})),d=i.findIndex((function(e){return e.id===n})),s=l.arrayMove(i,d,a),u=s[a-1],c="onDragEnd"===e?"dropped":"moved";if(u)if(U.depth>u.depth)o=n+" was "+("onDragEnd"===e?"dropped":"nested")+" under "+u.id+".";else{for(var p=u,f=function(){var e=p.parentId;p=s.find((function(t){return t.id===e}))};p&&U.depth<p.depth;)f();p&&(o=n+" was "+c+" after "+p.id+".")}else o=n+" was "+c+" before "+s[a+1].id+".";return o}}},exports.flattenTree=_;
//# sourceMappingURL=dnd-kit-sortable-tree-xd.cjs.production.min.js.map