@oliasoft-open-source/react-ui-library 4.1.0 → 4.1.2

package/dist/storybook/assets/{table-bebf1fd3.js → table-833837a1.js}

@@ -1 +1 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{r as T}from"./index-f80c8c95.js";import{c as N}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-85cc7dfc.js";import{l as Fe}from"./lodash-75c70a11.js";import{A as ye}from"./actions-2d4e1c8e.js";import{H as $e}from"./heading-d29eb744.js";import{P as Oe}from"./pagination-0fd7af97.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d68625a5.js";import{N as Me}from"./number-input-42f50494.js";import{S as Ge}from"./select-79fc1bab.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as fe}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-e21258d5.js";import{S as Je}from"./slider-160e2152.js";import{I as B}from"./icon-e9cbb4d7.js";import{P as Ke}from"./popover-06e375a5.js";import{H as Ee}from"./help-icon-d4189b1b.js";import{T as ee}from"./text-ad1f5f1d.js";const ze="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",H={inputInTable:ze,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_11pbp_1",cn={title:dn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ye,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ye,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},Ve=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Ve(t)>0||Ve(e)>0,J=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?T.useState(r):[a.length,null],[u,d]=l?T.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&d){d(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{J.displayName="TableScrollWrapper",J.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_11d5t_1",yn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",xn="_dragIconCell_11d5t_28",Cn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:xn,dragIcon:Cn},K=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:N(R.expandableRow,a?R.flush:""),children:t})});try{K.displayName="ExpandedContentRow",K.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Te=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},jn="_inputInTable_u3xdj_1",Nn="_inputHover_u3xdj_13",wn="_inputFocus_u3xdj_18",An="_inputError_u3xdj_25",vn="_inputWarning_u3xdj_26",Rn="_inputDisabled_u3xdj_61",Sn="_hideScrollbars_u3xdj_67",Vn="_cell_u3xdj_77",Tn="_disabledLink_u3xdj_87",qn="_inputWrapper_u3xdj_91",En="_breakWord_u3xdj_106",kn="_inputCell_u3xdj_109",Wn="_sliderCell_u3xdj_112",Hn="_staticCell_u3xdj_116",Pn="_staticCellContent_u3xdj_119",Ln="_error_u3xdj_131",Dn="_warning_u3xdj_132",Fn="_unit_u3xdj_141",$n="_sortingCell_u3xdj_144",On="_sortingCellIcon_u3xdj_155",Bn="_icon_u3xdj_166",Mn="_checkBoxCell_u3xdj_170",Gn="_iconCellWrapper_u3xdj_174",Un="_actionsCell_u3xdj_178",Xn="_rightAligned_u3xdj_186",Jn="_centerAligned_u3xdj_192",Kn="_leftAligned_u3xdj_198",zn="_popover_u3xdj_201",Yn="_disabledPointerEvents_u3xdj_204",i={inputInTable:jn,inputHover:Nn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Vn,disabledLink:Tn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Dn,unit:Fn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:Jn,leftAligned:Kn,popover:zn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=T.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:N(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:N((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(Je,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const de=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{de.displayName="IconCell",de.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const ce=({cell:e})=>n.jsx(ye,{actions:e.actions});try{ce.displayName="ActionsCell",ce.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const z=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:N(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{z.displayName="StaticCell",z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Ke,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(z,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ge=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(de,{cell:e});case"Actions":return n.jsx(ce,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(z,{cell:e,isHeader:t,testId:l})}};try{ge.displayName="CellWrapper",ge.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=T.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Te(g,i),x=Te(g,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=N(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=c??r??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,C={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:w,style:C,colSpan:d,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:x??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:P})=>{const x=T.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:C,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:g?g[v]:void 0,snapshot:p,testId:h.testId},he)}),V=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:x,onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w?R.clickableRow:null,C?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,V]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w&&!w.noStyle?R.clickableRow:null,C&&!C.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?k(p.isDragging,c.draggableProps.style):null,children:[d?W():null,E,V]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,je,Ne,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:P,defaultEmptyRow:x=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:C}=a,A=T.useRef(null),[I,Q]=T.useState({width:0,height:0});T.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=Fe.get(e,"table.headers",[]),V=mn(s,E),k=_n(s,E),W=V+(k?1:0),h=r?((je=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:je.value)===0||Number((Ne=r==null?void 0:r.pagination)==null?void 0:Ne.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=x==null?void 0:x.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?x.cells.map((m,j)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,D={...x,cells:x.cells.map((G,We)=>({...G,value:We===j?f:G==null?void 0:G.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},xe=N(H.wrapper,w?H.bordered:""),Ce={maxHeight:q,width:C,display:C==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:xe,style:Ce,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const j=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof j=="number"&&typeof _=="number"&&t({from:j,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(J,{table:be,children:({visibleRows:j})=>n.jsxs("table",{className:N(H.table,y?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,j).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,M)=>n.jsx(F,{rowIndex:f,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:D,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:xe,style:Ce,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(J,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:N(H.table,y?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((j,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((j,_)=>n.jsx(F,{rowIndex:_,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{qe as T};
+import{j as n}from"./jsx-runtime-f961835c.js";import{r as T}from"./index-f80c8c95.js";import{c as N}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-85cc7dfc.js";import{l as Fe}from"./lodash-75c70a11.js";import{A as ye}from"./actions-2d4e1c8e.js";import{H as $e}from"./heading-d29eb744.js";import{P as Oe}from"./pagination-e5a7b6d5.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d68625a5.js";import{N as Me}from"./number-input-42f50494.js";import{S as Ge}from"./select-62aa86c5.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as fe}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-e21258d5.js";import{S as Je}from"./slider-160e2152.js";import{I as B}from"./icon-e9cbb4d7.js";import{P as Ke}from"./popover-06e375a5.js";import{H as Ee}from"./help-icon-d4189b1b.js";import{T as ee}from"./text-ad1f5f1d.js";const ze="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",H={inputInTable:ze,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_11pbp_1",cn={title:dn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ye,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ye,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},Ve=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Ve(t)>0||Ve(e)>0,J=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?T.useState(r):[a.length,null],[u,d]=l?T.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&d){d(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{J.displayName="TableScrollWrapper",J.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_11d5t_1",yn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",xn="_dragIconCell_11d5t_28",Cn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:xn,dragIcon:Cn},K=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:N(R.expandableRow,a?R.flush:""),children:t})});try{K.displayName="ExpandedContentRow",K.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Te=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},jn="_inputInTable_u3xdj_1",Nn="_inputHover_u3xdj_13",wn="_inputFocus_u3xdj_18",An="_inputError_u3xdj_25",vn="_inputWarning_u3xdj_26",Rn="_inputDisabled_u3xdj_61",Sn="_hideScrollbars_u3xdj_67",Vn="_cell_u3xdj_77",Tn="_disabledLink_u3xdj_87",qn="_inputWrapper_u3xdj_91",En="_breakWord_u3xdj_106",kn="_inputCell_u3xdj_109",Wn="_sliderCell_u3xdj_112",Hn="_staticCell_u3xdj_116",Pn="_staticCellContent_u3xdj_119",Ln="_error_u3xdj_131",Dn="_warning_u3xdj_132",Fn="_unit_u3xdj_141",$n="_sortingCell_u3xdj_144",On="_sortingCellIcon_u3xdj_155",Bn="_icon_u3xdj_166",Mn="_checkBoxCell_u3xdj_170",Gn="_iconCellWrapper_u3xdj_174",Un="_actionsCell_u3xdj_178",Xn="_rightAligned_u3xdj_186",Jn="_centerAligned_u3xdj_192",Kn="_leftAligned_u3xdj_198",zn="_popover_u3xdj_201",Yn="_disabledPointerEvents_u3xdj_204",i={inputInTable:jn,inputHover:Nn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Vn,disabledLink:Tn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Dn,unit:Fn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:Jn,leftAligned:Kn,popover:zn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=T.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:N(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:N((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(Je,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const de=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{de.displayName="IconCell",de.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const ce=({cell:e})=>n.jsx(ye,{actions:e.actions});try{ce.displayName="ActionsCell",ce.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const z=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:N(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{z.displayName="StaticCell",z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Ke,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(z,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ge=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(de,{cell:e});case"Actions":return n.jsx(ce,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(z,{cell:e,isHeader:t,testId:l})}};try{ge.displayName="CellWrapper",ge.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=T.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Te(g,i),x=Te(g,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=N(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=c??r??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,C={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:w,style:C,colSpan:d,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:x??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:P})=>{const x=T.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:C,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:g?g[v]:void 0,snapshot:p,testId:h.testId},he)}),V=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:x,onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w?R.clickableRow:null,C?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,V]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w&&!w.noStyle?R.clickableRow:null,C&&!C.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?k(p.isDragging,c.draggableProps.style):null,children:[d?W():null,E,V]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,je,Ne,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:P,defaultEmptyRow:x=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:C}=a,A=T.useRef(null),[I,Q]=T.useState({width:0,height:0});T.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=Fe.get(e,"table.headers",[]),V=mn(s,E),k=_n(s,E),W=V+(k?1:0),h=r?((je=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:je.value)===0||Number((Ne=r==null?void 0:r.pagination)==null?void 0:Ne.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=x==null?void 0:x.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?x.cells.map((m,j)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,D={...x,cells:x.cells.map((G,We)=>({...G,value:We===j?f:G==null?void 0:G.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},xe=N(H.wrapper,w?H.bordered:""),Ce={maxHeight:q,width:C,display:C==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:xe,style:Ce,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const j=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof j=="number"&&typeof _=="number"&&t({from:j,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(J,{table:be,children:({visibleRows:j})=>n.jsxs("table",{className:N(H.table,y?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,j).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,M)=>n.jsx(F,{rowIndex:f,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:D,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:xe,style:Ce,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(J,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:N(H.table,y?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((j,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((j,_)=>n.jsx(F,{rowIndex:_,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{qe as T};

package/dist/storybook/assets/{table.stories-3eaf0522.js → table.stories-bc0b72fb.js}

@@ -1,4 +1,4 @@
-import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-bebf1fd3.js";import{C as Ge}from"./card-3847c251.js";import{I as ee}from"./input-d68625a5.js";import{F as ne}from"./field-a094cd72.js";import{H as Je}from"./heading-d29eb744.js";import{t as Y,a as Xe,b as Ye,c as Ze,d as en,e as nn,f as tn,g as an}from"./table.stories-data-aefdf55f.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./pagination-0fd7af97.js";import"./select-79fc1bab.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./slider-160e2152.js";import"./index-c7f280f6.js";import"./popover-06e375a5.js";import"./label-13d490a3.js";import"./flex-47732c42.js";const Jn={title:"Basic/Table",component:T,args:{table:{...Y}}},I=h=>c.jsx(T,{...h}),B=I.bind({}),N=I.bind({});N.args={table:{...Y,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...Y,fixedWidth:"auto"}};const O=I.bind({});O.args={table:Xe};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=I.bind({});Q.args={table:Ye};const W=I.bind({});W.args={table:Ze};W.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const _=I.bind({});_.args={table:en};const U=I.bind({});U.args={table:nn};U.decorators=[h=>c.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:c.jsx(h,{})})];const E=I.bind({});E.args={table:tn};E.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const L=I.bind({});L.args={table:an};const q=()=>c.jsx(Ge,{heading:c.jsx(Je,{children:"Card heading"}),padding:!1,children:c.jsx(T,{table:{...Y,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((a,n)=>[n,n*2,n*2]);const k=(a,n,s)=>a==="m"&&n==="ft"?s*3.28084:a==="ft"&&n==="m"?s/3.28084:s,l=(a,n,s,u)=>{o[n][s]=a.target.value,u()},C=a=>{o=o.concat([["","",""]]),a()},A=(a,n)=>{o=o.filter((s,u)=>u!==a),n()},d=(a,n,s)=>{const u=m[n],y=a.target.value;m=m.map((R,b)=>b===n?y:R),o=o.map(R=>R.map((b,g)=>g===n?k(u,y,b):b)),s()},p=()=>{const a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[n,s]=S.useState(10),[u,y]=S.useState(1),[R,b]=S.useState(!1),g=()=>{b(!R)},F=()=>{const e=Math.ceil(o.length/n);y(e)},D=(u-1)*n,t=n===0?o.length-1:D+n,i={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(g),F()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>d(e,1,g)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>d(e,2,g)}]}],rows:o.slice(D,t).map((e,r)=>{const x=D+r;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:P=>l(P,x,w,g)})),actions:[{label:"Delete",icon:"minus",onClick:()=>A(x,g)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:u,rowsPerPage:{onChange:e=>{const{value:r}=e.target;s(Number(r))},options:a,value:n},onSelectPage:e=>y(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(p,{})},G=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((k,l)=>({Section:l,Width:l*2,Height:l*2}));const o=()=>{const k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[l,C]=S.useState(10),[A,d]=S.useState(1),[p,a]=S.useState({}),[n,s]=S.useState({});S.useEffect(()=>{d(1)},[p,n]);const u=(A-1)*l,y=l===0?m.length-1:u+l,R=(e,r,x)=>e.filter(f=>Object.keys(r).every(w=>r[w]===""?!0:f[w].toString().includes(r[w]))).sort((f,w)=>Object.entries(x).map(([P,j])=>{switch(j){case"up":return f[P]-w[P];case"down":return w[P]-f[P];default:return 0}}).reduce((P,j)=>P||j,0)),b=(e,r,x,f,w)=>{const P=e.map(v=>{const V=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:V,onSort:()=>{const $=V===""?"up":V==="up"?"down":"";w({...f,[v]:$})}}}),j=e.map(v=>{const V=Object.keys(r).includes(v)?r[v]:"";return{key:v,value:V,type:"Input",placeholder:"Filter",onChange:H=>x({...r,[v]:H.target.value})}});return{dataSortCells:P,dataFilterCells:j}},{dataSortCells:g,dataFilterCells:F}=b(h,p,a,n,s),D=R(m,p,n),t=[...D.slice(u,y).map(e=>({cells:Object.entries(e).map(([x,f])=>({key:x,value:f,type:"Input",disabled:!0}))}))],i={headers:[{cells:g},{cells:F}],rows:t,footer:{pagination:{rowCount:D.length,selectedPage:A,rowsPerPage:{onChange:e=>{const{value:r}=e.target;C(Number(r))},options:k,value:l},onSelectPage:e=>d(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(o,{})},J=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},k=[...Array(15).keys()].map((t,i)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:i+1},{type:"Static"}]})),[l,C]=S.useState(k),A=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,p]=S.useState(10),[a,n]=S.useState(1),s=(a-1)*d,u=d===0?l.length-1:s+d,y=({newRow:t}={})=>{const i=K(l,e=>{e.push(t??o)});C(i)},R=({rowIndex:t})=>{const i=K(l,e=>{delete e[t]}).filter(e=>e);C(i)},b=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[0].value.value=i});C(e)},g=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[1].value=i});C(e)},F=({value:t})=>{const i=Number(t);return!ae.isNaN(i)&&ae.isInteger(i)&&i>0},D=l.slice(s,u).map((t,i)=>{const e=s+i;return l.length-1,{...t,cells:t==null?void 0:t.cells.map((r,x)=>{var v,V,H,$,te;const f=(H=(V=(v=t==null?void 0:t.cells)==null?void 0:v[0])==null?void 0:V.value)==null?void 0:H.value,w=Number((te=($=t==null?void 0:t.cells)==null?void 0:$[1])==null?void 0:te.value),P=h==null?void 0:h[f],j=P&&F({value:w})?(P*w).toFixed(2):null;if(x===0)return{...r,onChange:Z=>b({rowIndex:e,value:Z.target.value})};if(x===1)return{...r,onChange:Z=>g({rowIndex:e,value:Z.target.value}),error:F({value:r.value})?null:"Must be valid whole number"};if(x===2)return{...r,value:j}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return c.jsx(T,{table:{defaultEmptyRow:o,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:l.length,selectedPage:a,rowsPerPage:{onChange:t=>{const{value:i}=t.target;p(Number(i))},options:A,value:d},onSelectPage:t=>n(t),small:!0}}}})},X=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(d,p)=>[p,p*2,p*2]);const[o,k]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),l=(d,p,a,n)=>{m[p][a]=Number(d.target.value),n()},C=(d,p,a,n)=>{var u;let s=((u=d==null?void 0:d.clipboardData)==null?void 0:u.getData("text"))??"";return k({rowIndex:p,cellIndex:a,pastedValues:s}),n(),{pastedData:o}},A=()=>{const[d,p]=S.useState(!1),a=()=>{p(!d)},n={headers:[{cells:h.map(s=>({value:s}))}],rows:m.map((s,u)=>{const y=u;return{cells:[...Array(3).keys()].map((R,b)=>({value:s[b],type:"Input",onChange:g=>l(g,y,b,a),onPaste:g=>C(g,y,b,a)}))}})};return c.jsxs(c.Fragment,{children:[c.jsx(T,{table:n}),c.jsx(ne,{label:"Pasted Data",children:c.jsx(ee,{value:o.pastedValues})}),c.jsx(ne,{label:"At Row",children:c.jsx(ee,{value:o.rowIndex})}),c.jsx(ne,{label:"At Cell Index",children:c.jsx(ee,{value:o.cellIndex})})]})};return c.jsx(A,{})};var re,se,oe;B.parameters={...B.parameters,docs:{...(re=B.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
+import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-833837a1.js";import{C as Ge}from"./card-3847c251.js";import{I as ee}from"./input-d68625a5.js";import{F as ne}from"./field-a094cd72.js";import{H as Je}from"./heading-d29eb744.js";import{t as Y,a as Xe,b as Ye,c as Ze,d as en,e as nn,f as tn,g as an}from"./table.stories-data-aefdf55f.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./pagination-e5a7b6d5.js";import"./select-62aa86c5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./slider-160e2152.js";import"./index-c7f280f6.js";import"./popover-06e375a5.js";import"./label-13d490a3.js";import"./flex-47732c42.js";const Jn={title:"Basic/Table",component:T,args:{table:{...Y}}},I=h=>c.jsx(T,{...h}),B=I.bind({}),N=I.bind({});N.args={table:{...Y,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...Y,fixedWidth:"auto"}};const O=I.bind({});O.args={table:Xe};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=I.bind({});Q.args={table:Ye};const W=I.bind({});W.args={table:Ze};W.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const _=I.bind({});_.args={table:en};const U=I.bind({});U.args={table:nn};U.decorators=[h=>c.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:c.jsx(h,{})})];const E=I.bind({});E.args={table:tn};E.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const L=I.bind({});L.args={table:an};const q=()=>c.jsx(Ge,{heading:c.jsx(Je,{children:"Card heading"}),padding:!1,children:c.jsx(T,{table:{...Y,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((a,n)=>[n,n*2,n*2]);const k=(a,n,s)=>a==="m"&&n==="ft"?s*3.28084:a==="ft"&&n==="m"?s/3.28084:s,l=(a,n,s,u)=>{o[n][s]=a.target.value,u()},C=a=>{o=o.concat([["","",""]]),a()},A=(a,n)=>{o=o.filter((s,u)=>u!==a),n()},d=(a,n,s)=>{const u=m[n],y=a.target.value;m=m.map((R,b)=>b===n?y:R),o=o.map(R=>R.map((b,g)=>g===n?k(u,y,b):b)),s()},p=()=>{const a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[n,s]=S.useState(10),[u,y]=S.useState(1),[R,b]=S.useState(!1),g=()=>{b(!R)},F=()=>{const e=Math.ceil(o.length/n);y(e)},D=(u-1)*n,t=n===0?o.length-1:D+n,i={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(g),F()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>d(e,1,g)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>d(e,2,g)}]}],rows:o.slice(D,t).map((e,r)=>{const x=D+r;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:P=>l(P,x,w,g)})),actions:[{label:"Delete",icon:"minus",onClick:()=>A(x,g)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:u,rowsPerPage:{onChange:e=>{const{value:r}=e.target;s(Number(r))},options:a,value:n},onSelectPage:e=>y(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(p,{})},G=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((k,l)=>({Section:l,Width:l*2,Height:l*2}));const o=()=>{const k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[l,C]=S.useState(10),[A,d]=S.useState(1),[p,a]=S.useState({}),[n,s]=S.useState({});S.useEffect(()=>{d(1)},[p,n]);const u=(A-1)*l,y=l===0?m.length-1:u+l,R=(e,r,x)=>e.filter(f=>Object.keys(r).every(w=>r[w]===""?!0:f[w].toString().includes(r[w]))).sort((f,w)=>Object.entries(x).map(([P,j])=>{switch(j){case"up":return f[P]-w[P];case"down":return w[P]-f[P];default:return 0}}).reduce((P,j)=>P||j,0)),b=(e,r,x,f,w)=>{const P=e.map(v=>{const V=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:V,onSort:()=>{const $=V===""?"up":V==="up"?"down":"";w({...f,[v]:$})}}}),j=e.map(v=>{const V=Object.keys(r).includes(v)?r[v]:"";return{key:v,value:V,type:"Input",placeholder:"Filter",onChange:H=>x({...r,[v]:H.target.value})}});return{dataSortCells:P,dataFilterCells:j}},{dataSortCells:g,dataFilterCells:F}=b(h,p,a,n,s),D=R(m,p,n),t=[...D.slice(u,y).map(e=>({cells:Object.entries(e).map(([x,f])=>({key:x,value:f,type:"Input",disabled:!0}))}))],i={headers:[{cells:g},{cells:F}],rows:t,footer:{pagination:{rowCount:D.length,selectedPage:A,rowsPerPage:{onChange:e=>{const{value:r}=e.target;C(Number(r))},options:k,value:l},onSelectPage:e=>d(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(o,{})},J=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},k=[...Array(15).keys()].map((t,i)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:i+1},{type:"Static"}]})),[l,C]=S.useState(k),A=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,p]=S.useState(10),[a,n]=S.useState(1),s=(a-1)*d,u=d===0?l.length-1:s+d,y=({newRow:t}={})=>{const i=K(l,e=>{e.push(t??o)});C(i)},R=({rowIndex:t})=>{const i=K(l,e=>{delete e[t]}).filter(e=>e);C(i)},b=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[0].value.value=i});C(e)},g=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[1].value=i});C(e)},F=({value:t})=>{const i=Number(t);return!ae.isNaN(i)&&ae.isInteger(i)&&i>0},D=l.slice(s,u).map((t,i)=>{const e=s+i;return l.length-1,{...t,cells:t==null?void 0:t.cells.map((r,x)=>{var v,V,H,$,te;const f=(H=(V=(v=t==null?void 0:t.cells)==null?void 0:v[0])==null?void 0:V.value)==null?void 0:H.value,w=Number((te=($=t==null?void 0:t.cells)==null?void 0:$[1])==null?void 0:te.value),P=h==null?void 0:h[f],j=P&&F({value:w})?(P*w).toFixed(2):null;if(x===0)return{...r,onChange:Z=>b({rowIndex:e,value:Z.target.value})};if(x===1)return{...r,onChange:Z=>g({rowIndex:e,value:Z.target.value}),error:F({value:r.value})?null:"Must be valid whole number"};if(x===2)return{...r,value:j}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return c.jsx(T,{table:{defaultEmptyRow:o,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:l.length,selectedPage:a,rowsPerPage:{onChange:t=>{const{value:i}=t.target;p(Number(i))},options:A,value:d},onSelectPage:t=>n(t),small:!0}}}})},X=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(d,p)=>[p,p*2,p*2]);const[o,k]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),l=(d,p,a,n)=>{m[p][a]=Number(d.target.value),n()},C=(d,p,a,n)=>{var u;let s=((u=d==null?void 0:d.clipboardData)==null?void 0:u.getData("text"))??"";return k({rowIndex:p,cellIndex:a,pastedValues:s}),n(),{pastedData:o}},A=()=>{const[d,p]=S.useState(!1),a=()=>{p(!d)},n={headers:[{cells:h.map(s=>({value:s}))}],rows:m.map((s,u)=>{const y=u;return{cells:[...Array(3).keys()].map((R,b)=>({value:s[b],type:"Input",onChange:g=>l(g,y,b,a),onPaste:g=>C(g,y,b,a)}))}})};return c.jsxs(c.Fragment,{children:[c.jsx(T,{table:n}),c.jsx(ne,{label:"Pasted Data",children:c.jsx(ee,{value:o.pastedValues})}),c.jsx(ne,{label:"At Row",children:c.jsx(ee,{value:o.rowIndex})}),c.jsx(ne,{label:"At Cell Index",children:c.jsx(ee,{value:o.cellIndex})})]})};return c.jsx(A,{})};var re,se,oe;B.parameters={...B.parameters,docs:{...(re=B.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;

package/dist/storybook/assets/{title.stories-16838f04.js → title.stories-628a8ee7.js}

@@ -1,4 +1,4 @@
-import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-bebf1fd3.js";import{t as O,h as W,i as q,j as z,k as D,l as G,m as K,n as M,o as P,p as Q}from"./table.stories-data-aefdf55f.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-2d4e1c8e.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";import"./pagination-0fd7af97.js";import"./select-79fc1bab.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-d68625a5.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./slider-160e2152.js";import"./index-c7f280f6.js";import"./popover-06e375a5.js";import"./flex-47732c42.js";const Xr={title:"Basic/Table/Title & Header",component:X,args:{table:{...O}}},r=k=>B.jsx(X,{...k}),e=r.bind({});e.args={table:W};const s=r.bind({});s.args={table:q};const a=r.bind({});a.args={table:z};const t=r.bind({});t.args={table:D};const o=r.bind({});o.args={table:G};const n=r.bind({});n.args={table:K};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
+import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-833837a1.js";import{t as O,h as W,i as q,j as z,k as D,l as G,m as K,n as M,o as P,p as Q}from"./table.stories-data-aefdf55f.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-2d4e1c8e.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";import"./pagination-e5a7b6d5.js";import"./select-62aa86c5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-d68625a5.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./slider-160e2152.js";import"./index-c7f280f6.js";import"./popover-06e375a5.js";import"./flex-47732c42.js";const Xr={title:"Basic/Table/Title & Header",component:X,args:{table:{...O}}},r=k=>B.jsx(X,{...k}),e=r.bind({});e.args={table:W};const s=r.bind({});s.args={table:q};const a=r.bind({});a.args={table:z};const t=r.bind({});t.args={table:D};const o=r.bind({});o.args={table:G};const n=r.bind({});n.args={table:K};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;

package/dist/storybook/assets/{tree.stories-b5e23d09.js → tree.stories-590bdd69.js}

@@ -3,7 +3,7 @@ import{j as _}from"./jsx-runtime-f961835c.js";import{r as m,R as N,g as Pu}from"
         This might be unsupported in the future, please specify 'id' explicitely for every backend.`);else throw new Error("You must specify an 'id' property in your Backend entry: ".concat(JSON.stringify(a),`
         see this guide: https://github.com/louisbrunner/dnd-multi-backend/tree/master/packages/react-dnd-multi-backend#migrating-from-5xx`));if(R(this,Z)[c])throw new Error(`You must specify a unique 'id' property in your Backend entry:
         `.concat(JSON.stringify(a)," (conflicts with: ").concat(JSON.stringify(R(this,Z)[c]),")"));return{id:c,instance:l,preview:(s=a.preview)!==null&&s!==void 0?s:!1,transition:a.transition,skipDispatchOnTransition:(u=a.skipDispatchOnTransition)!==null&&u!==void 0?u:!1}}}),ae(this,"setup",()=>{if(!(typeof window>"u")){if(Xe.isSetUp)throw new Error("Cannot have two MultiBackends at the same time.");Xe.isSetUp=!0,R(this,Vo).call(this,window),R(this,Z)[R(this,K)].instance.setup()}}),ae(this,"teardown",()=>{typeof window>"u"||(Xe.isSetUp=!1,R(this,No).call(this,window),R(this,Z)[R(this,K)].instance.teardown())}),ae(this,"connectDragSource",(i,o,a)=>R(this,Xt).call(this,"connectDragSource",i,o,a)),ae(this,"connectDragPreview",(i,o,a)=>R(this,Xt).call(this,"connectDragPreview",i,o,a)),ae(this,"connectDropTarget",(i,o,a)=>R(this,Xt).call(this,"connectDropTarget",i,o,a)),ae(this,"profile",()=>R(this,Z)[R(this,K)].instance.profile()),ae(this,"previewEnabled",()=>R(this,Z)[R(this,K)].preview),ae(this,"previewsList",()=>R(this,Yt)),ae(this,"backendsList",()=>R(this,ye)),ne(this,Vo,{writable:!0,value:i=>{R(this,ye).forEach(o=>{o.transition&&i.addEventListener(o.transition.event,R(this,Jr))})}}),ne(this,No,{writable:!0,value:i=>{R(this,ye).forEach(o=>{o.transition&&i.removeEventListener(o.transition.event,R(this,Jr))})}}),ne(this,Jr,{writable:!0,value:i=>{const o=R(this,K);if(R(this,ye).some(s=>s.id!==R(this,K)&&s.transition&&s.transition.check(i)?(He(this,K,s.id),!0):!1),R(this,K)!==o){var a;R(this,Z)[o].instance.teardown(),Object.keys(R(this,Re)).forEach(c=>{const d=R(this,Re)[c];d.unsubscribe(),d.unsubscribe=R(this,Qr).call(this,d.func,...d.args)}),R(this,Yt).backendChanged(this);const s=R(this,Z)[R(this,K)];if(s.instance.setup(),s.skipDispatchOnTransition)return;const u=i.constructor,l=new u(i.type,i);(a=i.target)===null||a===void 0||a.dispatchEvent(l)}}}),ne(this,Qr,{writable:!0,value:(i,o,a,s)=>R(this,Z)[R(this,K)].instance[i](o,a,s)}),ne(this,Xt,{writable:!0,value:(i,o,a,s)=>{const u="".concat(i,"_").concat(o),l=R(this,Qr).call(this,i,o,a,s);return R(this,Re)[u]={func:i,args:[o,a,s],unsubscribe:l},()=>{R(this,Re)[u].unsubscribe(),delete R(this,Re)[u]}}}),!n||!n.backends||n.backends.length<1)throw new Error(`You must specify at least one Backend, if you are coming from 2.x.x (or don't understand this error)
-        see this guide: https://github.com/louisbrunner/dnd-multi-backend/tree/master/packages/react-dnd-multi-backend#migrating-from-2xx`);He(this,Yt,new ig),He(this,Z,{}),He(this,ye,[]),n.backends.forEach(i=>{const o=R(this,Lo).call(this,t,r,i);R(this,Z)[o.id]=o,R(this,ye).push(o)}),He(this,K,R(this,ye)[0].id),He(this,Re,{})}}ae(Xe,"isSetUp",!1);const ug=(e,t,r)=>new Xe(e,t,r),Tu=(e,t)=>({event:e,check:t}),lg=Tu("touchstart",e=>{const t=e;return t.touches!==null&&t.touches!==void 0}),cg=Tu("pointerdown",e=>e.pointerType=="mouse");var Ee;(function(e){e.mouse="mouse",e.touch="touch",e.keyboard="keyboard"})(Ee||(Ee={}));class dg{get delay(){var t;return(t=this.args.delay)!==null&&t!==void 0?t:0}get scrollAngleRanges(){return this.args.scrollAngleRanges}get getDropTargetElementsAtPoint(){return this.args.getDropTargetElementsAtPoint}get ignoreContextMenu(){var t;return(t=this.args.ignoreContextMenu)!==null&&t!==void 0?t:!1}get enableHoverOutsideTarget(){var t;return(t=this.args.enableHoverOutsideTarget)!==null&&t!==void 0?t:!1}get enableKeyboardEvents(){var t;return(t=this.args.enableKeyboardEvents)!==null&&t!==void 0?t:!1}get enableMouseEvents(){var t;return(t=this.args.enableMouseEvents)!==null&&t!==void 0?t:!1}get enableTouchEvents(){var t;return(t=this.args.enableTouchEvents)!==null&&t!==void 0?t:!0}get touchSlop(){return this.args.touchSlop||0}get delayTouchStart(){var t,r,n,i;return(i=(n=(t=this.args)===null||t===void 0?void 0:t.delayTouchStart)!==null&&n!==void 0?n:(r=this.args)===null||r===void 0?void 0:r.delay)!==null&&i!==void 0?i:0}get delayMouseStart(){var t,r,n,i;return(i=(n=(t=this.args)===null||t===void 0?void 0:t.delayMouseStart)!==null&&n!==void 0?n:(r=this.args)===null||r===void 0?void 0:r.delay)!==null&&i!==void 0?i:0}get window(){if(this.context&&this.context.window)return this.context.window;if(typeof window<"u")return window}get document(){var t;if(!((t=this.context)===null||t===void 0)&&t.document)return this.context.document;if(this.window)return this.window.document}get rootElement(){var t;return((t=this.args)===null||t===void 0?void 0:t.rootElement)||this.document}constructor(t,r){this.args=t,this.context=r}}function fg(e,t,r,n){return Math.sqrt(Math.pow(Math.abs(r-e),2)+Math.pow(Math.abs(n-t),2))}function hg(e,t,r,n,i){if(!i)return!1;const o=Math.atan2(n-t,r-e)*180/Math.PI+180;for(let a=0;a<i.length;++a){const s=i[a];if(s&&(s.start==null||o>=s.start)&&(s.end==null||o<=s.end))return!0}return!1}const vg={Left:1,Right:2,Center:4},pg={Left:0,Center:1,Right:2};function en(e){return e.button===void 0||e.button===pg.Left}function gg(e){return e.buttons===void 0||(e.buttons&vg.Left)===0}function Su(e){return!!e.targetTouches}const mg=1;function yg(e){const t=e.nodeType===mg?e:e.parentElement;if(!t)return;const{top:r,left:n}=t.getBoundingClientRect();return{x:n,y:r}}function bg(e,t){if(e.targetTouches.length===1)return gr(e.targetTouches[0]);if(t&&e.touches.length===1&&e.touches[0].target===t.target)return gr(e.touches[0])}function gr(e,t){return Su(e)?bg(e,t):{x:e.clientX,y:e.clientY}}const _o=(()=>{let e=!1;try{addEventListener("test",()=>{},Object.defineProperty({},"passive",{get(){return e=!0,!0}}))}catch{}return e})(),it={[Ee.mouse]:{start:"mousedown",move:"mousemove",end:"mouseup",contextmenu:"contextmenu"},[Ee.touch]:{start:"touchstart",move:"touchmove",end:"touchend"},[Ee.keyboard]:{keydown:"keydown"}};class St{profile(){var t;return{sourceNodes:this.sourceNodes.size,sourcePreviewNodes:this.sourcePreviewNodes.size,sourcePreviewNodeOptions:this.sourcePreviewNodeOptions.size,targetNodes:this.targetNodes.size,dragOverTargetIds:((t=this.dragOverTargetIds)===null||t===void 0?void 0:t.length)||0}}get document(){return this.options.document}setup(){const t=this.options.rootElement;t&&(P(!St.isSetUp,"Cannot have two Touch backends at the same time."),St.isSetUp=!0,this.addEventListener(t,"start",this.getTopMoveStartHandler()),this.addEventListener(t,"start",this.handleTopMoveStartCapture,!0),this.addEventListener(t,"move",this.handleTopMove),this.addEventListener(t,"move",this.handleTopMoveCapture,!0),this.addEventListener(t,"end",this.handleTopMoveEndCapture,!0),this.options.enableMouseEvents&&!this.options.ignoreContextMenu&&this.addEventListener(t,"contextmenu",this.handleTopMoveEndCapture),this.options.enableKeyboardEvents&&this.addEventListener(t,"keydown",this.handleCancelOnEscape,!0))}teardown(){const t=this.options.rootElement;t&&(St.isSetUp=!1,this._mouseClientOffset={},this.removeEventListener(t,"start",this.handleTopMoveStartCapture,!0),this.removeEventListener(t,"start",this.handleTopMoveStart),this.removeEventListener(t,"move",this.handleTopMoveCapture,!0),this.removeEventListener(t,"move",this.handleTopMove),this.removeEventListener(t,"end",this.handleTopMoveEndCapture,!0),this.options.enableMouseEvents&&!this.options.ignoreContextMenu&&this.removeEventListener(t,"contextmenu",this.handleTopMoveEndCapture),this.options.enableKeyboardEvents&&this.removeEventListener(t,"keydown",this.handleCancelOnEscape,!0),this.uninstallSourceNodeRemovalObserver())}addEventListener(t,r,n,i=!1){const o=_o?{capture:i,passive:!1}:i;this.listenerTypes.forEach(function(a){const s=it[a][r];s&&t.addEventListener(s,n,o)})}removeEventListener(t,r,n,i=!1){const o=_o?{capture:i,passive:!1}:i;this.listenerTypes.forEach(function(a){const s=it[a][r];s&&t.removeEventListener(s,n,o)})}connectDragSource(t,r){const n=this.handleMoveStart.bind(this,t);return this.sourceNodes.set(t,r),this.addEventListener(r,"start",n),()=>{this.sourceNodes.delete(t),this.removeEventListener(r,"start",n)}}connectDragPreview(t,r,n){return this.sourcePreviewNodeOptions.set(t,n),this.sourcePreviewNodes.set(t,r),()=>{this.sourcePreviewNodes.delete(t),this.sourcePreviewNodeOptions.delete(t)}}connectDropTarget(t,r){const n=this.options.rootElement;if(!this.document||!n)return()=>{};const i=o=>{if(!this.document||!n||!this.monitor.isDragging())return;let a;switch(o.type){case it.mouse.move:a={x:o.clientX,y:o.clientY};break;case it.touch.move:var s,u;a={x:((s=o.touches[0])===null||s===void 0?void 0:s.clientX)||0,y:((u=o.touches[0])===null||u===void 0?void 0:u.clientY)||0};break}const l=a!=null?this.document.elementFromPoint(a.x,a.y):void 0,c=l&&r.contains(l);if(l===r||c)return this.handleMove(o,t)};return this.addEventListener(this.document.body,"move",i),this.targetNodes.set(t,r),()=>{this.document&&(this.targetNodes.delete(t),this.removeEventListener(this.document.body,"move",i))}}getTopMoveStartHandler(){return!this.options.delayTouchStart&&!this.options.delayMouseStart?this.handleTopMoveStart:this.handleTopMoveStartDelay}installSourceNodeRemovalObserver(t){this.uninstallSourceNodeRemovalObserver(),this.draggedSourceNode=t,this.draggedSourceNodeRemovalObserver=new MutationObserver(()=>{t&&!t.parentElement&&(this.resurrectSourceNode(),this.uninstallSourceNodeRemovalObserver())}),!(!t||!t.parentElement)&&this.draggedSourceNodeRemovalObserver.observe(t.parentElement,{childList:!0})}resurrectSourceNode(){this.document&&this.draggedSourceNode&&(this.draggedSourceNode.style.display="none",this.draggedSourceNode.removeAttribute("data-reactid"),this.document.body.appendChild(this.draggedSourceNode))}uninstallSourceNodeRemovalObserver(){this.draggedSourceNodeRemovalObserver&&this.draggedSourceNodeRemovalObserver.disconnect(),this.draggedSourceNodeRemovalObserver=void 0,this.draggedSourceNode=void 0}constructor(t,r,n){this.getSourceClientOffset=i=>{const o=this.sourceNodes.get(i);return o&&yg(o)},this.handleTopMoveStartCapture=i=>{en(i)&&(this.moveStartSourceIds=[])},this.handleMoveStart=i=>{Array.isArray(this.moveStartSourceIds)&&this.moveStartSourceIds.unshift(i)},this.handleTopMoveStart=i=>{if(!en(i))return;const o=gr(i);o&&(Su(i)&&(this.lastTargetTouchFallback=i.targetTouches[0]),this._mouseClientOffset=o),this.waitingForDelay=!1},this.handleTopMoveStartDelay=i=>{if(!en(i))return;const o=i.type===it.touch.start?this.options.delayTouchStart:this.options.delayMouseStart;this.timeout=setTimeout(this.handleTopMoveStart.bind(this,i),o),this.waitingForDelay=!0},this.handleTopMoveCapture=()=>{this.dragOverTargetIds=[]},this.handleMove=(i,o)=>{this.dragOverTargetIds&&this.dragOverTargetIds.unshift(o)},this.handleTopMove=i=>{if(this.timeout&&clearTimeout(this.timeout),!this.document||this.waitingForDelay)return;const{moveStartSourceIds:o,dragOverTargetIds:a}=this,s=this.options.enableHoverOutsideTarget,u=gr(i,this.lastTargetTouchFallback);if(!u)return;if(this._isScrolling||!this.monitor.isDragging()&&hg(this._mouseClientOffset.x||0,this._mouseClientOffset.y||0,u.x,u.y,this.options.scrollAngleRanges)){this._isScrolling=!0;return}if(!this.monitor.isDragging()&&this._mouseClientOffset.hasOwnProperty("x")&&o&&fg(this._mouseClientOffset.x||0,this._mouseClientOffset.y||0,u.x,u.y)>(this.options.touchSlop?this.options.touchSlop:0)&&(this.moveStartSourceIds=void 0,this.actions.beginDrag(o,{clientOffset:this._mouseClientOffset,getSourceClientOffset:this.getSourceClientOffset,publishSource:!1})),!this.monitor.isDragging())return;const l=this.sourceNodes.get(this.monitor.getSourceId());this.installSourceNodeRemovalObserver(l),this.actions.publishDragSource(),i.cancelable&&i.preventDefault();const c=(a||[]).map(v=>this.targetNodes.get(v)).filter(v=>!!v),d=this.options.getDropTargetElementsAtPoint?this.options.getDropTargetElementsAtPoint(u.x,u.y,c):this.document.elementsFromPoint(u.x,u.y),h=[];for(const v in d){if(!d.hasOwnProperty(v))continue;let p=d[v];for(p!=null&&h.push(p);p;)p=p.parentElement,p&&h.indexOf(p)===-1&&h.push(p)}const f=h.filter(v=>c.indexOf(v)>-1).map(v=>this._getDropTargetId(v)).filter(v=>!!v).filter((v,p,g)=>g.indexOf(v)===p);if(s)for(const v in this.targetNodes){const p=this.targetNodes.get(v);if(l&&p&&p.contains(l)&&f.indexOf(v)===-1){f.unshift(v);break}}f.reverse(),this.actions.hover(f,{clientOffset:u})},this._getDropTargetId=i=>{const o=this.targetNodes.keys();let a=o.next();for(;a.done===!1;){const s=a.value;if(i===this.targetNodes.get(s))return s;a=o.next()}},this.handleTopMoveEndCapture=i=>{if(this._isScrolling=!1,this.lastTargetTouchFallback=void 0,!!gg(i)){if(!this.monitor.isDragging()||this.monitor.didDrop()){this.moveStartSourceIds=void 0;return}i.cancelable&&i.preventDefault(),this._mouseClientOffset={},this.uninstallSourceNodeRemovalObserver(),this.actions.drop(),this.actions.endDrag()}},this.handleCancelOnEscape=i=>{i.key==="Escape"&&this.monitor.isDragging()&&(this._mouseClientOffset={},this.uninstallSourceNodeRemovalObserver(),this.actions.endDrag())},this.options=new dg(n,r),this.actions=t.getActions(),this.monitor=t.getMonitor(),this.sourceNodes=new Map,this.sourcePreviewNodes=new Map,this.sourcePreviewNodeOptions=new Map,this.targetNodes=new Map,this.listenerTypes=[],this._mouseClientOffset={},this._isScrolling=!1,this.options.enableMouseEvents&&this.listenerTypes.push(Ee.mouse),this.options.enableTouchEvents&&this.listenerTypes.push(Ee.touch),this.options.enableKeyboardEvents&&this.listenerTypes.push(Ee.keyboard)}}const Tg=function(t,r={},n={}){return new St(t,r,n)};var Q=function(){return Q=Object.assign||function(t){for(var r,n=1,i=arguments.length;n<i;n++){r=arguments[n];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},Q.apply(this,arguments)};function q(e,t,r){if(r||arguments.length===2)for(var n=0,i=t.length,o;n<i;n++)(o||!(n in t))&&(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function Sg(e){var t=e.isVisible,r=e.ease,n=r===void 0?"easeIn":r,i=e.duration,o=e.variants,a=o===void 0?{open:{opacity:1,height:"auto"},close:{opacity:0,height:0}}:o,s=e.children,u=Yp({polyfill:hd}),l=u[0],c=u[1].height,d=m.useState(t),h=d[0],f=d[1],v=m.useState(t),p=v[0],g=v[1],y=m.useState(!1),b=y[0],T=y[1],D=function(){T(!1),t||f(!1)};return m.useEffect(function(){T(!0),t?f(!0):g(!1)},[t]),m.useEffect(function(){h&&g(!0)},[c]),N.createElement(Wp.div,{style:b?{overflow:"hidden"}:void 0,onAnimationComplete:D,initial:p?"open":"close",animate:p?"open":"close",inherit:!1,variants:a,transition:{ease:n,duration:Dg(c,i)}},N.createElement("div",{ref:l},h&&s))}function Dg(e,t){if(t)return t;if(!e)return 0;var r=e/36;return Math.round((4+10*Math.pow(r,.25)+r/5)*10)/1500}var wg=function(e,t){return e.text>t.text?1:e.text<t.text?-1:0},ot=function(e,t){return e.find(function(r){return r.id===t})},Du=function(e,t,r){if(r===0)return!1;var n=e.find(function(i){return i.id===r});return n===void 0?!1:n.parent===t?!0:Du(e,t,n.parent)},ai=function(e){return e.id!==void 0&&e.parent!==void 0&&e.text!==void 0},Ce=function(e,t,r){var n=r.tree,i=r.rootId,o=r.canDrop;if(e===null){if(t===i)return!0;var a=n.find(function(c){return c.id===t});return!!(a&&a.droppable)}else{var s=ai(e)?e.id:null;if(o){var u=o(s,t);if(u!==void 0)return u}if(s===t)return!1;var l=n.find(function(d){return d.id===s}),a=n.find(function(d){return d.id===t});return l===void 0||s===null?t===i||!!(a!=null&&a.droppable):a===void 0?l.parent!==0:l.parent===t||!a.droppable?!1:!Du(n,s,t)}},Eg=function(e,t,r){return e.map(function(n){return n.id===t?Q(Q({},n),{parent:r}):n})},wu=function(e,t,r){if(r===0)return 0;var n=e.filter(function(i){return i.parent===t});return n[r]?e.findIndex(function(i){return i.id===n[r].id}):e.findIndex(function(i){return i.id===n[r-1].id})+1},Cg=function(e,t){return e.findIndex(function(r){return r.id===t})},Eu=function(e,t,r,n){var i=Cg(e,t),o=wu(e,r,n);return o=o>i?o-1:o,[i,o]},Og=function(e,t,r){var n=t<0?e.length+t:t;if(n>=0&&n<e.length){var i=r<0?e.length+r:r,o=e.splice(t,1)[0];e.splice(i,0,o)}},xg=function(e,t,r,n){var i=Eu(e,t,r,n),o=i[0],a=i[1],s=q([],e,!0);return Og(s,o,a),s.map(function(u){return u.id===t?Q(Q({},u),{parent:r}):u})},Ig=function(e,t){var r=e.getBoundingClientRect(),n=r.top+r.height/2;return t>n?"down":"up"},On=function(e,t){var r="",n=0;return e.forEach(function(i,o){var a,s=Ig(i,((a=t.getClientOffset())===null||a===void 0?void 0:a.y)||0);r===""?r=s:r!==s&&(r=s,n=o),o===e.length-1&&s==="down"&&(n=o+1)}),n},Fo=function(e,t,r){var n=t.closest('[role="list"]'),i=n==null?void 0:n.querySelectorAll(':scope > [role="listitem"]');return i?On(i,r):null},Pg=function(e,t,r){var n=e.getBoundingClientRect(),i=r.dropTargetOffset,o=n.top+i,a=n.bottom-i;return t>a?"lower":t<o?"upper":"middle"},xn=function(e,t,r,n){var i;if(!t)return null;if(e===null){var o=t.querySelectorAll(':scope > [role="listitem"]');return{id:n.rootId,index:On(o,r)}}var a=r.getItem(),s=t.querySelector('[role="list"]'),u=Pg(t,((i=r.getClientOffset())===null||i===void 0?void 0:i.y)||0,n);if(s){if(u==="upper")if(Ce(a,e.parent,n)){var l=Fo(e,t,r);return l===null?null:{id:e.parent,index:l}}else return{id:e.id,index:0};var o=s.querySelectorAll(':scope > [role="listitem"]');return{id:e.id,index:On(o,r)}}else{if(u==="middle")return{id:e.id,index:0};if(Ce(a,e.parent,n)){var l=Fo(e,t,r);return l===null?null:{id:e.parent,index:l}}return null}},Rg=function(e){return e===void 0&&(e={}),{backends:[{id:"html5",backend:Wc,options:e.html5,transition:cg},{id:"touch",backend:Tg,options:e.touch||{enableMouseEvents:!0},preview:!0,transition:lg}]}},or=function(e,t){return e.some(function(r){return r.parent===t})},Cu=m.createContext({}),Mg=function(e){var t=Bg(e.tree,e.initialOpen),r=t[0],n=t[1],i=n.handleToggle,o=n.handleCloseAll,a=n.handleOpenAll,s=n.handleOpen,u=n.handleClose;m.useImperativeHandle(e.treeRef,function(){return{open:function(f){return s(f,e.onChangeOpen)},close:function(f){return u(f,e.onChangeOpen)},openAll:function(){return a(e.onChangeOpen)},closeAll:function(){return o(e.onChangeOpen)}}});var l=ge().getMonitor(),c=e.canDrop,d=e.canDrag,h=Q(Q({extraAcceptTypes:[],listComponent:"ul",listItemComponent:"li",placeholderComponent:"li",sort:!0,insertDroppableFirst:!0,enableAnimateExpand:!1,dropTargetOffset:0,initialOpen:!1},e),{openIds:r,onDrop:function(f,v,p){if(f){var g={dragSourceId:f.id,dropTargetId:v,dragSource:f,dropTarget:ot(e.tree,v),monitor:l},y=e.tree;if(ot(y,f.id)||(y=q(q([],y,!0),[f],!1)),e.sort===!1){var b=Eu(y,f.id,v,p),T=b[1];g.destinationIndex=T,g.relativeIndex=p,e.onDrop(xg(y,f.id,v,p),g);return}e.onDrop(Eg(y,f.id,v),g)}else{var g={dropTargetId:v,dropTarget:ot(e.tree,v),monitor:l};e.sort===!1&&(g.destinationIndex=wu(e.tree,v,p),g.relativeIndex=p),e.onDrop(e.tree,g)}},canDrop:c?function(f,v){return c(e.tree,{dragSourceId:f??void 0,dropTargetId:v,dragSource:l.getItem(),dropTarget:ot(e.tree,v),monitor:l})}:void 0,canDrag:d?function(f){return d(ot(e.tree,f))}:void 0,onToggle:function(f){return i(f,e.onChangeOpen)}});return N.createElement(Cu.Provider,{value:h},e.children)},Ou=m.createContext({}),Ag={isLock:!1},Lg=function(e){var t=m.useState(Ag.isLock),r=t[0],n=t[1];return N.createElement(Ou.Provider,{value:{isLock:r,lock:function(){return n(!0)},unlock:function(){return n(!1)}}},e.children)},Lt=m.createContext({}),Kt={dropTargetId:void 0,index:void 0},Vg=function(e){var t=m.useState(Kt.dropTargetId),r=t[0],n=t[1],i=m.useState(Kt.index),o=i[0],a=i[1],s=function(l,c){n(l),a(c)},u=function(){n(Kt.dropTargetId),a(Kt.index)};return N.createElement(Lt.Provider,{value:{dropTargetId:r,index:o,showPlaceholder:s,hidePlaceholder:u}},e.children)},Ng=function(e){return N.createElement(Mg,Q({},e),N.createElement(Lg,null,N.createElement(Vg,null,e.children)))},_g=function(e){var t=m.useContext(Ou);m.useEffect(function(){if(e.current){var r=e.current,n=function(c){var d=c.target;(d instanceof HTMLInputElement||d instanceof HTMLTextAreaElement)&&t.lock()},i=function(c){var d=c.target;(d instanceof HTMLInputElement||d instanceof HTMLTextAreaElement)&&t.unlock()},o=function(c){return n(c)},a=function(c){return i(c)},s=function(c){return n(c)},u=function(c){return i(c)},l=new MutationObserver(function(){document.activeElement===document.body&&t.unlock()});return l.observe(r,{subtree:!0,childList:!0}),r.addEventListener("mouseover",o),r.addEventListener("mouseout",a),r.addEventListener("focusin",s),r.addEventListener("focusout",u),function(){l.disconnect(),r.removeEventListener("mouseover",o),r.removeEventListener("mouseout",a),r.removeEventListener("focusin",s),r.removeEventListener("focusout",u)}}},[e,t]),m.useEffect(function(){var r;(r=e.current)===null||r===void 0||r.setAttribute("draggable",t.isLock?"false":"true")},[e,t.isLock])},Mr={TREE_ITEM:Symbol()},xu=null,Iu=function(e){var t=e.target;if(t instanceof HTMLElement){var r=t.closest('[role="listitem"]');e.currentTarget===r&&(xu=r)}},jo=function(e){return Iu(e)},ko=function(e){return Iu(e)},Fg=function(e,t){var r=Oe();m.useEffect(function(){var s=t.current;return s==null||s.addEventListener("dragstart",jo),s==null||s.addEventListener("touchstart",ko,{passive:!0}),function(){s==null||s.removeEventListener("dragstart",jo),s==null||s.removeEventListener("touchstart",ko)}},[t]);var n=wc({type:Mr.TREE_ITEM,item:function(s){var u=Q({ref:t},e);return r.onDragStart&&r.onDragStart(u,s),u},end:function(s,u){var l=s;r.onDragEnd&&r.onDragEnd(l,u)},canDrag:function(){var s=r.canDrag;return xu!==t.current?!1:s?s(e.id):!0},collect:function(s){return{isDragging:s.isDragging()}}}),i=n[0].isDragging,o=n[1],a=n[2];return[i,o,a]},jg=function(e){var t=Oe(),r=m.useContext(Lt),n=Ra({accept:q([Mr.TREE_ITEM],t.extraAcceptTypes,!0),drop:function(u,l){var c=t.rootId,d=t.onDrop,h=r.dropTargetId,f=r.index;l.isOver({shallow:!0})&&h!==void 0&&f!==void 0&&d(ai(u)?u:null,c,f),r.hidePlaceholder()},canDrop:function(u,l){var c=t.rootId;return l.isOver({shallow:!0})?u===void 0?!1:Ce(u,c,t):!1},hover:function(u,l){if(l.isOver({shallow:!0})){var c=t.rootId,d=r.dropTargetId,h=r.index,f=r.showPlaceholder,v=r.hidePlaceholder,p=xn(null,e.current,l,t);if(p===null||!Ce(u,c,t)){v();return}(p.id!==d||p.index!==h)&&f(p.id,p.index)}},collect:function(u){var l=u.getItem();return{isOver:u.isOver({shallow:!0})&&u.canDrop(),dragSource:l}}}),i=n[0],o=i.isOver,a=i.dragSource,s=n[1];return[o,a,s]},kg=function(e,t){var r=Oe(),n=m.useContext(Lt),i=Ra({accept:q([Mr.TREE_ITEM],r.extraAcceptTypes,!0),drop:function(l,c){var d=n.dropTargetId,h=n.index;c.isOver({shallow:!0})&&d!==void 0&&h!==void 0&&r.onDrop(ai(l)?l:null,d,h),n.hidePlaceholder()},canDrop:function(l,c){if(c.isOver({shallow:!0})){var d=xn(e,t.current,c,r);return d===null?!1:Ce(l,d.id,r)}return!1},hover:function(l,c){if(c.isOver({shallow:!0})){var d=n.dropTargetId,h=n.index,f=n.showPlaceholder,v=n.hidePlaceholder,p=xn(e,t.current,c,r);if(p===null||!Ce(l,p.id,r)){v();return}(p.id!==d||p.index!==h)&&f(p.id,p.index)}},collect:function(l){var c=l.getItem();return{isOver:l.isOver({shallow:!0})&&l.canDrop(),dragSource:c}}}),o=i[0],a=o.isOver,s=o.dragSource,u=i[1];return[a,s,u]},Bg=function(e,t){var r=m.useMemo(function(){return t===!0?e.filter(function(d){return or(e,d.id)}).map(function(d){return d.id}):Array.isArray(t)?t:[]},[t]),n=m.useState(r),i=n[0],o=n[1];m.useEffect(function(){return o(r)},[t]);var a=function(d,h){var f=i.includes(d)?i.filter(function(v){return v!==d}):q(q([],i,!0),[d],!1);o(f),h&&h(f)},s=function(d){o([]),d&&d([])},u=function(d){var h=e.filter(function(f){return or(e,f.id)}).map(function(f){return f.id});o(h),d&&d(h)},l=function(d,h){var f=[];if(Array.isArray(d)){var v=e.filter(function(p){return d.includes(p.id)&&or(e,p.id)});f=q(q([],i,!0),v.map(function(p){return p.id}),!0).filter(function(p,g,y){return y.indexOf(p)===g})}else f=i.includes(d)?i:q(q([],i,!0),[d],!1);o(f),h&&h(f)},c=function(d,h){var f=i.filter(function(v){return Array.isArray(d)?!d.includes(v):v!==d});o(f),h&&h(f)};return[i,{handleToggle:a,handleCloseAll:s,handleOpenAll:u,handleOpen:l,handleClose:c}]},Hg=function(){return Ec(function(e){var t=e.getItemType();return{item:e.getItem(),clientOffset:e.getClientOffset(),isDragging:e.isDragging()&&t===Mr.TREE_ITEM}})},Oe=function(){var e=m.useContext(Cu);if(!e)throw new Error("useTreeContext must be used under TreeProvider");return e},zg=function(e,t){var r=Oe(),n=r.rootId,i=r.rootProps,o=r.classes,a=(o==null?void 0:o.container)||"";return t&&(o!=null&&o.dropTarget)&&(a="".concat(a," ").concat(o.dropTarget)),e===n&&(o!=null&&o.root)&&(a="".concat(a," ").concat(o.root)),e===n&&(i!=null&&i.className)&&(a="".concat(a," ").concat(i.className)),a=a.trim(),a},Ug=function(e,t,r){t.current?r(t):r(e),m.useEffect(function(){t.current?r(t):r(e)},[t.current])},$g=function(e){var t=Oe(),r=m.useContext(Lt),n=m.useRef(null),i=m.useRef(null),o=t.tree.find(function(A){return A.id===e.id}),a=t.openIds,s=t.classes,u=t.enableAnimateExpand,l=a.includes(e.id),c=Fg(o,n),d=c[0],h=c[1],f=c[2],v=kg(o,n),p=v[0],g=v[1],y=v[2];Ug(n,i,h),Ce(g,e.id,t)&&y(n),m.useEffect(function(){t.dragPreviewRender?f(qc(),{captureDraggingState:!0}):i.current&&f(n)},[f,t.dragPreviewRender]),_g(n);var b=function(){return t.onToggle(o.id)},T=t.listItemComponent,D=(s==null?void 0:s.listItem)||"";p&&(s!=null&&s.dropTarget)&&(D="".concat(D," ").concat(s.dropTarget)),d&&(s!=null&&s.draggingSource)&&(D="".concat(D," ").concat(s.draggingSource));var w=t.canDrag?t.canDrag(e.id):!0,x=r.dropTargetId===e.id,M={depth:e.depth,isOpen:l,isDragging:d,isDropTarget:x,draggable:w,hasChild:or(t.tree,e.id),containerRef:n,handleRef:i,onToggle:b};return N.createElement(T,{ref:n,className:D,role:"listitem"},t.render(o,M),u&&M.hasChild&&N.createElement(Sg,{isVisible:l},N.createElement(In,{parentId:e.id,depth:e.depth+1})),!u&&M.hasChild&&l&&N.createElement(In,{parentId:e.id,depth:e.depth+1}))},Bo=function(e){var t=Oe(),r=t.placeholderRender,n=t.placeholderComponent,i=t.classes,o=m.useContext(Lt),a=ge(),s=a.getMonitor(),u=s.getItem();if(!r||!u)return null;var l=e.dropTargetId===o.dropTargetId&&(e.index===o.index||e.index===void 0&&e.listCount===o.index);return l?N.createElement(n,{className:(i==null?void 0:i.placeholder)||""},r(u,{depth:e.depth})):null},In=function(e){var t=Oe(),r=m.useRef(null),n=t.tree.filter(function(p){return p.parent===e.parentId}),i=n,o=typeof t.sort=="function"?t.sort:wg;if(t.insertDroppableFirst){var a=n.filter(function(p){return p.droppable}),s=n.filter(function(p){return!p.droppable});t.sort===!1?i=q(q([],a,!0),s,!0):(a=a.sort(o),s=s.sort(o),i=q(q([],a,!0),s,!0))}else t.sort!==!1&&(i=n.sort(o));var u=jg(r),l=u[0],c=u[1],d=u[2];e.parentId===t.rootId&&Ce(c,t.rootId,t)&&d(r);var h=zg(e.parentId,l),f=t.rootProps||{},v=t.listComponent;return N.createElement(v,Q({ref:r,role:"list"},f,{className:h}),i.map(function(p,g){return N.createElement(N.Fragment,{key:p.id},N.createElement(Bo,{depth:e.depth,listCount:i.length,dropTargetId:e.parentId,index:g}),N.createElement($g,{id:p.id,depth:e.depth}))}),N.createElement(Bo,{depth:e.depth,listCount:i.length,dropTargetId:e.parentId}))},qg={height:"100%",left:0,pointerEvents:"none",position:"fixed",top:0,width:"100%",zIndex:100},Wg=function(e){var t=e.clientOffset;if(!t)return{};var r=t.x,n=t.y,i="translate(".concat(r,"px, ").concat(n,"px)");return{pointerEvents:"none",transform:i}},Gg=function(){var e=Oe(),t=Hg(),r=t.isDragging,n=t.clientOffset;return!r||!n?null:N.createElement("div",{style:qg},N.createElement("div",{style:Wg(t)},e.dragPreviewRender&&e.dragPreviewRender(t)))};function Yg(e,t){return N.createElement(Ng,Q({},e,{treeRef:t}),e.dragPreviewRender&&N.createElement(Gg,null),N.createElement(In,{parentId:e.rootId,depth:0}))}var Xg=m.forwardRef(Yg);const Kg="_tree_1lv9u_1",Zg="_toggle_1lv9u_4",Jg="_dropTarget_1lv9u_11",Qg="_draggingSource_1lv9u_14",em="_placeholderContainer_1lv9u_17",tm="_placeholder_1lv9u_17",$e={tree:Kg,toggle:Zg,dropTarget:Jg,draggingSource:Qg,placeholderContainer:em,placeholder:tm},Pn=({node:e,depth:t,isOpen:r,onToggle:n,hasChild:i,draggable:o,icons:a})=>{const{id:s,data:u}=e,{active:l,testId:c,onClick:d,actions:h=[]}=u,f=v=>{v.stopPropagation(),n(s)};return _.jsx("div",{className:Vu(fe.item,fe.action,l?fe.active:"",t>0?fe.indented:""),style:{marginInlineStart:t*24},"data-testid":c,onClick:v=>{d&&d(v)},children:_.jsxs("div",{className:fe.itemHeader,children:[i&&_.jsx("div",{className:$e.toggle,children:_.jsx(ya,{basic:!0,colored:r?!0:Nu.MUTED,small:!0,round:!0,icon:r?(a==null?void 0:a.collapse)||Lr.COLLAPSE:(a==null?void 0:a.expand)||Lr.EXPAND,onClick:f})}),o&&_.jsx("div",{className:fe.drag,children:_.jsx(Ru,{icon:Lr.DRAG})}),_.jsx(_u,{item:u}),_.jsx("div",{className:fe.right,children:_.jsx("div",{className:fe.actions,children:_.jsx(ju,{actions:h})})})]})})};try{Pn.displayName="TreeItem",Pn.__docgenInfo={description:"",displayName:"TreeItem",props:{node:{defaultValue:null,description:"",name:"node",required:!0,type:{name:"NodeModel<any>"}},depth:{defaultValue:null,description:"",name:"depth",required:!0,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"",name:"onToggle",required:!0,type:{name:"(id: TStringOrNumber) => void"}},hasChild:{defaultValue:null,description:"",name:"hasChild",required:!0,type:{name:"boolean"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},icons:{defaultValue:null,description:"",name:"icons",required:!1,type:{name:"{ expand: ReactNode; collapse: ReactNode; }"}}}}}catch{}const Rn=({depth:e})=>_.jsx("div",{className:$e.placeholder,style:{left:e*24}});try{Rn.displayName="TreePlaceholder",Rn.__docgenInfo={description:"",displayName:"TreePlaceholder",props:{depth:{defaultValue:null,description:"",name:"depth",required:!0,type:{name:"number"}}}}}catch{}const Je=({list:e,draggable:t=!1,onListReorder:r,onChangeOpen:n,testId:i,isInitialOpen:o=!1,treeRef:a,itemHasChild:s,onItemToggle:u,icons:l})=>{var f;const c=v=>{if(r){const p=v.map(({id:g,parent:y,droppable:b,data:T})=>({id:g,parent:y,droppable:b,...T}));r(p)}},d=v=>{n&&n(v)},h=(f=e==null?void 0:e.items)==null?void 0:f.map(({id:v,droppable:p,parent:g,name:y,...b})=>({id:v,text:y,droppable:p,parent:g,data:{name:y,...b}}));return _.jsxs("div",{"data-testid":i,children:[e.name&&!e.noHeader&&_.jsx(Fu,{name:e.name,actions:e.actions}),_.jsx("div",{className:fe.list,children:_.jsx(rc,{backend:ug,options:Rg(),context:window,children:_.jsx(Xg,{ref:a,tree:h,sort:!1,insertDroppableFirst:!1,canDrag:()=>t,canDrop:(v,{dragSource:p,dropTargetId:g})=>{if((p==null?void 0:p.parent)===g)return!0},rootId:0,render:(v,{depth:p,isOpen:g,onToggle:y,hasChild:b})=>_.jsx(Pn,{hasChild:s?s(v):b,node:v,depth:p,isOpen:g,onToggle:()=>{u==null||u(v,!g),y()},draggable:t,icons:l}),onDrop:c,onChangeOpen:d,dropTargetOffset:5,placeholderRender:(v,{depth:p})=>_.jsx(Rn,{depth:p}),placeholderComponent:"div",listComponent:"div",listItemComponent:"div",classes:{root:$e.tree,draggingSource:$e.draggingSource,dropTarget:$e.dropTarget,placeholder:$e.placeholderContainer},initialOpen:o})})})]})};try{Je.displayName="Tree",Je.__docgenInfo={description:"",displayName:"Tree",props:{list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"ITreeListProps"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((newList: any[]) => void)"}},onChangeOpen:{defaultValue:null,description:"",name:"onChangeOpen",required:!1,type:{name:"((id: TStringOrNumber[]) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInitialOpen:{defaultValue:{value:"false"},description:"",name:"isInitialOpen",required:!1,type:{name:"boolean | string[] | number[]"}},treeRef:{defaultValue:null,description:"",name:"treeRef",required:!1,type:{name:"RefObject<any>"}},itemHasChild:{defaultValue:null,description:"",name:"itemHasChild",required:!1,type:{name:"((node: NodeModel<any>) => boolean)"}},onItemToggle:{defaultValue:null,description:"",name:"onItemToggle",required:!1,type:{name:"((node: NodeModel<any>, isOpen: boolean) => void)"}},icons:{defaultValue:null,description:"",name:"icons",required:!1,type:{name:"{ expand: ReactNode; collapse: ReactNode; }"}}}}}catch{}const Ne={name:"Animals",items:[{id:1,parent:0,droppable:!0,name:"Mammals",onClick:()=>console.log("Test")},{id:2,parent:1,droppable:!0,name:"Cats"},{id:3,parent:1,droppable:!0,name:"Dogs"},{id:4,parent:0,droppable:!0,name:"Amphibians"},{id:5,parent:4,droppable:!0,name:"Frogs"},{id:6,parent:0,droppable:!0,name:"Reptiles",active:!0}]},rm={...Ne,header:{actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>{}}]},items:Ne.items.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},nm={...Ne,items:Ne.items.map(e=>({...e,droppable:e.parent===0,details:e.parent===0?"Droppable":"Not droppable"}))},im={...Ne,items:Ne.items.map(e=>({...e,parent:0,droppable:!1}))},Vm={title:"Basic/Tree",component:Je,args:{list:Ne}},xe=e=>_.jsx(Je,{...e}),Zt=xe.bind({}),at=xe.bind({});at.args={list:rm};const st=xe.bind({});st.args={draggable:!0};const qe=xe.bind({});qe.args={draggable:!0,list:nm};qe.parameters={docs:{description:{story:"Use the `droppable` prop to specify which items can have other items dropped into them."}}};const ut=xe.bind({});ut.args={draggable:!0,list:im};const lt=xe.bind({});lt.args={isInitialOpen:!0};const ct=xe.bind({});ct.args={onChangeOpen:e=>console.log("onChangeOpen here",e)};const Jt=()=>{const[e,t]=m.useState([{id:1,parent:0,droppable:!0,name:"Mammals"},{id:2,parent:1,droppable:!0,name:"Cats"},{id:3,parent:1,droppable:!0,name:"Dogs"},{id:4,parent:0,droppable:!0,name:"Amphibians"},{id:5,parent:4,droppable:!0,name:"Frogs"},{id:6,parent:0,droppable:!0,name:"Reptiles"}]),r=()=>{const i={id:Math.max(...e.map(o=>o.id))+1,parent:0,droppable:!0,name:"New Item"};t([i].concat(e))},n={name:"Animals",actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>r()}],items:e};return _.jsx(Je,{list:n,draggable:!0,onListReorder:t})},om=[{id:1,parent:0,droppable:!0,name:"Mammals",onClick:()=>console.log("Test")},{id:4,parent:0,droppable:!0,name:"Amphibians"},{id:6,parent:0,droppable:!0,name:"Reptiles",active:!0}],am=[{id:2,parent:1,droppable:!0,name:"Cats"},{id:3,parent:1,droppable:!0,name:"Dogs"},{id:5,parent:4,droppable:!0,name:"Frogs"}],Qt=()=>{const[e,t]=m.useState(om),[r,n]=m.useState({}),i=m.useRef(0);m.useEffect(()=>()=>clearTimeout(i.current),[]);const o=l=>l.parent===0,a=m.useCallback((l,c)=>{n(d=>({...d,[l.id]:{isOpen:c,isLoading:c}})),c&&(console.log("Loading"),i.current=window.setTimeout(()=>{console.log("Loaded"),t(d=>d.filter(h=>h.parent!==l.id).concat(am.filter(h=>h.parent===l.id))),n(d=>({...d,[l.id]:{isOpen:c,isLoading:!1}}))},1e3))},[]),s=m.useMemo(()=>Object.keys(r).filter(l=>r[+l].isOpen).map(l=>{const c=r[+l];return{id:`${l}_extra`,parent:+l,name:c.isLoading?_.jsx(Bu,{muted:!0,children:"Loading..."}):_.jsx(ya,{label:"Load more...",onClick:()=>console.log(`Load more for parent ${l}`)})}}),[r]),u={name:"Animals",items:e.concat(s)};return _.jsx(Je,{list:u,itemHasChild:o,onItemToggle:a})},dt=xe.bind({});dt.args={icons:{expand:_.jsx(Mu,{}),collapse:_.jsx(Au,{})}};var Ho,zo,Uo;Zt.parameters={...Zt.parameters,docs:{...(Ho=Zt.parameters)==null?void 0:Ho.docs,source:{originalSource:`args => <Tree
+        see this guide: https://github.com/louisbrunner/dnd-multi-backend/tree/master/packages/react-dnd-multi-backend#migrating-from-2xx`);He(this,Yt,new ig),He(this,Z,{}),He(this,ye,[]),n.backends.forEach(i=>{const o=R(this,Lo).call(this,t,r,i);R(this,Z)[o.id]=o,R(this,ye).push(o)}),He(this,K,R(this,ye)[0].id),He(this,Re,{})}}ae(Xe,"isSetUp",!1);const ug=(e,t,r)=>new Xe(e,t,r),Tu=(e,t)=>({event:e,check:t}),lg=Tu("touchstart",e=>{const t=e;return t.touches!==null&&t.touches!==void 0}),cg=Tu("pointerdown",e=>e.pointerType=="mouse");var Ee;(function(e){e.mouse="mouse",e.touch="touch",e.keyboard="keyboard"})(Ee||(Ee={}));class dg{get delay(){var t;return(t=this.args.delay)!==null&&t!==void 0?t:0}get scrollAngleRanges(){return this.args.scrollAngleRanges}get getDropTargetElementsAtPoint(){return this.args.getDropTargetElementsAtPoint}get ignoreContextMenu(){var t;return(t=this.args.ignoreContextMenu)!==null&&t!==void 0?t:!1}get enableHoverOutsideTarget(){var t;return(t=this.args.enableHoverOutsideTarget)!==null&&t!==void 0?t:!1}get enableKeyboardEvents(){var t;return(t=this.args.enableKeyboardEvents)!==null&&t!==void 0?t:!1}get enableMouseEvents(){var t;return(t=this.args.enableMouseEvents)!==null&&t!==void 0?t:!1}get enableTouchEvents(){var t;return(t=this.args.enableTouchEvents)!==null&&t!==void 0?t:!0}get touchSlop(){return this.args.touchSlop||0}get delayTouchStart(){var t,r,n,i;return(i=(n=(t=this.args)===null||t===void 0?void 0:t.delayTouchStart)!==null&&n!==void 0?n:(r=this.args)===null||r===void 0?void 0:r.delay)!==null&&i!==void 0?i:0}get delayMouseStart(){var t,r,n,i;return(i=(n=(t=this.args)===null||t===void 0?void 0:t.delayMouseStart)!==null&&n!==void 0?n:(r=this.args)===null||r===void 0?void 0:r.delay)!==null&&i!==void 0?i:0}get window(){if(this.context&&this.context.window)return this.context.window;if(typeof window<"u")return window}get document(){var t;if(!((t=this.context)===null||t===void 0)&&t.document)return this.context.document;if(this.window)return this.window.document}get rootElement(){var t;return((t=this.args)===null||t===void 0?void 0:t.rootElement)||this.document}constructor(t,r){this.args=t,this.context=r}}function fg(e,t,r,n){return Math.sqrt(Math.pow(Math.abs(r-e),2)+Math.pow(Math.abs(n-t),2))}function hg(e,t,r,n,i){if(!i)return!1;const o=Math.atan2(n-t,r-e)*180/Math.PI+180;for(let a=0;a<i.length;++a){const s=i[a];if(s&&(s.start==null||o>=s.start)&&(s.end==null||o<=s.end))return!0}return!1}const vg={Left:1,Right:2,Center:4},pg={Left:0,Center:1,Right:2};function en(e){return e.button===void 0||e.button===pg.Left}function gg(e){return e.buttons===void 0||(e.buttons&vg.Left)===0}function Su(e){return!!e.targetTouches}const mg=1;function yg(e){const t=e.nodeType===mg?e:e.parentElement;if(!t)return;const{top:r,left:n}=t.getBoundingClientRect();return{x:n,y:r}}function bg(e,t){if(e.targetTouches.length===1)return gr(e.targetTouches[0]);if(t&&e.touches.length===1&&e.touches[0].target===t.target)return gr(e.touches[0])}function gr(e,t){return Su(e)?bg(e,t):{x:e.clientX,y:e.clientY}}const _o=(()=>{let e=!1;try{addEventListener("test",()=>{},Object.defineProperty({},"passive",{get(){return e=!0,!0}}))}catch{}return e})(),it={[Ee.mouse]:{start:"mousedown",move:"mousemove",end:"mouseup",contextmenu:"contextmenu"},[Ee.touch]:{start:"touchstart",move:"touchmove",end:"touchend"},[Ee.keyboard]:{keydown:"keydown"}};class St{profile(){var t;return{sourceNodes:this.sourceNodes.size,sourcePreviewNodes:this.sourcePreviewNodes.size,sourcePreviewNodeOptions:this.sourcePreviewNodeOptions.size,targetNodes:this.targetNodes.size,dragOverTargetIds:((t=this.dragOverTargetIds)===null||t===void 0?void 0:t.length)||0}}get document(){return this.options.document}setup(){const t=this.options.rootElement;t&&(P(!St.isSetUp,"Cannot have two Touch backends at the same time."),St.isSetUp=!0,this.addEventListener(t,"start",this.getTopMoveStartHandler()),this.addEventListener(t,"start",this.handleTopMoveStartCapture,!0),this.addEventListener(t,"move",this.handleTopMove),this.addEventListener(t,"move",this.handleTopMoveCapture,!0),this.addEventListener(t,"end",this.handleTopMoveEndCapture,!0),this.options.enableMouseEvents&&!this.options.ignoreContextMenu&&this.addEventListener(t,"contextmenu",this.handleTopMoveEndCapture),this.options.enableKeyboardEvents&&this.addEventListener(t,"keydown",this.handleCancelOnEscape,!0))}teardown(){const t=this.options.rootElement;t&&(St.isSetUp=!1,this._mouseClientOffset={},this.removeEventListener(t,"start",this.handleTopMoveStartCapture,!0),this.removeEventListener(t,"start",this.handleTopMoveStart),this.removeEventListener(t,"move",this.handleTopMoveCapture,!0),this.removeEventListener(t,"move",this.handleTopMove),this.removeEventListener(t,"end",this.handleTopMoveEndCapture,!0),this.options.enableMouseEvents&&!this.options.ignoreContextMenu&&this.removeEventListener(t,"contextmenu",this.handleTopMoveEndCapture),this.options.enableKeyboardEvents&&this.removeEventListener(t,"keydown",this.handleCancelOnEscape,!0),this.uninstallSourceNodeRemovalObserver())}addEventListener(t,r,n,i=!1){const o=_o?{capture:i,passive:!1}:i;this.listenerTypes.forEach(function(a){const s=it[a][r];s&&t.addEventListener(s,n,o)})}removeEventListener(t,r,n,i=!1){const o=_o?{capture:i,passive:!1}:i;this.listenerTypes.forEach(function(a){const s=it[a][r];s&&t.removeEventListener(s,n,o)})}connectDragSource(t,r){const n=this.handleMoveStart.bind(this,t);return this.sourceNodes.set(t,r),this.addEventListener(r,"start",n),()=>{this.sourceNodes.delete(t),this.removeEventListener(r,"start",n)}}connectDragPreview(t,r,n){return this.sourcePreviewNodeOptions.set(t,n),this.sourcePreviewNodes.set(t,r),()=>{this.sourcePreviewNodes.delete(t),this.sourcePreviewNodeOptions.delete(t)}}connectDropTarget(t,r){const n=this.options.rootElement;if(!this.document||!n)return()=>{};const i=o=>{if(!this.document||!n||!this.monitor.isDragging())return;let a;switch(o.type){case it.mouse.move:a={x:o.clientX,y:o.clientY};break;case it.touch.move:var s,u;a={x:((s=o.touches[0])===null||s===void 0?void 0:s.clientX)||0,y:((u=o.touches[0])===null||u===void 0?void 0:u.clientY)||0};break}const l=a!=null?this.document.elementFromPoint(a.x,a.y):void 0,c=l&&r.contains(l);if(l===r||c)return this.handleMove(o,t)};return this.addEventListener(this.document.body,"move",i),this.targetNodes.set(t,r),()=>{this.document&&(this.targetNodes.delete(t),this.removeEventListener(this.document.body,"move",i))}}getTopMoveStartHandler(){return!this.options.delayTouchStart&&!this.options.delayMouseStart?this.handleTopMoveStart:this.handleTopMoveStartDelay}installSourceNodeRemovalObserver(t){this.uninstallSourceNodeRemovalObserver(),this.draggedSourceNode=t,this.draggedSourceNodeRemovalObserver=new MutationObserver(()=>{t&&!t.parentElement&&(this.resurrectSourceNode(),this.uninstallSourceNodeRemovalObserver())}),!(!t||!t.parentElement)&&this.draggedSourceNodeRemovalObserver.observe(t.parentElement,{childList:!0})}resurrectSourceNode(){this.document&&this.draggedSourceNode&&(this.draggedSourceNode.style.display="none",this.draggedSourceNode.removeAttribute("data-reactid"),this.document.body.appendChild(this.draggedSourceNode))}uninstallSourceNodeRemovalObserver(){this.draggedSourceNodeRemovalObserver&&this.draggedSourceNodeRemovalObserver.disconnect(),this.draggedSourceNodeRemovalObserver=void 0,this.draggedSourceNode=void 0}constructor(t,r,n){this.getSourceClientOffset=i=>{const o=this.sourceNodes.get(i);return o&&yg(o)},this.handleTopMoveStartCapture=i=>{en(i)&&(this.moveStartSourceIds=[])},this.handleMoveStart=i=>{Array.isArray(this.moveStartSourceIds)&&this.moveStartSourceIds.unshift(i)},this.handleTopMoveStart=i=>{if(!en(i))return;const o=gr(i);o&&(Su(i)&&(this.lastTargetTouchFallback=i.targetTouches[0]),this._mouseClientOffset=o),this.waitingForDelay=!1},this.handleTopMoveStartDelay=i=>{if(!en(i))return;const o=i.type===it.touch.start?this.options.delayTouchStart:this.options.delayMouseStart;this.timeout=setTimeout(this.handleTopMoveStart.bind(this,i),o),this.waitingForDelay=!0},this.handleTopMoveCapture=()=>{this.dragOverTargetIds=[]},this.handleMove=(i,o)=>{this.dragOverTargetIds&&this.dragOverTargetIds.unshift(o)},this.handleTopMove=i=>{if(this.timeout&&clearTimeout(this.timeout),!this.document||this.waitingForDelay)return;const{moveStartSourceIds:o,dragOverTargetIds:a}=this,s=this.options.enableHoverOutsideTarget,u=gr(i,this.lastTargetTouchFallback);if(!u)return;if(this._isScrolling||!this.monitor.isDragging()&&hg(this._mouseClientOffset.x||0,this._mouseClientOffset.y||0,u.x,u.y,this.options.scrollAngleRanges)){this._isScrolling=!0;return}if(!this.monitor.isDragging()&&this._mouseClientOffset.hasOwnProperty("x")&&o&&fg(this._mouseClientOffset.x||0,this._mouseClientOffset.y||0,u.x,u.y)>(this.options.touchSlop?this.options.touchSlop:0)&&(this.moveStartSourceIds=void 0,this.actions.beginDrag(o,{clientOffset:this._mouseClientOffset,getSourceClientOffset:this.getSourceClientOffset,publishSource:!1})),!this.monitor.isDragging())return;const l=this.sourceNodes.get(this.monitor.getSourceId());this.installSourceNodeRemovalObserver(l),this.actions.publishDragSource(),i.cancelable&&i.preventDefault();const c=(a||[]).map(v=>this.targetNodes.get(v)).filter(v=>!!v),d=this.options.getDropTargetElementsAtPoint?this.options.getDropTargetElementsAtPoint(u.x,u.y,c):this.document.elementsFromPoint(u.x,u.y),h=[];for(const v in d){if(!d.hasOwnProperty(v))continue;let p=d[v];for(p!=null&&h.push(p);p;)p=p.parentElement,p&&h.indexOf(p)===-1&&h.push(p)}const f=h.filter(v=>c.indexOf(v)>-1).map(v=>this._getDropTargetId(v)).filter(v=>!!v).filter((v,p,g)=>g.indexOf(v)===p);if(s)for(const v in this.targetNodes){const p=this.targetNodes.get(v);if(l&&p&&p.contains(l)&&f.indexOf(v)===-1){f.unshift(v);break}}f.reverse(),this.actions.hover(f,{clientOffset:u})},this._getDropTargetId=i=>{const o=this.targetNodes.keys();let a=o.next();for(;a.done===!1;){const s=a.value;if(i===this.targetNodes.get(s))return s;a=o.next()}},this.handleTopMoveEndCapture=i=>{if(this._isScrolling=!1,this.lastTargetTouchFallback=void 0,!!gg(i)){if(!this.monitor.isDragging()||this.monitor.didDrop()){this.moveStartSourceIds=void 0;return}i.cancelable&&i.preventDefault(),this._mouseClientOffset={},this.uninstallSourceNodeRemovalObserver(),this.actions.drop(),this.actions.endDrag()}},this.handleCancelOnEscape=i=>{i.key==="Escape"&&this.monitor.isDragging()&&(this._mouseClientOffset={},this.uninstallSourceNodeRemovalObserver(),this.actions.endDrag())},this.options=new dg(n,r),this.actions=t.getActions(),this.monitor=t.getMonitor(),this.sourceNodes=new Map,this.sourcePreviewNodes=new Map,this.sourcePreviewNodeOptions=new Map,this.targetNodes=new Map,this.listenerTypes=[],this._mouseClientOffset={},this._isScrolling=!1,this.options.enableMouseEvents&&this.listenerTypes.push(Ee.mouse),this.options.enableTouchEvents&&this.listenerTypes.push(Ee.touch),this.options.enableKeyboardEvents&&this.listenerTypes.push(Ee.keyboard)}}const Tg=function(t,r={},n={}){return new St(t,r,n)};var Q=function(){return Q=Object.assign||function(t){for(var r,n=1,i=arguments.length;n<i;n++){r=arguments[n];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},Q.apply(this,arguments)};function q(e,t,r){if(r||arguments.length===2)for(var n=0,i=t.length,o;n<i;n++)(o||!(n in t))&&(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function Sg(e){var t=e.isVisible,r=e.ease,n=r===void 0?"easeIn":r,i=e.duration,o=e.variants,a=o===void 0?{open:{opacity:1,height:"auto"},close:{opacity:0,height:0}}:o,s=e.children,u=Yp({polyfill:hd}),l=u[0],c=u[1].height,d=m.useState(t),h=d[0],f=d[1],v=m.useState(t),p=v[0],g=v[1],y=m.useState(!1),b=y[0],T=y[1],D=function(){T(!1),t||f(!1)};return m.useEffect(function(){T(!0),t?f(!0):g(!1)},[t]),m.useEffect(function(){h&&g(!0)},[c]),N.createElement(Wp.div,{style:b?{overflow:"hidden"}:void 0,onAnimationComplete:D,initial:p?"open":"close",animate:p?"open":"close",inherit:!1,variants:a,transition:{ease:n,duration:Dg(c,i)}},N.createElement("div",{ref:l},h&&s))}function Dg(e,t){if(t)return t;if(!e)return 0;var r=e/36;return Math.round((4+10*Math.pow(r,.25)+r/5)*10)/1500}var wg=function(e,t){return e.text>t.text?1:e.text<t.text?-1:0},ot=function(e,t){return e.find(function(r){return r.id===t})},Du=function(e,t,r){if(r===0)return!1;var n=e.find(function(i){return i.id===r});return n===void 0?!1:n.parent===t?!0:Du(e,t,n.parent)},ai=function(e){return e.id!==void 0&&e.parent!==void 0&&e.text!==void 0},Ce=function(e,t,r){var n=r.tree,i=r.rootId,o=r.canDrop;if(e===null){if(t===i)return!0;var a=n.find(function(c){return c.id===t});return!!(a&&a.droppable)}else{var s=ai(e)?e.id:null;if(o){var u=o(s,t);if(u!==void 0)return u}if(s===t)return!1;var l=n.find(function(d){return d.id===s}),a=n.find(function(d){return d.id===t});return l===void 0||s===null?t===i||!!(a!=null&&a.droppable):a===void 0?l.parent!==0:l.parent===t||!a.droppable?!1:!Du(n,s,t)}},Eg=function(e,t,r){return e.map(function(n){return n.id===t?Q(Q({},n),{parent:r}):n})},wu=function(e,t,r){if(r===0)return 0;var n=e.filter(function(i){return i.parent===t});return n[r]?e.findIndex(function(i){return i.id===n[r].id}):e.findIndex(function(i){return i.id===n[r-1].id})+1},Cg=function(e,t){return e.findIndex(function(r){return r.id===t})},Eu=function(e,t,r,n){var i=Cg(e,t),o=wu(e,r,n);return o=o>i?o-1:o,[i,o]},Og=function(e,t,r){var n=t<0?e.length+t:t;if(n>=0&&n<e.length){var i=r<0?e.length+r:r,o=e.splice(t,1)[0];e.splice(i,0,o)}},xg=function(e,t,r,n){var i=Eu(e,t,r,n),o=i[0],a=i[1],s=q([],e,!0);return Og(s,o,a),s.map(function(u){return u.id===t?Q(Q({},u),{parent:r}):u})},Ig=function(e,t){var r=e.getBoundingClientRect(),n=r.top+r.height/2;return t>n?"down":"up"},On=function(e,t){var r="",n=0;return e.forEach(function(i,o){var a,s=Ig(i,((a=t.getClientOffset())===null||a===void 0?void 0:a.y)||0);r===""?r=s:r!==s&&(r=s,n=o),o===e.length-1&&s==="down"&&(n=o+1)}),n},Fo=function(e,t,r){var n=t.closest('[role="list"]'),i=n==null?void 0:n.querySelectorAll(':scope > [role="listitem"]');return i?On(i,r):null},Pg=function(e,t,r){var n=e.getBoundingClientRect(),i=r.dropTargetOffset,o=n.top+i,a=n.bottom-i;return t>a?"lower":t<o?"upper":"middle"},xn=function(e,t,r,n){var i;if(!t)return null;if(e===null){var o=t.querySelectorAll(':scope > [role="listitem"]');return{id:n.rootId,index:On(o,r)}}var a=r.getItem(),s=t.querySelector('[role="list"]'),u=Pg(t,((i=r.getClientOffset())===null||i===void 0?void 0:i.y)||0,n);if(s){if(u==="upper")if(Ce(a,e.parent,n)){var l=Fo(e,t,r);return l===null?null:{id:e.parent,index:l}}else return{id:e.id,index:0};var o=s.querySelectorAll(':scope > [role="listitem"]');return{id:e.id,index:On(o,r)}}else{if(u==="middle")return{id:e.id,index:0};if(Ce(a,e.parent,n)){var l=Fo(e,t,r);return l===null?null:{id:e.parent,index:l}}return null}},Rg=function(e){return e===void 0&&(e={}),{backends:[{id:"html5",backend:Wc,options:e.html5,transition:cg},{id:"touch",backend:Tg,options:e.touch||{enableMouseEvents:!0},preview:!0,transition:lg}]}},or=function(e,t){return e.some(function(r){return r.parent===t})},Cu=m.createContext({}),Mg=function(e){var t=Bg(e.tree,e.initialOpen),r=t[0],n=t[1],i=n.handleToggle,o=n.handleCloseAll,a=n.handleOpenAll,s=n.handleOpen,u=n.handleClose;m.useImperativeHandle(e.treeRef,function(){return{open:function(f){return s(f,e.onChangeOpen)},close:function(f){return u(f,e.onChangeOpen)},openAll:function(){return a(e.onChangeOpen)},closeAll:function(){return o(e.onChangeOpen)}}});var l=ge().getMonitor(),c=e.canDrop,d=e.canDrag,h=Q(Q({extraAcceptTypes:[],listComponent:"ul",listItemComponent:"li",placeholderComponent:"li",sort:!0,insertDroppableFirst:!0,enableAnimateExpand:!1,dropTargetOffset:0,initialOpen:!1},e),{openIds:r,onDrop:function(f,v,p){if(f){var g={dragSourceId:f.id,dropTargetId:v,dragSource:f,dropTarget:ot(e.tree,v),monitor:l},y=e.tree;if(ot(y,f.id)||(y=q(q([],y,!0),[f],!1)),e.sort===!1){var b=Eu(y,f.id,v,p),T=b[1];g.destinationIndex=T,g.relativeIndex=p,e.onDrop(xg(y,f.id,v,p),g);return}e.onDrop(Eg(y,f.id,v),g)}else{var g={dropTargetId:v,dropTarget:ot(e.tree,v),monitor:l};e.sort===!1&&(g.destinationIndex=wu(e.tree,v,p),g.relativeIndex=p),e.onDrop(e.tree,g)}},canDrop:c?function(f,v){return c(e.tree,{dragSourceId:f??void 0,dropTargetId:v,dragSource:l.getItem(),dropTarget:ot(e.tree,v),monitor:l})}:void 0,canDrag:d?function(f){return d(ot(e.tree,f))}:void 0,onToggle:function(f){return i(f,e.onChangeOpen)}});return N.createElement(Cu.Provider,{value:h},e.children)},Ou=m.createContext({}),Ag={isLock:!1},Lg=function(e){var t=m.useState(Ag.isLock),r=t[0],n=t[1];return N.createElement(Ou.Provider,{value:{isLock:r,lock:function(){return n(!0)},unlock:function(){return n(!1)}}},e.children)},Lt=m.createContext({}),Kt={dropTargetId:void 0,index:void 0},Vg=function(e){var t=m.useState(Kt.dropTargetId),r=t[0],n=t[1],i=m.useState(Kt.index),o=i[0],a=i[1],s=function(l,c){n(l),a(c)},u=function(){n(Kt.dropTargetId),a(Kt.index)};return N.createElement(Lt.Provider,{value:{dropTargetId:r,index:o,showPlaceholder:s,hidePlaceholder:u}},e.children)},Ng=function(e){return N.createElement(Mg,Q({},e),N.createElement(Lg,null,N.createElement(Vg,null,e.children)))},_g=function(e){var t=m.useContext(Ou);m.useEffect(function(){if(e.current){var r=e.current,n=function(c){var d=c.target;(d instanceof HTMLInputElement||d instanceof HTMLTextAreaElement)&&t.lock()},i=function(c){var d=c.target;(d instanceof HTMLInputElement||d instanceof HTMLTextAreaElement)&&t.unlock()},o=function(c){return n(c)},a=function(c){return i(c)},s=function(c){return n(c)},u=function(c){return i(c)},l=new MutationObserver(function(){document.activeElement===document.body&&t.unlock()});return l.observe(r,{subtree:!0,childList:!0}),r.addEventListener("mouseover",o),r.addEventListener("mouseout",a),r.addEventListener("focusin",s),r.addEventListener("focusout",u),function(){l.disconnect(),r.removeEventListener("mouseover",o),r.removeEventListener("mouseout",a),r.removeEventListener("focusin",s),r.removeEventListener("focusout",u)}}},[e,t]),m.useEffect(function(){var r;(r=e.current)===null||r===void 0||r.setAttribute("draggable",t.isLock?"false":"true")},[e,t.isLock])},Mr={TREE_ITEM:Symbol()},xu=null,Iu=function(e){var t=e.target;if(t instanceof HTMLElement){var r=t.closest('[role="listitem"]');e.currentTarget===r&&(xu=r)}},jo=function(e){return Iu(e)},ko=function(e){return Iu(e)},Fg=function(e,t){var r=Oe();m.useEffect(function(){var s=t.current;return s==null||s.addEventListener("dragstart",jo),s==null||s.addEventListener("touchstart",ko,{passive:!0}),function(){s==null||s.removeEventListener("dragstart",jo),s==null||s.removeEventListener("touchstart",ko)}},[t]);var n=wc({type:Mr.TREE_ITEM,item:function(s){var u=Q({ref:t},e);return r.onDragStart&&r.onDragStart(u,s),u},end:function(s,u){var l=s;r.onDragEnd&&r.onDragEnd(l,u)},canDrag:function(){var s=r.canDrag;return xu!==t.current?!1:s?s(e.id):!0},collect:function(s){return{isDragging:s.isDragging()}}}),i=n[0].isDragging,o=n[1],a=n[2];return[i,o,a]},jg=function(e){var t=Oe(),r=m.useContext(Lt),n=Ra({accept:q([Mr.TREE_ITEM],t.extraAcceptTypes,!0),drop:function(u,l){var c=t.rootId,d=t.onDrop,h=r.dropTargetId,f=r.index;l.isOver({shallow:!0})&&h!==void 0&&f!==void 0&&d(ai(u)?u:null,c,f),r.hidePlaceholder()},canDrop:function(u,l){var c=t.rootId;return l.isOver({shallow:!0})?u===void 0?!1:Ce(u,c,t):!1},hover:function(u,l){if(l.isOver({shallow:!0})){var c=t.rootId,d=r.dropTargetId,h=r.index,f=r.showPlaceholder,v=r.hidePlaceholder,p=xn(null,e.current,l,t);if(p===null||!Ce(u,c,t)){v();return}(p.id!==d||p.index!==h)&&f(p.id,p.index)}},collect:function(u){var l=u.getItem();return{isOver:u.isOver({shallow:!0})&&u.canDrop(),dragSource:l}}}),i=n[0],o=i.isOver,a=i.dragSource,s=n[1];return[o,a,s]},kg=function(e,t){var r=Oe(),n=m.useContext(Lt),i=Ra({accept:q([Mr.TREE_ITEM],r.extraAcceptTypes,!0),drop:function(l,c){var d=n.dropTargetId,h=n.index;c.isOver({shallow:!0})&&d!==void 0&&h!==void 0&&r.onDrop(ai(l)?l:null,d,h),n.hidePlaceholder()},canDrop:function(l,c){if(c.isOver({shallow:!0})){var d=xn(e,t.current,c,r);return d===null?!1:Ce(l,d.id,r)}return!1},hover:function(l,c){if(c.isOver({shallow:!0})){var d=n.dropTargetId,h=n.index,f=n.showPlaceholder,v=n.hidePlaceholder,p=xn(e,t.current,c,r);if(p===null||!Ce(l,p.id,r)){v();return}(p.id!==d||p.index!==h)&&f(p.id,p.index)}},collect:function(l){var c=l.getItem();return{isOver:l.isOver({shallow:!0})&&l.canDrop(),dragSource:c}}}),o=i[0],a=o.isOver,s=o.dragSource,u=i[1];return[a,s,u]},Bg=function(e,t){var r=m.useMemo(function(){return t===!0?e.filter(function(d){return or(e,d.id)}).map(function(d){return d.id}):Array.isArray(t)?t:[]},[t]),n=m.useState(r),i=n[0],o=n[1];m.useEffect(function(){return o(r)},[t]);var a=function(d,h){var f=i.includes(d)?i.filter(function(v){return v!==d}):q(q([],i,!0),[d],!1);o(f),h&&h(f)},s=function(d){o([]),d&&d([])},u=function(d){var h=e.filter(function(f){return or(e,f.id)}).map(function(f){return f.id});o(h),d&&d(h)},l=function(d,h){var f=[];if(Array.isArray(d)){var v=e.filter(function(p){return d.includes(p.id)&&or(e,p.id)});f=q(q([],i,!0),v.map(function(p){return p.id}),!0).filter(function(p,g,y){return y.indexOf(p)===g})}else f=i.includes(d)?i:q(q([],i,!0),[d],!1);o(f),h&&h(f)},c=function(d,h){var f=i.filter(function(v){return Array.isArray(d)?!d.includes(v):v!==d});o(f),h&&h(f)};return[i,{handleToggle:a,handleCloseAll:s,handleOpenAll:u,handleOpen:l,handleClose:c}]},Hg=function(){return Ec(function(e){var t=e.getItemType();return{item:e.getItem(),clientOffset:e.getClientOffset(),isDragging:e.isDragging()&&t===Mr.TREE_ITEM}})},Oe=function(){var e=m.useContext(Cu);if(!e)throw new Error("useTreeContext must be used under TreeProvider");return e},zg=function(e,t){var r=Oe(),n=r.rootId,i=r.rootProps,o=r.classes,a=(o==null?void 0:o.container)||"";return t&&(o!=null&&o.dropTarget)&&(a="".concat(a," ").concat(o.dropTarget)),e===n&&(o!=null&&o.root)&&(a="".concat(a," ").concat(o.root)),e===n&&(i!=null&&i.className)&&(a="".concat(a," ").concat(i.className)),a=a.trim(),a},Ug=function(e,t,r){t.current?r(t):r(e),m.useEffect(function(){t.current?r(t):r(e)},[t.current])},$g=function(e){var t=Oe(),r=m.useContext(Lt),n=m.useRef(null),i=m.useRef(null),o=t.tree.find(function(A){return A.id===e.id}),a=t.openIds,s=t.classes,u=t.enableAnimateExpand,l=a.includes(e.id),c=Fg(o,n),d=c[0],h=c[1],f=c[2],v=kg(o,n),p=v[0],g=v[1],y=v[2];Ug(n,i,h),Ce(g,e.id,t)&&y(n),m.useEffect(function(){t.dragPreviewRender?f(qc(),{captureDraggingState:!0}):i.current&&f(n)},[f,t.dragPreviewRender]),_g(n);var b=function(){return t.onToggle(o.id)},T=t.listItemComponent,D=(s==null?void 0:s.listItem)||"";p&&(s!=null&&s.dropTarget)&&(D="".concat(D," ").concat(s.dropTarget)),d&&(s!=null&&s.draggingSource)&&(D="".concat(D," ").concat(s.draggingSource));var w=t.canDrag?t.canDrag(e.id):!0,x=r.dropTargetId===e.id,M={depth:e.depth,isOpen:l,isDragging:d,isDropTarget:x,draggable:w,hasChild:or(t.tree,e.id),containerRef:n,handleRef:i,onToggle:b};return N.createElement(T,{ref:n,className:D,role:"listitem"},t.render(o,M),u&&M.hasChild&&N.createElement(Sg,{isVisible:l},N.createElement(In,{parentId:e.id,depth:e.depth+1})),!u&&M.hasChild&&l&&N.createElement(In,{parentId:e.id,depth:e.depth+1}))},Bo=function(e){var t=Oe(),r=t.placeholderRender,n=t.placeholderComponent,i=t.classes,o=m.useContext(Lt),a=ge(),s=a.getMonitor(),u=s.getItem();if(!r||!u)return null;var l=e.dropTargetId===o.dropTargetId&&(e.index===o.index||e.index===void 0&&e.listCount===o.index);return l?N.createElement(n,{className:(i==null?void 0:i.placeholder)||""},r(u,{depth:e.depth})):null},In=function(e){var t=Oe(),r=m.useRef(null),n=t.tree.filter(function(p){return p.parent===e.parentId}),i=n,o=typeof t.sort=="function"?t.sort:wg;if(t.insertDroppableFirst){var a=n.filter(function(p){return p.droppable}),s=n.filter(function(p){return!p.droppable});t.sort===!1?i=q(q([],a,!0),s,!0):(a=a.sort(o),s=s.sort(o),i=q(q([],a,!0),s,!0))}else t.sort!==!1&&(i=n.sort(o));var u=jg(r),l=u[0],c=u[1],d=u[2];e.parentId===t.rootId&&Ce(c,t.rootId,t)&&d(r);var h=zg(e.parentId,l),f=t.rootProps||{},v=t.listComponent;return N.createElement(v,Q({ref:r,role:"list"},f,{className:h}),i.map(function(p,g){return N.createElement(N.Fragment,{key:p.id},N.createElement(Bo,{depth:e.depth,listCount:i.length,dropTargetId:e.parentId,index:g}),N.createElement($g,{id:p.id,depth:e.depth}))}),N.createElement(Bo,{depth:e.depth,listCount:i.length,dropTargetId:e.parentId}))},qg={height:"100%",left:0,pointerEvents:"none",position:"fixed",top:0,width:"100%",zIndex:100},Wg=function(e){var t=e.clientOffset;if(!t)return{};var r=t.x,n=t.y,i="translate(".concat(r,"px, ").concat(n,"px)");return{pointerEvents:"none",transform:i}},Gg=function(){var e=Oe(),t=Hg(),r=t.isDragging,n=t.clientOffset;return!r||!n?null:N.createElement("div",{style:qg},N.createElement("div",{style:Wg(t)},e.dragPreviewRender&&e.dragPreviewRender(t)))};function Yg(e,t){return N.createElement(Ng,Q({},e,{treeRef:t}),e.dragPreviewRender&&N.createElement(Gg,null),N.createElement(In,{parentId:e.rootId,depth:0}))}var Xg=m.forwardRef(Yg);const Kg="_tree_1lv9u_1",Zg="_toggle_1lv9u_4",Jg="_dropTarget_1lv9u_11",Qg="_draggingSource_1lv9u_14",em="_placeholderContainer_1lv9u_17",tm="_placeholder_1lv9u_17",$e={tree:Kg,toggle:Zg,dropTarget:Jg,draggingSource:Qg,placeholderContainer:em,placeholder:tm},Pn=({node:e,depth:t,isOpen:r,onToggle:n,hasChild:i,draggable:o,icons:a})=>{const{id:s,data:u}=e,{active:l,testId:c,onClick:d,actions:h=[]}=u,f=v=>{v.stopPropagation(),n(s)};return _.jsx("div",{className:Vu(fe.item,fe.action,l?fe.active:"",t>0?fe.indented:""),style:{marginInlineStart:t*24},"data-testid":c,onClick:v=>{d?d(v):i&&f(v)},children:_.jsxs("div",{className:fe.itemHeader,children:[i&&_.jsx("div",{className:$e.toggle,children:_.jsx(ya,{basic:!0,colored:r?!0:Nu.MUTED,small:!0,round:!0,icon:r?(a==null?void 0:a.collapse)||Lr.COLLAPSE:(a==null?void 0:a.expand)||Lr.EXPAND,onClick:f})}),o&&_.jsx("div",{className:fe.drag,children:_.jsx(Ru,{icon:Lr.DRAG})}),_.jsx(_u,{item:u}),_.jsx("div",{className:fe.right,children:_.jsx("div",{className:fe.actions,children:_.jsx(ju,{actions:h})})})]})})};try{Pn.displayName="TreeItem",Pn.__docgenInfo={description:"",displayName:"TreeItem",props:{node:{defaultValue:null,description:"",name:"node",required:!0,type:{name:"NodeModel<any>"}},depth:{defaultValue:null,description:"",name:"depth",required:!0,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"",name:"onToggle",required:!0,type:{name:"(id: TStringOrNumber) => void"}},hasChild:{defaultValue:null,description:"",name:"hasChild",required:!0,type:{name:"boolean"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},icons:{defaultValue:null,description:"",name:"icons",required:!1,type:{name:"{ expand: ReactNode; collapse: ReactNode; }"}}}}}catch{}const Rn=({depth:e})=>_.jsx("div",{className:$e.placeholder,style:{left:e*24}});try{Rn.displayName="TreePlaceholder",Rn.__docgenInfo={description:"",displayName:"TreePlaceholder",props:{depth:{defaultValue:null,description:"",name:"depth",required:!0,type:{name:"number"}}}}}catch{}const Je=({list:e,draggable:t=!1,onListReorder:r,onChangeOpen:n,testId:i,isInitialOpen:o=!1,treeRef:a,itemHasChild:s,onItemToggle:u,icons:l})=>{var f;const c=v=>{if(r){const p=v.map(({id:g,parent:y,droppable:b,data:T})=>({id:g,parent:y,droppable:b,...T}));r(p)}},d=v=>{n&&n(v)},h=(f=e==null?void 0:e.items)==null?void 0:f.map(({id:v,droppable:p,parent:g,name:y,...b})=>({id:v,text:y,droppable:p,parent:g,data:{name:y,...b}}));return _.jsxs("div",{"data-testid":i,children:[e.name&&!e.noHeader&&_.jsx(Fu,{name:e.name,actions:e.actions}),_.jsx("div",{className:fe.list,children:_.jsx(rc,{backend:ug,options:Rg(),context:window,children:_.jsx(Xg,{ref:a,tree:h,sort:!1,insertDroppableFirst:!1,canDrag:()=>t,canDrop:(v,{dragSource:p,dropTargetId:g})=>{if((p==null?void 0:p.parent)===g)return!0},rootId:0,render:(v,{depth:p,isOpen:g,onToggle:y,hasChild:b})=>_.jsx(Pn,{hasChild:s?s(v):b,node:v,depth:p,isOpen:g,onToggle:()=>{u==null||u(v,!g),y()},draggable:t,icons:l}),onDrop:c,onChangeOpen:d,dropTargetOffset:5,placeholderRender:(v,{depth:p})=>_.jsx(Rn,{depth:p}),placeholderComponent:"div",listComponent:"div",listItemComponent:"div",classes:{root:$e.tree,draggingSource:$e.draggingSource,dropTarget:$e.dropTarget,placeholder:$e.placeholderContainer},initialOpen:o})})})]})};try{Je.displayName="Tree",Je.__docgenInfo={description:"",displayName:"Tree",props:{list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"ITreeListProps"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((newList: any[]) => void)"}},onChangeOpen:{defaultValue:null,description:"",name:"onChangeOpen",required:!1,type:{name:"((id: TStringOrNumber[]) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInitialOpen:{defaultValue:{value:"false"},description:"",name:"isInitialOpen",required:!1,type:{name:"boolean | string[] | number[]"}},treeRef:{defaultValue:null,description:"",name:"treeRef",required:!1,type:{name:"RefObject<any>"}},itemHasChild:{defaultValue:null,description:"",name:"itemHasChild",required:!1,type:{name:"((node: NodeModel<any>) => boolean)"}},onItemToggle:{defaultValue:null,description:"",name:"onItemToggle",required:!1,type:{name:"((node: NodeModel<any>, isOpen: boolean) => void)"}},icons:{defaultValue:null,description:"",name:"icons",required:!1,type:{name:"{ expand: ReactNode; collapse: ReactNode; }"}}}}}catch{}const Ne={name:"Animals",items:[{id:1,parent:0,droppable:!0,name:"Mammals",onClick:()=>console.log("Test")},{id:2,parent:1,droppable:!0,name:"Cats"},{id:3,parent:1,droppable:!0,name:"Dogs"},{id:4,parent:0,droppable:!0,name:"Amphibians"},{id:5,parent:4,droppable:!0,name:"Frogs"},{id:6,parent:0,droppable:!0,name:"Reptiles",active:!0}]},rm={...Ne,header:{actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>{}}]},items:Ne.items.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},nm={...Ne,items:Ne.items.map(e=>({...e,droppable:e.parent===0,details:e.parent===0?"Droppable":"Not droppable"}))},im={...Ne,items:Ne.items.map(e=>({...e,parent:0,droppable:!1}))},Vm={title:"Basic/Tree",component:Je,args:{list:Ne}},xe=e=>_.jsx(Je,{...e}),Zt=xe.bind({}),at=xe.bind({});at.args={list:rm};const st=xe.bind({});st.args={draggable:!0};const qe=xe.bind({});qe.args={draggable:!0,list:nm};qe.parameters={docs:{description:{story:"Use the `droppable` prop to specify which items can have other items dropped into them."}}};const ut=xe.bind({});ut.args={draggable:!0,list:im};const lt=xe.bind({});lt.args={isInitialOpen:!0};const ct=xe.bind({});ct.args={onChangeOpen:e=>console.log("onChangeOpen here",e)};const Jt=()=>{const[e,t]=m.useState([{id:1,parent:0,droppable:!0,name:"Mammals"},{id:2,parent:1,droppable:!0,name:"Cats"},{id:3,parent:1,droppable:!0,name:"Dogs"},{id:4,parent:0,droppable:!0,name:"Amphibians"},{id:5,parent:4,droppable:!0,name:"Frogs"},{id:6,parent:0,droppable:!0,name:"Reptiles"}]),r=()=>{const i={id:Math.max(...e.map(o=>o.id))+1,parent:0,droppable:!0,name:"New Item"};t([i].concat(e))},n={name:"Animals",actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>r()}],items:e};return _.jsx(Je,{list:n,draggable:!0,onListReorder:t})},om=[{id:1,parent:0,droppable:!0,name:"Mammals",onClick:()=>console.log("Test")},{id:4,parent:0,droppable:!0,name:"Amphibians"},{id:6,parent:0,droppable:!0,name:"Reptiles",active:!0}],am=[{id:2,parent:1,droppable:!0,name:"Cats"},{id:3,parent:1,droppable:!0,name:"Dogs"},{id:5,parent:4,droppable:!0,name:"Frogs"}],Qt=()=>{const[e,t]=m.useState(om),[r,n]=m.useState({}),i=m.useRef(0);m.useEffect(()=>()=>clearTimeout(i.current),[]);const o=l=>l.parent===0,a=m.useCallback((l,c)=>{n(d=>({...d,[l.id]:{isOpen:c,isLoading:c}})),c&&(console.log("Loading"),i.current=window.setTimeout(()=>{console.log("Loaded"),t(d=>d.filter(h=>h.parent!==l.id).concat(am.filter(h=>h.parent===l.id))),n(d=>({...d,[l.id]:{isOpen:c,isLoading:!1}}))},1e3))},[]),s=m.useMemo(()=>Object.keys(r).filter(l=>r[+l].isOpen).map(l=>{const c=r[+l];return{id:`${l}_extra`,parent:+l,name:c.isLoading?_.jsx(Bu,{muted:!0,children:"Loading..."}):_.jsx(ya,{label:"Load more...",onClick:()=>console.log(`Load more for parent ${l}`)})}}),[r]),u={name:"Animals",items:e.concat(s)};return _.jsx(Je,{list:u,itemHasChild:o,onItemToggle:a})},dt=xe.bind({});dt.args={icons:{expand:_.jsx(Mu,{}),collapse:_.jsx(Au,{})}};var Ho,zo,Uo;Zt.parameters={...Zt.parameters,docs:{...(Ho=Zt.parameters)==null?void 0:Ho.docs,source:{originalSource:`args => <Tree
 // eslint-disable-next-line react/jsx-props-no-spreading
 {...args} />`,...(Uo=(zo=Zt.parameters)==null?void 0:zo.docs)==null?void 0:Uo.source}}};var $o,qo,Wo;at.parameters={...at.parameters,docs:{...($o=at.parameters)==null?void 0:$o.docs,source:{originalSource:`args => <Tree
 // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/storybook/iframe.html

@@ -357,7 +357,7 @@
   }
 </script>
 
-  <script type="module" crossorigin src="./assets/iframe-896b73a0.js"></script>
+  <script type="module" crossorigin src="./assets/iframe-39743b5e.js"></script>
 </head>
 
 <body>

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1705071449612,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.3"}}}
+{"generatedAt":1705485200605,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.3"}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.1.0",
+  "version": "4.1.2",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

package/dist/storybook/assets/preview-e76dbb71.js

@@ -1 +0,0 @@
-import{_ as e}from"./iframe-896b73a0.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-48495c39.js"),["./DocsRenderer-NNNQARDV-48495c39.js","./chunk-HLWAVYOI-a66a3551.js","./iframe-896b73a0.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-827824fc.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};