UNPKG

ab-dnd-kit-sortable-tree

Version:

[![npm version](https://badge.fury.io/js/dnd-kit-sortable-tree.svg)](https://www.npmjs.org/package/dnd-kit-sortable-tree) [![npm](https://img.shields.io/npm/dt/dnd-kit-sortable-tree.svg)](https://www.npmjs.org/package/dnd-kit-sortable-tree) [![MIT](https:

3 lines (2 loc) 19.7 kB
"use strict";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"],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{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='100%'/></svg>\");width:20px}.dnd-sortable-tree_folder_line-last{align-self:stretch;width:20px}.dnd-sortable-tree_folder_line-to_self{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='100%'/><line stroke='black' style='stroke-width: 1px;' x1='50%' y1='50%' x2='100%' y2='50%'/></svg>\");width:20px}.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"],g=n.forwardRef((function(e,n){var o=e.clone,i=e.disableSelection,a=e.disableInteraction,l=e.disableSorting,d=e.ghost,u=e.handleProps,c=e.collapsed,p=e.onCollapse,f=e.wrapperRef,m=e.style,g=e.isLast,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 r.createElement("li",Object.assign({},S,{className:t("dnd-sortable-tree_folder_wrapper",o&&"dnd-sortable-tree_folder_clone",d&&"dnd-sortable-tree_folder_ghost",i&&"dnd-sortable-tree_folder_disable-selection",a&&"dnd-sortable-tree_folder_disable-interaction",w),ref:f,style:m}),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:g?"dnd-sortable-tree_folder_line-to_self-last":"dnd-sortable-tree_folder_line-to_self"}),x&&C&&!l&&r.createElement("div",Object.assign({className:"dnd-sortable-tree_folder_handle"},u)),!x&&!h&&!!p&&!!_&&r.createElement("button",{onClick:function(e){e.preventDefault(),null==p||p()},className:t("dnd-sortable-tree_folder_tree-item-collapse_button",c&&"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:u,{onClick:y?void 0:p}),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"],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=s(e,w),m=l.useSortable({id:t,animateLayoutChanges:I,disabled:p}),v=m.attributes,g=m.isDragging,h=m.isSorting,_=m.listeners,x=m.setDraggableNodeRef,C=m.setDroppableNodeRef,y=m.transition,S={transform:a.CSS.Translate.toString(m.transform),transition:null!=y?y:void 0},k=n.useMemo((function(){if(f.onCollapse)return function(){return null==f.onCollapse?void 0:f.onCollapse(f.item.id)}}),[f.item.id,f.onCollapse]),D=n.useMemo((function(){if(f.onRemove)return function(){return null==f.onRemove?void 0:f.onRemove(f.item.id)}}),[f.item.id,f.onRemove]);return r.createElement(u,Object.assign({},f,{ref:x,wrapperRef:C,style:S,depth:o,ghost:g,disableSelection:b,disableInteraction:h,isLast:i,parent:c,handleProps:d({},v,_),onCollapse:k,onRemove:D,disableSorting:p}))},k=r.memo(S),D=["items","indicator","indentationWidth","onItemsChanged","TreeItemComponent","pointerSensorOptions","disableSorting","dropAnimation"],L={activationConstraint:{distance:10}},E={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})}},O=[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=s(e,D),I=n.useState(null),S=I[0],A=I[1],N=n.useState(null),M=N[0],R=N[1],z=n.useState(0),T=z[0],j=z[1],P=n.useState(null),B=P[0],W=P[1],q=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,S?[S].concat(n):n)}),[S,t]),H=function(e,t,n,r,o){var i;if(h(),h=function(){},!t||!n)return null;var a=e.findIndex((function(e){return e.id===n})),d=e.findIndex((function(e){return e.id===t})),s=e[d],u=l.arrayMove(e,d,a),c=u[a-1],p=u[a+1],f=function(e,t){return Math.round(e/t)}(r,o),m=s.depth+f,v=function(e){var t=e.previousItem;return t?!1===t.canHaveChildren?t.depth:t.depth+1:0}({previousItem:c}),g=function(e){var t=e.nextItem;return t?t.depth:0}({nextItem:p}),b=m;m>=v?b=v:m<g&&(b=g);for(var _=c,x=null,C=c?c.depth+1:0,y=(null!=(i=null==p?void 0:p.depth)?i:-1)<b;b!==C;){var w,I;C--,x=_,_=null!=(w=null==(I=_)?void 0:I.parent)?w:null}if(x&&x.isLast&&(h=function(){x.isLast=!0},x.isLast=!1),b=0,"section"!==s.type){var S=u.findIndex((function(e){return"section"===e.type}));-1!==S&&a>S&&(b=1)}return{depth:b,maxDepth:v,minDepth:g,parentId:function(){var e;if(0===b||!c)return null;if(b===c.depth)return c.parentId;if(b>c.depth)return c.id;var t=null==(e=u.slice(0,a).reverse().find((function(e){return e.depth===b})))?void 0:e.parentId;return null!=t?t:null}(),parent:_,isLast:y}}(q,S,M,T,p),Z=n.useRef({items:q,offset:T}),F=i.useSensors(i.useSensor(i.PointerSensor,null!=v?v:L)),U=n.useMemo((function(){return q.map((function(e){return e.id}))}),[q]),$=S?q.find((function(e){return e.id===S})):null;n.useEffect((function(){Z.current={items:q,offset:T}}),[q,T]);var G=n.useRef(t);G.current=t;var J=n.useCallback((function(e){var t=C(G.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}(G.current,e),{type:"removed",item:t})}),[f]),K=n.useCallback((function(e){var t=C(G.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)}(G.current,e,"collapsed",(function(e){return!e})),{type:t.collapsed?"collapsed":"expanded",item:t})}),[f]),Q=n.useMemo((function(){return{onDragStart:function(e){return"Picked up "+e.active.id+"."},onDragMove:function(e){var t=e.over;return X("onDragMove",e.active.id,null==t?void 0:t.id)},onDragOver:function(e){var t=e.over;return X("onDragOver",e.active.id,null==t?void 0:t.id)},onDragEnd:function(e){var t=e.over;return X("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."}}}),[]);return r.createElement(i.DndContext,{accessibility:{announcements:Q},sensors:g?void 0:F,modifiers:a?O:void 0,collisionDetection:i.closestCenter,onDragStart:g?void 0:function(e){var t=e.active.id;A(t),R(t);var n=q.find((function(e){return e.id===t}));n&&W({parentId:n.parentId,overId:t}),document.body.style.setProperty("cursor","grabbing")},onDragMove:g?void 0:function(e){j(e.delta.x)},onDragOver:g?void 0:function(e){var t,n=e.over;R(null!=(t=null==n?void 0:n.id)?t:null)},onDragEnd:g?void 0:function(e){var n=e.active,r=e.over;if(V(),H&&r){var o=H.depth,i=H.parentId,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);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(){V()}},r.createElement(l.SortableContext,{items:U,strategy:g?void 0:l.verticalListSortingStrategy},q.map((function(e){var t,n,o;return r.createElement(k,Object.assign({},w,{key:e.id,id:e.id,item:e,childCount:null==(t=e.children)?void 0:t.length,depth:e.id===S&&H?H.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?K:void 0,onRemove:J,isLast:e.id===S&&H?H.isLast:e.isLast,parent:e.id===S&&H?H.parent:e.parent,TreeItemComponent:m,disableSorting:g}))})),o.createPortal(r.createElement(i.DragOverlay,{dropAnimation:null!=b?b:E},S&&$?r.createElement(m,Object.assign({},w,{item:$,children:[],depth:$.depth,clone:!0,childCount:y(t,S)+1,indentationWidth:p,isLast:!1,parent:$.parent})):null),document.body)));function V(){R(null),A(null),j(0),W(null),document.body.style.setProperty("cursor","")}function X(e,n,r){if(r&&H){if("onDragEnd"!==e){if(B&&H.parentId===B.parentId&&r===B.overId)return;W({parentId:H.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(H.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&&H.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=ab-dnd-kit-sortable-tree.cjs.production.min.js.map