@cgi-learning-hub/ui 1.5.0-dev.1743667291 → 1.5.0-dev.1743697235

package/dist/components/FolderCard/FolderCard.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),h=require("../../Folder-NcfJgwuN.cjs"),m=require("../../MoreVert-RHtym60m.cjs"),s=require("@mui/material"),p=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),n=require("./styles.cjs.js"),d=require("../ResourceCard/style.cjs.js"),c=require("./types.cjs.js"),f=({isSelected:o=!1,onSelect:l=()=>{},title:x,subtitle:a,width:y="320px",onClick:t=()=>{},iconSize:u="2rem"})=>{const i=e=>e.key==="Enter"||e.key===" ";return r.jsx(s.Box,{sx:{width:y},children:r.jsxs(d.StyledCard,{selected:o,onClick:t,onKeyDown:e=>{i(e)&&(e.preventDefault(),t==null||t())},role:"button",tabIndex:0,"aria-labelledby":"folder-title folder-subtitle","aria-pressed":o,children:[r.jsx(d.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),l()},onKeyDown:e=>{i(e)&&(e.preventDefault(),e.stopPropagation(),l())},className:"selected-icon",selected:o,role:"button",tabIndex:0,"aria-label":o?"Unselect folder":"Select folder","aria-pressed":o,children:r.jsx(m.MoreVertIcon,{})}),r.jsxs(s.CardContent,{sx:n.FolderBodyStyle,children:[r.jsx(s.Box,{fontSize:u,sx:n.IconContainerStyle,children:r.jsx(h.FolderIcon,{color:"primary",sx:n.FolderIconStyle,"aria-hidden":"true"})}),r.jsxs(s.Box,{sx:n.TextContainerStyle,children:[r.jsx(p,{typographyProps:c.titleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:x}),a&&r.jsx(p,{typographyProps:c.subtitleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:a})]})]})]})})};module.exports=f;
+"use strict";const r=require("react/jsx-runtime"),m=require("../../Folder-NcfJgwuN.cjs"),f=require("../../MoreVert-RHtym60m.cjs"),s=require("@mui/material"),p=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),d=require("../ResourceCard/style.cjs.js"),n=require("./styles.cjs.js"),c=require("./types.cjs.js"),j=({isSelected:o=!1,onSelect:l=()=>{},title:x,subtitle:a,width:y="320px",onClick:t=()=>{},iconSize:u="2rem",hasNoButtonOnFocus:h=!1})=>{const i=e=>e.key==="Enter"||e.key===" ";return r.jsx(s.Box,{sx:{width:y},children:r.jsxs(d.StyledCard,{selected:o,onClick:t,onKeyDown:e=>{i(e)&&(e.preventDefault(),t==null||t())},role:"button",tabIndex:0,"aria-labelledby":"folder-title folder-subtitle","aria-pressed":o,children:[r.jsx(d.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),l()},onKeyDown:e=>{i(e)&&(e.preventDefault(),e.stopPropagation(),l())},className:"selected-icon",selected:o,role:"button",tabIndex:0,"aria-label":o?"Unselect folder":"Select folder","aria-pressed":o,hasNoButtonOnFocus:h,children:r.jsx(f.MoreVertIcon,{})}),r.jsxs(s.CardContent,{sx:n.FolderBodyStyle,children:[r.jsx(s.Box,{fontSize:u,sx:n.IconContainerStyle,children:r.jsx(m.FolderIcon,{color:"primary",sx:n.FolderIconStyle,"aria-hidden":"true"})}),r.jsxs(s.Box,{sx:n.TextContainerStyle,children:[r.jsx(p,{typographyProps:c.titleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:x}),a&&r.jsx(p,{typographyProps:c.subtitleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:a})]})]})]})})};module.exports=j;

package/dist/components/FolderCard/FolderCard.d.ts

@@ -6,6 +6,7 @@ export type FolderCardProps = {
     width?: string;
     onClick?: () => void;
     iconSize?: string;
+    hasNoButtonOnFocus?: boolean;
 };
 declare const FolderCard: React.FunctionComponent<FolderCardProps>;
 export default FolderCard;

package/dist/components/FolderCard/FolderCard.es.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { F as f } from "../../Folder-DbtkTNEB.js";
-import { M as c } from "../../MoreVert-WFvQcAf-.js";
-import { Box as l, CardContent as h } from "@mui/material";
+import { F as c } from "../../Folder-DbtkTNEB.js";
+import { M as h } from "../../MoreVert-WFvQcAf-.js";
+import { Box as l, CardContent as x } from "@mui/material";
 import i from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { FolderBodyStyle as x, IconContainerStyle as u, FolderIconStyle as b, TextContainerStyle as P } from "./styles.es.js";
