@cgi-learning-hub/ui 1.9.0 → 1.10.0

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

@@ -1,1663 +0,0 @@
-var Pe = Object.defineProperty;
-var ye = (t, e, o) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var L = (t, e, o) => ye(t, typeof e != "symbol" ? e + "" : e, o);
-import { jsx as P } from "react/jsx-runtime";
-import * as x from "react";
-import { useState as Re, useMemo as Se, useEffect as Le } from "react";
-import { a as Me, u as M, s as de, T as ve, b as De, d as se, e as V, f as R, h as Oe, i as Ve, j as ie, k as Ae, l as Fe, m as le, n as N, o as fe, p as _, q as A, r as Z, t as Ne, v as me, w as je, x as O, y as K, z as pe, A as W, B as _e, D as $e, E as X, F as Ue, G as qe, H as B, I as re, J as Ke, K as Be, L as z, M as ze, N as Ge, O as We, P as Xe, Q as ce, R as Ie, S as Je, U as Qe, V as Ye, W as Ze, X as He } from "../../CustomTreeItem-AecanDDg.js";
-import { TreeContainer as et, DEFAULT_CHILDREN_INDENT as tt } from "./style.es.js";
-import { buildItemDataMap as nt, findItemPath as ot, getItemId as st } from "./utils.es.js";
-import { _ as T } from "../../ButtonBase-C2jRC_V7.js";
-import { a as H } from "../../TransitionGroupContext-DbLioz_6.js";
-import { P as g } from "../../index-B9vkf41S.js";
-import { G as it, F as lt } from "../../generateUtilityClasses-B_xKAflz.js";
-import { a as S, u as J } from "../../useEventCallback-Y2KwRxBw.js";
-import { w as Q } from "../../warning-C8W811fV.js";
-import { u as rt } from "../../index-Ba4TEBpP.js";
-import { u as he } from "../../useSlotProps-CWTjRiRv.js";
-import { u as ct } from "../../useForkRef-u29GSuCu.js";
-import { s as ut, c as at } from "../../DefaultPropsProvider-BrmlvPWg.js";
-import { T as dt } from "../../Typography-Cr-aIusw.js";
-import { A as ft } from "../../Alert-CEu3llDi.js";
-function mt(t) {
-  return it("MuiRichTreeView", t);
-}
-lt("MuiRichTreeView", ["root", "item", "itemContent", "itemGroupTransition", "itemIconContainer", "itemLabel", "itemCheckbox", "itemLabelInput"]);
-class pt {
-  constructor() {
-    L(this, "maxListeners", 20);
-    L(this, "warnOnce", !1);
-    L(this, "events", {});
-  }
-  on(e, o, i = {}) {
-    let l = this.events[e];
-    if (l || (l = {
-      highPriority: /* @__PURE__ */ new Map(),
-      regular: /* @__PURE__ */ new Map()
-    }, this.events[e] = l), i.isFirst ? l.highPriority.set(o, !0) : l.regular.set(o, !0), process.env.NODE_ENV !== "production") {
-      const h = l.highPriority.size + l.regular.size;
-      h > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${h} ${e} listeners added.`].join(`
-`)));
-    }
-  }
-  removeListener(e, o) {
-    this.events[e] && (this.events[e].regular.delete(o), this.events[e].highPriority.delete(o));
-  }
-  removeAllListeners() {
-    this.events = {};
-  }
-  emit(e, ...o) {
-    const i = this.events[e];
-    if (!i)
-      return;
-    const l = Array.from(i.highPriority.keys()), h = Array.from(i.regular.keys());
-    for (let a = l.length - 1; a >= 0; a -= 1) {
-      const d = l[a];
-      i.highPriority.has(d) && d.apply(this, o);
-    }
-    for (let a = 0; a < h.length; a += 1) {
-      const d = h[a];
-      i.regular.has(d) && d.apply(this, o);
-    }
-  }
-  once(e, o) {
-    const i = this;
-    this.on(e, function l(...h) {
-      i.removeListener(e, l), o.apply(i, h);
-    });
-  }
-}
-const It = (t) => t.isPropagationStopped !== void 0, ge = () => {
-  const [t] = x.useState(() => new pt()), e = x.useCallback((...i) => {
-    const [l, h, a = {}] = i;
-    a.defaultMuiPrevented = !1, !(It(a) && a.isPropagationStopped()) && t.emit(l, h, a);
-  }, [t]), o = x.useCallback((i, l) => (t.on(i, l), () => {
-    t.removeListener(i, l);
-  }), [t]);
-  return {
-    instance: {
-      $$publishEvent: e,
-      $$subscribeEvent: o
-    }
-  };
-};
-ge.params = {};
-const be = ({
-  plugins: t
-}) => {
-  const e = new Set(t);
-  return {
-    instance: {
-      getAvailablePlugins: () => e
-    }
-  };
-};
-be.params = {};
-const ee = ({
-  params: t,
-  store: e
-}) => {
-  x.useEffect(() => {
-    e.update((i) => t.id === i.id.providedTreeId && i.id.treeId !== void 0 ? i : T({}, i, {
-      id: T({}, i.id, {
-        treeId: t.id ?? Me()
-      })
-    }));
-  }, [e, t.id]);
-  const o = M(e, de);
-  return {
-    getRootProps: () => ({
-      id: o
-    })
-  };
-};
-ee.params = {
-  id: !0
-};
-ee.getInitialState = ({
-  id: t
-}) => ({
-  id: {
-    treeId: void 0,
-    providedTreeId: t
-  }
-});
-const ht = [ge, be, ee], gt = ["apiRef"], bt = (t) => {
-  let {
-    props: {
-      apiRef: e
-    },
-    plugins: o
-  } = t, i = H(t.props, gt);
-  const l = x.useMemo(() => {
-    const d = {};
-    return o.forEach((r) => {
-      Object.assign(d, r.params);
-    }), d;
-  }, [o]), {
-    forwardedProps: h,
-    pluginParams: a
-  } = x.useMemo(() => {
-    const d = {}, r = {};
-    Object.keys(i).forEach((c) => {
-      const n = i[c];
-      l[c] ? d[c] = n : r[c] = n;
-    });
-    const m = o.reduce((c, n) => n.applyDefaultValuesToParams ? n.applyDefaultValuesToParams({
-      params: c
-    }) : c, d);
-    return {
-      forwardedProps: r,
-      pluginParams: m
-    };
-  }, [o, i, l]);
-  return {
-    forwardedProps: h,
-    pluginParams: a,
-    apiRef: e
-  };
-}, Et = (t) => {
-  const {
-    plugins: e,
-    instance: o,
-    publicAPI: i,
-    store: l,
-    rootRef: h
-  } = t, a = x.useCallback((m) => {
-    let c = null, n = null;
-    const s = [], I = {};
-    e.forEach((p) => {
-      if (!p.itemPlugin)
-        return;
-      const u = p.itemPlugin({
-        props: m,
-        rootRef: c,
-        contentRef: n
-      });
-      u != null && u.rootRef && (c = u.rootRef), u != null && u.contentRef && (n = u.contentRef), u != null && u.propsEnhancers && (s.push(u.propsEnhancers), Object.keys(u.propsEnhancers).forEach((f) => {
-        I[f] = !0;
-      }));
-    });
-    const b = (p) => (u) => {
-      const f = {};
-      return s.forEach((w) => {
-        const k = w[p];
-        k != null && Object.assign(f, k(u));
-      }), f;
-    }, E = Object.fromEntries(Object.keys(I).map((p) => [p, b(p)]));
-    return {
-      contentRef: n,
-      rootRef: c,
-      propsEnhancers: E
-    };
-  }, [e]), d = x.useCallback(({
-    itemId: m,
-    children: c,
-    idAttribute: n
-  }) => {
-    let s = c;
-    for (let I = e.length - 1; I >= 0; I -= 1) {
-      const b = e[I];
-      b.wrapItem && (s = b.wrapItem({
-        instance: o,
-        itemId: m,
-        children: s,
-        idAttribute: n
-      }));
-    }
-    return s;
-  }, [e, o]), r = x.useCallback(({
-    children: m
-  }) => {
-    let c = m;
-    for (let n = e.length - 1; n >= 0; n -= 1) {
-      const s = e[n];
-      s.wrapRoot && (c = s.wrapRoot({
-        children: c
-      }));
-    }
-    return c;
-  }, [e]);
-  return x.useMemo(() => ({
-    runItemPlugins: a,
-    wrapItem: d,
-    wrapRoot: r,
-    instance: o,
-    publicAPI: i,
-    store: l,
-    rootRef: h
-  }), [a, d, r, o, i, l, h]);
-};
-class Tt {
-  constructor(e) {
-    L(this, "subscribe", (e) => (this.listeners.add(e), () => {
-      this.listeners.delete(e);
-    }));
-    L(this, "getSnapshot", () => this.value);
-    L(this, "update", (e) => {
-      const o = e(this.value);
-      o !== this.value && (this.value = o, this.listeners.forEach((i) => i(o)));
-    });
-    this.value = e, this.listeners = /* @__PURE__ */ new Set();
-  }
-}
-function xt(t) {
-  return t.current == null && (t.current = {}), t;
-}
-function wt(t) {
-  const e = x.useRef({});
-  return t ? xt(t) : e;
-}
-let ue = 0;
-const kt = ({
-  plugins: t,
-  rootRef: e,
-  props: o
-}) => {
-  const i = x.useMemo(() => [...ht, ...t], [t]), {
-    pluginParams: l,
-    forwardedProps: h,
-    apiRef: a
-  } = bt({
-    plugins: i,
-    props: o
-  }), r = x.useRef({}).current, m = wt(a), c = x.useRef(null), n = ct(c, e), s = x.useRef(null);
-  if (s.current == null) {
-    ue += 1;
-    const u = {
-      cacheKey: {
-        id: ue
-      }
-    };
-    i.forEach((f) => {
-      f.getInitialState && Object.assign(u, f.getInitialState(l));
-    }), s.current = new Tt(u);
-  }
-  const I = Et({
-    plugins: i,
-    instance: r,
-    publicAPI: m.current,
-    store: s.current,
-    rootRef: c
-  }), b = [], E = (u) => {
-    const f = u({
-      instance: r,
-      params: l,
-      rootRef: c,
-      plugins: i,
-      store: s.current
-    });
-    f.getRootProps && b.push(f.getRootProps), f.publicAPI && Object.assign(m.current, f.publicAPI), f.instance && Object.assign(r, f.instance);
-  };
-  return i.forEach(E), {
-    getRootProps: (u = {}) => {
-      const f = T({
-        role: "tree"
-      }, h, u, {
-        ref: n
-      });
-      return b.forEach((w) => {
-        Object.assign(f, w(u));
-      }), f;
-    },
-    rootRef: n,
-    contextValue: I
-  };
-}, G = {};
-function Ct(t) {
-  const {
-    contextValue: e,
-    classes: o = G,
-    slots: i = G,
-    slotProps: l = G,
-    children: h
-  } = t, a = x.useMemo(() => ({
-    classes: o,
-    slots: {
-      collapseIcon: i.collapseIcon,
-      expandIcon: i.expandIcon,
-      endIcon: i.endIcon
-    },
-    slotProps: {
-      collapseIcon: l.collapseIcon,
-      expandIcon: l.expandIcon,
-      endIcon: l.endIcon
-    }
-  }), [o, i.collapseIcon, i.expandIcon, i.endIcon, l.collapseIcon, l.expandIcon, l.endIcon]);
-  return /* @__PURE__ */ P(ve.Provider, {
-    value: e,
-    children: /* @__PURE__ */ P(De.Provider, {
-      value: a,
-      children: e.wrapRoot({
-        children: h
-      })
-    })
-  });
-}
-const $ = (t, e, o) => {
-  t.$$publishEvent(e, o);
-}, Pt = (t, e, o) => {
-  if (t == 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(e)].join(`
-`));
-  if (o[t] != 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: "${t}"`].join(`
-`));
-}, Y = ({
-  disabledItemsFocusable: t,
-  items: e,
-  isItemDisabled: o,
-  getItemLabel: i,
-  getItemChildren: l,
-  getItemId: h,
-  initialDepth: a = 0,
-  initialParentId: d = null,
-  getChildrenCount: r,
-  ignoreChildren: m = !1
-}) => {
-  const c = {}, n = {}, s = {
-    [ie]: []
-  }, I = (E, p, u) => {
-    const f = h ? h(E) : E.id;
-    Pt(f, E, c);
-    const w = i ? i(E) : E.label;
-    if (w == 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(E)].join(`
-`));
-    const k = l ? l(E) : E.children;
-    c[f] = {
-      id: f,
-      label: w,
-      parentId: u,
-      idAttribute: void 0,
-      expandable: r ? r(E) > 0 : !!(k != null && k.length),
-      disabled: o ? o(E) : !1,
-      depth: p
-    }, n[f] = E;
-    const C = u ?? ie;
-    s[C] || (s[C] = []), s[C].push(f), m || k == null || k.forEach((y) => I(y, p + 1, f));
-  };
-  e == null || e.forEach((E) => I(E, a, d));
-  const b = {};
-  return Object.keys(s).forEach((E) => {
-    b[E] = Oe(s[E]);
-  }), {
-    disabledItemsFocusable: t,
-    itemMetaLookup: c,
-    itemModelLookup: n,
-    itemOrderedChildrenIdsLookup: s,
-    itemChildrenIndexesLookup: b
-  };
-}, F = ({
-  instance: t,
-  params: e,
-  store: o
-}) => {
-  const i = x.useCallback((u) => se(o.value, u), [o]), l = x.useCallback((u) => {
-    const f = V(o.value, u);
-    return (f == null ? void 0 : f.parentId) || null;
-  }, [o]), h = S((u) => {
-    o.update((f) => T({}, f, {
-      items: T({}, f.items, {
-        loading: u
-      })
-    }));
-  }), a = S((u) => {
-    o.update((f) => T({}, f, {
-      items: T({}, f.items, {
-        error: u
-      })
-    }));
-  }), d = S(({
-    itemId: u,
-    shouldBeDisabled: f
-  }) => {
-    o.update((w) => {
-      if (!w.items.itemMetaLookup[u])
-        return w;
-      const k = T({}, w.items.itemMetaLookup);
-      return k[u] = T({}, k[u], {
-        disabled: f ?? !k[u].disabled
-      }), T({}, w, {
-        items: T({}, w.items, {
-          itemMetaLookup: k
-        })
-      });
-    });
-  }), r = x.useCallback(() => {
-    const u = (f) => {
-      const w = se(o.value, f), k = R(o.value, f);
-      return k.length > 0 ? w.children = k.map(u) : delete w.children, w;
-    };
-    return R(o.value, null).map(u);
-  }, [o]), m = x.useCallback((u) => R(o.value, u), [o]), c = (u) => {
-    const f = V(o.value, u);
-    if (f == null)
-      return null;
-    const w = Ve({
-      treeId: de(o.value),
-      itemId: u,
-      id: f.idAttribute
-    });
-    return document.getElementById(w);
-  }, n = x.useRef(!1), s = x.useCallback(() => {
-    n.current = !0;
-  }, []), I = x.useCallback(() => n.current, []), b = ({
-    items: u,
-    parentId: f,
-    depth: w,
-    getChildrenCount: k
-  }) => {
-    if (u) {
-      const C = Y({
-        disabledItemsFocusable: e.disabledItemsFocusable,
-        items: u,
-        isItemDisabled: e.isItemDisabled,
-        getItemId: e.getItemId,
-        getItemLabel: e.getItemLabel,
-        getItemChildren: e.getItemChildren,
-        getChildrenCount: k,
-        initialDepth: w,
-        initialParentId: f,
-        ignoreChildren: !0
-      });
-      o.update((y) => {
-        let D;
-        return f ? D = {
-          itemModelLookup: T({}, y.items.itemModelLookup, C.itemModelLookup),
-          itemMetaLookup: T({}, y.items.itemMetaLookup, C.itemMetaLookup),
-          itemOrderedChildrenIdsLookup: T({}, C.itemOrderedChildrenIdsLookup, y.items.itemOrderedChildrenIdsLookup),
-          itemChildrenIndexesLookup: T({}, C.itemChildrenIndexesLookup, y.items.itemChildrenIndexesLookup)
-        } : D = {
-          itemModelLookup: C.itemModelLookup,
-          itemMetaLookup: C.itemMetaLookup,
-          itemOrderedChildrenIdsLookup: C.itemOrderedChildrenIdsLookup,
-          itemChildrenIndexesLookup: C.itemChildrenIndexesLookup
-        }, Object.values(y.items.itemMetaLookup).forEach((v) => {
-          D.itemMetaLookup[v.id] || $(t, "removeItem", {
-            id: v.id
-          });
-        }), T({}, y, {
-          items: T({}, y.items, D)
-        });
-      });
-    }
-  }, E = (u) => {
-    o.update((f) => {
-      if (!u)
-        return T({}, f, {
-          items: T({}, f.items, {
-            itemMetaLookup: {},
-            itemOrderedChildrenIdsLookup: {},
-            itemChildrenIndexesLookup: {}
-          })
-        });
-      const w = Object.keys(f.items.itemMetaLookup).reduce((y, D) => {
-        const v = f.items.itemMetaLookup[D];
-        return v.parentId === u ? ($(t, "removeItem", {
-          id: v.id
-        }), y) : T({}, y, {
-          [v.id]: v
-        });
-      }, {}), k = f.items.itemOrderedChildrenIdsLookup, C = f.items.itemChildrenIndexesLookup;
-      return delete C[u], delete k[u], T({}, f, {
-        items: T({}, f.items, {
-          itemMetaLookup: w,
-          itemOrderedChildrenIdsLookup: k,
-          itemChildrenIndexesLookup: C
-        })
-      });
-    });
-  };
-  x.useEffect(() => {
-    t.areItemUpdatesPrevented() || o.update((u) => {
-      const f = Y({
-        disabledItemsFocusable: e.disabledItemsFocusable,
-        items: e.items,
-        isItemDisabled: e.isItemDisabled,
-        getItemId: e.getItemId,
-        getItemLabel: e.getItemLabel,
-        getItemChildren: e.getItemChildren
-      });
-      return Object.values(u.items.itemMetaLookup).forEach((w) => {
-        f.itemMetaLookup[w.id] || $(t, "removeItem", {
-          id: w.id
-        });
-      }), T({}, u, {
-        items: T({}, u.items, f)
-      });
-    });
-  }, [t, o, e.items, e.disabledItemsFocusable, e.isItemDisabled, e.getItemId, e.getItemLabel, e.getItemChildren]);
-  const p = S((u, f) => {
-    e.onItemClick && e.onItemClick(u, f);
-  });
-  return {
-    getRootProps: () => ({
-      style: {
-        "--TreeView-itemChildrenIndentation": typeof e.itemChildrenIndentation == "number" ? `${e.itemChildrenIndentation}px` : e.itemChildrenIndentation
-      }
-    }),
-    publicAPI: {
-      getItem: i,
-      getItemDOMElement: c,
-      getItemTree: r,
-      getItemOrderedChildrenIds: m,
-      setIsItemDisabled: d,
-      getParentId: l
-    },
-    instance: {
-      getItemDOMElement: c,
-      preventItemUpdates: s,
-      areItemUpdatesPrevented: I,
-      addItems: b,
-      setTreeViewLoading: h,
-      setTreeViewError: a,
-      removeChildren: E,
-      handleItemClick: p
-    }
-  };
-};
-F.getInitialState = (t) => ({
-  items: T({}, Y({
-    disabledItemsFocusable: t.disabledItemsFocusable,
-    items: t.items,
-    isItemDisabled: t.isItemDisabled,
-    getItemId: t.getItemId,
-    getItemLabel: t.getItemLabel,
-    getItemChildren: t.getItemChildren
-  }), {
-    loading: !1,
-    error: null
-  })
-});
-F.applyDefaultValuesToParams = ({
-  params: t
-}) => T({}, t, {
-  disabledItemsFocusable: t.disabledItemsFocusable ?? !1,
-  itemChildrenIndentation: t.itemChildrenIndentation ?? "12px"
-});
-F.wrapRoot = ({
-  children: t
-}) => /* @__PURE__ */ P(Ae.Provider, {
-  value: Fe,
-  children: t
-});
-process.env.NODE_ENV !== "production" && (F.wrapRoot.displayName = "useTreeViewItems.wrapRoot");
-F.params = {
-  disabledItemsFocusable: !0,
-  items: !0,
-  isItemDisabled: !0,
-  getItemLabel: !0,
-  getItemChildren: !0,
-  getItemId: !0,
-  onItemClick: !0,
-  itemChildrenIndentation: !0
-};
-function yt(t) {
-  const {
-    componentName: e,
-    propName: o,
-    controlled: i,
-    defaultValue: l,
-    warningPrefix: h = "MUI X"
-  } = t, [{
-    initialDefaultValue: a,
-    isControlled: d
-  }] = x.useState({
-    initialDefaultValue: l,
-    isControlled: i !== void 0
-  });
-  d !== (i !== void 0) && Q([`${h}: A component is changing the ${d ? "" : "un"}controlled ${o} state of ${e} to be ${d ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"], "error"), JSON.stringify(a) !== JSON.stringify(l) && Q([`${h}: A component is changing the default ${o} state of an uncontrolled ${e} after being initialized. To suppress this warning opt to use a controlled ${e}.`], "error");
-}
-const Ee = process.env.NODE_ENV === "production" ? () => {
-} : yt, Te = ({
-  isItemEditable: t,
-  expansionTrigger: e
-}) => e || (t ? "iconContainer" : "content"), q = ({
-  instance: t,
-  store: e,
-  params: o
-}) => {
-  Ee({
-    componentName: "Tree View",
-    propName: "expandedItems",
-    controlled: o.expandedItems,
-    defaultValue: o.defaultExpandedItems
-  }), J(() => {
-    e.update((r) => {
-      const m = Te({
-        isItemEditable: o.isItemEditable,
-        expansionTrigger: o.expansionTrigger
-      });
-      return r.expansion.expansionTrigger === m ? r : T({}, r, {
-        expansion: T({}, r.expansion, {
-          expansionTrigger: m
-        })
-      });
-    });
-  }, [e, o.isItemEditable, o.expansionTrigger]);
-  const i = (r, m) => {
-    var c;
-    o.expandedItems === void 0 && e.update((n) => T({}, n, {
-      expansion: T({}, n.expansion, {
-        expandedItems: m
-      })
-    })), (c = o.onExpandedItemsChange) == null || c.call(o, r, m);
-  }, l = S(() => {
-    i(null, []);
-  }), h = S(({
-    itemId: r,
-    event: m,
-    shouldBeExpanded: c
-  }) => {
-    const n = le(e.value);
-    let s;
-    c ? s = [r].concat(n) : s = n.filter((I) => I !== r), o.onItemExpansionToggle && o.onItemExpansionToggle(m, r, c), i(m, s);
-  }), a = S(({
-    itemId: r,
-    event: m = null,
-    shouldBeExpanded: c
-  }) => {
-    const n = N(e.value, r), s = c ?? !n;
-    if (n === s)
-      return;
-    const I = {
-      isExpansionPrevented: !1,
-      shouldBeExpanded: s,
-      event: m,
-      itemId: r
-    };
-    $(t, "beforeItemToggleExpansion", I), !I.isExpansionPrevented && t.applyItemExpansion({
-      itemId: r,
-      event: m,
-      shouldBeExpanded: s
-    });
-  }), d = (r, m) => {
-    const c = V(e.value, m);
-    if (c == null)
-      return;
-    const s = R(e.value, c.parentId).filter((b) => fe(e.value, b) && !N(e.value, b)), I = le(e.value).concat(s);
-    s.length > 0 && (o.onItemExpansionToggle && s.forEach((b) => {
-      o.onItemExpansionToggle(r, b, !0);
-    }), i(r, I));
-  };
-  return J(() => {
-    const r = o.expandedItems;
-    r !== void 0 && e.update((m) => T({}, m, {
-      expansion: T({}, m.expansion, {
-        expandedItems: r
-      })
-    }));
-  }, [e, o.expandedItems]), {
-    publicAPI: {
-      setItemExpansion: a
-    },
-    instance: {
-      setItemExpansion: a,
-      applyItemExpansion: h,
-      expandAllSiblings: d,
-      resetItemExpansion: l
-    }
-  };
-}, Rt = [];
-q.applyDefaultValuesToParams = ({
-  params: t
-}) => T({}, t, {
-  defaultExpandedItems: t.defaultExpandedItems ?? Rt
-});
-q.getInitialState = (t) => ({
-  expansion: {
-    expandedItems: t.expandedItems === void 0 ? t.defaultExpandedItems : t.expandedItems,
-    expansionTrigger: Te(t)
-  }
-});
-q.params = {
-  expandedItems: !0,
-  defaultExpandedItems: !0,
-  onExpandedItemsChange: !0,
-  onItemExpansionToggle: !0,
-  expansionTrigger: !0
-};
-const U = (t) => {
-  const e = {};
-  return t.forEach((o) => {
-    e[o] = !0;
-  }), e;
-}, xe = ({
-  store: t,
-  oldModel: e,
-  newModel: o
-}) => {
-  const i = /* @__PURE__ */ new Map();
-  return o.forEach((l) => {
-    i.set(l, !0);
-  }), {
-    added: o.filter((l) => !A(t.value, l)),
-    removed: e.filter((l) => !i.has(l))
-  };
-}, St = ({
-  store: t,
-  selectionPropagation: e,
-  newModel: o,
-  oldModel: i,
-  additionalItemsToPropagate: l
-}) => {
-  if (!e.descendants && !e.parents)
-    return o;
-  let h = !1;
-  const a = U(o), d = xe({
-    store: t,
-    newModel: o,
-    oldModel: i
-  });
-  return l == null || l.forEach((r) => {
-    a[r] ? d.added.includes(r) || d.added.push(r) : d.removed.includes(r) || d.removed.push(r);
-  }), d.added.forEach((r) => {
-    if (e.descendants) {
-      const m = (c) => {
-        c !== r && (h = !0, a[c] = !0), R(t.value, c).forEach(m);
-      };
-      m(r);
-    }
-    if (e.parents) {
-      const m = (n) => a[n] ? R(t.value, n).every(m) : !1, c = (n) => {
-        const s = _(t.value, n);
-        if (s == null)
-          return;
-        R(t.value, s).every(m) && (h = !0, a[s] = !0, c(s));
-      };
-      c(r);
-    }
-  }), d.removed.forEach((r) => {
-    if (e.parents) {
-      let m = _(t.value, r);
-      for (; m != null; )
-        a[m] && (h = !0, delete a[m]), m = _(t.value, m);
-    }
-    if (e.descendants) {
-      const m = (c) => {
-        c !== r && (h = !0, delete a[c]), R(t.value, c).forEach(m);
-      };
-      m(r);
-    }
-  }), h ? Object.keys(a) : o;
-}, Lt = Object.is;
-function we(t, e) {
-  if (t === e)
-    return !0;
-  if (!(t instanceof Object) || !(e instanceof Object))
-    return !1;
-  let o = 0, i = 0;
-  for (const l in t)
-    if (o += 1, !Lt(t[l], e[l]) || !(l in e))
-      return !1;
-  for (const l in e)
-    i += 1;
-  return o === i;
-}
-function Mt(t, e) {
-  const o = Ne(t), i = me(t, e);
-  if (A(t, e))
-    return {
-      disabled: !i,
-      visible: o,
-      indeterminate: !1,
-      checked: !0
-    };
-  if (R(t, e).length === 0)
-    return {
-      disabled: !i,
-      visible: o,
-      indeterminate: !1,
-      checked: !1
-    };
-  let h = !1, a = !1;
-  const d = (r) => {
-    r !== e && (A(t, r) ? h = !0 : a = !0), R(t, r).forEach(d);
-  };
-  return d(e), {
-    disabled: !i,
-    visible: o,
-    indeterminate: h && a,
-    checked: je(t).parents ? h && !a : !1
-  };
-}
-const vt = ({
-  props: t
-}) => {
-  const {
-    itemId: e
-  } = t, {
-    store: o
-  } = Z(), i = M(o, Mt, e, we);
-  return {
-    propsEnhancers: {
-      checkbox: ({
-        externalEventHandlers: l,
-        interactions: h
-      }) => T({
-        tabIndex: -1,
-        onChange: (d) => {
-          var r;
-          (r = l.onChange) == null || r.call(l, d), !d.defaultMuiPrevented && me(o.value, e) && h.handleCheckboxSelection(d);
-        }
-      }, i)
-    }
-  };
-}, j = ({
-  store: t,
-  params: e
-}) => {
-  Ee({
-    componentName: "Tree View",
-    propName: "selectedItems",
-    controlled: e.selectedItems,
-    defaultValue: e.defaultSelectedItems
-  });
-  const o = x.useRef(null), i = x.useRef({}), l = (s, I, b) => {
-    var f;
-    const E = Ue(t.value);
-    let p;
-    const u = O(t.value);
-    if (u && (e.selectionPropagation.descendants || e.selectionPropagation.parents) ? p = St({
-      store: t,
-      selectionPropagation: e.selectionPropagation,
-      newModel: I,
-      oldModel: E,
-      additionalItemsToPropagate: b
-    }) : p = I, e.onItemSelectionToggle)
-      if (u) {
-        const w = xe({
-          store: t,
-          newModel: p,
-          oldModel: E
-        });
-        e.onItemSelectionToggle && (w.added.forEach((k) => {
-          e.onItemSelectionToggle(s, k, !0);
-        }), w.removed.forEach((k) => {
-          e.onItemSelectionToggle(s, k, !1);
-        }));
-      } else e.onItemSelectionToggle && p !== E && (E != null && e.onItemSelectionToggle(s, E, !1), p != null && e.onItemSelectionToggle(s, p, !0));
-    e.selectedItems === void 0 && t.update((w) => T({}, w, {
-      selection: T({}, w.selection, {
-        selectedItems: p
-      })
-    })), (f = e.onSelectedItemsChange) == null || f.call(e, s, p);
-  }, h = ({
-    itemId: s,
-    event: I = null,
-    keepExistingSelection: b = !1,
-    shouldBeSelected: E
-  }) => {
-    if (!X(t.value))
-      return;
-    let p;
-    const u = O(t.value);
-    if (b) {
-      const f = K(t.value), w = A(t.value, s);
-      w && (E === !1 || E == null) ? p = f.filter((k) => k !== s) : !w && (E === !0 || E == null) ? p = [s].concat(f) : p = f;
-    } else
-      E === !1 || E == null && A(t.value, s) ? p = u ? [] : null : p = u ? [s] : s;
-    l(
-      I,
-      p,
-      // If shouldBeSelected === selectorIsItemSelected(store, itemId), we still want to propagate the select.
-      // This is useful when the element is in an indeterminate state.
-      [s]
-    ), o.current = s, i.current = {};
-  }, a = (s, [I, b]) => {
-    if (!O(t.value))
-      return;
-    let p = K(t.value).slice();
-    Object.keys(i.current).length > 0 && (p = p.filter((k) => !i.current[k]));
-    const u = U(p), f = qe(t.value, I, b), w = f.filter((k) => !u[k]);
-    p = p.concat(w), l(s, p), i.current = U(f);
-  }, d = (s, I) => {
-    if (o.current != null) {
-      const [b, E] = _e(t.value, I, o.current);
-      a(s, [b, E]);
-    }
-  }, r = (s, I) => {
-    a(s, [W(t.value), I]);
-  }, m = (s, I) => {
-    a(s, [I, pe(t.value)]);
-  }, c = (s) => {
-    if (!O(t.value))
-      return;
-    const b = $e(t.value);
-    l(s, b), i.current = U(b);
-  }, n = (s, I, b) => {
-    if (!O(t.value))
-      return;
-    let p = K(t.value).slice();
-    Object.keys(i.current).length === 0 ? (p.push(b), i.current = {
-      [I]: !0,
-      [b]: !0
-    }) : (i.current[I] || (i.current = {}), i.current[b] ? (p = p.filter((u) => u !== I), delete i.current[I]) : (p.push(b), i.current[b] = !0)), l(s, p);
-  };
-  return J(() => {
-    t.update((s) => T({}, s, {
-      selection: {
-        selectedItems: e.selectedItems === void 0 ? s.selection.selectedItems : e.selectedItems,
-        isEnabled: !e.disableSelection,
-        isMultiSelectEnabled: e.multiSelect,
-        isCheckboxSelectionEnabled: e.checkboxSelection,
-        selectionPropagation: {
-          descendants: e.selectionPropagation.descendants,
-          parents: e.selectionPropagation.parents
-        }
-      }
-    }));
-  }, [t, e.selectedItems, e.multiSelect, e.checkboxSelection, e.disableSelection, e.selectionPropagation.descendants, e.selectionPropagation.parents]), {
-    getRootProps: () => ({
-      "aria-multiselectable": e.multiSelect
-    }),
-    publicAPI: {
-      setItemSelection: h
-    },
-    instance: {
-      setItemSelection: h,
-      selectAllNavigableItems: c,
-      expandSelectionRange: d,
-      selectRangeFromStartToItem: r,
-      selectRangeFromItemToEnd: m,
-      selectItemFromArrowNavigation: n
-    }
-  };
-};
-j.itemPlugin = vt;
-const Dt = [], Ot = {};
-j.applyDefaultValuesToParams = ({
-  params: t
-}) => T({}, t, {
-  disableSelection: t.disableSelection ?? !1,
-  multiSelect: t.multiSelect ?? !1,
-  checkboxSelection: t.checkboxSelection ?? !1,
-  defaultSelectedItems: t.defaultSelectedItems ?? (t.multiSelect ? Dt : null),
-  selectionPropagation: t.selectionPropagation ?? Ot
-});
-j.getInitialState = (t) => ({
-  selection: {
-    selectedItems: t.selectedItems === void 0 ? t.defaultSelectedItems : t.selectedItems,
-    isEnabled: !t.disableSelection,
-    isMultiSelectEnabled: t.multiSelect,
-    isCheckboxSelectionEnabled: t.checkboxSelection,
-    selectionPropagation: t.selectionPropagation
-  }
-});
-j.params = {
-  disableSelection: !0,
-  multiSelect: !0,
-  checkboxSelection: !0,
-  defaultSelectedItems: !0,
-  selectedItems: !0,
-  onSelectedItemsChange: !0,
-  onItemSelectionToggle: !0,
-  selectionPropagation: !0
-};
-const ae = 1e3;
-class Vt {
-  constructor(e = ae) {
-    L(this, "timeouts", /* @__PURE__ */ new Map());
-    L(this, "cleanupTimeout", ae);
-    this.cleanupTimeout = e;
-  }
-  register(e, o, i) {
-    this.timeouts || (this.timeouts = /* @__PURE__ */ new Map());
-    const l = setTimeout(() => {
-      typeof o == "function" && o(), this.timeouts.delete(i.cleanupToken);
-    }, this.cleanupTimeout);
-    this.timeouts.set(i.cleanupToken, l);
-  }
-  unregister(e) {
-    const o = this.timeouts.get(e.cleanupToken);
-    o && (this.timeouts.delete(e.cleanupToken), clearTimeout(o));
-  }
-  reset() {
-    this.timeouts && (this.timeouts.forEach((e, o) => {
-      this.unregister({
-        cleanupToken: o
-      });
-    }), this.timeouts = void 0);
-  }
-}
-class At {
-  constructor() {
-    L(this, "registry", new FinalizationRegistry((e) => {
-      typeof e == "function" && e();
-    }));
-  }
-  register(e, o, i) {
-    this.registry.register(e, o, i);
-  }
-  unregister(e) {
-    this.registry.unregister(e);
-  }
-  // eslint-disable-next-line class-methods-use-this
-  reset() {
-  }
-}
-class Ft {
-}
-function Nt(t) {
-  let e = 0;
-  return function(i, l, h) {
-    t.registry === null && (t.registry = typeof FinalizationRegistry < "u" ? new At() : new Vt());
-    const [a] = x.useState(new Ft()), d = x.useRef(null), r = x.useRef(void 0);
-    r.current = h;
-    const m = x.useRef(null);
-    if (!d.current && r.current) {
-      const c = (n, s) => {
-        var I;
-        s.defaultMuiPrevented || (I = r.current) == null || I.call(r, n, s);
-      };
-      d.current = i.$$subscribeEvent(l, c), e += 1, m.current = {
-        cleanupToken: e
-      }, t.registry.register(
-        a,
-        // The callback below will be called once this reference stops being retained
-        () => {
-          var n;
-          (n = d.current) == null || n.call(d), d.current = null, m.current = null;
-        },
-        m.current
-      );
-    } else !r.current && d.current && (d.current(), d.current = null, m.current && (t.registry.unregister(m.current), m.current = null));
-    x.useEffect(() => {
-      if (!d.current && r.current) {
-        const c = (n, s) => {
-          var I;
-          s.defaultMuiPrevented || (I = r.current) == null || I.call(r, n, s);
-        };
-        d.current = i.$$subscribeEvent(l, c);
-      }
-      return m.current && t.registry && (t.registry.unregister(m.current), m.current = null), () => {
-        var c;
-        (c = d.current) == null || c.call(d), d.current = null;
-      };
-    }, [i, l]);
-  };
-}
-const jt = {
-  registry: null
-}, _t = Nt(jt), te = ({
-  instance: t,
-  params: e,
-  store: o
-}) => {
-  const i = S((c) => {
-    o.update((n) => B(n) === c ? n : T({}, n, {
-      focus: T({}, n.focus, {
-        focusedItemId: c
-      })
-    }));
-  }), l = (c) => {
-    const n = V(o.value, c);
-    return n && (n.parentId == null || N(o.value, n.parentId));
-  }, h = (c, n) => {
-    const s = t.getItemDOMElement(n);
-    s && s.focus(), i(n), e.onItemFocus && e.onItemFocus(c, n);
-  }, a = S((c, n) => {
-    l(n) && h(c, n);
-  }), d = S(() => {
-    const c = B(o.value);
-    if (c == null)
-      return;
-    if (V(o.value, c)) {
-      const s = t.getItemDOMElement(c);
-      s && s.blur();
-    }
-    i(null);
-  });
-  _t(t, "removeItem", ({
-    id: c
-  }) => {
-    const n = B(o.value), s = re(o.value);
-    n === c && s != null && h(null, s);
-  });
-  const r = (c) => (n) => {
-    var I;
-    if ((I = c.onFocus) == null || I.call(c, n), n.defaultMuiPrevented)
-      return;
-    const s = re(o.value);
-    n.target === n.currentTarget && s != null && h(n, s);
-  }, m = (c) => (n) => {
-    var s;
-    (s = c.onBlur) == null || s.call(c, n), !n.defaultMuiPrevented && i(null);
-  };
-  return {
-    getRootProps: (c) => ({
-      onFocus: r(c),
-      onBlur: m(c)
-    }),
-    publicAPI: {
-      focusItem: a
-    },
-    instance: {
-      focusItem: a,
-      removeFocusedItem: d
-    }
-  };
-};
-te.getInitialState = () => ({
-  focus: {
-    focusedItemId: null
-  }
-});
-te.params = {
-  onItemFocus: !0
-};
-function $t(t) {
-  return !!t && t.length === 1 && !!t.match(/\S/);
-}
-const ke = ({
-  instance: t,
-  store: e,
-  params: o
-}) => {
-  const i = rt(), l = x.useRef({}), h = S((n) => {
-    l.current = n(l.current);
-  }), a = M(e, Ke);
-  x.useEffect(() => {
-    if (t.areItemUpdatesPrevented())
-      return;
-    const n = {}, s = (I) => {
-      n[I.id] = I.label.substring(0, 1).toLowerCase();
-    };
-    Object.values(a).forEach(s), l.current = n;
-  }, [a, o.getItemId, t]);
-  const d = (n, s) => {
-    const I = s.toLowerCase(), b = (f) => {
-      const w = z(e.value, f);
-      return w === null ? W(e.value) : w;
-    };
-    let E = null, p = b(n);
-    const u = {};
-    for (; E == null && !u[p]; )
-      l.current[p] === I ? E = p : (u[p] = !0, p = b(p));
-    return E;
-  }, r = (n) => X(e.value) && !ce(e.value, n), m = (n) => !ce(e.value, n) && fe(e.value, n);
-  return {
-    instance: {
-      updateFirstCharMap: h,
-      handleItemKeyDown: async (n, s) => {
-        if (n.defaultMuiPrevented || n.altKey || Be(n.target, n.currentTarget))
-          return;
-        const I = n.ctrlKey || n.metaKey, b = n.key, E = O(e.value);
-        switch (!0) {
-          // Select the item when pressing "Space"
-          case (b === " " && r(s)): {
-            n.preventDefault(), E && n.shiftKey ? t.expandSelectionRange(n, s) : t.setItemSelection({
-              event: n,
-              itemId: s,
-              keepExistingSelection: E,
-              shouldBeSelected: void 0
-            });
-            break;
-          }
-          // If the focused item has children, we expand it.
-          // If the focused item has no children, we select it.
-          case b === "Enter": {
-            Ge(t, Ie) && We(e.value, s) && !Xe(e.value, s) ? t.setEditedItem(s) : m(s) ? (t.setItemExpansion({
-              event: n,
-              itemId: s
-            }), n.preventDefault()) : r(s) && (E ? (n.preventDefault(), t.setItemSelection({
-              event: n,
-              itemId: s,
-              keepExistingSelection: !0
-            })) : A(e.value, s) || (t.setItemSelection({
-              event: n,
-              itemId: s
-            }), n.preventDefault()));
-            break;
-          }
-          // Focus the next focusable item
-          case b === "ArrowDown": {
-            const p = z(e.value, s);
-            p && (n.preventDefault(), t.focusItem(n, p), E && n.shiftKey && r(p) && t.selectItemFromArrowNavigation(n, s, p));
-            break;
-          }
-          // Focuses the previous focusable item
-          case b === "ArrowUp": {
-            const p = ze(e.value, s);
-            p && (n.preventDefault(), t.focusItem(n, p), E && n.shiftKey && r(p) && t.selectItemFromArrowNavigation(n, s, p));
-            break;
-          }
-          // If the focused item is expanded, we move the focus to its first child
-          // If the focused item is collapsed and has children, we expand it
-          case (b === "ArrowRight" && !i || b === "ArrowLeft" && i): {
-            if (I)
-              return;
-            if (N(e.value, s)) {
-              const p = z(e.value, s);
-              p && (t.focusItem(n, p), n.preventDefault());
-            } else m(s) && (t.setItemExpansion({
-              event: n,
-              itemId: s
-            }), n.preventDefault());
-            break;
-          }
-          // If the focused item is expanded, we collapse it
-          // If the focused item is collapsed and has a parent, we move the focus to this parent
-          case (b === "ArrowLeft" && !i || b === "ArrowRight" && i): {
-            if (I)
-              return;
-            if (m(s) && N(e.value, s))
-              t.setItemExpansion({
-                event: n,
-                itemId: s
-              }), n.preventDefault();
-            else {
-              const p = _(e.value, s);
-              p && (t.focusItem(n, p), n.preventDefault());
-            }
-            break;
-          }
-          // Focuses the first item in the tree
-          case b === "Home": {
-            r(s) && E && I && n.shiftKey ? t.selectRangeFromStartToItem(n, s) : t.focusItem(n, W(e.value)), n.preventDefault();
-            break;
-          }
-          // Focuses the last item in the tree
-          case b === "End": {
-            r(s) && E && I && n.shiftKey ? t.selectRangeFromItemToEnd(n, s) : t.focusItem(n, pe(e.value)), n.preventDefault();
-            break;
-          }
-          // Expand all siblings that are at the same level as the focused item
-          case b === "*": {
-            t.expandAllSiblings(n, s), n.preventDefault();
-            break;
-          }
-          // Multi select behavior when pressing Ctrl + a
-          // Selects all the items
-          case (String.fromCharCode(n.keyCode) === "A" && I && E && X(e.value)): {
-            t.selectAllNavigableItems(n), n.preventDefault();
-            break;
-          }
-          // Type-ahead
-          // TODO: Support typing multiple characters
-          case (!I && !n.shiftKey && $t(b)): {
-            const p = d(s, b);
-            p != null && (t.focusItem(n, p), n.preventDefault());
-            break;
-          }
-        }
-      }
-    }
-  };
-};
-ke.params = {};
-const Ut = [F, q, j, te, ke, Ie], qt = ["ownerState"], ne = /* @__PURE__ */ x.createContext(null);
-process.env.NODE_ENV !== "production" && (ne.displayName = "RichTreeViewItemsContext");
-const Ce = /* @__PURE__ */ x.memo(function({
-  itemSlot: e,
-  itemSlotProps: o,
-  itemId: i
-}) {
-  const l = x.useContext(ne), {
-    store: h
-  } = Z(), a = M(h, V, i), d = M(h, R, i), r = e ?? Je, m = he({
-    elementType: r,
-    externalSlotProps: o,
-    additionalProps: {
-      label: a == null ? void 0 : a.label,
-      id: a == null ? void 0 : a.idAttribute,
-      itemId: i
-    },
-    ownerState: {
-      itemId: i,
-      label: a == null ? void 0 : a.label
-    }
-  }), c = H(m, qt);
-  return /* @__PURE__ */ P(r, T({}, c, {
-    children: d == null ? void 0 : d.map(l)
-  }));
-}, we);
-process.env.NODE_ENV !== "production" && (Ce.displayName = "WrappedTreeItem");
-function Kt(t) {
-  const {
-    slots: e,
-    slotProps: o
-  } = t, {
-    store: i
-  } = Z(), l = e == null ? void 0 : e.item, h = o == null ? void 0 : o.item, a = M(i, R, null), d = x.useCallback((r) => /* @__PURE__ */ P(Ce, {
-    itemSlot: l,
-    itemSlotProps: h,
-    itemId: r
-  }, r), [l, h]);
-  return /* @__PURE__ */ P(ne.Provider, {
-    value: d,
-    children: a.map(d)
-  });
-}
-const Bt = ["slots", "slotProps"], zt = Qe(), Gt = (t) => {
-  const {
-    classes: e
-  } = t;
-  return x.useMemo(() => at({
-    root: ["root"],
-    item: ["item"],
-    itemContent: ["itemContent"],
-    itemGroupTransition: ["itemGroupTransition"],
-    itemIconContainer: ["itemIconContainer"],
-    itemLabel: ["itemLabel"],
-    itemLabelInput: ["itemLabelInput"],
-    itemCheckbox: ["itemCheckbox"]
-    // itemDragAndDropOverlay: ['itemDragAndDropOverlay'], => feature not available on this component
-    // itemErrorIcon: ['itemErrorIcon'], => feature not available on this component
-  }, mt, e), [e]);
-}, Wt = ut("ul", {
-  name: "MuiRichTreeView",
-  slot: "Root"
-})({
-  padding: 0,
-  margin: 0,
-  listStyle: "none",
-  outline: 0,
-  position: "relative"
-}), oe = /* @__PURE__ */ x.forwardRef(function(e, o) {
-  const i = zt({
-    props: e,
-    name: "MuiRichTreeView"
-  }), {
-    slots: l,
-    slotProps: h
-  } = i, a = H(i, Bt);
-  process.env.NODE_ENV !== "production" && i.children != null && Q(["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: d,
-    contextValue: r
-  } = kt({
-    plugins: Ut,
-    rootRef: o,
-    props: a
-  }), m = M(r.store, Ye), c = M(r.store, Ze), n = Gt(i), s = (l == null ? void 0 : l.root) ?? Wt, I = he({
-    elementType: s,
-    externalSlotProps: h == null ? void 0 : h.root,
-    className: n.root,
-    getSlotProps: d,
-    ownerState: i
-  });
-  return m ? /* @__PURE__ */ P(dt, {
-    children: "Loading..."
-  }) : c ? /* @__PURE__ */ P(ft, {
-    severity: "error",
-    children: c.message
-  }) : /* @__PURE__ */ P(Ct, {
-    contextValue: r,
-    classes: n,
-    slots: l,
-    slotProps: h,
-    children: /* @__PURE__ */ P(s, T({}, I, {
-      children: /* @__PURE__ */ P(Kt, {
-        slots: l,
-        slotProps: h
-      })
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (oe.displayName = "RichTreeView");
-process.env.NODE_ENV !== "production" && (oe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
-   */
-  apiRef: g.shape({
-    current: g.shape({
-      focusItem: g.func.isRequired,
-      getItem: g.func.isRequired,
-      getItemDOMElement: g.func.isRequired,
-      getItemOrderedChildrenIds: g.func.isRequired,
-      getItemTree: g.func.isRequired,
-      getParentId: g.func.isRequired,
-      setEditedItem: g.func.isRequired,
-      setIsItemDisabled: g.func.isRequired,
-      setItemExpansion: g.func.isRequired,
-      setItemSelection: g.func.isRequired,
-      updateItemLabel: g.func.isRequired
-    })
-  }),
-  /**
-   * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
-   * @default false
-   */
-  checkboxSelection: g.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: g.object,
-  className: g.string,
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is not controlled.
-   * @default []
-   */
-  defaultExpandedItems: g.arrayOf(g.string),
-  /**
-   * Selected item ids. (Uncontrolled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   * @default []
-   */
-  defaultSelectedItems: g.any,
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable: g.bool,
-  /**
-   * If `true` selection is disabled.
-   * @default false
-   */
-  disableSelection: g.bool,
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is controlled.
-   */
-  expandedItems: g.arrayOf(g.string),
-  /**
-   * The slot that triggers the item's expansion when clicked.
-   * @default 'content'
-   */
-  expansionTrigger: g.oneOf(["content", "iconContainer"]),
-  /**
-   * Used to determine the children of a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {R[]} The children of the item.
-   * @default (item) => item.children
-   */
-  getItemChildren: g.func,
-  /**
-   * Used to determine the id of a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The id of the item.
-   * @default (item) => item.id
-   */
-  getItemId: g.func,
-  /**
-   * Used to determine the string label for a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The label of the item.
-   * @default (item) => item.label
-   */
-  getItemLabel: g.func,
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: g.string,
-  /**
-   * Used to determine if a given item should be disabled.
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {boolean} `true` if the item should be disabled.
-   */
-  isItemDisabled: g.func,
-  /**
-   * Determine if a given item can be edited.
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {boolean} `true` if the item can be edited.
-   * @default () => false
-   */
-  isItemEditable: g.oneOfType([g.func, g.bool]),
-  /**
-   * Horizontal indentation between an item and its children.
-   * Examples: 24, "24px", "2rem", "2em".
-   * @default 12px
-   */
-  itemChildrenIndentation: g.oneOfType([g.number, g.string]),
-  items: g.array.isRequired,
-  /**
-   * If `true`, `ctrl` and `shift` will trigger multiselect.
-   * @default false
-   */
-  multiSelect: g.bool,
-  /**
-   * Callback fired when Tree Items are expanded/collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
-   * @param {array} itemIds The ids of the expanded items.
-   */
-  onExpandedItemsChange: g.func,
-  /**
-   * Callback fired when the `content` slot of a given Tree Item is clicked.
-   * @param {React.MouseEvent} event The DOM event that triggered the change.
-   * @param {string} itemId The id of the focused item.
-   */
-  onItemClick: g.func,
-  /**
-   * Callback fired when a Tree Item is expanded or collapsed.
-   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
-   * @param {array} itemId The itemId of the modified item.
-   * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
-   */
-  onItemExpansionToggle: g.func,
-  /**
-   * Callback fired when a given Tree Item is focused.
-   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
-   * @param {string} itemId The id of the focused item.
-   */
-  onItemFocus: g.func,
-  /**
-   * Callback fired when the label of an item changes.
-   * @param {TreeViewItemId} itemId The id of the item that was edited.
-   * @param {string} newLabel The new label of the items.
-   */
-  onItemLabelChange: g.func,
-  /**
-   * Callback fired when a Tree Item is selected or deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
-   * @param {array} itemId The itemId of the modified item.
-   * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
-   */
-  onItemSelectionToggle: g.func,
-  /**
-   * Callback fired when Tree Items are selected/deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
-   * @param {string[] | string} itemIds The ids of the selected items.
-   * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
-   */
-  onSelectedItemsChange: g.func,
-  /**
-   * Selected item ids. (Controlled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   */
-  selectedItems: g.any,
-  /**
-   * When `selectionPropagation.descendants` is set to `true`.
-   *
-   * - Selecting a parent selects all its descendants automatically.
-   * - Deselecting a parent deselects all its descendants automatically.
-   *
-   * When `selectionPropagation.parents` is set to `true`.
-   *
-   * - Selecting all the descendants of a parent selects the parent automatically.
-   * - Deselecting a descendant of a selected parent deselects the parent automatically.
-   *
-   * Only works when `multiSelect` is `true`.
-   * On the <SimpleTreeView />, only the expanded items are considered (since the collapsed item are not passed to the Tree View component at all)
-   *
-   * @default { parents: false, descendants: false }
-   */
-  selectionPropagation: g.shape({
-    descendants: g.bool,
-    parents: g.bool
-  }),
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: g.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: g.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: g.oneOfType([g.arrayOf(g.oneOfType([g.func, g.object, g.bool])), g.func, g.object])
-});
-const mn = ({
-  items: t,
-  selectedItemId: e,
-  handleSelectedItemChange: o,
-  iconColor: i = "primary",
-  hasNoIcons: l = !1,
-  maxHeight: h = 300,
-  defaultExpandedItems: a = []
-}) => {
-  const [d, r] = Re(a), m = Se(() => nt(t), [t]);
-  return Le(() => {
-    if (e) {
-      const n = ot(t, e);
-      if (n) {
-        const s = n.slice(0, -1);
-        r((I) => {
-          const b = s.filter(
-            (E) => !I.includes(E)
-          );
-          return b.length > 0 ? [...I, ...b] : I;
-        });
-      }
-    }
-  }, [e, t]), /* @__PURE__ */ P(et, { maxHeight: h, "data-treeview-root": "true", children: /* @__PURE__ */ P(
-    oe,
-    {
-      items: t,
-      selectedItems: e,
-      expandedItems: d,
-      onExpandedItemsChange: (n, s) => {
-        r(s);
-      },
-      itemChildrenIndentation: tt,
-      onSelectedItemsChange: o,
-      getItemId: st,
-      slots: {
-        item: (n) => {
-          const s = n.itemId ? m[n.itemId] : void 0;
-          return /* @__PURE__ */ P(
-            He,
-            {
-              ...n,
-              itemData: s,
-              iconColor: i,
-              hasNoIcons: l
-            }
-          );
-        }
-      }
-    }
-  ) });
-};
-export {
-  mn as default
-};