kdpa-components 1.51.5 → 1.51.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1667,7 +1667,7 @@ Message: ${on}`),on}}const isString$1=on=>typeof on=="string",isFunction$1=on=>t
|
|
|
1667
1667
|
color: ${on=>on?.activeColor??"#7367aa"};
|
|
1668
1668
|
border-bottom: 3px solid ${on=>on?.activeColor??"#7367aa"};
|
|
1669
1669
|
}
|
|
1670
|
-
`;function KdTabsTrigger({children:on,...rn}){const dn=useTheme$1()?.palette?.primary?.main;return jsx$1(StyledTabsTrigger,{className:"KdTabsTrigger",activeColor:dn,...rn,children:on})}const StyledDiv$2=styled$1("div")();function KdStepRoot({currentStep:on,setCurrentStep:rn,defaultValue:un,children:dn,orientation:pn="horizontal",clickSteps:fn=!1,showConnector:hn=!0,...gn}){return useEffect(()=>{un&&rn(typeof un=="string"?parseInt(un):un)},[un]),jsx$1(StyledDiv$2,{...gn,className:`${gn.className} KdStepRoot ${pn==="vertical"?"KdStepRoot_vertical":"KdStepRoot_horizontal"}`,children:dn.map((vn,yn)=>React__default.isValidElement(vn)?React__default.cloneElement(vn,{orientation:pn,currentStep:on,setCurrentStep:rn,clickSteps:fn,showConnector:hn,key:yn}):vn)})}function KdStepList({children:on,currentStep:rn,setCurrentStep:un,orientation:dn="horizontal",clickSteps:pn=!0,showConnector:fn=!0,...hn}){return jsx$1(Stepper,{activeStep:rn,orientation:dn,...hn,connector:jsx$1(StepConnector,{sx:{visibility:fn?"visible":"hidden"}}),sx:{...hn.sx,".MuiStepConnector-lineVertical":{height:"100%"}},className:`${hn.className} ${dn==="vertical"?"KdStepper_vertical":"KdStepper_horizontal"}`,children:on.map((gn,vn)=>{if(gn)return jsx$1(Step$1,{active:rn===vn,completed:rn!==void 0?rn>vn:!1,children:React__default.isValidElement(gn)?React__default.cloneElement(gn,{orientation:dn,currentStep:rn,setCurrentStep:un,clickSteps:pn,key:vn}):gn})})})}const StyledDiv$1=styled$1("div")();function KdStepContent({children:on,footer:rn=!1,backButtonText:un="\u0642\u0628\u0644\u06CC",nextButtonText:dn="\u0628\u0639\u062F\u06CC",index:pn,currentStep:fn,setCurrentStep:hn,onPrev:gn,onNext:vn,orientation:yn="horizontal",...xn}){const wn=()=>{hn&&fn!==void 0&&hn(fn+1)},Cn=()=>{hn&&fn!==void 0&&hn(fn-1)};return fn===pn?jsxs(StyledDiv$1,{className:yn==="horizontal"?"KdStepContent_horizontal":"KdStepContent_vertical",...xn,children:[jsx$1("div",{children:on}),rn&&jsxs("div",{className:"KdStepContent_Buttons",children:[jsx$1(KdpaPrimaryButton,{disabled:fn===0,onClick:()=>{gn?gn():Cn()},children:un}),jsx$1(KdpaPrimaryButton,{variant:"contained",onClick:()=>{vn?vn():wn()},children:dn})]})]}):jsx$1(Fragment$1,{})}function KdStepTrigger({children:on,index:rn,currentStep:un=0,setCurrentStep:dn,clickSteps:pn=!0,icon:fn,completedIcon:hn,activeIcon:gn,...vn}){const yn=Cn=>{dn&&dn(Cn)},xn=useTheme$1();function wn(){return un===rn?gn??hn??fn:un>rn?hn??fn:fn}return jsx$1(StepLabel,{onClick:()=>{pn&&yn(rn)},...vn,icon:wn(),className:"KdStepLabel",style:{...vn?.style,"--primary-main":xn.palette.primary.main},children:on})}const KdAlert=forwardRef(function({title:rn,children:un,...dn},pn){const fn={success:"bg-light-success",info:"bg-light-info",warning:"bg-light-warning",error:"bg-light-danger"}[dn.severity??"info"],hn=dn.className??"d-flex align-items-center mb-50",gn=purify.sanitize(rn??"",{USE_PROFILES:{html:!0}}),vn=purify.sanitize(un??"",{USE_PROFILES:{html:!0}});return jsxs(Alert,{...dn,ref:pn,className:`${hn} ${fn}`,children:[rn&&jsx$1(AlertTitle,{children:jsx$1("div",{dangerouslySetInnerHTML:{__html:gn}})}),jsx$1("div",{dangerouslySetInnerHTML:{__html:vn}})]})});function KdModal({title:on,children:rn,onClose:un,isOpen:dn,fullWidth:pn=!0,hasHeader:fn=!0,backdropClick:hn=!0,...gn}){return jsxs(Dialog,{open:dn,onClose:(vn,yn)=>{yn==="backdropClick"&&!hn||un?.()},fullWidth:pn,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",...gn,sx:{"& .MuiDialog-paper":{padding:"20px",...gn?.sx}},children:[fn&&jsxs(DialogTitle,{id:"alert-dialog-title",variant:"body1",sx:{display:"flex",padding:"0px !important",paddingBottom:"20px !important",fontSize:"16px",fontWeight:600,paddingLeft:"16px",alignItems:"center",justifyContent:"space-between"},children:[jsx$1("span",{children:on}),jsx$1(IconButton,{onClick:un,children:jsx$1(BsX,{})})]}),jsx$1(DialogContent,{sx:{padding:"1px"},children:rn})]})}function KdPanelWrapper({type:on="inline",...rn}){const un=useMemo$1(()=>on==="inline"?({children:dn,isOpen:pn,...fn})=>jsx$1(Fragment$1,{children:pn&&jsx$1(Fragment$1,{children:jsx$1("div",{...fn,children:dn})})}):({children:dn,isOpen:pn,label:fn,...hn})=>jsx$1(KdModal,{...hn,title:fn,isOpen:pn,hasHeader:!1,sx:{padding:"0px",...hn?.sx},children:dn}),[on]);return jsx$1(un,{...rn})}function KdGridPanel({isOpen:on=!1,children:rn,onClose:un,label:dn,loading:pn=!1,onSubmit:fn,...
|
|
1670
|
+
`;function KdTabsTrigger({children:on,...rn}){const dn=useTheme$1()?.palette?.primary?.main;return jsx$1(StyledTabsTrigger,{className:"KdTabsTrigger",activeColor:dn,...rn,children:on})}const StyledDiv$2=styled$1("div")();function KdStepRoot({currentStep:on,setCurrentStep:rn,defaultValue:un,children:dn,orientation:pn="horizontal",clickSteps:fn=!1,showConnector:hn=!0,...gn}){return useEffect(()=>{un&&rn(typeof un=="string"?parseInt(un):un)},[un]),jsx$1(StyledDiv$2,{...gn,className:`${gn.className} KdStepRoot ${pn==="vertical"?"KdStepRoot_vertical":"KdStepRoot_horizontal"}`,children:dn.map((vn,yn)=>React__default.isValidElement(vn)?React__default.cloneElement(vn,{orientation:pn,currentStep:on,setCurrentStep:rn,clickSteps:fn,showConnector:hn,key:yn}):vn)})}function KdStepList({children:on,currentStep:rn,setCurrentStep:un,orientation:dn="horizontal",clickSteps:pn=!0,showConnector:fn=!0,...hn}){return jsx$1(Stepper,{activeStep:rn,orientation:dn,...hn,connector:jsx$1(StepConnector,{sx:{visibility:fn?"visible":"hidden"}}),sx:{...hn.sx,".MuiStepConnector-lineVertical":{height:"100%"}},className:`${hn.className} ${dn==="vertical"?"KdStepper_vertical":"KdStepper_horizontal"}`,children:on.map((gn,vn)=>{if(gn)return jsx$1(Step$1,{active:rn===vn,completed:rn!==void 0?rn>vn:!1,children:React__default.isValidElement(gn)?React__default.cloneElement(gn,{orientation:dn,currentStep:rn,setCurrentStep:un,clickSteps:pn,key:vn}):gn})})})}const StyledDiv$1=styled$1("div")();function KdStepContent({children:on,footer:rn=!1,backButtonText:un="\u0642\u0628\u0644\u06CC",nextButtonText:dn="\u0628\u0639\u062F\u06CC",index:pn,currentStep:fn,setCurrentStep:hn,onPrev:gn,onNext:vn,orientation:yn="horizontal",...xn}){const wn=()=>{hn&&fn!==void 0&&hn(fn+1)},Cn=()=>{hn&&fn!==void 0&&hn(fn-1)};return fn===pn?jsxs(StyledDiv$1,{className:yn==="horizontal"?"KdStepContent_horizontal":"KdStepContent_vertical",...xn,children:[jsx$1("div",{children:on}),rn&&jsxs("div",{className:"KdStepContent_Buttons",children:[jsx$1(KdpaPrimaryButton,{disabled:fn===0,onClick:()=>{gn?gn():Cn()},children:un}),jsx$1(KdpaPrimaryButton,{variant:"contained",onClick:()=>{vn?vn():wn()},children:dn})]})]}):jsx$1(Fragment$1,{})}function KdStepTrigger({children:on,index:rn,currentStep:un=0,setCurrentStep:dn,clickSteps:pn=!0,icon:fn,completedIcon:hn,activeIcon:gn,...vn}){const yn=Cn=>{dn&&dn(Cn)},xn=useTheme$1();function wn(){return un===rn?gn??hn??fn:un>rn?hn??fn:fn}return jsx$1(StepLabel,{onClick:()=>{pn&&yn(rn)},...vn,icon:wn(),className:"KdStepLabel",style:{...vn?.style,"--primary-main":xn.palette.primary.main},children:on})}const KdAlert=forwardRef(function({title:rn,children:un,...dn},pn){const fn={success:"bg-light-success",info:"bg-light-info",warning:"bg-light-warning",error:"bg-light-danger"}[dn.severity??"info"],hn=dn.className??"d-flex align-items-center mb-50",gn=purify.sanitize(rn??"",{USE_PROFILES:{html:!0}}),vn=purify.sanitize(un??"",{USE_PROFILES:{html:!0}});return jsxs(Alert,{...dn,ref:pn,className:`${hn} ${fn}`,children:[rn&&jsx$1(AlertTitle,{children:jsx$1("div",{dangerouslySetInnerHTML:{__html:gn}})}),jsx$1("div",{dangerouslySetInnerHTML:{__html:vn}})]})});function KdModal({title:on,children:rn,onClose:un,isOpen:dn,fullWidth:pn=!0,hasHeader:fn=!0,backdropClick:hn=!0,...gn}){return jsxs(Dialog,{open:dn,onClose:(vn,yn)=>{yn==="backdropClick"&&!hn||un?.()},fullWidth:pn,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",...gn,sx:{"& .MuiDialog-paper":{padding:"20px",...gn?.sx}},children:[fn&&jsxs(DialogTitle,{id:"alert-dialog-title",variant:"body1",sx:{display:"flex",padding:"0px !important",paddingBottom:"20px !important",fontSize:"16px",fontWeight:600,paddingLeft:"16px",alignItems:"center",justifyContent:"space-between"},children:[jsx$1("span",{children:on}),jsx$1(IconButton,{onClick:un,children:jsx$1(BsX,{})})]}),jsx$1(DialogContent,{sx:{padding:"1px"},children:rn})]})}function KdPanelWrapper({type:on="inline",...rn}){const un=useMemo$1(()=>on==="inline"?({children:dn,isOpen:pn,...fn})=>jsx$1(Fragment$1,{children:pn&&jsx$1(Fragment$1,{children:jsx$1("div",{...fn,children:dn})})}):({children:dn,isOpen:pn,label:fn,...hn})=>jsx$1(KdModal,{...hn,title:fn,isOpen:pn,hasHeader:!1,sx:{padding:"0px",...hn?.sx},children:dn}),[on]);return jsx$1(un,{...rn})}function KdGridPanel({isOpen:on=!1,children:rn,onClose:un,label:dn,loading:pn=!1,onSubmit:fn,hasHeader:hn=!0,...gn}){return jsx$1(KdPanelWrapper,{isOpen:!!on,onClose:un,label:dn,hasHeader:hn,...gn,children:jsx$1(KdFormContainer$1,{onSubmit:fn,loading:pn,formState:gn.formState,...gn,children:jsxs("div",{children:[hn&&jsx$1("header",{style:{padding:"12px",borderBottom:"1px solid #eee"},children:jsx$1(KdpaTypography,{variant:"h6",fontSize:"16px",children:dn})}),rn]})})})}var KdGridPanel$1=memo(KdGridPanel);function KdGridHeader({title:on,children:rn,...un}){return jsxs(KdStyledComponent,{Component:"div",sx:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px",...un?.sx},children:[jsx$1(KdpaTypography,{variant:"h6",children:on}),jsx$1("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:rn})]})}function getTreeViewUtilityClass(on){return generateUtilityClass("MuiTreeView",on)}generateUtilityClasses("MuiTreeView",["root"]);const DEFAULT_TREE_VIEW_CONTEXT_VALUE={instance:null,multiSelect:!1,disabledItemsFocusable:!1,treeId:void 0,icons:{defaultCollapseIcon:null,defaultExpandIcon:null,defaultParentIcon:null,defaultEndIcon:null}},TreeViewContext=React$1.createContext(DEFAULT_TREE_VIEW_CONTEXT_VALUE);process.env.NODE_ENV!=="production"&&(TreeViewContext.displayName="TreeViewContext");const useTreeViewModels=(on,rn)=>{const un=React$1.useRef({}),[dn,pn]=React$1.useState(()=>{const hn={};return on.forEach(gn=>{gn.models&&Object.entries(gn.models).forEach(([vn,yn])=>{un.current[vn]={controlledProp:yn.controlledProp,defaultProp:yn.defaultProp,isControlled:rn[yn.controlledProp]!==void 0},hn[vn]=rn[yn.defaultProp]})}),hn}),fn=Object.fromEntries(Object.entries(un.current).map(([hn,gn])=>{const vn=gn.isControlled?rn[gn.controlledProp]:dn[hn];return[hn,{value:vn,setValue:yn=>{gn.isControlled||pn(xn=>_extends$5({},xn,{[hn]:yn}))}}]}));return process.env.NODE_ENV!=="production"&&Object.entries(un.current).forEach(([hn,gn])=>{const vn=rn[gn.controlledProp],yn=rn[gn.defaultProp];React$1.useEffect(()=>{gn.isControlled!==(vn!==void 0)&&console.error([`MUI: A component is changing the ${gn.isControlled?"":"un"}controlled ${hn} state of TreeView to be ${gn.isControlled?"un":""}controlled.`,"Elements should not switch from uncontrolled to controlled (or vice versa).",`Decide between using a controlled or uncontrolled ${hn} element for the lifetime of the component.`,"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.","More info: https://fb.me/react-controlled-components"].join(`
|
|
1671
1671
|
`))},[vn]);const{current:xn}=React$1.useRef(yn);React$1.useEffect(()=>{!gn.isControlled&&xn!==yn&&console.error([`MUI: A component is changing the default ${hn} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
|
|
1672
1672
|
`))},[JSON.stringify(xn)])}),fn};class EventManager{constructor(){this.maxListeners=20,this.warnOnce=!1,this.events={}}on(rn,un,dn={}){let pn=this.events[rn];if(pn||(pn={highPriority:new Map,regular:new Map},this.events[rn]=pn),dn.isFirst?pn.highPriority.set(un,!0):pn.regular.set(un,!0),process.env.NODE_ENV!=="production"){const fn=pn.highPriority.size+pn.regular.size;fn>this.maxListeners&&!this.warnOnce&&(this.warnOnce=!0,console.warn([`Possible EventEmitter memory leak detected. ${fn} ${rn} listeners added.`].join(`
|
|
1673
1673
|
`)))}}removeListener(rn,un){this.events[rn]&&(this.events[rn].regular.delete(un),this.events[rn].highPriority.delete(un))}removeAllListeners(){this.events={}}emit(rn,...un){const dn=this.events[rn];if(!dn)return;const pn=Array.from(dn.highPriority.keys()),fn=Array.from(dn.regular.keys());for(let hn=pn.length-1;hn>=0;hn-=1){const gn=pn[hn];dn.highPriority.has(gn)&&gn.apply(this,un)}for(let hn=0;hn<fn.length;hn+=1){const gn=fn[hn];dn.regular.has(gn)&&gn.apply(this,un)}}once(rn,un){const dn=this;this.on(rn,function pn(...fn){dn.removeListener(rn,pn),un.apply(dn,fn)})}}const getPreviousNode=(on,rn)=>{const un=on.getNode(rn),dn=on.getNavigableChildrenIds(un.parentId),pn=dn.indexOf(rn);if(pn===0)return un.parentId;let fn=dn[pn-1];for(;on.isNodeExpanded(fn)&&on.getNavigableChildrenIds(fn).length>0;)fn=on.getNavigableChildrenIds(fn).pop();return fn},getNextNode=(on,rn)=>{if(on.isNodeExpanded(rn)&&on.getNavigableChildrenIds(rn).length>0)return on.getNavigableChildrenIds(rn)[0];let un=on.getNode(rn);for(;un!=null;){const dn=on.getNavigableChildrenIds(un.parentId),pn=dn[dn.indexOf(un.id)+1];if(pn)return pn;un=on.getNode(un.parentId)}return null},getLastNode=on=>{let rn=on.getNavigableChildrenIds(null).pop();for(;on.isNodeExpanded(rn);)rn=on.getNavigableChildrenIds(rn).pop();return rn},getFirstNode=on=>on.getNavigableChildrenIds(null)[0],populateInstance=(on,rn)=>{Object.assign(on,rn)},isSyntheticEvent=on=>on.isPropagationStopped!==void 0,useTreeViewInstanceEvents=({instance:on})=>{const[rn]=React$1.useState(()=>new EventManager),un=React$1.useCallback((...pn)=>{const[fn,hn,gn={}]=pn;gn.defaultMuiPrevented=!1,!(isSyntheticEvent(gn)&&gn.isPropagationStopped())&&rn.emit(fn,hn,gn)},[rn]),dn=React$1.useCallback((pn,fn)=>(rn.on(pn,fn),()=>{rn.removeListener(pn,fn)}),[rn]);populateInstance(on,{$$publishEvent:un,$$subscribeEvent:dn})},TREE_VIEW_CORE_PLUGINS=[useTreeViewInstanceEvents],useTreeView=on=>{const rn=[...TREE_VIEW_CORE_PLUGINS,...on.plugins],un=rn.reduce((Pn,Sn)=>Sn.getDefaultizedParams?Sn.getDefaultizedParams(Pn):Pn,on),dn=useTreeViewModels(rn,un),fn=React$1.useRef({}).current,hn=React$1.useRef(null),gn=useForkRef$1(hn,on.rootRef),[vn,yn]=React$1.useState(()=>{const Pn={};return rn.forEach(Sn=>{Sn.getInitialState&&Object.assign(Pn,Sn.getInitialState(un))}),Pn}),xn=[];let wn=DEFAULT_TREE_VIEW_CONTEXT_VALUE;const Cn=Pn=>{const Sn=Pn({instance:fn,params:un,state:vn,setState:yn,rootRef:hn,models:dn})||{};Sn.getRootProps&&xn.push(Sn.getRootProps),Sn.contextValue&&(wn=Sn.contextValue)};return rn.forEach(Cn),{getRootProps:(Pn={})=>{const Sn=_extends$5({role:"tree",tabIndex:0},Pn,{ref:gn});return xn.forEach(En=>{Object.assign(Sn,En(Pn))}),Sn},rootRef:gn,contextValue:wn}},_excluded$3=["element"];function findIndex(on,rn){for(let un=0;un<on.length;un+=1)if(rn(on[un]))return un;return-1}function binaryFindElement(on,rn){let un=0,dn=on.length-1;for(;un<=dn;){const pn=Math.floor((un+dn)/2);if(on[pn].element===rn)return pn;on[pn].element.compareDocumentPosition(rn)&Node.DOCUMENT_POSITION_PRECEDING?dn=pn-1:un=pn+1}return un}const DescendantContext=React$1.createContext({});process.env.NODE_ENV!=="production"&&(DescendantContext.displayName="DescendantContext");function usePrevious(on){const rn=React$1.useRef(null);return React$1.useEffect(()=>{rn.current=on},[on]),rn.current}const noop=()=>{};function useDescendant(on){const[,rn]=React$1.useState(),{registerDescendant:un=noop,unregisterDescendant:dn=noop,descendants:pn=[],parentId:fn=null}=React$1.useContext(DescendantContext),hn=findIndex(pn,yn=>yn.element===on.element),gn=usePrevious(pn),vn=pn.some((yn,xn)=>gn&&gn[xn]&&gn[xn].element!==yn.element);return useEnhancedEffect(()=>{if(on.element)return un(_extends$5({},on,{index:hn})),()=>{dn(on.element)};rn({})},[un,dn,hn,vn,on]),{parentId:fn,index:hn}}function DescendantProvider(on){const{children:rn,id:un}=on,[dn,pn]=React$1.useState([]),fn=React$1.useCallback(vn=>{let{element:yn}=vn,xn=_objectWithoutPropertiesLoose$2(vn,_excluded$3);pn(wn=>{if(wn.length===0)return[_extends$5({},xn,{element:yn,index:0})];const Cn=binaryFindElement(wn,yn);let Tn;if(wn[Cn]&&wn[Cn].element===yn)Tn=wn;else{const Pn=_extends$5({},xn,{element:yn,index:Cn});Tn=wn.slice(),Tn.splice(Cn,0,Pn)}return Tn.forEach((Pn,Sn)=>{Pn.index=Sn}),Tn})},[]),hn=React$1.useCallback(vn=>{pn(yn=>yn.filter(xn=>vn!==xn.element))},[]),gn=React$1.useMemo(()=>({descendants:dn,registerDescendant:fn,unregisterDescendant:hn,parentId:un}),[dn,fn,hn,un]);return jsx$1(DescendantContext.Provider,{value:gn,children:rn})}process.env.NODE_ENV!=="production"&&(DescendantProvider.propTypes={children:PropTypes.node,id:PropTypes.string});function TreeViewProvider(on){const{value:rn,children:un}=on;return jsx$1(TreeViewContext.Provider,{value:rn,children:jsx$1(DescendantProvider,{children:un})})}const publishTreeViewEvent=(on,rn,un)=>{on.$$publishEvent(rn,un)},useTreeViewNodes=({instance:on,params:rn})=>{const un=React$1.useRef({}),dn=React$1.useCallback(yn=>un.current[yn],[]),pn=React$1.useCallback(yn=>{un.current[yn.id]=yn},[]),fn=React$1.useCallback(yn=>{const xn=_extends$5({},un.current);delete xn[yn],un.current=xn,publishTreeViewEvent(on,"removeNode",{id:yn})},[on]),hn=React$1.useCallback(yn=>{if(yn==null)return!1;let xn=on.getNode(yn);if(!xn)return!1;if(xn.disabled)return!0;for(;xn.parentId!=null;)if(xn=on.getNode(xn.parentId),xn.disabled)return!0;return!1},[on]),gn=useEventCallback(yn=>Object.values(un.current).filter(xn=>xn.parentId===yn).sort((xn,wn)=>xn.index-wn.index).map(xn=>xn.id));populateInstance(on,{getNode:dn,updateNode:pn,removeNode:fn,getChildrenIds:gn,getNavigableChildrenIds:yn=>{let xn=on.getChildrenIds(yn);return rn.disabledItemsFocusable||(xn=xn.filter(wn=>!on.isNodeDisabled(wn))),xn},isNodeDisabled:hn})},useTreeViewExpansion=({instance:on,params:rn,models:un})=>{const dn=React$1.useCallback(gn=>Array.isArray(un.expanded.value)?un.expanded.value.indexOf(gn)!==-1:!1,[un.expanded.value]),pn=React$1.useCallback(gn=>{var vn;return!!((vn=on.getNode(gn))!=null&&vn.expandable)},[on]),fn=useEventCallback((gn,vn)=>{if(vn==null)return;let yn;un.expanded.value.indexOf(vn)!==-1?yn=un.expanded.value.filter(xn=>xn!==vn):yn=[vn].concat(un.expanded.value),rn.onNodeToggle&&rn.onNodeToggle(gn,yn),un.expanded.setValue(yn)});populateInstance(on,{isNodeExpanded:dn,isNodeExpandable:pn,toggleNodeExpansion:fn,expandAllSiblings:(gn,vn)=>{const yn=on.getNode(vn),wn=on.getChildrenIds(yn.parentId).filter(Tn=>on.isNodeExpandable(Tn)&&!on.isNodeExpanded(Tn)),Cn=un.expanded.value.concat(wn);wn.length>0&&(un.expanded.setValue(Cn),rn.onNodeToggle&&rn.onNodeToggle(gn,Cn))}})};useTreeViewExpansion.models={expanded:{controlledProp:"expanded",defaultProp:"defaultExpanded"}};const DEFAULT_EXPANDED=[];useTreeViewExpansion.getDefaultizedParams=on=>{var rn;return _extends$5({},on,{defaultExpanded:(rn=on.defaultExpanded)!=null?rn:DEFAULT_EXPANDED})};const findOrderInTremauxTree=(on,rn,un)=>{if(rn===un)return[rn,un];const dn=on.getNode(rn),pn=on.getNode(un);if(dn.parentId===pn.id||pn.parentId===dn.id)return pn.parentId===dn.id?[dn.id,pn.id]:[pn.id,dn.id];const fn=[dn.id],hn=[pn.id];let gn=dn.parentId,vn=pn.parentId,yn=hn.indexOf(gn)!==-1,xn=fn.indexOf(vn)!==-1,wn=!0,Cn=!0;for(;!xn&&!yn;)wn&&(fn.push(gn),yn=hn.indexOf(gn)!==-1,wn=gn!==null,!yn&&wn&&(gn=on.getNode(gn).parentId)),Cn&&!yn&&(hn.push(vn),xn=fn.indexOf(vn)!==-1,Cn=vn!==null,!xn&&Cn&&(vn=on.getNode(vn).parentId));const Tn=yn?gn:vn,Pn=on.getChildrenIds(Tn),Sn=fn[fn.indexOf(Tn)-1],En=hn[hn.indexOf(Tn)-1];return Pn.indexOf(Sn)<Pn.indexOf(En)?[rn,un]:[un,rn]},useTreeViewSelection=({instance:on,params:rn,models:un})=>{const dn=React$1.useRef(null),pn=React$1.useRef(!1),fn=React$1.useRef([]),hn=Pn=>Array.isArray(un.selected.value)?un.selected.value.indexOf(Pn)!==-1:un.selected.value===Pn,gn=(Pn,Sn,En=!1)=>{if(!rn.disableSelection){if(En){if(Array.isArray(un.selected.value)){let _n;un.selected.value.indexOf(Sn)!==-1?_n=un.selected.value.filter(Rn=>Rn!==Sn):_n=[Sn].concat(un.selected.value),rn.onNodeSelect&&rn.onNodeSelect(Pn,_n),un.selected.setValue(_n)}}else{const _n=rn.multiSelect?[Sn]:Sn;rn.onNodeSelect&&rn.onNodeSelect(Pn,_n),un.selected.setValue(_n)}dn.current=Sn,pn.current=!1,fn.current=[]}},vn=(Pn,Sn)=>{const[En,_n]=findOrderInTremauxTree(on,Pn,Sn),Rn=[En];let $n=En;for(;$n!==_n;)$n=getNextNode(on,$n),Rn.push($n);return Rn},yn=(Pn,Sn)=>{let En=un.selected.value.slice();const{start:_n,next:Rn,current:$n}=Sn;!Rn||!$n||(fn.current.indexOf($n)===-1&&(fn.current=[]),pn.current?fn.current.indexOf(Rn)!==-1?(En=En.filter(Mn=>Mn===_n||Mn!==$n),fn.current=fn.current.filter(Mn=>Mn===_n||Mn!==$n)):(En.push(Rn),fn.current.push(Rn)):(En.push(Rn),fn.current.push($n,Rn)),rn.onNodeSelect&&rn.onNodeSelect(Pn,En),un.selected.setValue(En))},xn=(Pn,Sn)=>{let En=un.selected.value.slice();const{start:_n,end:Rn}=Sn;pn.current&&(En=En.filter(An=>fn.current.indexOf(An)===-1));let $n=vn(_n,Rn);$n=$n.filter(An=>!on.isNodeDisabled(An)),fn.current=$n;let Mn=En.concat($n);Mn=Mn.filter((An,Dn)=>Mn.indexOf(An)===Dn),rn.onNodeSelect&&rn.onNodeSelect(Pn,Mn),un.selected.setValue(Mn)};return populateInstance(on,{isNodeSelected:hn,selectNode:gn,selectRange:(Pn,Sn,En=!1)=>{if(rn.disableSelection)return;const{start:_n=dn.current,end:Rn,current:$n}=Sn;En?yn(Pn,{start:_n,next:Rn,current:$n}):_n!=null&&Rn!=null&&xn(Pn,{start:_n,end:Rn}),pn.current=!0},rangeSelectToLast:(Pn,Sn)=>{dn.current||(dn.current=Sn);const En=pn.current?dn.current:Sn;on.selectRange(Pn,{start:En,end:getLastNode(on)})},rangeSelectToFirst:(Pn,Sn)=>{dn.current||(dn.current=Sn);const En=pn.current?dn.current:Sn;on.selectRange(Pn,{start:En,end:getFirstNode(on)})}}),{getRootProps:()=>({"aria-multiselectable":rn.multiSelect})}};useTreeViewSelection.models={selected:{controlledProp:"selected",defaultProp:"defaultSelected"}};const DEFAULT_SELECTED=[];useTreeViewSelection.getDefaultizedParams=on=>{var rn,un,dn;return _extends$5({},on,{disableSelection:(rn=on.disableSelection)!=null?rn:!1,multiSelect:(un=on.multiSelect)!=null?un:!1,defaultSelected:(dn=on.defaultSelected)!=null?dn:on.multiSelect?DEFAULT_SELECTED:null})};const CLEANUP_TIMER_LOOP_MILLIS=1e3;class TimerBasedCleanupTracking{constructor(rn=CLEANUP_TIMER_LOOP_MILLIS){this.timeouts=new Map,this.cleanupTimeout=CLEANUP_TIMER_LOOP_MILLIS,this.cleanupTimeout=rn}register(rn,un,dn){this.timeouts||(this.timeouts=new Map);const pn=setTimeout(()=>{typeof un=="function"&&un(),this.timeouts.delete(dn.cleanupToken)},this.cleanupTimeout);this.timeouts.set(dn.cleanupToken,pn)}unregister(rn){const un=this.timeouts.get(rn.cleanupToken);un&&(this.timeouts.delete(rn.cleanupToken),clearTimeout(un))}reset(){this.timeouts&&(this.timeouts.forEach((rn,un)=>{this.unregister({cleanupToken:un})}),this.timeouts=void 0)}}class FinalizationRegistryBasedCleanupTracking{constructor(){this.registry=new FinalizationRegistry(rn=>{typeof rn=="function"&&rn()})}register(rn,un,dn){this.registry.register(rn,un,dn)}unregister(rn){this.registry.unregister(rn)}reset(){}}class ObjectToBeRetainedByReact{}function createUseInstanceEventHandler(on){let rn=0;return function(dn,pn,fn){on.registry===null&&(on.registry=typeof FinalizationRegistry<"u"?new FinalizationRegistryBasedCleanupTracking:new TimerBasedCleanupTracking);const[hn]=React$1.useState(new ObjectToBeRetainedByReact),gn=React$1.useRef(null),vn=React$1.useRef();vn.current=fn;const yn=React$1.useRef(null);if(!gn.current&&vn.current){const xn=(wn,Cn)=>{if(!Cn.defaultMuiPrevented){var Tn;(Tn=vn.current)==null||Tn.call(vn,wn,Cn)}};gn.current=dn.$$subscribeEvent(pn,xn),rn+=1,yn.current={cleanupToken:rn},on.registry.register(hn,()=>{var wn;(wn=gn.current)==null||wn.call(gn),gn.current=null,yn.current=null},yn.current)}else!vn.current&&gn.current&&(gn.current(),gn.current=null,yn.current&&(on.registry.unregister(yn.current),yn.current=null));React$1.useEffect(()=>{if(!gn.current&&vn.current){const xn=(wn,Cn)=>{if(!Cn.defaultMuiPrevented){var Tn;(Tn=vn.current)==null||Tn.call(vn,wn,Cn)}};gn.current=dn.$$subscribeEvent(pn,xn)}return yn.current&&on.registry&&(on.registry.unregister(yn.current),yn.current=null),()=>{var xn;(xn=gn.current)==null||xn.call(gn),gn.current=null}},[dn,pn])}}const registryContainer={registry:null},useInstanceEventHandler=createUseInstanceEventHandler(registryContainer),useTreeViewFocus=({instance:on,params:rn,state:un,setState:dn,models:pn,rootRef:fn})=>{const hn=useEventCallback(Tn=>{const Pn=typeof Tn=="function"?Tn(un.focusedNodeId):Tn;dn(Sn=>_extends$5({},Sn,{focusedNodeId:Pn}))}),gn=React$1.useCallback(Tn=>un.focusedNodeId===Tn,[un.focusedNodeId]),vn=useEventCallback((Tn,Pn)=>{Pn&&(hn(Pn),rn.onNodeFocus&&rn.onNodeFocus(Tn,Pn))});populateInstance(on,{isNodeFocused:gn,focusNode:vn}),useInstanceEventHandler(on,"removeNode",({id:Tn})=>{hn(Pn=>Pn===Tn&&fn.current===ownerDocument(fn.current).activeElement?on.getChildrenIds(null)[0]:Pn)});const yn=Tn=>Pn=>{var Sn;if((Sn=Tn.onFocus)==null||Sn.call(Tn,Pn),Pn.target===Pn.currentTarget){const En=Rn=>{const $n=on.getNode(Rn);return $n&&($n.parentId==null||on.isNodeExpanded($n.parentId))};let _n;Array.isArray(pn.selected.value)?_n=pn.selected.value.find(En):pn.selected.value!=null&&En(pn.selected.value)&&(_n=pn.selected.value),_n==null&&(_n=on.getNavigableChildrenIds(null)[0]),on.focusNode(Pn,_n)}},xn=Tn=>Pn=>{var Sn;(Sn=Tn.onBlur)==null||Sn.call(Tn,Pn),hn(null)},wn=on.getNode(un.focusedNodeId),Cn=wn?wn.idAttribute:null;return{getRootProps:Tn=>({onFocus:yn(Tn),onBlur:xn(Tn),"aria-activedescendant":Cn??void 0})}};useTreeViewFocus.getInitialState=()=>({focusedNodeId:null}),useTreeViewFocus.getDefaultizedParams=on=>{var rn;return _extends$5({},on,{disabledItemsFocusable:(rn=on.disabledItemsFocusable)!=null?rn:!1})};function isPrintableCharacter(on){return on&&on.length===1&&on.match(/\S/)}function findNextFirstChar(on,rn,un){for(let dn=rn;dn<on.length;dn+=1)if(un===on[dn])return dn;return-1}const useTreeViewKeyboardNavigation=({instance:on,params:rn,state:un})=>{const pn=useTheme$1().direction==="rtl",fn=React$1.useRef({}),hn=useEventCallback((Tn,Pn)=>(fn.current[Tn]=Pn,()=>{const Sn=_extends$5({},fn.current);delete Sn[Tn],fn.current=Sn}));populateInstance(on,{mapFirstChar:hn});const gn=Tn=>(un.focusedNodeId!=null&&on.isNodeExpandable(un.focusedNodeId)&&(on.isNodeExpanded(un.focusedNodeId)?on.focusNode(Tn,getNextNode(on,un.focusedNodeId)):on.isNodeDisabled(un.focusedNodeId)||on.toggleNodeExpansion(Tn,un.focusedNodeId)),!0),vn=Tn=>{if(un.focusedNodeId==null)return!1;if(on.isNodeExpanded(un.focusedNodeId)&&!on.isNodeDisabled(un.focusedNodeId))return on.toggleNodeExpansion(Tn,un.focusedNodeId),!0;const Pn=on.getNode(un.focusedNodeId).parentId;return Pn?(on.focusNode(Tn,Pn),!0):!1},yn=(Tn,Pn,Sn)=>{let En,_n;const Rn=Sn.toLowerCase(),$n=[],Mn=[];Object.keys(fn.current).forEach(An=>{const Dn=on.getNode(An),On=Dn.parentId?on.isNodeExpanded(Dn.parentId):!0,In=rn.disabledItemsFocusable?!1:on.isNodeDisabled(An);On&&!In&&($n.push(An),Mn.push(fn.current[An]))}),En=$n.indexOf(Pn)+1,En>=$n.length&&(En=0),_n=findNextFirstChar(Mn,En,Rn),_n===-1&&(_n=findNextFirstChar(Mn,0,Rn)),_n>-1&&on.focusNode(Tn,$n[_n])},xn=(Tn,Pn)=>{on.isNodeDisabled(getNextNode(on,Pn))||on.selectRange(Tn,{end:getNextNode(on,Pn),current:Pn},!0)},wn=(Tn,Pn)=>{on.isNodeDisabled(getPreviousNode(on,Pn))||on.selectRange(Tn,{end:getPreviousNode(on,Pn),current:Pn},!0)},Cn=Tn=>Pn=>{var Sn;(Sn=Tn.onKeyDown)==null||Sn.call(Tn,Pn);let En=!1;const _n=Pn.key;if(Pn.altKey||Pn.currentTarget!==Pn.target||un.focusedNodeId==null)return;const Rn=Pn.ctrlKey||Pn.metaKey;switch(_n){case" ":!rn.disableSelection&&!on.isNodeDisabled(un.focusedNodeId)&&(En=!0,rn.multiSelect&&Pn.shiftKey?on.selectRange(Pn,{end:un.focusedNodeId}):rn.multiSelect?on.selectNode(Pn,un.focusedNodeId,!0):on.selectNode(Pn,un.focusedNodeId)),Pn.stopPropagation();break;case"Enter":on.isNodeDisabled(un.focusedNodeId)||(on.isNodeExpandable(un.focusedNodeId)?(on.toggleNodeExpansion(Pn,un.focusedNodeId),En=!0):rn.disableSelection||(En=!0,rn.multiSelect?on.selectNode(Pn,un.focusedNodeId,!0):on.selectNode(Pn,un.focusedNodeId))),Pn.stopPropagation();break;case"ArrowDown":rn.multiSelect&&Pn.shiftKey&&!rn.disableSelection&&xn(Pn,un.focusedNodeId),on.focusNode(Pn,getNextNode(on,un.focusedNodeId)),En=!0;break;case"ArrowUp":rn.multiSelect&&Pn.shiftKey&&!rn.disableSelection&&wn(Pn,un.focusedNodeId),on.focusNode(Pn,getPreviousNode(on,un.focusedNodeId)),En=!0;break;case"ArrowRight":pn?En=vn(Pn):En=gn(Pn);break;case"ArrowLeft":pn?En=gn(Pn):En=vn(Pn);break;case"Home":rn.multiSelect&&Rn&&Pn.shiftKey&&!rn.disableSelection&&!on.isNodeDisabled(un.focusedNodeId)&&on.rangeSelectToFirst(Pn,un.focusedNodeId),on.focusNode(Pn,getFirstNode(on)),En=!0;break;case"End":rn.multiSelect&&Rn&&Pn.shiftKey&&!rn.disableSelection&&!on.isNodeDisabled(un.focusedNodeId)&&on.rangeSelectToLast(Pn,un.focusedNodeId),on.focusNode(Pn,getLastNode(on)),En=!0;break;default:_n==="*"?(on.expandAllSiblings(Pn,un.focusedNodeId),En=!0):rn.multiSelect&&Rn&&_n.toLowerCase()==="a"&&!rn.disableSelection?(on.selectRange(Pn,{start:getFirstNode(on),end:getLastNode(on)}),En=!0):!Rn&&!Pn.shiftKey&&isPrintableCharacter(_n)&&(yn(Pn,un.focusedNodeId,_n),En=!0)}En&&(Pn.preventDefault(),Pn.stopPropagation())};return{getRootProps:Tn=>({onKeyDown:Cn(Tn)})}},useTreeViewContextValueBuilder=({instance:on,params:rn})=>{const un=useId$3(rn.id);return{getRootProps:()=>({id:un}),contextValue:{treeId:un,instance:on,multiSelect:rn.multiSelect,disabledItemsFocusable:rn.disabledItemsFocusable,icons:{defaultCollapseIcon:rn.defaultCollapseIcon,defaultEndIcon:rn.defaultEndIcon,defaultExpandIcon:rn.defaultExpandIcon,defaultParentIcon:rn.defaultParentIcon}}}},DEFAULT_TREE_VIEW_PLUGINS=[useTreeViewNodes,useTreeViewExpansion,useTreeViewSelection,useTreeViewFocus,useTreeViewKeyboardNavigation,useTreeViewContextValueBuilder],_excluded$2=["disabledItemsFocusable","expanded","defaultExpanded","onNodeToggle","onNodeFocus","disableSelection","defaultSelected","selected","multiSelect","onNodeSelect","id","defaultCollapseIcon","defaultEndIcon","defaultExpandIcon","defaultParentIcon","children"],useUtilityClasses$1=on=>{const{classes:rn}=on;return composeClasses$1({root:["root"]},getTreeViewUtilityClass,rn)},TreeViewRoot=styled("ul",{name:"MuiTreeView",slot:"Root",overridesResolver:(on,rn)=>rn.root})({padding:0,margin:0,listStyle:"none",outline:0}),TreeView=React$1.forwardRef(function(rn,un){const dn=useThemeProps({props:rn,name:"MuiTreeView"}),pn=dn,fn=dn,{disabledItemsFocusable:hn,expanded:gn,defaultExpanded:vn,onNodeToggle:yn,onNodeFocus:xn,disableSelection:wn,defaultSelected:Cn,selected:Tn,multiSelect:Pn,onNodeSelect:Sn,id:En,defaultCollapseIcon:_n,defaultEndIcon:Rn,defaultExpandIcon:$n,defaultParentIcon:Mn,children:An}=fn,Dn=_objectWithoutPropertiesLoose$2(fn,_excluded$2),{getRootProps:On,contextValue:In}=useTreeView({disabledItemsFocusable:hn,expanded:gn,defaultExpanded:vn,onNodeToggle:yn,onNodeFocus:xn,disableSelection:wn,defaultSelected:Cn,selected:Tn,multiSelect:Pn,onNodeSelect:Sn,id:En,defaultCollapseIcon:_n,defaultEndIcon:Rn,defaultExpandIcon:$n,defaultParentIcon:Mn,plugins:DEFAULT_TREE_VIEW_PLUGINS,rootRef:un}),Nn=useUtilityClasses$1(dn),Hn=useSlotProps({elementType:TreeViewRoot,externalSlotProps:{},externalForwardedProps:Dn,className:Nn.root,getSlotProps:On,ownerState:pn});return jsx$1(TreeViewProvider,{value:In,children:jsx$1(TreeViewRoot,_extends$5({},Hn,{children:An}))})});process.env.NODE_ENV!=="production"&&(TreeView.propTypes={children:PropTypes.node,classes:PropTypes.object,className:PropTypes.string,defaultCollapseIcon:PropTypes.node,defaultEndIcon:PropTypes.node,defaultExpanded:PropTypes.arrayOf(PropTypes.string),defaultExpandIcon:PropTypes.node,defaultParentIcon:PropTypes.node,defaultSelected:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string),PropTypes.string]),disabledItemsFocusable:PropTypes.bool,disableSelection:PropTypes.bool,expanded:PropTypes.arrayOf(PropTypes.string),id:PropTypes.string,multiSelect:PropTypes.bool,onNodeFocus:PropTypes.func,onNodeSelect:PropTypes.func,onNodeToggle:PropTypes.func,selected:PropTypes.any,sx:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func,PropTypes.object,PropTypes.bool])),PropTypes.func,PropTypes.object])});const useTreeViewContext=()=>React$1.useContext(TreeViewContext);function useTreeItem(on){const{instance:rn,multiSelect:un}=useTreeViewContext(),dn=rn?rn.isNodeExpandable(on):!1,pn=rn?rn.isNodeExpanded(on):!1,fn=rn?rn.isNodeFocused(on):!1,hn=rn?rn.isNodeSelected(on):!1,gn=rn?rn.isNodeDisabled(on):!1;return{disabled:gn,expanded:pn,selected:hn,focused:fn,handleExpansion:wn=>{if(rn&&!gn){fn||rn.focusNode(wn,on);const Cn=un&&(wn.shiftKey||wn.ctrlKey||wn.metaKey);dn&&!(Cn&&rn.isNodeExpanded(on))&&rn.toggleNodeExpansion(wn,on)}},handleSelection:wn=>{rn&&!gn&&(fn||rn.focusNode(wn,on),un&&(wn.shiftKey||wn.ctrlKey||wn.metaKey)?wn.shiftKey?rn.selectRange(wn,{end:on}):rn.selectNode(wn,on,!0):rn.selectNode(wn,on))},preventSelection:wn=>{(wn.shiftKey||wn.ctrlKey||wn.metaKey||gn)&&wn.preventDefault()}}}const _excluded$1=["classes","className","displayIcon","expansionIcon","icon","label","nodeId","onClick","onMouseDown"],TreeItemContent=React$1.forwardRef(function(rn,un){const{classes:dn,className:pn,displayIcon:fn,expansionIcon:hn,icon:gn,label:vn,nodeId:yn,onClick:xn,onMouseDown:wn}=rn,Cn=_objectWithoutPropertiesLoose$2(rn,_excluded$1),{disabled:Tn,expanded:Pn,selected:Sn,focused:En,handleExpansion:_n,handleSelection:Rn,preventSelection:$n}=useTreeItem(yn),Mn=gn||hn||fn,An=On=>{$n(On),wn&&wn(On)},Dn=On=>{_n(On),Rn(On),xn&&xn(On)};return jsxs("div",_extends$5({},Cn,{className:clsx$1(pn,dn.root,Pn&&dn.expanded,Sn&&dn.selected,En&&dn.focused,Tn&&dn.disabled),onClick:Dn,onMouseDown:An,ref:un,children:[jsx$1("div",{className:dn.iconContainer,children:Mn}),jsx$1("div",{className:dn.label,children:vn})]}))});process.env.NODE_ENV!=="production"&&(TreeItemContent.propTypes={classes:PropTypes.object.isRequired,className:PropTypes.string,displayIcon:PropTypes.node,expansionIcon:PropTypes.node,icon:PropTypes.node,label:PropTypes.node,nodeId:PropTypes.string.isRequired});function getTreeItemUtilityClass(on){return generateUtilityClass("MuiTreeItem",on)}const treeItemClasses=generateUtilityClasses("MuiTreeItem",["root","group","content","expanded","selected","focused","disabled","iconContainer","label"]),_excluded=["children","className","collapseIcon","ContentComponent","ContentProps","endIcon","expandIcon","disabled","icon","id","label","nodeId","onClick","onMouseDown","TransitionComponent","TransitionProps"],useUtilityClasses=on=>{const{classes:rn}=on;return composeClasses({root:["root"],content:["content"],expanded:["expanded"],selected:["selected"],focused:["focused"],disabled:["disabled"],iconContainer:["iconContainer"],label:["label"],group:["group"]},getTreeItemUtilityClass,rn)},TreeItemRoot=styled("li",{name:"MuiTreeItem",slot:"Root",overridesResolver:(on,rn)=>rn.root})({listStyle:"none",margin:0,padding:0,outline:0}),StyledTreeItemContent=styled(TreeItemContent,{name:"MuiTreeItem",slot:"Content",overridesResolver:(on,rn)=>[rn.content,rn.iconContainer&&{[`& .${treeItemClasses.iconContainer}`]:rn.iconContainer},rn.label&&{[`& .${treeItemClasses.label}`]:rn.label}]})(({theme:on})=>({padding:"0 8px",width:"100%",boxSizing:"border-box",display:"flex",alignItems:"center",cursor:"pointer",WebkitTapHighlightColor:"transparent","&:hover":{backgroundColor:(on.vars||on).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${treeItemClasses.disabled}`]:{opacity:(on.vars||on).palette.action.disabledOpacity,backgroundColor:"transparent"},[`&.${treeItemClasses.focused}`]:{backgroundColor:(on.vars||on).palette.action.focus},[`&.${treeItemClasses.selected}`]:{backgroundColor:on.vars?`rgba(${on.vars.palette.primary.mainChannel} / ${on.vars.palette.action.selectedOpacity})`:alpha$1(on.palette.primary.main,on.palette.action.selectedOpacity),"&:hover":{backgroundColor:on.vars?`rgba(${on.vars.palette.primary.mainChannel} / calc(${on.vars.palette.action.selectedOpacity} + ${on.vars.palette.action.hoverOpacity}))`:alpha$1(on.palette.primary.main,on.palette.action.selectedOpacity+on.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:on.vars?`rgba(${on.vars.palette.primary.mainChannel} / ${on.vars.palette.action.selectedOpacity})`:alpha$1(on.palette.primary.main,on.palette.action.selectedOpacity)}},[`&.${treeItemClasses.focused}`]:{backgroundColor:on.vars?`rgba(${on.vars.palette.primary.mainChannel} / calc(${on.vars.palette.action.selectedOpacity} + ${on.vars.palette.action.focusOpacity}))`:alpha$1(on.palette.primary.main,on.palette.action.selectedOpacity+on.palette.action.focusOpacity)}},[`& .${treeItemClasses.iconContainer}`]:{marginRight:4,width:15,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}},[`& .${treeItemClasses.label}`]:_extends$5({paddingLeft:4,width:"100%",boxSizing:"border-box",minWidth:0,position:"relative"},on.typography.body1)})),TreeItemGroup=styled(Collapse,{name:"MuiTreeItem",slot:"Group",overridesResolver:(on,rn)=>rn.group})({margin:0,padding:0,marginLeft:17}),TreeItem=React$1.forwardRef(function(rn,un){const dn=useThemeProps({props:rn,name:"MuiTreeItem"}),{children:pn,className:fn,collapseIcon:hn,ContentComponent:gn=TreeItemContent,ContentProps:vn,endIcon:yn,expandIcon:xn,disabled:wn,icon:Cn,id:Tn,label:Pn,nodeId:Sn,onClick:En,onMouseDown:_n,TransitionComponent:Rn=Collapse,TransitionProps:$n}=dn,Mn=_objectWithoutPropertiesLoose$2(dn,_excluded),{icons:An,multiSelect:Dn,disabledItemsFocusable:On,treeId:In,instance:Nn}=useTreeViewContext();let Hn;Tn!=null?Hn=Tn:In&&Sn&&(Hn=`${In}-${Sn}`);const[Ln,Un]=React$1.useState(null),jn=React$1.useRef(null),Vn=useForkRef$1(Un,un),Yn=React$1.useMemo(()=>({element:Ln,id:Sn}),[Sn,Ln]),{index:qn,parentId:Wn}=useDescendant(Yn),Fn=!!(Array.isArray(pn)?pn.length:pn),Bn=Nn?Nn.isNodeExpanded(Sn):!1,zn=Nn?Nn.isNodeFocused(Sn):!1,Kn=Nn?Nn.isNodeSelected(Sn):!1,Jn=Nn?Nn.isNodeDisabled(Sn):!1,rr=_extends$5({},dn,{expanded:Bn,focused:zn,selected:Kn,disabled:Jn}),er=useUtilityClasses(rr);let Qn,Xn;Fn&&(Bn?Xn=hn||An.defaultCollapseIcon:Xn=xn||An.defaultExpandIcon),Fn?Qn=An.defaultParentIcon:Qn=yn||An.defaultEndIcon,React$1.useEffect(()=>{if(Nn&&qn!==-1)return Nn.updateNode({id:Sn,idAttribute:Hn,index:qn,parentId:Wn,expandable:Fn,disabled:wn}),()=>Nn.removeNode(Sn)},[Nn,Wn,qn,Sn,Fn,wn,Hn]),React$1.useEffect(()=>{if(Nn&&Pn){var vr,xr;return Nn.mapFirstChar(Sn,((vr=(xr=jn.current)==null?void 0:xr.textContent)!=null?vr:"").substring(0,1).toLowerCase())}},[Nn,Sn,Pn]);let Zn;Dn?Zn=Kn:Kn&&(Zn=!0);function cr(vr){if(vr.target===vr.currentTarget){let yr;typeof vr.target.getRootNode=="function"?yr=vr.target.getRootNode():yr=ownerDocument(vr.target),yr.getElementById(In).focus({preventScroll:!0})}const xr=!On&&Jn;Nn&&!zn&&vr.currentTarget===vr.target&&!xr&&Nn.focusNode(vr,Sn)}return jsxs(TreeItemRoot,_extends$5({className:clsx$1(er.root,fn),role:"treeitem","aria-expanded":Fn?Bn:void 0,"aria-selected":Zn,"aria-disabled":Jn||void 0,id:Hn,tabIndex:-1},Mn,{ownerState:rr,onFocus:cr,ref:Vn,children:[jsx$1(StyledTreeItemContent,_extends$5({as:gn,ref:jn,classes:{root:er.content,expanded:er.expanded,selected:er.selected,focused:er.focused,disabled:er.disabled,iconContainer:er.iconContainer,label:er.label},label:Pn,nodeId:Sn,onClick:En,onMouseDown:_n,icon:Cn,expansionIcon:Xn,displayIcon:Qn,ownerState:rr},vn)),pn&&jsx$1(DescendantProvider,{id:Sn,children:jsx$1(TreeItemGroup,_extends$5({as:Rn,unmountOnExit:!0,className:er.group,in:Bn,component:"ul",role:"group"},$n,{children:pn}))})]}))});process.env.NODE_ENV!=="production"&&(TreeItem.propTypes={children:PropTypes.node,classes:PropTypes.object,className:PropTypes.string,collapseIcon:PropTypes.node,ContentComponent:elementTypeAcceptingRef$1,ContentProps:PropTypes.object,disabled:PropTypes.bool,endIcon:PropTypes.node,expandIcon:PropTypes.node,icon:PropTypes.node,label:PropTypes.node,nodeId:PropTypes.string.isRequired,onFocus:unsupportedProp,sx:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func,PropTypes.object,PropTypes.bool])),PropTypes.func,PropTypes.object]),TransitionComponent:PropTypes.elementType,TransitionProps:PropTypes.object});function KdStyledComponent({Component:on,...rn}){const un=useMemo$1(()=>styled$1(on)(),[on]);return jsx$1(un,{...rn})}const useTreeHelper=({badgeColor:on,badgeBackgroundColor:rn})=>{const un=useTheme$3(),dn=({data:hn,getOptionLabel:gn=Pn=>Pn.label,getOptionIcon:vn=Pn=>Pn.icon,getOptionValue:yn=Pn=>Pn.value,getOptionParent:xn=Pn=>Pn.parent,getOptionNavlink:wn=Pn=>Pn.navlink,getOptionExternalLink:Cn=Pn=>Pn.externalLink,getOptionBadge:Tn=Pn=>Pn.badge})=>{const Pn=[];return hn?.forEach(Sn=>{const En=Tn(Sn);yn(Sn)&&Pn.push({value:yn(Sn),label:jsxs("div",{style:{width:"100%",display:"flex",alignItems:"center",paddingInlineEnd:"10px",justifyContent:"space-between"},children:[jsxs("div",{style:{display:"flex",alignItems:"center",gap:"5px"},children:[vn(Sn),gn(Sn)]}),En!=null&&jsx$1(KdStyledComponent,{Component:"span",sx:{color:on||un.palette.primary.main,backgroundColor:rn||"#6c757d1f"},className:"kdtree-gridBadge kdtree-badge-pill",children:En})]}),parent:xn(Sn),externalLink:Cn(Sn),navlink:wn(Sn)})}),Pn},pn=(hn=[],gn)=>{const vn=[];for(const yn of hn){const xn=yn;if(!gn&&!xn?.parent||xn?.parent===gn){const wn=pn(hn,xn.value);wn.length>0&&(xn.children=wn),vn.push(xn)}}return vn},fn=(hn,gn)=>{const vn=[];if(!gn)return[];const yn=hn.find(xn=>xn.value===gn);return yn&&(vn.push(yn.value),vn.push(...fn(hn,yn.parent))),vn};return{renderTreeToSpecificFieldName:dn,buildTree:pn,findAllExpanded:fn}};function KdTree({data:on,onClick:rn,getOptionValue:un,getOptionIcon:dn,getOptionLabel:pn,getOptionParent:fn,getOptionNavlink:hn,getOptionExternalLink:gn,getOptionBadge:vn,noDataText:yn="no data",LinkComponent:xn,hoverBackgroundColor:wn,hoverTextColor:Cn,focusedBackgroundColor:Tn,focusedTextColor:Pn,badgeColor:Sn,badgeBackgroundColor:En,..._n}){const{buildTree:Rn,renderTreeToSpecificFieldName:$n}=useTreeHelper({badgeColor:Sn,badgeBackgroundColor:En}),Mn=Rn($n({data:on,getOptionLabel:pn,getOptionIcon:dn,getOptionValue:un,getOptionParent:fn,getOptionNavlink:hn,getOptionExternalLink:gn,getOptionBadge:vn})),An=({data:On,children:In,isLeaf:Nn})=>{if(!Nn)return jsx$1(Fragment$1,{children:In});const Hn=rn||!On.navlink?"span":On.externalLink?"a":xn||"a",Ln=rn?{onClick:()=>{rn(On)}}:On.externalLink||!xn?{href:On.navlink}:{to:On.navlink};return jsx$1(Hn,{...Ln,style:{textDecoration:"none",color:"inherit"},children:In})},Dn=On=>On.map(In=>jsx$1(An,{isLeaf:!(In.children&&In.children.length>0),data:In,children:jsx$1(TreeItem,{nodeId:In.value,label:In.label,sx:{"& .MuiTreeItem-content":{flexDirection:"row-reverse",padding:"10px 15px",..._n.treeItemContentStyle??{}},...wn&&{"& .MuiTreeItem-content:hover":{backgroundColor:wn,color:Cn}},...Tn&&{"& .MuiTreeItem-content.Mui-focused":{backgroundColor:Tn,color:Pn}},"& .MuiTreeItem-label":{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px",..._n.treeItemLabelStyle??{}}},children:In.children&&In.children.length>0&&Dn(In?.children)},In.value)}));return jsx$1(Fragment$1,{children:Mn.length>0?jsx$1(TreeView,{defaultCollapseIcon:jsx$1(MdExpandLess,{}),defaultExpanded:[],defaultExpandIcon:jsx$1(MdChevronLeft,{}),disableSelection:!0,..._n,children:Dn(Mn)}):jsx$1("div",{style:{width:"100%",textAlign:"center"},children:yn})})}function GoSearch(on){return GenIcon({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M10.25 2a8.25 8.25 0 0 1 6.34 13.53l5.69 5.69a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-5.69-5.69A8.25 8.25 0 1 1 10.25 2ZM3.5 10.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0Z"}}]})(on)}function KdSearchableInput(on){let rn;const un=(...dn)=>{clearTimeout(rn),rn=setTimeout(()=>{on.onInputChange&&(!on.minLength||!dn[1]||dn[1].length>=on.minLength)&&on.onInputChange(...dn)},300)};return jsx$1(KdpaAutoComplete,{popupIcon:jsx$1(GoSearch,{size:"20px"}),...on,sx:{...on.sx,"& .MuiAutocomplete-popupIndicator":{transform:"none"}},onFocus:un,onInputChange:un,renderOption:(dn,pn)=>jsxs("div",{...dn,className:"KdSearchableInput_options",children:[jsx$1("div",{className:"KdSearchableInput_option_icon",children:on.getOptionIcon?on.getOptionIcon(pn):pn?.icon}),jsxs("div",{children:[jsx$1("div",{className:"KdSearchableInput_option_label",children:on.getOptionLabel?on.getOptionLabel(pn):pn?.label}),jsx$1("div",{className:"KdSearchableInput_option_value",children:on.getOptionValue?on.getOptionValue(pn):pn?.id})]})]}),filterOptions:dn=>dn,renderInput:on.renderInput?on.renderInput:dn=>jsx$1(KdpaInput,{...dn,size:"small",required:!!on?.required,variant:on?.variant,label:on?.label,helperText:on?.error?void 0:on?.helperText,autoComplete:on?.autoComplete,error:!!on?.error,InputProps:{...dn.InputProps,...on?.InputProps,endAdornment:jsxs(Fragment$1,{children:[on.loading?jsx$1(CircularProgress,{color:"inherit",size:20}):null,dn.InputProps.endAdornment]})}})})}function useEscapeKeydown(on,rn=globalThis?.document){const un=useCallbackRef$1(on);React$1.useEffect(()=>{const dn=pn=>{pn.key==="Escape"&&un(pn)};return rn.addEventListener("keydown",dn,{capture:!0}),()=>rn.removeEventListener("keydown",dn,{capture:!0})},[un,rn])}var DISMISSABLE_LAYER_NAME="DismissableLayer",CONTEXT_UPDATE="dismissableLayer.update",POINTER_DOWN_OUTSIDE="dismissableLayer.pointerDownOutside",FOCUS_OUTSIDE="dismissableLayer.focusOutside",originalBodyPointerEvents,DismissableLayerContext=React$1.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),DismissableLayer=React$1.forwardRef((on,rn)=>{const{disableOutsidePointerEvents:un=!1,onEscapeKeyDown:dn,onPointerDownOutside:pn,onFocusOutside:fn,onInteractOutside:hn,onDismiss:gn,...vn}=on,yn=React$1.useContext(DismissableLayerContext),[xn,wn]=React$1.useState(null),Cn=xn?.ownerDocument??globalThis?.document,[,Tn]=React$1.useState({}),Pn=useComposedRefs(rn,On=>wn(On)),Sn=Array.from(yn.layers),[En]=[...yn.layersWithOutsidePointerEventsDisabled].slice(-1),_n=Sn.indexOf(En),Rn=xn?Sn.indexOf(xn):-1,$n=yn.layersWithOutsidePointerEventsDisabled.size>0,Mn=Rn>=_n,An=usePointerDownOutside(On=>{const In=On.target,Nn=[...yn.branches].some(Hn=>Hn.contains(In));!Mn||Nn||(pn?.(On),hn?.(On),On.defaultPrevented||gn?.())},Cn),Dn=useFocusOutside(On=>{const In=On.target;[...yn.branches].some(Hn=>Hn.contains(In))||(fn?.(On),hn?.(On),On.defaultPrevented||gn?.())},Cn);return useEscapeKeydown(On=>{Rn===yn.layers.size-1&&(dn?.(On),!On.defaultPrevented&&gn&&(On.preventDefault(),gn()))},Cn),React$1.useEffect(()=>{if(xn)return un&&(yn.layersWithOutsidePointerEventsDisabled.size===0&&(originalBodyPointerEvents=Cn.body.style.pointerEvents,Cn.body.style.pointerEvents="none"),yn.layersWithOutsidePointerEventsDisabled.add(xn)),yn.layers.add(xn),dispatchUpdate(),()=>{un&&yn.layersWithOutsidePointerEventsDisabled.size===1&&(Cn.body.style.pointerEvents=originalBodyPointerEvents)}},[xn,Cn,un,yn]),React$1.useEffect(()=>()=>{xn&&(yn.layers.delete(xn),yn.layersWithOutsidePointerEventsDisabled.delete(xn),dispatchUpdate())},[xn,yn]),React$1.useEffect(()=>{const On=()=>Tn({});return document.addEventListener(CONTEXT_UPDATE,On),()=>document.removeEventListener(CONTEXT_UPDATE,On)},[]),jsx$1(Primitive.div,{...vn,ref:Pn,style:{pointerEvents:$n?Mn?"auto":"none":void 0,...on.style},onFocusCapture:composeEventHandlers(on.onFocusCapture,Dn.onFocusCapture),onBlurCapture:composeEventHandlers(on.onBlurCapture,Dn.onBlurCapture),onPointerDownCapture:composeEventHandlers(on.onPointerDownCapture,An.onPointerDownCapture)})});DismissableLayer.displayName=DISMISSABLE_LAYER_NAME;var BRANCH_NAME="DismissableLayerBranch",DismissableLayerBranch=React$1.forwardRef((on,rn)=>{const un=React$1.useContext(DismissableLayerContext),dn=React$1.useRef(null),pn=useComposedRefs(rn,dn);return React$1.useEffect(()=>{const fn=dn.current;if(fn)return un.branches.add(fn),()=>{un.branches.delete(fn)}},[un.branches]),jsx$1(Primitive.div,{...on,ref:pn})});DismissableLayerBranch.displayName=BRANCH_NAME;function usePointerDownOutside(on,rn=globalThis?.document){const un=useCallbackRef$1(on),dn=React$1.useRef(!1),pn=React$1.useRef(()=>{});return React$1.useEffect(()=>{const fn=gn=>{if(gn.target&&!dn.current){let vn=function(){handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE,un,yn,{discrete:!0})};const yn={originalEvent:gn};gn.pointerType==="touch"?(rn.removeEventListener("click",pn.current),pn.current=vn,rn.addEventListener("click",pn.current,{once:!0})):vn()}else rn.removeEventListener("click",pn.current);dn.current=!1},hn=window.setTimeout(()=>{rn.addEventListener("pointerdown",fn)},0);return()=>{window.clearTimeout(hn),rn.removeEventListener("pointerdown",fn),rn.removeEventListener("click",pn.current)}},[rn,un]),{onPointerDownCapture:()=>dn.current=!0}}function useFocusOutside(on,rn=globalThis?.document){const un=useCallbackRef$1(on),dn=React$1.useRef(!1);return React$1.useEffect(()=>{const pn=fn=>{fn.target&&!dn.current&&handleAndDispatchCustomEvent(FOCUS_OUTSIDE,un,{originalEvent:fn},{discrete:!1})};return rn.addEventListener("focusin",pn),()=>rn.removeEventListener("focusin",pn)},[rn,un]),{onFocusCapture:()=>dn.current=!0,onBlurCapture:()=>dn.current=!1}}function dispatchUpdate(){const on=new CustomEvent(CONTEXT_UPDATE);document.dispatchEvent(on)}function handleAndDispatchCustomEvent(on,rn,un,{discrete:dn}){const pn=un.originalEvent.target,fn=new CustomEvent(on,{bubbles:!1,cancelable:!0,detail:un});rn&&pn.addEventListener(on,rn,{once:!0}),dn?dispatchDiscreteCustomEvent(pn,fn):pn.dispatchEvent(fn)}var count=0;function useFocusGuards(){React$1.useEffect(()=>{const on=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",on[0]??createFocusGuard()),document.body.insertAdjacentElement("beforeend",on[1]??createFocusGuard()),count++,()=>{count===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(rn=>rn.remove()),count--}},[])}function createFocusGuard(){const on=document.createElement("span");return on.setAttribute("data-radix-focus-guard",""),on.tabIndex=0,on.style.outline="none",on.style.opacity="0",on.style.position="fixed",on.style.pointerEvents="none",on}var AUTOFOCUS_ON_MOUNT="focusScope.autoFocusOnMount",AUTOFOCUS_ON_UNMOUNT="focusScope.autoFocusOnUnmount",EVENT_OPTIONS={bubbles:!1,cancelable:!0},FOCUS_SCOPE_NAME="FocusScope",FocusScope=React$1.forwardRef((on,rn)=>{const{loop:un=!1,trapped:dn=!1,onMountAutoFocus:pn,onUnmountAutoFocus:fn,...hn}=on,[gn,vn]=React$1.useState(null),yn=useCallbackRef$1(pn),xn=useCallbackRef$1(fn),wn=React$1.useRef(null),Cn=useComposedRefs(rn,Sn=>vn(Sn)),Tn=React$1.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;React$1.useEffect(()=>{if(dn){let Sn=function($n){if(Tn.paused||!gn)return;const Mn=$n.target;gn.contains(Mn)?wn.current=Mn:focus(wn.current,{select:!0})},En=function($n){if(Tn.paused||!gn)return;const Mn=$n.relatedTarget;Mn!==null&&(gn.contains(Mn)||focus(wn.current,{select:!0}))},_n=function($n){if(document.activeElement===document.body)for(const An of $n)An.removedNodes.length>0&&focus(gn)};document.addEventListener("focusin",Sn),document.addEventListener("focusout",En);const Rn=new MutationObserver(_n);return gn&&Rn.observe(gn,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",Sn),document.removeEventListener("focusout",En),Rn.disconnect()}}},[dn,gn,Tn.paused]),React$1.useEffect(()=>{if(gn){focusScopesStack.add(Tn);const Sn=document.activeElement;if(!gn.contains(Sn)){const _n=new CustomEvent(AUTOFOCUS_ON_MOUNT,EVENT_OPTIONS);gn.addEventListener(AUTOFOCUS_ON_MOUNT,yn),gn.dispatchEvent(_n),_n.defaultPrevented||(focusFirst$1(removeLinks(getTabbableCandidates(gn)),{select:!0}),document.activeElement===Sn&&focus(gn))}return()=>{gn.removeEventListener(AUTOFOCUS_ON_MOUNT,yn),setTimeout(()=>{const _n=new CustomEvent(AUTOFOCUS_ON_UNMOUNT,EVENT_OPTIONS);gn.addEventListener(AUTOFOCUS_ON_UNMOUNT,xn),gn.dispatchEvent(_n),_n.defaultPrevented||focus(Sn??document.body,{select:!0}),gn.removeEventListener(AUTOFOCUS_ON_UNMOUNT,xn),focusScopesStack.remove(Tn)},0)}}},[gn,yn,xn,Tn]);const Pn=React$1.useCallback(Sn=>{if(!un&&!dn||Tn.paused)return;const En=Sn.key==="Tab"&&!Sn.altKey&&!Sn.ctrlKey&&!Sn.metaKey,_n=document.activeElement;if(En&&_n){const Rn=Sn.currentTarget,[$n,Mn]=getTabbableEdges(Rn);$n&&Mn?!Sn.shiftKey&&_n===Mn?(Sn.preventDefault(),un&&focus($n,{select:!0})):Sn.shiftKey&&_n===$n&&(Sn.preventDefault(),un&&focus(Mn,{select:!0})):_n===Rn&&Sn.preventDefault()}},[un,dn,Tn.paused]);return jsx$1(Primitive.div,{tabIndex:-1,...hn,ref:Cn,onKeyDown:Pn})});FocusScope.displayName=FOCUS_SCOPE_NAME;function focusFirst$1(on,{select:rn=!1}={}){const un=document.activeElement;for(const dn of on)if(focus(dn,{select:rn}),document.activeElement!==un)return}function getTabbableEdges(on){const rn=getTabbableCandidates(on),un=findVisible(rn,on),dn=findVisible(rn.reverse(),on);return[un,dn]}function getTabbableCandidates(on){const rn=[],un=document.createTreeWalker(on,NodeFilter.SHOW_ELEMENT,{acceptNode:dn=>{const pn=dn.tagName==="INPUT"&&dn.type==="hidden";return dn.disabled||dn.hidden||pn?NodeFilter.FILTER_SKIP:dn.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;un.nextNode();)rn.push(un.currentNode);return rn}function findVisible(on,rn){for(const un of on)if(!isHidden(un,{upTo:rn}))return un}function isHidden(on,{upTo:rn}){if(getComputedStyle(on).visibility==="hidden")return!0;for(;on;){if(rn!==void 0&&on===rn)return!1;if(getComputedStyle(on).display==="none")return!0;on=on.parentElement}return!1}function isSelectableInput(on){return on instanceof HTMLInputElement&&"select"in on}function focus(on,{select:rn=!1}={}){if(on&&on.focus){const un=document.activeElement;on.focus({preventScroll:!0}),on!==un&&isSelectableInput(on)&&rn&&on.select()}}var focusScopesStack=createFocusScopesStack();function createFocusScopesStack(){let on=[];return{add(rn){const un=on[0];rn!==un&&un?.pause(),on=arrayRemove(on,rn),on.unshift(rn)},remove(rn){on=arrayRemove(on,rn),on[0]?.resume()}}}function arrayRemove(on,rn){const un=[...on],dn=un.indexOf(rn);return dn!==-1&&un.splice(dn,1),un}function removeLinks(on){return on.filter(rn=>rn.tagName!=="A")}var NAME="Arrow",Arrow$1=React$1.forwardRef((on,rn)=>{const{children:un,width:dn=10,height:pn=5,...fn}=on;return jsx$1(Primitive.svg,{...fn,ref:rn,width:dn,height:pn,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:on.asChild?un:jsx$1("polygon",{points:"0,0 30,0 15,10"})})});Arrow$1.displayName=NAME;var Root=Arrow$1;function useSize(on){const[rn,un]=React$1.useState(void 0);return useLayoutEffect2(()=>{if(on){un({width:on.offsetWidth,height:on.offsetHeight});const dn=new ResizeObserver(pn=>{if(!Array.isArray(pn)||!pn.length)return;const fn=pn[0];let hn,gn;if("borderBoxSize"in fn){const vn=fn.borderBoxSize,yn=Array.isArray(vn)?vn[0]:vn;hn=yn.inlineSize,gn=yn.blockSize}else hn=on.offsetWidth,gn=on.offsetHeight;un({width:hn,height:gn})});return dn.observe(on,{box:"border-box"}),()=>dn.unobserve(on)}else un(void 0)},[on]),rn}var POPPER_NAME="Popper",[createPopperContext,createPopperScope]=createContextScope(POPPER_NAME),[PopperProvider,usePopperContext]=createPopperContext(POPPER_NAME),Popper=on=>{const{__scopePopper:rn,children:un}=on,[dn,pn]=React$1.useState(null);return jsx$1(PopperProvider,{scope:rn,anchor:dn,onAnchorChange:pn,children:un})};Popper.displayName=POPPER_NAME;var ANCHOR_NAME$1="PopperAnchor",PopperAnchor=React$1.forwardRef((on,rn)=>{const{__scopePopper:un,virtualRef:dn,...pn}=on,fn=usePopperContext(ANCHOR_NAME$1,un),hn=React$1.useRef(null),gn=useComposedRefs(rn,hn);return React$1.useEffect(()=>{fn.onAnchorChange(dn?.current||hn.current)}),dn?null:jsx$1(Primitive.div,{...pn,ref:gn})});PopperAnchor.displayName=ANCHOR_NAME$1;var CONTENT_NAME$2="PopperContent",[PopperContentProvider,useContentContext]=createPopperContext(CONTENT_NAME$2),PopperContent=React$1.forwardRef((on,rn)=>{const{__scopePopper:un,side:dn="bottom",sideOffset:pn=0,align:fn="center",alignOffset:hn=0,arrowPadding:gn=0,avoidCollisions:vn=!0,collisionBoundary:yn=[],collisionPadding:xn=0,sticky:wn="partial",hideWhenDetached:Cn=!1,updatePositionStrategy:Tn="optimized",onPlaced:Pn,...Sn}=on,En=usePopperContext(CONTENT_NAME$2,un),[_n,Rn]=React$1.useState(null),$n=useComposedRefs(rn,Zn=>Rn(Zn)),[Mn,An]=React$1.useState(null),Dn=useSize(Mn),On=Dn?.width??0,In=Dn?.height??0,Nn=dn+(fn!=="center"?"-"+fn:""),Hn=typeof xn=="number"?xn:{top:0,right:0,bottom:0,left:0,...xn},Ln=Array.isArray(yn)?yn:[yn],Un=Ln.length>0,jn={padding:Hn,boundary:Ln.filter(isNotNull),altBoundary:Un},{refs:Vn,floatingStyles:Yn,placement:qn,isPositioned:Wn,middlewareData:Fn}=useFloating({strategy:"fixed",placement:Nn,whileElementsMounted:(...Zn)=>autoUpdate(...Zn,{animationFrame:Tn==="always"}),elements:{reference:En.anchor},middleware:[offset({mainAxis:pn+In,alignmentAxis:hn}),vn&&shift({mainAxis:!0,crossAxis:!1,limiter:wn==="partial"?limitShift():void 0,...jn}),vn&&flip({...jn}),size({...jn,apply:({elements:Zn,rects:cr,availableWidth:vr,availableHeight:xr})=>{const{width:yr,height:pr}=cr.reference,Tr=Zn.floating.style;Tr.setProperty("--radix-popper-available-width",`${vr}px`),Tr.setProperty("--radix-popper-available-height",`${xr}px`),Tr.setProperty("--radix-popper-anchor-width",`${yr}px`),Tr.setProperty("--radix-popper-anchor-height",`${pr}px`)}}),Mn&&arrow({element:Mn,padding:gn}),transformOrigin({arrowWidth:On,arrowHeight:In}),Cn&&hide({strategy:"referenceHidden",...jn})]}),[Bn,zn]=getSideAndAlignFromPlacement(qn),Kn=useCallbackRef$1(Pn);useLayoutEffect2(()=>{Wn&&Kn?.()},[Wn,Kn]);const Jn=Fn.arrow?.x,rr=Fn.arrow?.y,er=Fn.arrow?.centerOffset!==0,[Qn,Xn]=React$1.useState();return useLayoutEffect2(()=>{_n&&Xn(window.getComputedStyle(_n).zIndex)},[_n]),jsx$1("div",{ref:Vn.setFloating,"data-radix-popper-content-wrapper":"",style:{...Yn,transform:Wn?Yn.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:Qn,"--radix-popper-transform-origin":[Fn.transformOrigin?.x,Fn.transformOrigin?.y].join(" "),...Fn.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:on.dir,children:jsx$1(PopperContentProvider,{scope:un,placedSide:Bn,onArrowChange:An,arrowX:Jn,arrowY:rr,shouldHideArrow:er,children:jsx$1(Primitive.div,{"data-side":Bn,"data-align":zn,...Sn,ref:$n,style:{...Sn.style,animation:Wn?void 0:"none"}})})})});PopperContent.displayName=CONTENT_NAME$2;var ARROW_NAME$2="PopperArrow",OPPOSITE_SIDE={top:"bottom",right:"left",bottom:"top",left:"right"},PopperArrow=React$1.forwardRef(function(rn,un){const{__scopePopper:dn,...pn}=rn,fn=useContentContext(ARROW_NAME$2,dn),hn=OPPOSITE_SIDE[fn.placedSide];return jsx$1("span",{ref:fn.onArrowChange,style:{position:"absolute",left:fn.arrowX,top:fn.arrowY,[hn]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[fn.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[fn.placedSide],visibility:fn.shouldHideArrow?"hidden":void 0},children:jsx$1(Root,{...pn,ref:un,style:{...pn.style,display:"block"}})})});PopperArrow.displayName=ARROW_NAME$2;function isNotNull(on){return on!==null}var transformOrigin=on=>({name:"transformOrigin",options:on,fn(rn){const{placement:un,rects:dn,middlewareData:pn}=rn,hn=pn.arrow?.centerOffset!==0,gn=hn?0:on.arrowWidth,vn=hn?0:on.arrowHeight,[yn,xn]=getSideAndAlignFromPlacement(un),wn={start:"0%",center:"50%",end:"100%"}[xn],Cn=(pn.arrow?.x??0)+gn/2,Tn=(pn.arrow?.y??0)+vn/2;let Pn="",Sn="";return yn==="bottom"?(Pn=hn?wn:`${Cn}px`,Sn=`${-vn}px`):yn==="top"?(Pn=hn?wn:`${Cn}px`,Sn=`${dn.floating.height+vn}px`):yn==="right"?(Pn=`${-vn}px`,Sn=hn?wn:`${Tn}px`):yn==="left"&&(Pn=`${dn.floating.width+vn}px`,Sn=hn?wn:`${Tn}px`),{data:{x:Pn,y:Sn}}}});function getSideAndAlignFromPlacement(on){const[rn,un="center"]=on.split("-");return[rn,un]}var Root2=Popper,Anchor=PopperAnchor,Content=PopperContent,Arrow=PopperArrow,PORTAL_NAME$2="Portal",Portal$1=React$1.forwardRef((on,rn)=>{const{container:un,...dn}=on,[pn,fn]=React$1.useState(!1);useLayoutEffect2(()=>fn(!0),[]);const hn=un||pn&&globalThis?.document?.body;return hn?ReactDOM__default.createPortal(jsx$1(Primitive.div,{...dn,ref:rn}),hn):null});Portal$1.displayName=PORTAL_NAME$2;var zeroRightClassName="right-scroll-bar-position",fullWidthClassName="width-before-scroll-bar",noScrollbarsClassName="with-scroll-bars-hidden",removedBarSizeVariable="--removed-body-scroll-bar-size";function assignRef(on,rn){return typeof on=="function"?on(rn):on&&(on.current=rn),on}function useCallbackRef(on,rn){var un=useState(function(){return{value:on,callback:rn,facade:{get current(){return un.value},set current(dn){var pn=un.value;pn!==dn&&(un.value=dn,un.callback(dn,pn))}}}})[0];return un.callback=rn,un.facade}var useIsomorphicLayoutEffect$1=typeof window<"u"?React$1.useLayoutEffect:React$1.useEffect,currentValues=new WeakMap;function useMergeRefs(on,rn){var un=useCallbackRef(null,function(dn){return on.forEach(function(pn){return assignRef(pn,dn)})});return useIsomorphicLayoutEffect$1(function(){var dn=currentValues.get(un);if(dn){var pn=new Set(dn),fn=new Set(on),hn=un.current;pn.forEach(function(gn){fn.has(gn)||assignRef(gn,null)}),fn.forEach(function(gn){pn.has(gn)||assignRef(gn,hn)})}currentValues.set(un,on)},[on]),un}function ItoI(on){return on}function innerCreateMedium(on,rn){rn===void 0&&(rn=ItoI);var un=[],dn=!1,pn={read:function(){if(dn)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return un.length?un[un.length-1]:on},useMedium:function(fn){var hn=rn(fn,dn);return un.push(hn),function(){un=un.filter(function(gn){return gn!==hn})}},assignSyncMedium:function(fn){for(dn=!0;un.length;){var hn=un;un=[],hn.forEach(fn)}un={push:function(gn){return fn(gn)},filter:function(){return un}}},assignMedium:function(fn){dn=!0;var hn=[];if(un.length){var gn=un;un=[],gn.forEach(fn),hn=un}var vn=function(){var xn=hn;hn=[],xn.forEach(fn)},yn=function(){return Promise.resolve().then(vn)};yn(),un={push:function(xn){hn.push(xn),yn()},filter:function(xn){return hn=hn.filter(xn),un}}}};return pn}function createSidecarMedium(on){on===void 0&&(on={});var rn=innerCreateMedium(null);return rn.options=__assign({async:!0,ssr:!1},on),rn}var SideCar$1=function(on){var rn=on.sideCar,un=__rest(on,["sideCar"]);if(!rn)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var dn=rn.read();if(!dn)throw new Error("Sidecar medium not found");return React$1.createElement(dn,__assign({},un))};SideCar$1.isSideCarExport=!0;function exportSidecar(on,rn){return on.useMedium(rn),SideCar$1}var effectCar=createSidecarMedium(),nothing=function(){},RemoveScroll=React$1.forwardRef(function(on,rn){var un=React$1.useRef(null),dn=React$1.useState({onScrollCapture:nothing,onWheelCapture:nothing,onTouchMoveCapture:nothing}),pn=dn[0],fn=dn[1],hn=on.forwardProps,gn=on.children,vn=on.className,yn=on.removeScrollBar,xn=on.enabled,wn=on.shards,Cn=on.sideCar,Tn=on.noIsolation,Pn=on.inert,Sn=on.allowPinchZoom,En=on.as,_n=En===void 0?"div":En,Rn=on.gapMode,$n=__rest(on,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),Mn=Cn,An=useMergeRefs([un,rn]),Dn=__assign(__assign({},$n),pn);return React$1.createElement(React$1.Fragment,null,xn&&React$1.createElement(Mn,{sideCar:effectCar,removeScrollBar:yn,shards:wn,noIsolation:Tn,inert:Pn,setCallbacks:fn,allowPinchZoom:!!Sn,lockRef:un,gapMode:Rn}),hn?React$1.cloneElement(React$1.Children.only(gn),__assign(__assign({},Dn),{ref:An})):React$1.createElement(_n,__assign({},Dn,{className:vn,ref:An}),gn))});RemoveScroll.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},RemoveScroll.classNames={fullWidth:fullWidthClassName,zeroRight:zeroRightClassName};var getNonce=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function makeStyleTag(){if(!document)return null;var on=document.createElement("style");on.type="text/css";var rn=getNonce();return rn&&on.setAttribute("nonce",rn),on}function injectStyles(on,rn){on.styleSheet?on.styleSheet.cssText=rn:on.appendChild(document.createTextNode(rn))}function insertStyleTag(on){var rn=document.head||document.getElementsByTagName("head")[0];rn.appendChild(on)}var stylesheetSingleton=function(){var on=0,rn=null;return{add:function(un){on==0&&(rn=makeStyleTag())&&(injectStyles(rn,un),insertStyleTag(rn)),on++},remove:function(){on--,!on&&rn&&(rn.parentNode&&rn.parentNode.removeChild(rn),rn=null)}}},styleHookSingleton=function(){var on=stylesheetSingleton();return function(rn,un){React$1.useEffect(function(){return on.add(rn),function(){on.remove()}},[rn&&un])}},styleSingleton=function(){var on=styleHookSingleton(),rn=function(un){var dn=un.styles,pn=un.dynamic;return on(dn,pn),null};return rn},zeroGap={left:0,top:0,right:0,gap:0},parse=function(on){return parseInt(on||"",10)||0},getOffset=function(on){var rn=window.getComputedStyle(document.body),un=rn[on==="padding"?"paddingLeft":"marginLeft"],dn=rn[on==="padding"?"paddingTop":"marginTop"],pn=rn[on==="padding"?"paddingRight":"marginRight"];return[parse(un),parse(dn),parse(pn)]},getGapWidth=function(on){if(on===void 0&&(on="margin"),typeof window>"u")return zeroGap;var rn=getOffset(on),un=document.documentElement.clientWidth,dn=window.innerWidth;return{left:rn[0],top:rn[1],right:rn[2],gap:Math.max(0,dn-un+rn[2]-rn[0])}},Style=styleSingleton(),lockAttribute="data-scroll-locked",getStyles=function(on,rn,un,dn){var pn=on.left,fn=on.top,hn=on.right,gn=on.gap;return un===void 0&&(un="margin"),`
|
|
@@ -6,9 +6,10 @@ export interface KdGridPanelProps {
|
|
|
6
6
|
loading: boolean;
|
|
7
7
|
panelType: string;
|
|
8
8
|
onSubmit: (data: any) => void;
|
|
9
|
+
hasHeader?: boolean;
|
|
9
10
|
[x: string]: any;
|
|
10
11
|
}
|
|
11
|
-
declare function KdGridPanel({ isOpen, children, onClose, label, loading, onSubmit, ...props }: KdGridPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function KdGridPanel({ isOpen, children, onClose, label, loading, onSubmit, hasHeader, ...props }: KdGridPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
declare const _default: import("react").MemoExoticComponent<typeof KdGridPanel>;
|
|
13
14
|
export default _default;
|
|
14
15
|
//# sourceMappingURL=KdGridPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdGridPanel.d.ts","sourceRoot":"","sources":["../../../../../src/designerKit/components/GridPanel/KdGridPanel.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,iBAAS,WAAW,CAAC,EACnB,MAAc,EACd,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"KdGridPanel.d.ts","sourceRoot":"","sources":["../../../../../src/designerKit/components/GridPanel/KdGridPanel.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,iBAAS,WAAW,CAAC,EACnB,MAAc,EACd,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAe,EACf,QAAQ,EACR,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6BlB;;AAED,wBAAiC"}
|