-import { StyledCard as I, SelectedIcon as g } from "../ResourceCard/style.es.js";
-import { titleTypographyProps as D, subtitleTypographyProps as F } from "./types.es.js";
-const E = ({
+import { StyledCard as u, SelectedIcon as b } from "../ResourceCard/style.es.js";
+import { FolderBodyStyle as P, IconContainerStyle as I, FolderIconStyle as g, TextContainerStyle as D } from "./styles.es.js";
+import { titleTypographyProps as F, subtitleTypographyProps as w } from "./types.es.js";
+const M = ({
   isSelected: e = !1,
   onSelect: p = () => {
   },
@@ -15,11 +15,12 @@ const E = ({
   width: m = "320px",
   onClick: t = () => {
   },
-  iconSize: y = "2rem"
+  iconSize: f = "2rem",
+  hasNoButtonOnFocus: y = !1
 }) => {
   const s = (r) => r.key === "Enter" || r.key === " ";
   return /* @__PURE__ */ o(l, { sx: { width: m }, children: /* @__PURE__ */ a(
-    I,
+    u,
     {
       selected: e,
       onClick: t,
@@ -32,7 +33,7 @@ const E = ({
       "aria-pressed": e,
       children: [
         /* @__PURE__ */ o(
-          g,
+          b,
           {
             onClick: (r) => {
               r.preventDefault(), r.stopPropagation(), p();
@@ -46,16 +47,24 @@ const E = ({
             tabIndex: 0,
             "aria-label": e ? "Unselect folder" : "Select folder",
             "aria-pressed": e,
-            children: /* @__PURE__ */ o(c, {})
+            hasNoButtonOnFocus: y,
+            children: /* @__PURE__ */ o(h, {})
           }
         ),
-        /* @__PURE__ */ a(h, { sx: x, children: [
-          /* @__PURE__ */ o(l, { fontSize: y, sx: u, children: /* @__PURE__ */ o(f, { color: "primary", sx: b, "aria-hidden": "true" }) }),
-          /* @__PURE__ */ a(l, { sx: P, children: [
+        /* @__PURE__ */ a(x, { sx: P, children: [
+          /* @__PURE__ */ o(l, { fontSize: f, sx: I, children: /* @__PURE__ */ o(
+            c,
+            {
+              color: "primary",
+              sx: g,
+              "aria-hidden": "true"
+            }
+          ) }),
+          /* @__PURE__ */ a(l, { sx: D, children: [
             /* @__PURE__ */ o(
               i,
               {
-                typographyProps: D,
+                typographyProps: F,
                 tooltipProps: { placement: "bottom", arrow: !0 },
                 children: d
               }
@@ -63,7 +72,7 @@ const E = ({
             n && /* @__PURE__ */ o(
               i,
               {
-                typographyProps: F,
+                typographyProps: w,
                 tooltipProps: { placement: "bottom", arrow: !0 },
                 children: n
               }
@@ -75,5 +84,5 @@ const E = ({
   ) });
 };
 export {
-  E as default
+  M as default
 };

package/dist/components/ResourceCard/ResourceCard.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),b=require("../../MoreVert-RHtym60m.cjs"),d=require("@mui/material"),m=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),o=require("./style.cjs.js"),j=({isSelected:s=!1,onSelect:u=()=>{},image:x,title:c,defaultImage:h,propertyItems:p=[],infoIcons:l=[],size:t="md",width:i,onClick:n=()=>{}})=>(l=l.slice(0,3),r.jsx(d.Box,{sx:{width:i&&t==="md"?i:"320px"},children:r.jsxs(o.StyledCard,{selected:s,size:t,onClick:n,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),n==null||n())},role:"button",tabIndex:0,"aria-label":`Resource card for ${c}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),u()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),u())},className:"selected-icon",selected:s,role:"button",tabIndex:0,"aria-label":s?"Unselect card":"Select card",children:r.jsx(b.MoreVertIcon,{})}),r.jsx(d.Stack,{sx:{width:t=="sm"?110:"100%",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box"},children:r.jsx(o.ResourceCardImage,{image:x,defaultImage:h,size:t,role:"img","aria-label":`Image for ${c}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(m,{typographyProps:{variant:"h4",component:"p"},tooltipProps:{placement:"bottom",arrow:!0},children:c}),p.length>0&&p.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===p.length-1,size:t,width:i,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:l.length>0&&l.map((e,a)=>r.jsx(d.Tooltip,{title:e.text,placement:"top",arrow:!0,children:r.jsx(o.ResourceIconItem,{size:t,role:"button",tabIndex:0,"aria-label":e.text,children:e.icon})},`info-${a}`))})]})]})}));module.exports=j;
+"use strict";const r=require("react/jsx-runtime"),m=require("../../MoreVert-RHtym60m.cjs"),d=require("@mui/material"),j=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),o=require("./style.cjs.js"),y=({isSelected:s=!1,onSelect:u=()=>{},image:x,title:c,defaultImage:h,propertyItems:p=[],infoIcons:l=[],size:t="md",width:i,onClick:n=()=>{},hasNoButtonOnFocus:b=!1})=>(l=l.slice(0,3),r.jsx(d.Box,{sx:{width:i&&t==="md"?i:"320px"},children:r.jsxs(o.StyledCard,{selected:s,size:t,onClick:n,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),n==null||n())},role:"button",tabIndex:0,"aria-label":`Resource card for ${c}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),u()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),u())},className:"selected-icon",selected:s,role:"button",tabIndex:0,"aria-label":s?"Unselect card":"Select card",hasNoButtonOnFocus:b,children:r.jsx(m.MoreVertIcon,{})}),r.jsx(d.Stack,{sx:{width:t=="sm"?110:"100%",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box"},children:r.jsx(o.ResourceCardImage,{image:x,defaultImage:h,size:t,role:"img","aria-label":`Image for ${c}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(j,{typographyProps:{variant:"h4",component:"p"},tooltipProps:{placement:"bottom",arrow:!0},children:c}),p.length>0&&p.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===p.length-1,size:t,width:i,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:l.length>0&&l.map((e,a)=>r.jsx(d.Tooltip,{title:e.text,placement:"top",arrow:!0,children:r.jsx(o.ResourceIconItem,{size:t,role:"button",tabIndex:0,"aria-label":e.text,children:e.icon})},`info-${a}`))})]})]})}));module.exports=y;

package/dist/components/ResourceCard/ResourceCard.d.ts

@@ -19,6 +19,7 @@ export type ResourceCardProps = {
     size?: ResourceCardSize;
     width?: string;
     onClick?: () => void;
+    hasNoButtonOnFocus?: boolean;
 };
 declare const ResourceCard: React.FunctionComponent<ResourceCardProps>;
 export default ResourceCard;

package/dist/components/ResourceCard/ResourceCard.es.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { M as h } from "../../MoreVert-WFvQcAf-.js";
-import { Box as b, Stack as x, Tooltip as y } from "@mui/material";
-import f from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { StyledCard as g, SelectedIcon as P, ResourceCardImage as R, ResourceCardBody as D, ResourcePropertyItem as I, ResourcePropertyText as $, PublicIconWrapper as v, ResourceIconItem as w } from "./style.es.js";
-const M = ({
+import { M as b } from "../../MoreVert-WFvQcAf-.js";
+import { Box as x, Stack as f, Tooltip as y } from "@mui/material";
+import g from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { StyledCard as P, SelectedIcon as R, ResourceCardImage as D, ResourceCardBody as I, ResourcePropertyItem as $, ResourcePropertyText as v, PublicIconWrapper as w, ResourceIconItem as j } from "./style.es.js";
+const S = ({
   isSelected: n = !1,
   onSelect: m = () => {
   },
@@ -15,9 +15,10 @@ const M = ({
   size: t = "md",
   width: d,
   onClick: l = () => {
-  }
-}) => (a = a.slice(0, 3), /* @__PURE__ */ r(b, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
-  g,
+  },
+  hasNoButtonOnFocus: h = !1
+}) => (a = a.slice(0, 3), /* @__PURE__ */ r(x, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
+  P,
   {
     selected: n,
     size: t,
@@ -30,7 +31,7 @@ const M = ({
     "aria-label": `Resource card for ${c}`,
     children: [
       /* @__PURE__ */ r(
-        P,
+        R,
         {
           onClick: (e) => {
             e.preventDefault(), e.stopPropagation(), m();
@@ -43,11 +44,12 @@ const M = ({
           role: "button",
           tabIndex: 0,
           "aria-label": n ? "Unselect card" : "Select card",
-          children: /* @__PURE__ */ r(h, {})
+          hasNoButtonOnFocus: h,
+          children: /* @__PURE__ */ r(b, {})
         }
       ),
       /* @__PURE__ */ r(
-        x,
+        f,
         {
           sx: {
             width: t == "sm" ? 110 : "100%",
@@ -57,7 +59,7 @@ const M = ({
             boxSizing: "border-box"
           },
           children: /* @__PURE__ */ r(
-            R,
+            D,
             {
               image: s,
               defaultImage: u,
@@ -68,9 +70,9 @@ const M = ({
           )
         }
       ),
-      /* @__PURE__ */ i(D, { size: t, children: [
+      /* @__PURE__ */ i(I, { size: t, children: [
         /* @__PURE__ */ r(
-          f,
+          g,
           {
             typographyProps: { variant: "h4", component: "p" },
             tooltipProps: { placement: "bottom", arrow: !0 },
@@ -78,7 +80,7 @@ const M = ({
           }
         ),
         p.length > 0 && p.map((e, o) => /* @__PURE__ */ i(
-          I,
+          $,
           {
             size: t,
             role: "group",
@@ -86,7 +88,7 @@ const M = ({
             children: [
               e.icon,
               /* @__PURE__ */ r(
-                $,
+                v,
                 {
                   isLast: o === p.length - 1,
                   size: t,
@@ -98,14 +100,14 @@ const M = ({
           },
           `property-${o}`
         )),
-        /* @__PURE__ */ r(v, { size: t, children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r(w, { size: t, children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
           y,
           {
             title: e.text,
             placement: "top",
             arrow: !0,
             children: /* @__PURE__ */ r(
-              w,
+              j,
               {
                 size: t,
                 role: "button",
@@ -122,5 +124,5 @@ const M = ({
   }
 ) }));
 export {
-  M as default
+  S as default
 };

package/dist/components/ResourceCard/style.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),i=t.styled(t.Card)(({theme:e,selected:o,size:r})=>({boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",borderRadius:"0.5rem",height:"auto",border:"2px solid transparent",transition:"border-color 0.2s ease-in-out",position:"relative",...r==="sm"&&{display:"flex",width:"100%"},...o&&{borderColor:e.palette.primary.light},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),a=t.styled(t.Box)(({theme:e,selected:o})=>({position:"absolute",top:0,right:0,width:"2rem",height:"2rem",background:e.palette.common.white,display:"flex",justifyContent:"center",alignItems:"center",padding:".8rem",borderRadius:".5rem",visibility:"visible",opacity:0,cursor:"pointer",transition:"opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",...o&&{background:e.palette.primary.lighter,opacity:1,visibility:"visible"},"&:hover, &:focus":{background:e.palette.primary.lighter,opacity:1},"& .MuiSvgIcon-root":{color:e.palette.primary.main}})),s=t.styled(t.CardMedia)(({size:e,image:o,defaultImage:r})=>({height:e=="sm"?85:180,width:e=="sm"?85:"calc(100% - 2rem)",objectFit:"cover",margin:e=="sm"?"0 10px":"1rem",borderRadius:"0.5rem",...!o&&e==="md"&&{backgroundImage:`url(${r})`,backgroundRepeat:"repeat",backgroundSize:"20% 20%",backgroundPosition:"center",opacity:"0.7"}})),n=t.styled(t.CardContent)(({size:e})=>({padding:e=="sm"?".7rem 5px .7rem 0 !important":"0 16px 16px 16px !important",width:e==="sm"?"calc(100% - 110px)":"100%"})),p=t.styled(t.Box)(({size:e})=>({display:"flex",alignItems:"center",marginTop:"0.5rem",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),c=t.styled(t.Box)(({size:e,width:o,isLast:r})=>({marginLeft:e==="sm"?".3rem":".5rem",fontSize:e==="sm"?"12px":"15px","& .MuiTypography-root":{paddingTop:"2px",fontSize:e==="sm"?"12px":"15px"},...r&&!o&&{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",maxWidth:e==="sm"?"110px":"172px"}})),d=t.styled(t.Box)(({size:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"fit-content",height:"fit-content",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),l=t.styled(t.Box)(({size:e})=>({position:"absolute",bottom:e==="sm"?".65rem":"16px",right:e==="sm"?"8px":"16px",display:"flex",gap:".2rem"}));exports.PublicIconWrapper=l;exports.ResourceCardBody=n;exports.ResourceCardImage=s;exports.ResourceIconItem=d;exports.ResourcePropertyItem=p;exports.ResourcePropertyText=c;exports.SelectedIcon=a;exports.StyledCard=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),i=t.styled(t.Card)(({theme:e,selected:r,size:o})=>({boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",borderRadius:"0.5rem",height:"auto",border:"2px solid transparent",transition:"border-color 0.2s ease-in-out",position:"relative",...o==="sm"&&{display:"flex",width:"100%"},...r&&{borderColor:e.palette.primary.light},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),a=t.styled(t.Box)(({theme:e,selected:r,hasNoButtonOnFocus:o})=>({position:"absolute",top:0,right:0,width:"2rem",height:"2rem",background:e.palette.common.white,display:"flex",justifyContent:"center",alignItems:"center",padding:".8rem",borderRadius:".5rem",visibility:"visible",opacity:0,cursor:"pointer",transition:"opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",...r&&{background:e.palette.primary.lighter,opacity:1,visibility:"visible"},...o?{"&:hover":{background:e.palette.primary.lighter,opacity:1}}:{"&:hover, &:focus":{background:e.palette.primary.lighter,opacity:1}},"& .MuiSvgIcon-root":{color:e.palette.primary.main}})),s=t.styled(t.CardMedia)(({size:e,image:r,defaultImage:o})=>({height:e=="sm"?85:180,width:e=="sm"?85:"calc(100% - 2rem)",objectFit:"cover",margin:e=="sm"?"0 10px":"1rem",borderRadius:"0.5rem",...!r&&e==="md"&&{backgroundImage:`url(${o})`,backgroundRepeat:"repeat",backgroundSize:"20% 20%",backgroundPosition:"center",opacity:"0.7"}})),n=t.styled(t.CardContent)(({size:e})=>({padding:e=="sm"?".7rem 5px .7rem 0 !important":"0 16px 16px 16px !important",width:e==="sm"?"calc(100% - 110px)":"100%"})),p=t.styled(t.Box)(({size:e})=>({display:"flex",alignItems:"center",marginTop:"0.5rem",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),c=t.styled(t.Box)(({size:e,width:r,isLast:o})=>({marginLeft:e==="sm"?".3rem":".5rem",fontSize:e==="sm"?"12px":"15px","& .MuiTypography-root":{paddingTop:"2px",fontSize:e==="sm"?"12px":"15px"},...o&&!r&&{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",maxWidth:e==="sm"?"110px":"172px"}})),d=t.styled(t.Box)(({size:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"fit-content",height:"fit-content",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),l=t.styled(t.Box)(({size:e})=>({position:"absolute",bottom:e==="sm"?".65rem":"16px",right:e==="sm"?"8px":"16px",display:"flex",gap:".2rem"}));exports.PublicIconWrapper=l;exports.ResourceCardBody=n;exports.ResourceCardImage=s;exports.ResourceIconItem=d;exports.ResourcePropertyItem=p;exports.ResourcePropertyText=c;exports.SelectedIcon=a;exports.StyledCard=i;

package/dist/components/ResourceCard/style.es.js

@@ -1,12 +1,12 @@
-import { styled as t, Card as a, Box as r, CardMedia as p, CardContent as n } from "@mui/material";
-const c = t(a)(({ theme: e, selected: o, size: i }) => ({
+import { styled as t, Card as a, Box as i, CardMedia as p, CardContent as n } from "@mui/material";
+const c = t(a)(({ theme: e, selected: o, size: r }) => ({
   boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",
   borderRadius: "0.5rem",
   height: "auto",
   border: "2px solid transparent",
   transition: "border-color 0.2s ease-in-out",
   position: "relative",
-  ...i === "sm" && {
+  ...r === "sm" && {
     display: "flex",
     width: "100%"
   },
@@ -19,44 +19,49 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
       visibility: "visible"
     }
   }
-})), m = t(r)(
-  ({ theme: e, selected: o }) => ({
-    position: "absolute",
-    top: 0,
-    right: 0,
-    width: "2rem",
-    height: "2rem",
-    background: e.palette.common.white,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    padding: ".8rem",
-    borderRadius: ".5rem",
-    visibility: "visible",
-    opacity: 0,
-    cursor: "pointer",
-    transition: "opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",
-    ...o && {
+})), m = t(i)(({ theme: e, selected: o, hasNoButtonOnFocus: r }) => ({
+  position: "absolute",
+  top: 0,
+  right: 0,
+  width: "2rem",
+  height: "2rem",
+  background: e.palette.common.white,
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  padding: ".8rem",
+  borderRadius: ".5rem",
+  visibility: "visible",
+  opacity: 0,
+  cursor: "pointer",
+  transition: "opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",
+  ...o && {
+    background: e.palette.primary.lighter,
+    opacity: 1,
+    visibility: "visible"
+  },
+  ...r ? {
+    "&:hover": {
       background: e.palette.primary.lighter,
-      opacity: 1,
-      visibility: "visible"
-    },
+      opacity: 1
+    }
+  } : {
     "&:hover, &:focus": {
       background: e.palette.primary.lighter,
       opacity: 1
-    },
-    "& .MuiSvgIcon-root": {
-      color: e.palette.primary.main
     }
-  })
-), d = t(p)(({ size: e, image: o, defaultImage: i }) => ({
+  },
+  "& .MuiSvgIcon-root": {
+    color: e.palette.primary.main
+  }
+})), d = t(p)(({ size: e, image: o, defaultImage: r }) => ({
   height: e == "sm" ? 85 : 180,
   width: e == "sm" ? 85 : "calc(100% - 2rem)",
   objectFit: "cover",
   margin: e == "sm" ? "0 10px" : "1rem",
   borderRadius: "0.5rem",
   ...!o && e === "md" && {
-    backgroundImage: `url(${i})`,
+    backgroundImage: `url(${r})`,
     backgroundRepeat: "repeat",
     backgroundSize: "20% 20%",
     backgroundPosition: "center",
@@ -65,7 +70,7 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
 })), l = t(n)(({ size: e }) => ({
   padding: e == "sm" ? ".7rem 5px .7rem 0 !important" : "0 16px 16px 16px !important",
   width: e === "sm" ? "calc(100% - 110px)" : "100%"
-})), g = t(r)(
+})), g = t(i)(
   ({ size: e }) => ({
     display: "flex",
     alignItems: "center",
@@ -77,20 +82,20 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
       }
     }
   })
-), x = t(r)(({ size: e, width: o, isLast: i }) => ({
+), x = t(i)(({ size: e, width: o, isLast: r }) => ({
   marginLeft: e === "sm" ? ".3rem" : ".5rem",
   fontSize: e === "sm" ? "12px" : "15px",
   "& .MuiTypography-root": {
     paddingTop: "2px",
     fontSize: e === "sm" ? "12px" : "15px"
   },
-  ...i && !o && {
+  ...r && !o && {
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
     overflow: "hidden",
     maxWidth: e === "sm" ? "110px" : "172px"
   }
-})), u = t(r)(
+})), u = t(i)(
   ({ size: e }) => ({
     display: "inline-flex",
     alignItems: "center",
@@ -104,7 +109,7 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
       }
     }
   })
-), h = t(r)(
+), h = t(i)(
   ({ size: e }) => ({
     position: "absolute",
     bottom: e === "sm" ? ".65rem" : "16px",

package/dist/components/TreeView/TreeView.cjs.js

@@ -4,4 +4,4 @@
 `)))}}removeListener(t,n){this.events[t]&&(this.events[t].regular.delete(n),this.events[t].highPriority.delete(n))}removeAllListeners(){this.events={}}emit(t,...n){const s=this.events[t];if(!s)return;const c=Array.from(s.highPriority.keys()),y=Array.from(s.regular.keys());for(let I=c.length-1;I>=0;I-=1){const p=c[I];s.highPriority.has(p)&&p.apply(this,n)}for(let I=0;I<y.length;I+=1){const p=y[I];s.regular.has(p)&&p.apply(this,n)}}once(t,n){const s=this;this.on(t,function c(...y){s.removeListener(t,c),n.apply(s,y)})}}const bt=e=>e.isPropagationStopped!==void 0,Oe=()=>{const[e]=x.useState(()=>new gt),t=x.useCallback((...s)=>{const[c,y,I={}]=s;I.defaultMuiPrevented=!1,!(bt(I)&&I.isPropagationStopped())&&e.emit(c,y,I)},[e]),n=x.useCallback((s,c)=>(e.on(s,c),()=>{e.removeListener(s,c)}),[e]);return{instance:{$$publishEvent:t,$$subscribeEvent:n}}};Oe.params={};const _e=({plugins:e})=>{const t=new Set(e);return{instance:{getAvailablePlugins:()=>t}}};_e.params={};const ge=({params:e,state:t,setState:n})=>{x.useEffect(()=>{n(c=>c.id.treeId===e.id&&c.id.treeId!==void 0?c:C._extends({},c,{id:C._extends({},c.id,{treeId:e.id??h.createTreeViewDefaultId()})}))},[n,e.id]);const s=e.id??t.id.treeId;return{getRootProps:()=>({id:s}),contextValue:{treeId:s}}};ge.params={id:!0};ge.getInitialState=({id:e})=>({id:{treeId:e??void 0}});const ht=[Oe,_e,ge],Tt=["slots","slotProps","apiRef","experimentalFeatures"],yt=e=>{let{props:{slots:t,slotProps:n,apiRef:s,experimentalFeatures:c},plugins:y}=e,I=j._objectWithoutPropertiesLoose(e.props,Tt);const p={};y.forEach(u=>{Object.assign(p,u.params)});const g={},f={};Object.keys(I).forEach(u=>{const b=I[u];p[u]?g[u]=b:f[u]=b});const o=c??{},r=y.reduce((u,b)=>b.getDefaultizedParams?b.getDefaultizedParams({params:u,experimentalFeatures:o}):u,g);return{apiRef:s,forwardedProps:f,pluginParams:r,slots:t??{},slotProps:n??{},experimentalFeatures:o}},xt=({plugins:e,instance:t,publicAPI:n,rootRef:s})=>({runItemPlugins:p=>{let g=null,f=null;const o=[],r={};e.forEach(T=>{if(!T.itemPlugin)return;const a=T.itemPlugin({props:p,rootRef:g,contentRef:f});a!=null&&a.rootRef&&(g=a.rootRef),a!=null&&a.contentRef&&(f=a.contentRef),a!=null&&a.propsEnhancers&&(o.push(a.propsEnhancers),Object.keys(a.propsEnhancers).forEach(l=>{r[l]=!0}))});const u=T=>a=>{const l={};return o.forEach(d=>{const m=d[T];m!=null&&Object.assign(l,m(a))}),l},b=Object.fromEntries(Object.keys(r).map(T=>[T,u(T)]));return{contentRef:f,rootRef:g,propsEnhancers:b}},wrapItem:({itemId:p,children:g})=>{let f=g;for(let o=e.length-1;o>=0;o-=1){const r=e[o];r.wrapItem&&(f=r.wrapItem({itemId:p,children:f,instance:t}))}return f},wrapRoot:({children:p})=>{let g=p;for(let f=e.length-1;f>=0;f-=1){const o=e[f];o.wrapRoot&&(g=o.wrapRoot({children:g,instance:t}))}return g},instance:t,rootRef:s,publicAPI:n});function Pt(e){const t=x.useRef({});return e?(e.current==null&&(e.current={}),e.current):t.current}const Et=({plugins:e,rootRef:t,props:n})=>{const s=[...ht,...e],{pluginParams:c,forwardedProps:y,apiRef:I,experimentalFeatures:p,slots:g,slotProps:f}=yt({plugins:s,props:n}),o=It(s,c),u=x.useRef({}).current,b=Pt(I),T=x.useRef(null),a=Ie.useForkRef(T,t),l=xt({plugins:s,instance:u,publicAPI:b,rootRef:T}),[d,m]=x.useState(()=>{const R={};return s.forEach(k=>{k.getInitialState&&Object.assign(R,k.getInitialState(c))}),R}),P=[],v=R=>{const k=R({instance:u,params:c,slots:g,slotProps:f,experimentalFeatures:p,state:d,setState:m,rootRef:T,models:o,plugins:s});k.getRootProps&&P.push(k.getRootProps),k.publicAPI&&Object.assign(b,k.publicAPI),k.instance&&Object.assign(u,k.instance),k.contextValue&&Object.assign(l,k.contextValue)};return s.forEach(v),{getRootProps:(R={})=>{const k=C._extends({role:"tree"},y,R,{ref:a});return P.forEach(A=>{Object.assign(k,A(R))}),k},rootRef:a,contextValue:l,instance:u}};function Ct(e){const{value:t,children:n}=e;return S.jsx(h.TreeViewContext.Provider,{value:t,children:t.wrapRoot({children:n,instance:t.instance})})}const wt=(e,t,n)=>{e.$$publishEvent(t,n)},U="__TREE_VIEW_ROOT_PARENT_ID__",Rt=e=>{const t={};return e.forEach((n,s)=>{t[n]=s}),t},St=["children"],Ve=({items:e,isItemDisabled:t,getItemLabel:n,getItemId:s})=>{const c={},y={},I={[U]:[]},p=(f,o,r)=>{var a,l;const u=s?s(f):f.id;if(u==null)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.","An item was provided without id in the `items` prop:",JSON.stringify(f)].join(`
 `));if(c[u]!=null)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.",`Two items were provided with the same id in the \`items\` prop: "${u}"`].join(`
 `));const b=n?n(f):f.label;if(b==null)throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.","Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.","An item was provided without label in the `items` prop:",JSON.stringify(f)].join(`
-`));c[u]={id:u,label:b,parentId:r,idAttribute:void 0,expandable:!!((a=f.children)!=null&&a.length),disabled:t?t(f):!1,depth:o},y[u]=f;const T=r??U;I[T]||(I[T]=[]),I[T].push(u),(l=f.children)==null||l.forEach(d=>p(d,o+1,u))};e.forEach(f=>p(f,0,null));const g={};return Object.keys(I).forEach(f=>{g[f]=Rt(I[f])}),{itemMetaMap:c,itemMap:y,itemOrderedChildrenIds:I,itemChildrenIndexes:g}},H=({instance:e,params:t,state:n,setState:s,experimentalFeatures:c})=>{const y=x.useCallback(d=>n.items.itemMetaMap[d],[n.items.itemMetaMap]),I=x.useCallback(d=>n.items.itemMap[d],[n.items.itemMap]),p=x.useCallback(()=>{const d=m=>{const P=n.items.itemMap[m],v=j._objectWithoutPropertiesLoose(P,St),E=n.items.itemOrderedChildrenIds[m];return E&&(v.children=E.map(d)),v};return n.items.itemOrderedChildrenIds[U].map(d)},[n.items.itemMap,n.items.itemOrderedChildrenIds]),g=x.useCallback(d=>{if(d==null)return!1;let m=e.getItemMeta(d);if(!m)return!1;if(m.disabled)return!0;for(;m.parentId!=null;)if(m=e.getItemMeta(m.parentId),m.disabled)return!0;return!1},[e]),f=x.useCallback(d=>{const m=e.getItemMeta(d).parentId??U;return n.items.itemChildrenIndexes[m][d]},[e,n.items.itemChildrenIndexes]),o=x.useCallback(d=>n.items.itemOrderedChildrenIds[d??U]??[],[n.items.itemOrderedChildrenIds]),r=d=>{const m=e.getItemMeta(d);return m==null?null:document.getElementById(h.generateTreeItemIdAttribute({treeId:n.id.treeId,itemId:d,id:m.idAttribute}))},u=d=>t.disabledItemsFocusable?!0:!e.isItemDisabled(d),b=x.useRef(!1),T=x.useCallback(()=>{b.current=!0},[]),a=x.useCallback(()=>b.current,[]);return x.useEffect(()=>{e.areItemUpdatesPrevented()||s(d=>{const m=Ve({items:t.items,isItemDisabled:t.isItemDisabled,getItemId:t.getItemId,getItemLabel:t.getItemLabel});return Object.values(d.items.itemMetaMap).forEach(P=>{m.itemMetaMap[P.id]||wt(e,"removeItem",{id:P.id})}),C._extends({},d,{items:m})})},[e,s,t.items,t.isItemDisabled,t.getItemId,t.getItemLabel]),{getRootProps:()=>({style:{"--TreeView-itemChildrenIndentation":typeof t.itemChildrenIndentation=="number"?`${t.itemChildrenIndentation}px`:t.itemChildrenIndentation}}),publicAPI:{getItem:I,getItemDOMElement:r,getItemTree:p,getItemOrderedChildrenIds:o},instance:{getItemMeta:y,getItem:I,getItemTree:p,getItemsToRender:()=>{const d=m=>{var v;const P=n.items.itemMetaMap[m];return{label:P.label,itemId:P.id,id:P.idAttribute,children:(v=n.items.itemOrderedChildrenIds[m])==null?void 0:v.map(d)}};return n.items.itemOrderedChildrenIds[U].map(d)},getItemIndex:f,getItemDOMElement:r,getItemOrderedChildrenIds:o,isItemDisabled:g,isItemNavigable:u,preventItemUpdates:T,areItemUpdatesPrevented:a},contextValue:{items:{onItemClick:t.onItemClick,disabledItemsFocusable:t.disabledItemsFocusable,indentationAtItemLevel:c.indentationAtItemLevel??!1}}}};H.getInitialState=e=>({items:Ve({items:e.items,isItemDisabled:e.isItemDisabled,getItemId:e.getItemId,getItemLabel:e.getItemLabel})});H.getDefaultizedParams=({params:e})=>C._extends({},e,{disabledItemsFocusable:e.disabledItemsFocusable??!1,itemChildrenIndentation:e.itemChildrenIndentation??"12px"});H.wrapRoot=({children:e,instance:t})=>S.jsx(h.TreeViewItemDepthContext.Provider,{value:n=>{var s;return((s=t.getItemMeta(n))==null?void 0:s.depth)??0},children:e});H.params={disabledItemsFocusable:!0,items:!0,isItemDisabled:!0,getItemLabel:!0,getItemId:!0,onItemClick:!0,itemChildrenIndentation:!0};const se=({instance:e,params:t,models:n})=>{const s=x.useMemo(()=>{const r=new Map;return n.expandedItems.value.forEach(u=>{r.set(u,!0)}),r},[n.expandedItems.value]),c=(r,u)=>{var b;(b=t.onExpandedItemsChange)==null||b.call(t,r,u),n.expandedItems.setControlledValue(u)},y=x.useCallback(r=>s.has(r),[s]),I=x.useCallback(r=>{var u;return!!((u=e.getItemMeta(r))!=null&&u.expandable)},[e]),p=K.useEventCallback((r,u)=>{const b=e.isItemExpanded(u);e.setItemExpansion(r,u,!b)}),g=K.useEventCallback((r,u,b)=>{if(e.isItemExpanded(u)===b)return;let a;b?a=[u].concat(n.expandedItems.value):a=n.expandedItems.value.filter(l=>l!==u),t.onItemExpansionToggle&&t.onItemExpansionToggle(r,u,b),c(r,a)}),f=(r,u)=>{const b=e.getItemMeta(u),a=e.getItemOrderedChildrenIds(b.parentId).filter(d=>e.isItemExpandable(d)&&!e.isItemExpanded(d)),l=n.expandedItems.value.concat(a);a.length>0&&(t.onItemExpansionToggle&&a.forEach(d=>{t.onItemExpansionToggle(r,d,!0)}),c(r,l))},o=x.useMemo(()=>t.expansionTrigger?t.expansionTrigger:e.isTreeViewEditable?"iconContainer":"content",[t.expansionTrigger,e.isTreeViewEditable]);return{publicAPI:{setItemExpansion:g},instance:{isItemExpanded:y,isItemExpandable:I,setItemExpansion:g,toggleItemExpansion:p,expandAllSiblings:f},contextValue:{expansion:{expansionTrigger:o}}}};se.models={expandedItems:{getDefaultValue:e=>e.defaultExpandedItems}};const vt=[];se.getDefaultizedParams=({params:e})=>C._extends({},e,{defaultExpandedItems:e.defaultExpandedItems??vt});se.params={expandedItems:!0,defaultExpandedItems:!0,onExpandedItemsChange:!0,onItemExpansionToggle:!0,expansionTrigger:!0};const oe=e=>Array.isArray(e)?e:e!=null?[e]:[],me=e=>{const t={};return e.forEach(n=>{t[n]=!0}),t},re=({instance:e,params:t,models:n})=>{const s=x.useRef(null),c=x.useRef({}),y=x.useMemo(()=>{const a=new Map;return Array.isArray(n.selectedItems.value)?n.selectedItems.value.forEach(l=>{a.set(l,!0)}):n.selectedItems.value!=null&&a.set(n.selectedItems.value,!0),a},[n.selectedItems.value]),I=(a,l)=>{if(t.onItemSelectionToggle)if(t.multiSelect){const d=l.filter(P=>!e.isItemSelected(P)),m=n.selectedItems.value.filter(P=>!l.includes(P));d.forEach(P=>{t.onItemSelectionToggle(a,P,!0)}),m.forEach(P=>{t.onItemSelectionToggle(a,P,!1)})}else l!==n.selectedItems.value&&(n.selectedItems.value!=null&&t.onItemSelectionToggle(a,n.selectedItems.value,!1),l!=null&&t.onItemSelectionToggle(a,l,!0));t.onSelectedItemsChange&&t.onSelectedItemsChange(a,l),n.selectedItems.setControlledValue(l)},p=a=>y.has(a),g=({event:a,itemId:l,keepExistingSelection:d=!1,shouldBeSelected:m})=>{if(t.disableSelection)return;let P;if(d){const v=oe(n.selectedItems.value),E=e.isItemSelected(l);E&&(m===!1||m==null)?P=v.filter(R=>R!==l):!E&&(m===!0||m==null)?P=[l].concat(v):P=v}else m===!1||m==null&&e.isItemSelected(l)?P=t.multiSelect?[]:null:P=t.multiSelect?[l]:l;I(a,P),s.current=l,c.current={}},f=(a,[l,d])=>{if(t.disableSelection||!t.multiSelect)return;let m=oe(n.selectedItems.value).slice();Object.keys(c.current).length>0&&(m=m.filter(R=>!c.current[R]));const P=me(m),v=h.getNonDisabledItemsInRange(e,l,d),E=v.filter(R=>!P[R]);m=m.concat(E),I(a,m),c.current=me(v)};return{getRootProps:()=>({"aria-multiselectable":t.multiSelect}),publicAPI:{selectItem:g},instance:{isItemSelected:p,selectItem:g,selectAllNavigableItems:a=>{if(t.disableSelection||!t.multiSelect)return;const l=h.getAllNavigableItems(e);I(a,l),c.current=me(l)},expandSelectionRange:(a,l)=>{if(s.current!=null){const[d,m]=h.findOrderInTremauxTree(e,l,s.current);f(a,[d,m])}},selectRangeFromStartToItem:(a,l)=>{f(a,[h.getFirstNavigableItem(e),l])},selectRangeFromItemToEnd:(a,l)=>{f(a,[l,h.getLastNavigableItem(e)])},selectItemFromArrowNavigation:(a,l,d)=>{if(t.disableSelection||!t.multiSelect)return;let m=oe(n.selectedItems.value).slice();Object.keys(c.current).length===0?(m.push(d),c.current={[l]:!0,[d]:!0}):(c.current[l]||(c.current={}),c.current[d]?(m=m.filter(P=>P!==l),delete c.current[l]):(m.push(d),c.current[d]=!0)),I(a,m)}},contextValue:{selection:{multiSelect:t.multiSelect,checkboxSelection:t.checkboxSelection,disableSelection:t.disableSelection}}}};re.models={selectedItems:{getDefaultValue:e=>e.defaultSelectedItems}};const kt=[];re.getDefaultizedParams=({params:e})=>C._extends({},e,{disableSelection:e.disableSelection??!1,multiSelect:e.multiSelect??!1,checkboxSelection:e.checkboxSelection??!1,defaultSelectedItems:e.defaultSelectedItems??(e.multiSelect?kt:null)});re.params={disableSelection:!0,multiSelect:!0,checkboxSelection:!0,defaultSelectedItems:!0,selectedItems:!0,onSelectedItemsChange:!0,onItemSelectionToggle:!0};const Me=1e3;class Dt{constructor(t=Me){this.timeouts=new Map,this.cleanupTimeout=Me,this.cleanupTimeout=t}register(t,n,s){this.timeouts||(this.timeouts=new Map);const c=setTimeout(()=>{typeof n=="function"&&n(),this.timeouts.delete(s.cleanupToken)},this.cleanupTimeout);this.timeouts.set(s.cleanupToken,c)}unregister(t){const n=this.timeouts.get(t.cleanupToken);n&&(this.timeouts.delete(t.cleanupToken),clearTimeout(n))}reset(){this.timeouts&&(this.timeouts.forEach((t,n)=>{this.unregister({cleanupToken:n})}),this.timeouts=void 0)}}class Mt{constructor(){this.registry=new FinalizationRegistry(t=>{typeof t=="function"&&t()})}register(t,n,s){this.registry.register(t,n,s)}unregister(t){this.registry.unregister(t)}reset(){}}class Ot{}function _t(e){let t=0;return function(s,c,y){e.registry===null&&(e.registry=typeof FinalizationRegistry<"u"?new Mt:new Dt);const[I]=x.useState(new Ot),p=x.useRef(null),g=x.useRef(void 0);g.current=y;const f=x.useRef(null);if(!p.current&&g.current){const o=(r,u)=>{var b;u.defaultMuiPrevented||(b=g.current)==null||b.call(g,r,u)};p.current=s.$$subscribeEvent(c,o),t+=1,f.current={cleanupToken:t},e.registry.register(I,()=>{var r;(r=p.current)==null||r.call(p),p.current=null,f.current=null},f.current)}else!g.current&&p.current&&(p.current(),p.current=null,f.current&&(e.registry.unregister(f.current),f.current=null));x.useEffect(()=>{if(!p.current&&g.current){const o=(r,u)=>{var b;u.defaultMuiPrevented||(b=g.current)==null||b.call(g,r,u)};p.current=s.$$subscribeEvent(c,o)}return f.current&&e.registry&&(e.registry.unregister(f.current),f.current=null),()=>{var o;(o=p.current)==null||o.call(p),p.current=null}},[s,c])}}const Vt={registry:null},jt=_t(Vt),je=(e=document)=>{const t=e.activeElement;return t?t.shadowRoot?je(t.shadowRoot):t:null},Ft=(e,t)=>{let n=oe(t).find(s=>{if(!e.isItemNavigable(s))return!1;const c=e.getItemMeta(s);return c&&(c.parentId==null||e.isItemExpanded(c.parentId))});return n==null&&(n=h.getFirstNavigableItem(e)),n},be=({instance:e,params:t,state:n,setState:s,models:c,rootRef:y})=>{const I=Ft(e,c.selectedItems.value),p=K.useEventCallback(l=>{const d=typeof l=="function"?l(n.focusedItemId):l;n.focusedItemId!==d&&s(m=>C._extends({},m,{focusedItemId:d}))}),g=x.useCallback(()=>!!y.current&&y.current.contains(je(ct.ownerDocument(y.current))),[y]),f=x.useCallback(l=>n.focusedItemId===l&&g(),[n.focusedItemId,g]),o=l=>{const d=e.getItemMeta(l);return d&&(d.parentId==null||e.isItemExpanded(d.parentId))},r=(l,d)=>{const m=e.getItemDOMElement(d);m&&m.focus(),p(d),t.onItemFocus&&t.onItemFocus(l,d)},u=K.useEventCallback((l,d)=>{o(d)&&r(l,d)}),b=K.useEventCallback(()=>{if(n.focusedItemId==null)return;if(e.getItemMeta(n.focusedItemId)){const d=e.getItemDOMElement(n.focusedItemId);d&&d.blur()}p(null)}),T=l=>l===I;jt(e,"removeItem",({id:l})=>{n.focusedItemId===l&&r(null,I)});const a=l=>d=>{var m;(m=l.onFocus)==null||m.call(l,d),!d.defaultMuiPrevented&&d.target===d.currentTarget&&r(d,I)};return{getRootProps:l=>({onFocus:a(l)}),publicAPI:{focusItem:u},instance:{isItemFocused:f,canItemBeTabbed:T,focusItem:u,removeFocusedItem:b}}};be.getInitialState=()=>({focusedItemId:null});be.params={onItemFocus:!0};function At(e){return!!e&&e.length===1&&!!e.match(/\S/)}const Fe=({instance:e,params:t,state:n})=>{const s=at.useRtl(),c=x.useRef({}),y=K.useEventCallback(o=>{c.current=o(c.current)});x.useEffect(()=>{if(e.areItemUpdatesPrevented())return;const o={},r=u=>{o[u.id]=u.label.substring(0,1).toLowerCase()};Object.values(n.items.itemMetaMap).forEach(r),c.current=o},[n.items.itemMetaMap,t.getItemId,e]);const I=(o,r)=>{const u=r.toLowerCase(),b=d=>{const m=h.getNextNavigableItem(e,d);return m===null?h.getFirstNavigableItem(e):m};let T=null,a=b(o);const l={};for(;T==null&&!l[a];)c.current[a]===u?T=a:(l[a]=!0,a=b(a));return T},p=o=>!t.disableSelection&&!e.isItemDisabled(o),g=o=>!e.isItemDisabled(o)&&e.isItemExpandable(o);return{instance:{updateFirstCharMap:y,handleItemKeyDown:(o,r)=>{if(o.defaultMuiPrevented||o.altKey||h.isTargetInDescendants(o.target,o.currentTarget))return;const u=o.ctrlKey||o.metaKey,b=o.key;switch(!0){case(b===" "&&p(r)):{o.preventDefault(),t.multiSelect&&o.shiftKey?e.expandSelectionRange(o,r):e.selectItem({event:o,itemId:r,keepExistingSelection:t.multiSelect,shouldBeSelected:t.multiSelect?void 0:!0});break}case b==="Enter":{h.hasPlugin(e,h.useTreeViewLabel)&&e.isItemEditable(r)&&!e.isItemBeingEdited(r)?e.setEditedItemId(r):g(r)?(e.toggleItemExpansion(o,r),o.preventDefault()):p(r)&&(t.multiSelect?(o.preventDefault(),e.selectItem({event:o,itemId:r,keepExistingSelection:!0})):e.isItemSelected(r)||(e.selectItem({event:o,itemId:r}),o.preventDefault()));break}case b==="ArrowDown":{const T=h.getNextNavigableItem(e,r);T&&(o.preventDefault(),e.focusItem(o,T),t.multiSelect&&o.shiftKey&&p(T)&&e.selectItemFromArrowNavigation(o,r,T));break}case b==="ArrowUp":{const T=h.getPreviousNavigableItem(e,r);T&&(o.preventDefault(),e.focusItem(o,T),t.multiSelect&&o.shiftKey&&p(T)&&e.selectItemFromArrowNavigation(o,r,T));break}case(b==="ArrowRight"&&!s||b==="ArrowLeft"&&s):{if(u)return;if(e.isItemExpanded(r)){const T=h.getNextNavigableItem(e,r);T&&(e.focusItem(o,T),o.preventDefault())}else g(r)&&(e.toggleItemExpansion(o,r),o.preventDefault());break}case(b==="ArrowLeft"&&!s||b==="ArrowRight"&&s):{if(u)return;if(g(r)&&e.isItemExpanded(r))e.toggleItemExpansion(o,r),o.preventDefault();else{const T=e.getItemMeta(r).parentId;T&&(e.focusItem(o,T),o.preventDefault())}break}case b==="Home":{p(r)&&t.multiSelect&&u&&o.shiftKey?e.selectRangeFromStartToItem(o,r):e.focusItem(o,h.getFirstNavigableItem(e)),o.preventDefault();break}case b==="End":{p(r)&&t.multiSelect&&u&&o.shiftKey?e.selectRangeFromItemToEnd(o,r):e.focusItem(o,h.getLastNavigableItem(e)),o.preventDefault();break}case b==="*":{e.expandAllSiblings(o,r),o.preventDefault();break}case(String.fromCharCode(o.keyCode)==="A"&&u&&t.multiSelect&&!t.disableSelection):{e.selectAllNavigableItems(o),o.preventDefault();break}case(!u&&!o.shiftKey&&At(b)):{const T=I(r,b);T!=null&&(e.focusItem(o,T),o.preventDefault());break}}}}}};Fe.params={};const Ae=({slots:e,slotProps:t})=>({contextValue:{icons:{slots:{collapseIcon:e.collapseIcon,expandIcon:e.expandIcon,endIcon:e.endIcon},slotProps:{collapseIcon:t.collapseIcon,expandIcon:t.expandIcon,endIcon:t.endIcon}}}});Ae.params={};const Lt=[H,se,re,be,Fe,Ae,h.useTreeViewLabel];function Le(e){const{instance:t,items:{onItemClick:n},selection:{multiSelect:s,checkboxSelection:c,disableSelection:y},expansion:{expansionTrigger:I}}=h.useTreeViewContext(),p=t.isItemExpandable(e),g=t.isItemExpanded(e),f=t.isItemFocused(e),o=t.isItemSelected(e),r=t.isItemDisabled(e),u=t!=null&&t.isItemBeingEdited?t==null?void 0:t.isItemBeingEdited(e):!1,b=t.isItemEditable?t.isItemEditable(e):!1,T=E=>{if(!r){f||t.focusItem(E,e);const R=s&&(E.shiftKey||E.ctrlKey||E.metaKey);p&&!(R&&t.isItemExpanded(e))&&t.toggleItemExpansion(E,e)}},a=E=>{r||(f||t.focusItem(E,e),s&&(E.shiftKey||E.ctrlKey||E.metaKey)?E.shiftKey?t.expandSelectionRange(E,e):t.selectItem({event:E,itemId:e,keepExistingSelection:!0}):t.selectItem({event:E,itemId:e,shouldBeSelected:!0}))},l=E=>{if(y||r)return;const R=E.nativeEvent.shiftKey;s&&R?t.expandSelectionRange(E,e):t.selectItem({event:E,itemId:e,keepExistingSelection:s,shouldBeSelected:E.target.checked})},d=E=>{(E.shiftKey||E.ctrlKey||E.metaKey||r)&&E.preventDefault()},m=()=>{h.hasPlugin(t,h.useTreeViewLabel)&&t.isItemEditable(e)&&(t.isItemBeingEdited(e)?t.setEditedItemId(null):t.setEditedItemId(e))};return{disabled:r,expanded:g,selected:o,focused:f,editable:b,editing:u,disableSelection:y,checkboxSelection:c,handleExpansion:T,handleSelection:a,handleCheckboxSelection:l,handleContentClick:n,preventSelection:d,expansionTrigger:I,toggleItemEditing:m,handleSaveItemLabel:(E,R)=>{h.hasPlugin(t,h.useTreeViewLabel)&&t.isItemBeingEditedRef(e)&&(t.updateItemLabel(e,R),m(),t.focusItem(E,e))},handleCancelItemLabelEditing:E=>{h.hasPlugin(t,h.useTreeViewLabel)&&t.isItemBeingEditedRef(e)&&(m(),t.focusItem(E,e))}}}const Nt=["classes","className","displayIcon","expansionIcon","icon","label","itemId","onClick","onMouseDown","dragAndDropOverlayProps","labelInputProps"],he=x.forwardRef(function(t,n){const{classes:s,className:c,displayIcon:y,expansionIcon:I,icon:p,label:g,itemId:f,onClick:o,onMouseDown:r,dragAndDropOverlayProps:u,labelInputProps:b}=t,T=j._objectWithoutPropertiesLoose(t,Nt),{disabled:a,expanded:l,selected:d,focused:m,editing:P,editable:v,disableSelection:E,checkboxSelection:R,handleExpansion:k,handleSelection:A,handleCheckboxSelection:B,handleContentClick:_,preventSelection:L,expansionTrigger:X,toggleItemEditing:G}=Le(f),N=p||I||y,J=x.useRef(null),ie=M=>{L(M),r&&r(M)},le=M=>{var Y;_==null||_(M,f),!((Y=J.current)!=null&&Y.contains(M.target))&&(X==="content"&&k(M),R||A(M),o&&o(M))},ce=M=>{M.defaultMuiPrevented||G()};return S.jsxs("div",C._extends({},T,{className:i.clsx(s.root,c,l&&s.expanded,d&&s.selected,m&&s.focused,a&&s.disabled,P&&s.editing,v&&s.editable),onClick:le,onMouseDown:ie,ref:n,children:[S.jsx("div",{className:s.iconContainer,children:N}),R&&S.jsx(ut.Checkbox,{className:s.checkbox,checked:d,onChange:B,disabled:a||E,ref:J,tabIndex:-1}),P?S.jsx(h.TreeItem2LabelInput,C._extends({},b,{className:s.labelInput})):S.jsx("div",C._extends({className:s.label},v&&{onDoubleClick:ce},{children:g})),u&&S.jsx(h.TreeItem2DragAndDropOverlay,C._extends({},u))]}))});process.env.NODE_ENV!=="production"&&(he.propTypes={classes:i.PropTypes.object.isRequired,className:i.PropTypes.string,displayIcon:i.PropTypes.node,dragAndDropOverlayProps:i.PropTypes.shape({action:i.PropTypes.oneOf(["make-child","move-to-parent","reorder-above","reorder-below"]),style:i.PropTypes.object}),expansionIcon:i.PropTypes.node,icon:i.PropTypes.node,itemId:i.PropTypes.string.isRequired,label:i.PropTypes.node,labelInputProps:i.PropTypes.shape({autoFocus:i.PropTypes.oneOf([!0]),"data-element":i.PropTypes.oneOf(["labelInput"]),onBlur:i.PropTypes.func,onChange:i.PropTypes.func,onKeyDown:i.PropTypes.func,type:i.PropTypes.oneOf(["text"]),value:i.PropTypes.string})});const $t=["children","className","slots","slotProps","ContentComponent","ContentProps","itemId","id","label","onClick","onMouseDown","onFocus","onBlur","onKeyDown"],qt=["ownerState"],Ut=["ownerState"],Kt=["ownerState"],Bt=h.createUseThemeProps(),zt=e=>{const{classes:t}=e,n={root:["root"],content:["content"],expanded:["expanded"],selected:["selected"],focused:["focused"],disabled:["disabled"],iconContainer:["iconContainer"],checkbox:["checkbox"],label:["label"],labelInput:["labelInput"],editing:["editing"],editable:["editable"],groupTransition:["groupTransition"]};return F.composeClasses(n,h.getTreeItemUtilityClass,t)},Wt=F.styled("li",{name:"MuiTreeItem",slot:"Root",overridesResolver:(e,t)=>t.root})({listStyle:"none",margin:0,padding:0,outline:0}),Ht=F.styled(he,{name:"MuiTreeItem",slot:"Content",overridesResolver:(e,t)=>[t.content,t.iconContainer&&{[`& .${h.treeItemClasses.iconContainer}`]:t.iconContainer},t.label&&{[`& .${h.treeItemClasses.label}`]:t.label}],shouldForwardProp:e=>F.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})(({theme:e})=>({padding:e.spacing(.5,1),borderRadius:e.shape.borderRadius,width:"100%",boxSizing:"border-box",position:"relative",display:"flex",alignItems:"center",gap:e.spacing(1),cursor:"pointer",WebkitTapHighlightColor:"transparent","&:hover":{backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${h.treeItemClasses.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,backgroundColor:"transparent"},[`&.${h.treeItemClasses.focused}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`&.${h.treeItemClasses.selected}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}},[`&.${h.treeItemClasses.focused}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},[`& .${h.treeItemClasses.iconContainer}`]:{width:16,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}},[`& .${h.treeItemClasses.label}`]:C._extends({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative"},e.typography.body1),[`& .${h.treeItemClasses.checkbox}`]:{padding:0},variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:`calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`}}]})),Xt=F.styled(h.Collapse,{name:"MuiTreeItem",slot:"GroupTransition",overridesResolver:(e,t)=>t.groupTransition,shouldForwardProp:e=>F.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})({margin:0,padding:0,paddingLeft:"var(--TreeView-itemChildrenIndentation)",variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:0}}]}),Ne=x.forwardRef(function(t,n){var Ce,we,Re,Se;const{icons:s,runItemPlugins:c,items:{disabledItemsFocusable:y,indentationAtItemLevel:I},selection:{disableSelection:p},expansion:{expansionTrigger:g},treeId:f,instance:o}=h.useTreeViewContext(),r=x.useContext(h.TreeViewItemDepthContext),u=Bt({props:t,name:"MuiTreeItem"}),{children:b,className:T,slots:a,slotProps:l,ContentComponent:d=he,ContentProps:m,itemId:P,id:v,label:E,onClick:R,onMouseDown:k,onBlur:A,onKeyDown:B}=u,_=j._objectWithoutPropertiesLoose(u,$t),{expanded:L,focused:X,selected:G,disabled:N,editing:J,handleExpansion:ie,handleCancelItemLabelEditing:le,handleSaveItemLabel:ce}=Le(P);process.env.NODE_ENV!=="production"&&(u.ContentComponent&&h.warnOnce(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.","You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.","For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]),u.ContentProps&&h.warnOnce(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.","You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.","For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));const{contentRef:M,rootRef:Y,propsEnhancers:O}=c(u),Q=x.useRef(null),Te=x.useRef(null),Ue=Ie.useForkRef(n,Y,Q),Ke=Ie.useForkRef(m==null?void 0:m.ref,M,Te),z={expandIcon:(a==null?void 0:a.expandIcon)??s.slots.expandIcon??h.TreeViewExpandIcon,collapseIcon:(a==null?void 0:a.collapseIcon)??s.slots.collapseIcon??h.TreeViewCollapseIcon,endIcon:(a==null?void 0:a.endIcon)??s.slots.endIcon,icon:a==null?void 0:a.icon,groupTransition:a==null?void 0:a.groupTransition},ye=w=>Array.isArray(w)?w.length>0&&w.some(ye):!!w,Z=ye(b),ae=C._extends({},u,{expanded:L,focused:X,selected:G,disabled:N,indentationAtItemLevel:I}),D=zt(ae),xe=z.groupTransition??void 0,Be=q.useSlotProps({elementType:xe,ownerState:{},externalSlotProps:l==null?void 0:l.groupTransition,additionalProps:C._extends({unmountOnExit:!0,in:L,component:"ul",role:"group"},I?{indentationAtItemLevel:!0}:{}),className:D.groupTransition}),ze=w=>{g==="iconContainer"&&ie(w)},ue=L?z.collapseIcon:z.expandIcon,We=q.useSlotProps({elementType:ue,ownerState:{},externalSlotProps:w=>L?C._extends({},V.resolveComponentProps(s.slotProps.collapseIcon,w),V.resolveComponentProps(l==null?void 0:l.collapseIcon,w)):C._extends({},V.resolveComponentProps(s.slotProps.expandIcon,w),V.resolveComponentProps(l==null?void 0:l.expandIcon,w)),additionalProps:{onClick:ze}}),He=j._objectWithoutPropertiesLoose(We,qt),Xe=Z&&ue?S.jsx(ue,C._extends({},He)):null,de=Z?void 0:z.endIcon,Ge=q.useSlotProps({elementType:de,ownerState:{},externalSlotProps:w=>Z?{}:C._extends({},V.resolveComponentProps(s.slotProps.endIcon,w),V.resolveComponentProps(l==null?void 0:l.endIcon,w))}),Je=j._objectWithoutPropertiesLoose(Ge,Ut),Ye=de?S.jsx(de,C._extends({},Je)):null,pe=z.icon,Qe=q.useSlotProps({elementType:pe,ownerState:{},externalSlotProps:l==null?void 0:l.icon}),Ze=j._objectWithoutPropertiesLoose(Qe,Kt),et=pe?S.jsx(pe,C._extends({},Ze)):null;let ee;G?ee=!0:p||N?ee=void 0:ee=!1;function tt(w){!X&&(!N||y)&&w.currentTarget===w.target&&o.focusItem(w,P)}function nt(w){var $,W,ve,ke;A==null||A(w),!(J||w.relatedTarget&&h.isTargetInDescendants(w.relatedTarget,Q.current)&&(w.target&&((W=($=w.target)==null?void 0:$.dataset)==null?void 0:W.element)==="labelInput"&&h.isTargetInDescendants(w.target,Q.current)||((ke=(ve=w.relatedTarget)==null?void 0:ve.dataset)==null?void 0:ke.element)==="labelInput"))&&o.removeFocusedItem()}const ot=w=>{var $,W;B==null||B(w),((W=($=w.target)==null?void 0:$.dataset)==null?void 0:W.element)!=="labelInput"&&o.handleItemKeyDown(w,P)},st=h.generateTreeItemIdAttribute({itemId:P,treeId:f,id:v}),rt=o.canItemBeTabbed(P)?0:-1,te={rootRefObject:Q,contentRefObject:Te,interactions:{handleSaveItemLabel:ce,handleCancelItemLabelEditing:le}},it=((Ce=O.root)==null?void 0:Ce.call(O,C._extends({},te,{externalEventHandlers:V.extractEventHandlers(_)})))??{},lt=((we=O.content)==null?void 0:we.call(O,C._extends({},te,{externalEventHandlers:V.extractEventHandlers(m)})))??{},Pe=((Re=O.dragAndDropOverlay)==null?void 0:Re.call(O,C._extends({},te,{externalEventHandlers:{}})))??{},Ee=((Se=O.labelInput)==null?void 0:Se.call(O,C._extends({},te,{externalEventHandlers:{}})))??{};return S.jsx(h.TreeItem2Provider,{itemId:P,children:S.jsxs(Wt,C._extends({className:i.clsx(D.root,T),role:"treeitem","aria-expanded":Z?L:void 0,"aria-selected":ee,"aria-disabled":N||void 0,id:st,tabIndex:rt},_,{ownerState:ae,onFocus:tt,onBlur:nt,onKeyDown:ot,ref:Ue,style:I?C._extends({},_.style,{"--TreeView-itemDepth":typeof r=="function"?r(P):r}):_.style},it,{children:[S.jsx(Ht,C._extends({as:d,classes:{root:D.content,expanded:D.expanded,selected:D.selected,focused:D.focused,disabled:D.disabled,editable:D.editable,editing:D.editing,iconContainer:D.iconContainer,label:D.label,labelInput:D.labelInput,checkbox:D.checkbox},label:E,itemId:P,onClick:R,onMouseDown:k,icon:et,expansionIcon:Xe,displayIcon:Ye,ownerState:ae},m,lt,Pe.action==null?{}:{dragAndDropOverlayProps:Pe},Ee.value==null?{}:{labelInputProps:Ee},{ref:Ke})),b&&S.jsx(Xt,C._extends({as:xe},Be,{children:b}))]}))})});process.env.NODE_ENV!=="production"&&(Ne.propTypes={children:i.PropTypes.node,classes:i.PropTypes.object,className:i.PropTypes.string,ContentComponent:pt.elementTypeAcceptingRef,ContentProps:i.PropTypes.object,disabled:i.PropTypes.bool,itemId:i.PropTypes.string.isRequired,label:i.PropTypes.node,onFocus:dt.unsupportedProp,onKeyDown:i.PropTypes.func,slotProps:i.PropTypes.object,slots:i.PropTypes.object,sx:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.object,i.PropTypes.bool])),i.PropTypes.func,i.PropTypes.object])});const Gt=["ownerState"];function Jt({slots:e,slotProps:t,label:n,id:s,itemId:c,itemsToRender:y}){const I=(e==null?void 0:e.item)??Ne,p=q.useSlotProps({elementType:I,externalSlotProps:t==null?void 0:t.item,additionalProps:{itemId:c,id:s,label:n},ownerState:{itemId:c,label:n}}),g=j._objectWithoutPropertiesLoose(p,Gt),f=x.useMemo(()=>y?S.jsx($e,{itemsToRender:y,slots:e,slotProps:t}):null,[y,e,t]);return S.jsx(I,C._extends({},g,{children:f}))}function $e(e){const{itemsToRender:t,slots:n,slotProps:s}=e;return S.jsx(x.Fragment,{children:t.map(c=>S.jsx(Jt,{slots:n,slotProps:s,label:c.label,id:c.id,itemId:c.itemId,itemsToRender:c.children},c.itemId))})}const Yt=h.createUseThemeProps(),Qt=e=>{const{classes:t}=e,n={root:["root"]};return F.composeClasses(n,mt,t)},Zt=F.styled("ul",{name:"MuiRichTreeView",slot:"Root",overridesResolver:(e,t)=>t.root})({padding:0,margin:0,listStyle:"none",outline:0,position:"relative"}),qe=x.forwardRef(function(t,n){const s=Yt({props:t,name:"MuiRichTreeView"});process.env.NODE_ENV!=="production"&&s.children!=null&&h.warnOnce(["MUI X: The Rich Tree View component does not support JSX children.","If you want to add items, you need to use the `items` prop.","Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/."]);const{getRootProps:c,contextValue:y,instance:I}=Et({plugins:Lt,rootRef:n,props:s}),{slots:p,slotProps:g}=s,f=Qt(s),o=(p==null?void 0:p.root)??Zt,r=q.useSlotProps({elementType:o,externalSlotProps:g==null?void 0:g.root,className:f.root,getSlotProps:c,ownerState:s});return S.jsx(Ct,{value:y,children:S.jsx(o,C._extends({},r,{children:S.jsx($e,{slots:p,slotProps:g,itemsToRender:I.getItemsToRender()})}))})});process.env.NODE_ENV!=="production"&&(qe.propTypes={apiRef:i.PropTypes.shape({current:i.PropTypes.shape({focusItem:i.PropTypes.func.isRequired,getItem:i.PropTypes.func.isRequired,getItemDOMElement:i.PropTypes.func.isRequired,getItemOrderedChildrenIds:i.PropTypes.func.isRequired,getItemTree:i.PropTypes.func.isRequired,selectItem:i.PropTypes.func.isRequired,setItemExpansion:i.PropTypes.func.isRequired,updateItemLabel:i.PropTypes.func.isRequired})}),checkboxSelection:i.PropTypes.bool,classes:i.PropTypes.object,className:i.PropTypes.string,defaultExpandedItems:i.PropTypes.arrayOf(i.PropTypes.string),defaultSelectedItems:i.PropTypes.any,disabledItemsFocusable:i.PropTypes.bool,disableSelection:i.PropTypes.bool,expandedItems:i.PropTypes.arrayOf(i.PropTypes.string),expansionTrigger:i.PropTypes.oneOf(["content","iconContainer"]),experimentalFeatures:i.PropTypes.shape({indentationAtItemLevel:i.PropTypes.bool,labelEditing:i.PropTypes.bool}),getItemId:i.PropTypes.func,getItemLabel:i.PropTypes.func,id:i.PropTypes.string,isItemDisabled:i.PropTypes.func,isItemEditable:i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.bool]),itemChildrenIndentation:i.PropTypes.oneOfType([i.PropTypes.number,i.PropTypes.string]),items:i.PropTypes.array.isRequired,multiSelect:i.PropTypes.bool,onExpandedItemsChange:i.PropTypes.func,onItemClick:i.PropTypes.func,onItemExpansionToggle:i.PropTypes.func,onItemFocus:i.PropTypes.func,onItemLabelChange:i.PropTypes.func,onItemSelectionToggle:i.PropTypes.func,onSelectedItemsChange:i.PropTypes.func,selectedItems:i.PropTypes.any,slotProps:i.PropTypes.object,slots:i.PropTypes.object,sx:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.object,i.PropTypes.bool])),i.PropTypes.func,i.PropTypes.object])});const en=({items:e,selectedItemId:t,handleSelectedItemChange:n,iconColor:s="primary",hasNoIcons:c=!1,maxHeight:y=300})=>{const[I,p]=ne.useState([]),g=ne.useMemo(()=>fe.buildItemDataMap(e),[e]);ne.useEffect(()=>{if(t){const o=fe.findItemPath(e,t);if(o){const r=o.slice(0,-1);p(u=>{const b=r.filter(T=>!u.includes(T));return b.length>0?[...u,...b]:u})}}},[t,e]);const f=(o,r)=>{p(r)};return S.jsx(De.TreeContainer,{maxHeight:y,"data-treeview-root":"true",children:S.jsx(qe,{items:e,selectedItems:t,expandedItems:I,onExpandedItemsChange:f,itemChildrenIndentation:De.DEFAULT_CHILDREN_INDENT,onSelectedItemsChange:n,getItemId:fe.getItemId,slots:{item:o=>{const r=o.itemId?g[o.itemId]:void 0;return S.jsx(h.CustomTreeItem,{...o,itemData:r,iconColor:s,hasNoIcons:c})}}})})};module.exports=en;
+`));c[u]={id:u,label:b,parentId:r,idAttribute:void 0,expandable:!!((a=f.children)!=null&&a.length),disabled:t?t(f):!1,depth:o},y[u]=f;const T=r??U;I[T]||(I[T]=[]),I[T].push(u),(l=f.children)==null||l.forEach(d=>p(d,o+1,u))};e.forEach(f=>p(f,0,null));const g={};return Object.keys(I).forEach(f=>{g[f]=Rt(I[f])}),{itemMetaMap:c,itemMap:y,itemOrderedChildrenIds:I,itemChildrenIndexes:g}},H=({instance:e,params:t,state:n,setState:s,experimentalFeatures:c})=>{const y=x.useCallback(d=>n.items.itemMetaMap[d],[n.items.itemMetaMap]),I=x.useCallback(d=>n.items.itemMap[d],[n.items.itemMap]),p=x.useCallback(()=>{const d=m=>{const P=n.items.itemMap[m],v=j._objectWithoutPropertiesLoose(P,St),E=n.items.itemOrderedChildrenIds[m];return E&&(v.children=E.map(d)),v};return n.items.itemOrderedChildrenIds[U].map(d)},[n.items.itemMap,n.items.itemOrderedChildrenIds]),g=x.useCallback(d=>{if(d==null)return!1;let m=e.getItemMeta(d);if(!m)return!1;if(m.disabled)return!0;for(;m.parentId!=null;)if(m=e.getItemMeta(m.parentId),m.disabled)return!0;return!1},[e]),f=x.useCallback(d=>{const m=e.getItemMeta(d).parentId??U;return n.items.itemChildrenIndexes[m][d]},[e,n.items.itemChildrenIndexes]),o=x.useCallback(d=>n.items.itemOrderedChildrenIds[d??U]??[],[n.items.itemOrderedChildrenIds]),r=d=>{const m=e.getItemMeta(d);return m==null?null:document.getElementById(h.generateTreeItemIdAttribute({treeId:n.id.treeId,itemId:d,id:m.idAttribute}))},u=d=>t.disabledItemsFocusable?!0:!e.isItemDisabled(d),b=x.useRef(!1),T=x.useCallback(()=>{b.current=!0},[]),a=x.useCallback(()=>b.current,[]);return x.useEffect(()=>{e.areItemUpdatesPrevented()||s(d=>{const m=Ve({items:t.items,isItemDisabled:t.isItemDisabled,getItemId:t.getItemId,getItemLabel:t.getItemLabel});return Object.values(d.items.itemMetaMap).forEach(P=>{m.itemMetaMap[P.id]||wt(e,"removeItem",{id:P.id})}),C._extends({},d,{items:m})})},[e,s,t.items,t.isItemDisabled,t.getItemId,t.getItemLabel]),{getRootProps:()=>({style:{"--TreeView-itemChildrenIndentation":typeof t.itemChildrenIndentation=="number"?`${t.itemChildrenIndentation}px`:t.itemChildrenIndentation}}),publicAPI:{getItem:I,getItemDOMElement:r,getItemTree:p,getItemOrderedChildrenIds:o},instance:{getItemMeta:y,getItem:I,getItemTree:p,getItemsToRender:()=>{const d=m=>{var v;const P=n.items.itemMetaMap[m];return{label:P.label,itemId:P.id,id:P.idAttribute,children:(v=n.items.itemOrderedChildrenIds[m])==null?void 0:v.map(d)}};return n.items.itemOrderedChildrenIds[U].map(d)},getItemIndex:f,getItemDOMElement:r,getItemOrderedChildrenIds:o,isItemDisabled:g,isItemNavigable:u,preventItemUpdates:T,areItemUpdatesPrevented:a},contextValue:{items:{onItemClick:t.onItemClick,disabledItemsFocusable:t.disabledItemsFocusable,indentationAtItemLevel:c.indentationAtItemLevel??!1}}}};H.getInitialState=e=>({items:Ve({items:e.items,isItemDisabled:e.isItemDisabled,getItemId:e.getItemId,getItemLabel:e.getItemLabel})});H.getDefaultizedParams=({params:e})=>C._extends({},e,{disabledItemsFocusable:e.disabledItemsFocusable??!1,itemChildrenIndentation:e.itemChildrenIndentation??"12px"});H.wrapRoot=({children:e,instance:t})=>S.jsx(h.TreeViewItemDepthContext.Provider,{value:n=>{var s;return((s=t.getItemMeta(n))==null?void 0:s.depth)??0},children:e});H.params={disabledItemsFocusable:!0,items:!0,isItemDisabled:!0,getItemLabel:!0,getItemId:!0,onItemClick:!0,itemChildrenIndentation:!0};const se=({instance:e,params:t,models:n})=>{const s=x.useMemo(()=>{const r=new Map;return n.expandedItems.value.forEach(u=>{r.set(u,!0)}),r},[n.expandedItems.value]),c=(r,u)=>{var b;(b=t.onExpandedItemsChange)==null||b.call(t,r,u),n.expandedItems.setControlledValue(u)},y=x.useCallback(r=>s.has(r),[s]),I=x.useCallback(r=>{var u;return!!((u=e.getItemMeta(r))!=null&&u.expandable)},[e]),p=K.useEventCallback((r,u)=>{const b=e.isItemExpanded(u);e.setItemExpansion(r,u,!b)}),g=K.useEventCallback((r,u,b)=>{if(e.isItemExpanded(u)===b)return;let a;b?a=[u].concat(n.expandedItems.value):a=n.expandedItems.value.filter(l=>l!==u),t.onItemExpansionToggle&&t.onItemExpansionToggle(r,u,b),c(r,a)}),f=(r,u)=>{const b=e.getItemMeta(u),a=e.getItemOrderedChildrenIds(b.parentId).filter(d=>e.isItemExpandable(d)&&!e.isItemExpanded(d)),l=n.expandedItems.value.concat(a);a.length>0&&(t.onItemExpansionToggle&&a.forEach(d=>{t.onItemExpansionToggle(r,d,!0)}),c(r,l))},o=x.useMemo(()=>t.expansionTrigger?t.expansionTrigger:e.isTreeViewEditable?"iconContainer":"content",[t.expansionTrigger,e.isTreeViewEditable]);return{publicAPI:{setItemExpansion:g},instance:{isItemExpanded:y,isItemExpandable:I,setItemExpansion:g,toggleItemExpansion:p,expandAllSiblings:f},contextValue:{expansion:{expansionTrigger:o}}}};se.models={expandedItems:{getDefaultValue:e=>e.defaultExpandedItems}};const vt=[];se.getDefaultizedParams=({params:e})=>C._extends({},e,{defaultExpandedItems:e.defaultExpandedItems??vt});se.params={expandedItems:!0,defaultExpandedItems:!0,onExpandedItemsChange:!0,onItemExpansionToggle:!0,expansionTrigger:!0};const oe=e=>Array.isArray(e)?e:e!=null?[e]:[],me=e=>{const t={};return e.forEach(n=>{t[n]=!0}),t},re=({instance:e,params:t,models:n})=>{const s=x.useRef(null),c=x.useRef({}),y=x.useMemo(()=>{const a=new Map;return Array.isArray(n.selectedItems.value)?n.selectedItems.value.forEach(l=>{a.set(l,!0)}):n.selectedItems.value!=null&&a.set(n.selectedItems.value,!0),a},[n.selectedItems.value]),I=(a,l)=>{if(t.onItemSelectionToggle)if(t.multiSelect){const d=l.filter(P=>!e.isItemSelected(P)),m=n.selectedItems.value.filter(P=>!l.includes(P));d.forEach(P=>{t.onItemSelectionToggle(a,P,!0)}),m.forEach(P=>{t.onItemSelectionToggle(a,P,!1)})}else l!==n.selectedItems.value&&(n.selectedItems.value!=null&&t.onItemSelectionToggle(a,n.selectedItems.value,!1),l!=null&&t.onItemSelectionToggle(a,l,!0));t.onSelectedItemsChange&&t.onSelectedItemsChange(a,l),n.selectedItems.setControlledValue(l)},p=a=>y.has(a),g=({event:a,itemId:l,keepExistingSelection:d=!1,shouldBeSelected:m})=>{if(t.disableSelection)return;let P;if(d){const v=oe(n.selectedItems.value),E=e.isItemSelected(l);E&&(m===!1||m==null)?P=v.filter(R=>R!==l):!E&&(m===!0||m==null)?P=[l].concat(v):P=v}else m===!1||m==null&&e.isItemSelected(l)?P=t.multiSelect?[]:null:P=t.multiSelect?[l]:l;I(a,P),s.current=l,c.current={}},f=(a,[l,d])=>{if(t.disableSelection||!t.multiSelect)return;let m=oe(n.selectedItems.value).slice();Object.keys(c.current).length>0&&(m=m.filter(R=>!c.current[R]));const P=me(m),v=h.getNonDisabledItemsInRange(e,l,d),E=v.filter(R=>!P[R]);m=m.concat(E),I(a,m),c.current=me(v)};return{getRootProps:()=>({"aria-multiselectable":t.multiSelect}),publicAPI:{selectItem:g},instance:{isItemSelected:p,selectItem:g,selectAllNavigableItems:a=>{if(t.disableSelection||!t.multiSelect)return;const l=h.getAllNavigableItems(e);I(a,l),c.current=me(l)},expandSelectionRange:(a,l)=>{if(s.current!=null){const[d,m]=h.findOrderInTremauxTree(e,l,s.current);f(a,[d,m])}},selectRangeFromStartToItem:(a,l)=>{f(a,[h.getFirstNavigableItem(e),l])},selectRangeFromItemToEnd:(a,l)=>{f(a,[l,h.getLastNavigableItem(e)])},selectItemFromArrowNavigation:(a,l,d)=>{if(t.disableSelection||!t.multiSelect)return;let m=oe(n.selectedItems.value).slice();Object.keys(c.current).length===0?(m.push(d),c.current={[l]:!0,[d]:!0}):(c.current[l]||(c.current={}),c.current[d]?(m=m.filter(P=>P!==l),delete c.current[l]):(m.push(d),c.current[d]=!0)),I(a,m)}},contextValue:{selection:{multiSelect:t.multiSelect,checkboxSelection:t.checkboxSelection,disableSelection:t.disableSelection}}}};re.models={selectedItems:{getDefaultValue:e=>e.defaultSelectedItems}};const kt=[];re.getDefaultizedParams=({params:e})=>C._extends({},e,{disableSelection:e.disableSelection??!1,multiSelect:e.multiSelect??!1,checkboxSelection:e.checkboxSelection??!1,defaultSelectedItems:e.defaultSelectedItems??(e.multiSelect?kt:null)});re.params={disableSelection:!0,multiSelect:!0,checkboxSelection:!0,defaultSelectedItems:!0,selectedItems:!0,onSelectedItemsChange:!0,onItemSelectionToggle:!0};const Me=1e3;class Dt{constructor(t=Me){this.timeouts=new Map,this.cleanupTimeout=Me,this.cleanupTimeout=t}register(t,n,s){this.timeouts||(this.timeouts=new Map);const c=setTimeout(()=>{typeof n=="function"&&n(),this.timeouts.delete(s.cleanupToken)},this.cleanupTimeout);this.timeouts.set(s.cleanupToken,c)}unregister(t){const n=this.timeouts.get(t.cleanupToken);n&&(this.timeouts.delete(t.cleanupToken),clearTimeout(n))}reset(){this.timeouts&&(this.timeouts.forEach((t,n)=>{this.unregister({cleanupToken:n})}),this.timeouts=void 0)}}class Mt{constructor(){this.registry=new FinalizationRegistry(t=>{typeof t=="function"&&t()})}register(t,n,s){this.registry.register(t,n,s)}unregister(t){this.registry.unregister(t)}reset(){}}class Ot{}function _t(e){let t=0;return function(s,c,y){e.registry===null&&(e.registry=typeof FinalizationRegistry<"u"?new Mt:new Dt);const[I]=x.useState(new Ot),p=x.useRef(null),g=x.useRef(void 0);g.current=y;const f=x.useRef(null);if(!p.current&&g.current){const o=(r,u)=>{var b;u.defaultMuiPrevented||(b=g.current)==null||b.call(g,r,u)};p.current=s.$$subscribeEvent(c,o),t+=1,f.current={cleanupToken:t},e.registry.register(I,()=>{var r;(r=p.current)==null||r.call(p),p.current=null,f.current=null},f.current)}else!g.current&&p.current&&(p.current(),p.current=null,f.current&&(e.registry.unregister(f.current),f.current=null));x.useEffect(()=>{if(!p.current&&g.current){const o=(r,u)=>{var b;u.defaultMuiPrevented||(b=g.current)==null||b.call(g,r,u)};p.current=s.$$subscribeEvent(c,o)}return f.current&&e.registry&&(e.registry.unregister(f.current),f.current=null),()=>{var o;(o=p.current)==null||o.call(p),p.current=null}},[s,c])}}const Vt={registry:null},jt=_t(Vt),je=(e=document)=>{const t=e.activeElement;return t?t.shadowRoot?je(t.shadowRoot):t:null},Ft=(e,t)=>{let n=oe(t).find(s=>{if(!e.isItemNavigable(s))return!1;const c=e.getItemMeta(s);return c&&(c.parentId==null||e.isItemExpanded(c.parentId))});return n==null&&(n=h.getFirstNavigableItem(e)),n},be=({instance:e,params:t,state:n,setState:s,models:c,rootRef:y})=>{const I=Ft(e,c.selectedItems.value),p=K.useEventCallback(l=>{const d=typeof l=="function"?l(n.focusedItemId):l;n.focusedItemId!==d&&s(m=>C._extends({},m,{focusedItemId:d}))}),g=x.useCallback(()=>!!y.current&&y.current.contains(je(ct.ownerDocument(y.current))),[y]),f=x.useCallback(l=>n.focusedItemId===l&&g(),[n.focusedItemId,g]),o=l=>{const d=e.getItemMeta(l);return d&&(d.parentId==null||e.isItemExpanded(d.parentId))},r=(l,d)=>{const m=e.getItemDOMElement(d);m&&m.focus(),p(d),t.onItemFocus&&t.onItemFocus(l,d)},u=K.useEventCallback((l,d)=>{o(d)&&r(l,d)}),b=K.useEventCallback(()=>{if(n.focusedItemId==null)return;if(e.getItemMeta(n.focusedItemId)){const d=e.getItemDOMElement(n.focusedItemId);d&&d.blur()}p(null)}),T=l=>l===I;jt(e,"removeItem",({id:l})=>{n.focusedItemId===l&&r(null,I)});const a=l=>d=>{var m;(m=l.onFocus)==null||m.call(l,d),!d.defaultMuiPrevented&&d.target===d.currentTarget&&r(d,I)};return{getRootProps:l=>({onFocus:a(l)}),publicAPI:{focusItem:u},instance:{isItemFocused:f,canItemBeTabbed:T,focusItem:u,removeFocusedItem:b}}};be.getInitialState=()=>({focusedItemId:null});be.params={onItemFocus:!0};function At(e){return!!e&&e.length===1&&!!e.match(/\S/)}const Fe=({instance:e,params:t,state:n})=>{const s=at.useRtl(),c=x.useRef({}),y=K.useEventCallback(o=>{c.current=o(c.current)});x.useEffect(()=>{if(e.areItemUpdatesPrevented())return;const o={},r=u=>{o[u.id]=u.label.substring(0,1).toLowerCase()};Object.values(n.items.itemMetaMap).forEach(r),c.current=o},[n.items.itemMetaMap,t.getItemId,e]);const I=(o,r)=>{const u=r.toLowerCase(),b=d=>{const m=h.getNextNavigableItem(e,d);return m===null?h.getFirstNavigableItem(e):m};let T=null,a=b(o);const l={};for(;T==null&&!l[a];)c.current[a]===u?T=a:(l[a]=!0,a=b(a));return T},p=o=>!t.disableSelection&&!e.isItemDisabled(o),g=o=>!e.isItemDisabled(o)&&e.isItemExpandable(o);return{instance:{updateFirstCharMap:y,handleItemKeyDown:(o,r)=>{if(o.defaultMuiPrevented||o.altKey||h.isTargetInDescendants(o.target,o.currentTarget))return;const u=o.ctrlKey||o.metaKey,b=o.key;switch(!0){case(b===" "&&p(r)):{o.preventDefault(),t.multiSelect&&o.shiftKey?e.expandSelectionRange(o,r):e.selectItem({event:o,itemId:r,keepExistingSelection:t.multiSelect,shouldBeSelected:t.multiSelect?void 0:!0});break}case b==="Enter":{h.hasPlugin(e,h.useTreeViewLabel)&&e.isItemEditable(r)&&!e.isItemBeingEdited(r)?e.setEditedItemId(r):g(r)?(e.toggleItemExpansion(o,r),o.preventDefault()):p(r)&&(t.multiSelect?(o.preventDefault(),e.selectItem({event:o,itemId:r,keepExistingSelection:!0})):e.isItemSelected(r)||(e.selectItem({event:o,itemId:r}),o.preventDefault()));break}case b==="ArrowDown":{const T=h.getNextNavigableItem(e,r);T&&(o.preventDefault(),e.focusItem(o,T),t.multiSelect&&o.shiftKey&&p(T)&&e.selectItemFromArrowNavigation(o,r,T));break}case b==="ArrowUp":{const T=h.getPreviousNavigableItem(e,r);T&&(o.preventDefault(),e.focusItem(o,T),t.multiSelect&&o.shiftKey&&p(T)&&e.selectItemFromArrowNavigation(o,r,T));break}case(b==="ArrowRight"&&!s||b==="ArrowLeft"&&s):{if(u)return;if(e.isItemExpanded(r)){const T=h.getNextNavigableItem(e,r);T&&(e.focusItem(o,T),o.preventDefault())}else g(r)&&(e.toggleItemExpansion(o,r),o.preventDefault());break}case(b==="ArrowLeft"&&!s||b==="ArrowRight"&&s):{if(u)return;if(g(r)&&e.isItemExpanded(r))e.toggleItemExpansion(o,r),o.preventDefault();else{const T=e.getItemMeta(r).parentId;T&&(e.focusItem(o,T),o.preventDefault())}break}case b==="Home":{p(r)&&t.multiSelect&&u&&o.shiftKey?e.selectRangeFromStartToItem(o,r):e.focusItem(o,h.getFirstNavigableItem(e)),o.preventDefault();break}case b==="End":{p(r)&&t.multiSelect&&u&&o.shiftKey?e.selectRangeFromItemToEnd(o,r):e.focusItem(o,h.getLastNavigableItem(e)),o.preventDefault();break}case b==="*":{e.expandAllSiblings(o,r),o.preventDefault();break}case(String.fromCharCode(o.keyCode)==="A"&&u&&t.multiSelect&&!t.disableSelection):{e.selectAllNavigableItems(o),o.preventDefault();break}case(!u&&!o.shiftKey&&At(b)):{const T=I(r,b);T!=null&&(e.focusItem(o,T),o.preventDefault());break}}}}}};Fe.params={};const Ae=({slots:e,slotProps:t})=>({contextValue:{icons:{slots:{collapseIcon:e.collapseIcon,expandIcon:e.expandIcon,endIcon:e.endIcon},slotProps:{collapseIcon:t.collapseIcon,expandIcon:t.expandIcon,endIcon:t.endIcon}}}});Ae.params={};const Lt=[H,se,re,be,Fe,Ae,h.useTreeViewLabel];function Le(e){const{instance:t,items:{onItemClick:n},selection:{multiSelect:s,checkboxSelection:c,disableSelection:y},expansion:{expansionTrigger:I}}=h.useTreeViewContext(),p=t.isItemExpandable(e),g=t.isItemExpanded(e),f=t.isItemFocused(e),o=t.isItemSelected(e),r=t.isItemDisabled(e),u=t!=null&&t.isItemBeingEdited?t==null?void 0:t.isItemBeingEdited(e):!1,b=t.isItemEditable?t.isItemEditable(e):!1,T=E=>{if(!r){f||t.focusItem(E,e);const R=s&&(E.shiftKey||E.ctrlKey||E.metaKey);p&&!(R&&t.isItemExpanded(e))&&t.toggleItemExpansion(E,e)}},a=E=>{r||(f||t.focusItem(E,e),s&&(E.shiftKey||E.ctrlKey||E.metaKey)?E.shiftKey?t.expandSelectionRange(E,e):t.selectItem({event:E,itemId:e,keepExistingSelection:!0}):t.selectItem({event:E,itemId:e,shouldBeSelected:!0}))},l=E=>{if(y||r)return;const R=E.nativeEvent.shiftKey;s&&R?t.expandSelectionRange(E,e):t.selectItem({event:E,itemId:e,keepExistingSelection:s,shouldBeSelected:E.target.checked})},d=E=>{(E.shiftKey||E.ctrlKey||E.metaKey||r)&&E.preventDefault()},m=()=>{h.hasPlugin(t,h.useTreeViewLabel)&&t.isItemEditable(e)&&(t.isItemBeingEdited(e)?t.setEditedItemId(null):t.setEditedItemId(e))};return{disabled:r,expanded:g,selected:o,focused:f,editable:b,editing:u,disableSelection:y,checkboxSelection:c,handleExpansion:T,handleSelection:a,handleCheckboxSelection:l,handleContentClick:n,preventSelection:d,expansionTrigger:I,toggleItemEditing:m,handleSaveItemLabel:(E,R)=>{h.hasPlugin(t,h.useTreeViewLabel)&&t.isItemBeingEditedRef(e)&&(t.updateItemLabel(e,R),m(),t.focusItem(E,e))},handleCancelItemLabelEditing:E=>{h.hasPlugin(t,h.useTreeViewLabel)&&t.isItemBeingEditedRef(e)&&(m(),t.focusItem(E,e))}}}const Nt=["classes","className","displayIcon","expansionIcon","icon","label","itemId","onClick","onMouseDown","dragAndDropOverlayProps","labelInputProps"],he=x.forwardRef(function(t,n){const{classes:s,className:c,displayIcon:y,expansionIcon:I,icon:p,label:g,itemId:f,onClick:o,onMouseDown:r,dragAndDropOverlayProps:u,labelInputProps:b}=t,T=j._objectWithoutPropertiesLoose(t,Nt),{disabled:a,expanded:l,selected:d,focused:m,editing:P,editable:v,disableSelection:E,checkboxSelection:R,handleExpansion:k,handleSelection:A,handleCheckboxSelection:B,handleContentClick:_,preventSelection:L,expansionTrigger:X,toggleItemEditing:G}=Le(f),N=p||I||y,J=x.useRef(null),ie=M=>{L(M),r&&r(M)},le=M=>{var Y;_==null||_(M,f),!((Y=J.current)!=null&&Y.contains(M.target))&&(X==="content"&&k(M),R||A(M),o&&o(M))},ce=M=>{M.defaultMuiPrevented||G()};return S.jsxs("div",C._extends({},T,{className:i.clsx(s.root,c,l&&s.expanded,d&&s.selected,m&&s.focused,a&&s.disabled,P&&s.editing,v&&s.editable),onClick:le,onMouseDown:ie,ref:n,children:[S.jsx("div",{className:s.iconContainer,children:N}),R&&S.jsx(ut.Checkbox,{className:s.checkbox,checked:d,onChange:B,disabled:a||E,ref:J,tabIndex:-1}),P?S.jsx(h.TreeItem2LabelInput,C._extends({},b,{className:s.labelInput})):S.jsx("div",C._extends({className:s.label},v&&{onDoubleClick:ce},{children:g})),u&&S.jsx(h.TreeItem2DragAndDropOverlay,C._extends({},u))]}))});process.env.NODE_ENV!=="production"&&(he.propTypes={classes:i.PropTypes.object.isRequired,className:i.PropTypes.string,displayIcon:i.PropTypes.node,dragAndDropOverlayProps:i.PropTypes.shape({action:i.PropTypes.oneOf(["make-child","move-to-parent","reorder-above","reorder-below"]),style:i.PropTypes.object}),expansionIcon:i.PropTypes.node,icon:i.PropTypes.node,itemId:i.PropTypes.string.isRequired,label:i.PropTypes.node,labelInputProps:i.PropTypes.shape({autoFocus:i.PropTypes.oneOf([!0]),"data-element":i.PropTypes.oneOf(["labelInput"]),onBlur:i.PropTypes.func,onChange:i.PropTypes.func,onKeyDown:i.PropTypes.func,type:i.PropTypes.oneOf(["text"]),value:i.PropTypes.string})});const $t=["children","className","slots","slotProps","ContentComponent","ContentProps","itemId","id","label","onClick","onMouseDown","onFocus","onBlur","onKeyDown"],qt=["ownerState"],Ut=["ownerState"],Kt=["ownerState"],Bt=h.createUseThemeProps(),zt=e=>{const{classes:t}=e,n={root:["root"],content:["content"],expanded:["expanded"],selected:["selected"],focused:["focused"],disabled:["disabled"],iconContainer:["iconContainer"],checkbox:["checkbox"],label:["label"],labelInput:["labelInput"],editing:["editing"],editable:["editable"],groupTransition:["groupTransition"]};return F.composeClasses(n,h.getTreeItemUtilityClass,t)},Wt=F.styled("li",{name:"MuiTreeItem",slot:"Root",overridesResolver:(e,t)=>t.root})({listStyle:"none",margin:0,padding:0,outline:0}),Ht=F.styled(he,{name:"MuiTreeItem",slot:"Content",overridesResolver:(e,t)=>[t.content,t.iconContainer&&{[`& .${h.treeItemClasses.iconContainer}`]:t.iconContainer},t.label&&{[`& .${h.treeItemClasses.label}`]:t.label}],shouldForwardProp:e=>F.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})(({theme:e})=>({padding:e.spacing(.5,1),borderRadius:e.shape.borderRadius,width:"100%",boxSizing:"border-box",position:"relative",display:"flex",alignItems:"center",gap:e.spacing(1),cursor:"pointer",WebkitTapHighlightColor:"transparent","&:hover":{backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${h.treeItemClasses.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,backgroundColor:"transparent"},[`&.${h.treeItemClasses.focused}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`&.${h.treeItemClasses.selected}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}},[`&.${h.treeItemClasses.focused}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:i.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},[`& .${h.treeItemClasses.iconContainer}`]:{width:16,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}},[`& .${h.treeItemClasses.label}`]:C._extends({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative"},e.typography.body1),[`& .${h.treeItemClasses.checkbox}`]:{padding:0},variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:`calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`}}]})),Xt=F.styled(h.Collapse,{name:"MuiTreeItem",slot:"GroupTransition",overridesResolver:(e,t)=>t.groupTransition,shouldForwardProp:e=>F.shouldForwardProp(e)&&e!=="indentationAtItemLevel"})({margin:0,padding:0,paddingLeft:"var(--TreeView-itemChildrenIndentation)",variants:[{props:{indentationAtItemLevel:!0},style:{paddingLeft:0}}]}),Ne=x.forwardRef(function(t,n){var Ce,we,Re,Se;const{icons:s,runItemPlugins:c,items:{disabledItemsFocusable:y,indentationAtItemLevel:I},selection:{disableSelection:p},expansion:{expansionTrigger:g},treeId:f,instance:o}=h.useTreeViewContext(),r=x.useContext(h.TreeViewItemDepthContext),u=Bt({props:t,name:"MuiTreeItem"}),{children:b,className:T,slots:a,slotProps:l,ContentComponent:d=he,ContentProps:m,itemId:P,id:v,label:E,onClick:R,onMouseDown:k,onBlur:A,onKeyDown:B}=u,_=j._objectWithoutPropertiesLoose(u,$t),{expanded:L,focused:X,selected:G,disabled:N,editing:J,handleExpansion:ie,handleCancelItemLabelEditing:le,handleSaveItemLabel:ce}=Le(P);process.env.NODE_ENV!=="production"&&(u.ContentComponent&&h.warnOnce(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.","You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.","For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]),u.ContentProps&&h.warnOnce(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.","You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.","For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));const{contentRef:M,rootRef:Y,propsEnhancers:O}=c(u),Q=x.useRef(null),Te=x.useRef(null),Ue=Ie.useForkRef(n,Y,Q),Ke=Ie.useForkRef(m==null?void 0:m.ref,M,Te),z={expandIcon:(a==null?void 0:a.expandIcon)??s.slots.expandIcon??h.TreeViewExpandIcon,collapseIcon:(a==null?void 0:a.collapseIcon)??s.slots.collapseIcon??h.TreeViewCollapseIcon,endIcon:(a==null?void 0:a.endIcon)??s.slots.endIcon,icon:a==null?void 0:a.icon,groupTransition:a==null?void 0:a.groupTransition},ye=w=>Array.isArray(w)?w.length>0&&w.some(ye):!!w,Z=ye(b),ae=C._extends({},u,{expanded:L,focused:X,selected:G,disabled:N,indentationAtItemLevel:I}),D=zt(ae),xe=z.groupTransition??void 0,Be=q.useSlotProps({elementType:xe,ownerState:{},externalSlotProps:l==null?void 0:l.groupTransition,additionalProps:C._extends({unmountOnExit:!0,in:L,component:"ul",role:"group"},I?{indentationAtItemLevel:!0}:{}),className:D.groupTransition}),ze=w=>{g==="iconContainer"&&ie(w)},ue=L?z.collapseIcon:z.expandIcon,We=q.useSlotProps({elementType:ue,ownerState:{},externalSlotProps:w=>L?C._extends({},V.resolveComponentProps(s.slotProps.collapseIcon,w),V.resolveComponentProps(l==null?void 0:l.collapseIcon,w)):C._extends({},V.resolveComponentProps(s.slotProps.expandIcon,w),V.resolveComponentProps(l==null?void 0:l.expandIcon,w)),additionalProps:{onClick:ze}}),He=j._objectWithoutPropertiesLoose(We,qt),Xe=Z&&ue?S.jsx(ue,C._extends({},He)):null,de=Z?void 0:z.endIcon,Ge=q.useSlotProps({elementType:de,ownerState:{},externalSlotProps:w=>Z?{}:C._extends({},V.resolveComponentProps(s.slotProps.endIcon,w),V.resolveComponentProps(l==null?void 0:l.endIcon,w))}),Je=j._objectWithoutPropertiesLoose(Ge,Ut),Ye=de?S.jsx(de,C._extends({},Je)):null,pe=z.icon,Qe=q.useSlotProps({elementType:pe,ownerState:{},externalSlotProps:l==null?void 0:l.icon}),Ze=j._objectWithoutPropertiesLoose(Qe,Kt),et=pe?S.jsx(pe,C._extends({},Ze)):null;let ee;G?ee=!0:p||N?ee=void 0:ee=!1;function tt(w){!X&&(!N||y)&&w.currentTarget===w.target&&o.focusItem(w,P)}function nt(w){var $,W,ve,ke;A==null||A(w),!(J||w.relatedTarget&&h.isTargetInDescendants(w.relatedTarget,Q.current)&&(w.target&&((W=($=w.target)==null?void 0:$.dataset)==null?void 0:W.element)==="labelInput"&&h.isTargetInDescendants(w.target,Q.current)||((ke=(ve=w.relatedTarget)==null?void 0:ve.dataset)==null?void 0:ke.element)==="labelInput"))&&o.removeFocusedItem()}const ot=w=>{var $,W;B==null||B(w),((W=($=w.target)==null?void 0:$.dataset)==null?void 0:W.element)!=="labelInput"&&o.handleItemKeyDown(w,P)},st=h.generateTreeItemIdAttribute({itemId:P,treeId:f,id:v}),rt=o.canItemBeTabbed(P)?0:-1,te={rootRefObject:Q,contentRefObject:Te,interactions:{handleSaveItemLabel:ce,handleCancelItemLabelEditing:le}},it=((Ce=O.root)==null?void 0:Ce.call(O,C._extends({},te,{externalEventHandlers:V.extractEventHandlers(_)})))??{},lt=((we=O.content)==null?void 0:we.call(O,C._extends({},te,{externalEventHandlers:V.extractEventHandlers(m)})))??{},Pe=((Re=O.dragAndDropOverlay)==null?void 0:Re.call(O,C._extends({},te,{externalEventHandlers:{}})))??{},Ee=((Se=O.labelInput)==null?void 0:Se.call(O,C._extends({},te,{externalEventHandlers:{}})))??{};return S.jsx(h.TreeItem2Provider,{itemId:P,children:S.jsxs(Wt,C._extends({className:i.clsx(D.root,T),role:"treeitem","aria-expanded":Z?L:void 0,"aria-selected":ee,"aria-disabled":N||void 0,id:st,tabIndex:rt},_,{ownerState:ae,onFocus:tt,onBlur:nt,onKeyDown:ot,ref:Ue,style:I?C._extends({},_.style,{"--TreeView-itemDepth":typeof r=="function"?r(P):r}):_.style},it,{children:[S.jsx(Ht,C._extends({as:d,classes:{root:D.content,expanded:D.expanded,selected:D.selected,focused:D.focused,disabled:D.disabled,editable:D.editable,editing:D.editing,iconContainer:D.iconContainer,label:D.label,labelInput:D.labelInput,checkbox:D.checkbox},label:E,itemId:P,onClick:R,onMouseDown:k,icon:et,expansionIcon:Xe,displayIcon:Ye,ownerState:ae},m,lt,Pe.action==null?{}:{dragAndDropOverlayProps:Pe},Ee.value==null?{}:{labelInputProps:Ee},{ref:Ke})),b&&S.jsx(Xt,C._extends({as:xe},Be,{children:b}))]}))})});process.env.NODE_ENV!=="production"&&(Ne.propTypes={children:i.PropTypes.node,classes:i.PropTypes.object,className:i.PropTypes.string,ContentComponent:pt.elementTypeAcceptingRef,ContentProps:i.PropTypes.object,disabled:i.PropTypes.bool,itemId:i.PropTypes.string.isRequired,label:i.PropTypes.node,onFocus:dt.unsupportedProp,onKeyDown:i.PropTypes.func,slotProps:i.PropTypes.object,slots:i.PropTypes.object,sx:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.object,i.PropTypes.bool])),i.PropTypes.func,i.PropTypes.object])});const Gt=["ownerState"];function Jt({slots:e,slotProps:t,label:n,id:s,itemId:c,itemsToRender:y}){const I=(e==null?void 0:e.item)??Ne,p=q.useSlotProps({elementType:I,externalSlotProps:t==null?void 0:t.item,additionalProps:{itemId:c,id:s,label:n},ownerState:{itemId:c,label:n}}),g=j._objectWithoutPropertiesLoose(p,Gt),f=x.useMemo(()=>y?S.jsx($e,{itemsToRender:y,slots:e,slotProps:t}):null,[y,e,t]);return S.jsx(I,C._extends({},g,{children:f}))}function $e(e){const{itemsToRender:t,slots:n,slotProps:s}=e;return S.jsx(x.Fragment,{children:t.map(c=>S.jsx(Jt,{slots:n,slotProps:s,label:c.label,id:c.id,itemId:c.itemId,itemsToRender:c.children},c.itemId))})}const Yt=h.createUseThemeProps(),Qt=e=>{const{classes:t}=e,n={root:["root"]};return F.composeClasses(n,mt,t)},Zt=F.styled("ul",{name:"MuiRichTreeView",slot:"Root",overridesResolver:(e,t)=>t.root})({padding:0,margin:0,listStyle:"none",outline:0,position:"relative"}),qe=x.forwardRef(function(t,n){const s=Yt({props:t,name:"MuiRichTreeView"});process.env.NODE_ENV!=="production"&&s.children!=null&&h.warnOnce(["MUI X: The Rich Tree View component does not support JSX children.","If you want to add items, you need to use the `items` prop.","Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/."]);const{getRootProps:c,contextValue:y,instance:I}=Et({plugins:Lt,rootRef:n,props:s}),{slots:p,slotProps:g}=s,f=Qt(s),o=(p==null?void 0:p.root)??Zt,r=q.useSlotProps({elementType:o,externalSlotProps:g==null?void 0:g.root,className:f.root,getSlotProps:c,ownerState:s});return S.jsx(Ct,{value:y,children:S.jsx(o,C._extends({},r,{children:S.jsx($e,{slots:p,slotProps:g,itemsToRender:I.getItemsToRender()})}))})});process.env.NODE_ENV!=="production"&&(qe.propTypes={apiRef:i.PropTypes.shape({current:i.PropTypes.shape({focusItem:i.PropTypes.func.isRequired,getItem:i.PropTypes.func.isRequired,getItemDOMElement:i.PropTypes.func.isRequired,getItemOrderedChildrenIds:i.PropTypes.func.isRequired,getItemTree:i.PropTypes.func.isRequired,selectItem:i.PropTypes.func.isRequired,setItemExpansion:i.PropTypes.func.isRequired,updateItemLabel:i.PropTypes.func.isRequired})}),checkboxSelection:i.PropTypes.bool,classes:i.PropTypes.object,className:i.PropTypes.string,defaultExpandedItems:i.PropTypes.arrayOf(i.PropTypes.string),defaultSelectedItems:i.PropTypes.any,disabledItemsFocusable:i.PropTypes.bool,disableSelection:i.PropTypes.bool,expandedItems:i.PropTypes.arrayOf(i.PropTypes.string),expansionTrigger:i.PropTypes.oneOf(["content","iconContainer"]),experimentalFeatures:i.PropTypes.shape({indentationAtItemLevel:i.PropTypes.bool,labelEditing:i.PropTypes.bool}),getItemId:i.PropTypes.func,getItemLabel:i.PropTypes.func,id:i.PropTypes.string,isItemDisabled:i.PropTypes.func,isItemEditable:i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.bool]),itemChildrenIndentation:i.PropTypes.oneOfType([i.PropTypes.number,i.PropTypes.string]),items:i.PropTypes.array.isRequired,multiSelect:i.PropTypes.bool,onExpandedItemsChange:i.PropTypes.func,onItemClick:i.PropTypes.func,onItemExpansionToggle:i.PropTypes.func,onItemFocus:i.PropTypes.func,onItemLabelChange:i.PropTypes.func,onItemSelectionToggle:i.PropTypes.func,onSelectedItemsChange:i.PropTypes.func,selectedItems:i.PropTypes.any,slotProps:i.PropTypes.object,slots:i.PropTypes.object,sx:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.object,i.PropTypes.bool])),i.PropTypes.func,i.PropTypes.object])});const en=({items:e,selectedItemId:t,handleSelectedItemChange:n,iconColor:s="primary",hasNoIcons:c=!1,maxHeight:y=300,defaultExpandedItems:I=[]})=>{const[p,g]=ne.useState(I),f=ne.useMemo(()=>fe.buildItemDataMap(e),[e]);ne.useEffect(()=>{if(t){const r=fe.findItemPath(e,t);if(r){const u=r.slice(0,-1);g(b=>{const T=u.filter(a=>!b.includes(a));return T.length>0?[...b,...T]:b})}}},[t,e]);const o=(r,u)=>{g(u)};return S.jsx(De.TreeContainer,{maxHeight:y,"data-treeview-root":"true",children:S.jsx(qe,{items:e,selectedItems:t,expandedItems:p,onExpandedItemsChange:o,itemChildrenIndentation:De.DEFAULT_CHILDREN_INDENT,onSelectedItemsChange:n,getItemId:fe.getItemId,slots:{item:r=>{const u=r.itemId?f[r.itemId]:void 0;return S.jsx(h.CustomTreeItem,{...r,itemData:u,iconColor:s,hasNoIcons:c})}}})})};module.exports=en;

package/dist/components/TreeView/TreeView.es.js

@@ -1842,19 +1842,20 @@ const no = ({
   handleSelectedItemChange: n,
   iconColor: r = "primary",
   hasNoIcons: l = !1,
-  maxHeight: x = 300
+  maxHeight: x = 300,
+  defaultExpandedItems: I = []
 }) => {
-  const [I, f] = yt([]), g = Ct(() => Kt(e), [e]);
+  const [f, g] = yt(I), p = Ct(() => Kt(e), [e]);
   return wt(() => {
     if (t) {
-      const o = Ut(e, t);
-      if (o) {
-        const s = o.slice(0, -1);
-        f((u) => {
-          const b = s.filter(
-            (h) => !u.includes(h)
+      const s = Ut(e, t);
+      if (s) {
+        const u = s.slice(0, -1);
+        g((b) => {
+          const h = u.filter(
+            (c) => !b.includes(c)
           );
-          return b.length > 0 ? [...u, ...b] : u;
+          return h.length > 0 ? [...b, ...h] : b;
         });
       }
     }
@@ -1863,21 +1864,21 @@ const no = ({
     {
       items: e,
       selectedItems: t,
-      expandedItems: I,
-      onExpandedItemsChange: (o, s) => {
-        f(s);
+      expandedItems: f,
+      onExpandedItemsChange: (s, u) => {
+        g(u);
       },
       itemChildrenIndentation: Nt,
       onSelectedItemsChange: n,
       getItemId: Bt,
       slots: {
-        item: (o) => {
-          const s = o.itemId ? g[o.itemId] : void 0;
+        item: (s) => {
+          const u = s.itemId ? p[s.itemId] : void 0;
           return /* @__PURE__ */ S(
             _t,
             {
-              ...o,
-              itemData: s,
+              ...s,
+              itemData: u,
               iconColor: r,
               hasNoIcons: l
             }

package/dist/components/TreeView/types.d.ts

@@ -29,6 +29,7 @@ export interface TreeViewProps {
     iconColor?: string;
     maxHeight?: string | number;
     hasNoIcons?: boolean;
+    defaultExpandedItems?: string[];
 }
 export interface ExtendedTreeItem2Props extends TreeItem2Props {
     itemData?: CustomTreeViewItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.5.0-dev.1743667291",
+  "version": "1.5.0-dev.1743697235",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",