@hybridcore/ui 1.4.36 → 1.4.37

package/dist/components/treeview-filter/index.js

@@ -1,572 +1,29 @@
-import Te, { jsx as O, jsxs as Se, Fragment as we } from "react/jsx-runtime";
-import * as u from "react";
-import Ne from "react";
-import { r as Ee, i as Re } from "../../createSvgIcon-BXjHHQ0B.js";
-import ht from "./item/index.js";
-import ye from "lodash";
-import { Box as mt, Divider as xt } from "@mui/material";
-import { SearchInput as gt } from "../search-input/index.js";
-import { flattenNestedTemplates as bt } from "../../utils/ontology.js";
-import { g as St, u as wt, c as Nt, a as yt } from "../../useThemeProps-BlXpIqSE.js";
-import { P as s } from "../../createTheme-DrgvKMA_.js";
-import { g as Ct } from "../../createTheme-DVoJnXAT.js";
-import { s as It } from "../../styled-DkqItiLo.js";
-import { u as Ot } from "../../useTheme-B6oa3v5u.js";
-import { u as Tt } from "../../useId-BHG98T5I.js";
-import { a as Et } from "../../ButtonBase-CgQC8DUB.js";
-import { u as Ce } from "../../useControlled-BYdyS7Pn.js";
-import { o as Rt } from "../../ownerDocument-CUrv0DIK.js";
-const De = /* @__PURE__ */ u.createContext({});
-process.env.NODE_ENV !== "production" && (De.displayName = "TreeViewContext");
-function Dt(i, h) {
-  let m = 0, p = i.length - 1;
-  for (; m <= p; ) {
-    const b = Math.floor((m + p) / 2);
-    if (i[b].element === h)
-      return b;
-    i[b].element.compareDocumentPosition(h) & Node.DOCUMENT_POSITION_PRECEDING ? p = b - 1 : m = b + 1;
-  }
-  return m;
-}
-const Pe = /* @__PURE__ */ u.createContext({});
-process.env.NODE_ENV !== "production" && (Pe.displayName = "DescendantContext");
-function ke(i) {
-  const {
-    children: h,
-    id: m
-  } = i, [p, b] = u.useState([]), j = u.useCallback(({
-    element: S,
-    ...P
-  }) => {
-    b((N) => {
-      let T;
-      if (N.length === 0)
-        return [{
-          ...P,
-          element: S,
-          index: 0
-        }];
-      const w = Dt(N, S);
-      if (N[w] && N[w].element === S)
-        T = N;
-      else {
-        const x = {
-          ...P,
-          element: S,
-          index: w
-        };
-        T = N.slice(), T.splice(w, 0, x);
-      }
-      return T.forEach((x, J) => {
-        x.index = J;
-      }), T;
-    });
-  }, []), K = u.useCallback((S) => {
-    b((P) => P.filter((N) => S !== N.element));
-  }, []), $ = u.useMemo(() => ({
-    descendants: p,
-    registerDescendant: j,
-    unregisterDescendant: K,
-    parentId: m
-  }), [p, j, K, m]);
-  return /* @__PURE__ */ O(Pe.Provider, {
-    value: $,
-    children: h
-  });
-}
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
-  children: s.node,
-  id: s.string
-});
-function Pt(i) {
-  return Ct("MuiTreeView", i);
-}
-St("MuiTreeView", ["root"]);
-const kt = (i) => {
-  const {
-    classes: h
-  } = i;
-  return yt({
-    root: ["root"]
-  }, Pt, h);
-}, Ft = It("ul", {
-  name: "MuiTreeView",
-  slot: "Root",
-  overridesResolver: (i, h) => h.root
-})({
-  padding: 0,
-  margin: 0,
-  listStyle: "none",
-  outline: 0
-});
-function Mt(i) {
-  return i && i.length === 1 && i.match(/\S/);
-}
-function Ie(i, h, m) {
-  for (let p = h; p < i.length; p += 1)
-    if (m === i[p])
-      return p;
-  return -1;
-}
-function Oe() {
-  return !1;
-}
-const _t = [], At = [], Fe = /* @__PURE__ */ u.forwardRef(function(h, m) {
-  const p = wt({
-    props: h,
-    name: "MuiTreeView"
-  }), {
-    children: b,
-    className: j,
-    defaultCollapseIcon: K,
-    defaultEndIcon: $,
-    defaultExpanded: S = _t,
-    defaultExpandIcon: P,
-    defaultParentIcon: N,
-    defaultSelected: T = At,
-    disabledItemsFocusable: w = !1,
-    disableSelection: x = !1,
-    expanded: J,
-    id: D,
-    multiSelect: g = !1,
-    onBlur: L,
-    onFocus: Q,
-    onKeyDown: X,
-    onNodeFocus: ue,
-    onNodeSelect: k,
-    onNodeToggle: Y,
-    selected: Ae,
-    ...Ve
-  } = p, de = Ot().direction === "rtl", fe = {
-    ...p,
-    defaultExpanded: S,
-    defaultSelected: T,
-    disabledItemsFocusable: w,
-    disableSelection: x,
-    multiSelect: g
-  }, je = kt(fe), pe = Tt(D), ne = u.useRef(null), Ke = Et(ne, m), [c, se] = u.useState(null), d = u.useRef({}), q = u.useRef({}), [A, he] = Ce({
-    controlled: J,
-    default: S,
-    name: "TreeView",
-    state: "expanded"
-  }), [y, Z] = Ce({
-    controlled: Ae,
-    default: T,
-    name: "TreeView",
-    state: "selected"
-  }), F = u.useCallback((e) => Array.isArray(A) ? A.indexOf(e) !== -1 : !1, [A]), v = u.useCallback((e) => d.current[e] && d.current[e].expandable, []), Le = u.useCallback((e) => Array.isArray(y) ? y.indexOf(e) !== -1 : y === e, [y]), C = u.useCallback((e) => {
-    let t = d.current[e];
-    if (!t)
-      return !1;
-    if (t.disabled)
-      return !0;
-    for (; t.parentId != null; )
-      if (t = d.current[t.parentId], t.disabled)
-        return !0;
-    return !1;
-  }, []), Be = (e) => c === e, ee = (e) => Object.keys(d.current).map((t) => d.current[t]).filter((t) => t.parentId === e).sort((t, r) => t.index - r.index).map((t) => t.id), E = (e) => {
-    let t = ee(e);
-    return w || (t = t.filter((r) => !C(r))), t;
-  }, te = (e) => {
-    if (F(e) && E(e).length > 0)
-      return E(e)[0];
-    let t = d.current[e];
-    for (; t != null; ) {
-      const r = E(t.parentId), n = r[r.indexOf(t.id) + 1];
-      if (n)
-        return n;
-      t = d.current[t.parentId];
-    }
-    return null;
-  }, oe = (e) => {
-    const t = d.current[e], r = E(t.parentId), n = r.indexOf(e);
-    if (n === 0)
-      return t.parentId;
-    let o = r[n - 1];
-    for (; F(o) && E(o).length > 0; )
-      o = E(o).pop();
-    return o;
-  }, ce = () => {
-    let e = E(null).pop();
-    for (; F(e); )
-      e = E(e).pop();
-    return e;
-  }, ae = () => E(null)[0], Ue = (e) => d.current[e].parentId, $e = (e, t) => {
-    if (e === t)
-      return [e, t];
-    const r = d.current[e], n = d.current[t];
-    if (r.parentId === n.id || n.parentId === r.id)
-      return n.parentId === r.id ? [r.id, n.id] : [n.id, r.id];
-    const o = [r.id], a = [n.id];
-    let l = r.parentId, f = n.parentId, I = a.indexOf(l) !== -1, W = o.indexOf(f) !== -1, U = !0, G = !0;
-    for (; !W && !I; )
-      U && (o.push(l), I = a.indexOf(l) !== -1, U = l !== null, !I && U && (l = d.current[l].parentId)), G && !I && (a.push(f), W = o.indexOf(f) !== -1, G = f !== null, !W && G && (f = d.current[f].parentId));
-    const H = I ? l : f, be = ee(H), ft = o[o.indexOf(H) - 1], pt = a[a.indexOf(H) - 1];
-    return be.indexOf(ft) < be.indexOf(pt) ? [e, t] : [t, e];
-  }, qe = (e, t) => {
-    const [r, n] = $e(e, t), o = [r];
-    let a = r;
-    for (; a !== n; )
-      a = te(a), o.push(a);
-    return o;
-  }, M = (e, t) => {
-    t && (se(t), ue && ue(e, t));
-  }, me = (e, t) => M(e, te(t)), ze = (e, t) => M(e, oe(t)), We = (e) => M(e, ae()), Ge = (e) => M(e, ce()), He = (e, t, r) => {
-    let n, o;
-    const a = r.toLowerCase(), l = [], f = [];
-    Object.keys(q.current).forEach((I) => {
-      const W = q.current[I], U = d.current[I], G = U.parentId ? F(U.parentId) : !0, H = w ? !1 : C(I);
-      G && !H && (l.push(I), f.push(W));
-    }), n = l.indexOf(t) + 1, n >= l.length && (n = 0), o = Ie(f, n, a), o === -1 && (o = Ie(f, 0, a)), o > -1 && M(e, l[o]);
-  }, re = (e, t = c) => {
-    let r;
-    A.indexOf(t) !== -1 ? r = A.filter((n) => n !== t) : r = [t].concat(A), Y && Y(e, r), he(r);
-  }, Je = (e, t) => {
-    const r = d.current[t], o = ee(r.parentId).filter((l) => v(l) && !F(l)), a = A.concat(o);
-    o.length > 0 && (he(a), Y && Y(e, a));
-  }, _ = u.useRef(null), B = u.useRef(!1), R = u.useRef([]), Qe = (e, t) => {
-    let r = y.slice();
-    const {
-      start: n,
-      next: o,
-      current: a
-    } = t;
-    !o || !a || (R.current.indexOf(a) === -1 && (R.current = []), B.current ? R.current.indexOf(o) !== -1 ? (r = r.filter((l) => l === n || l !== a), R.current = R.current.filter((l) => l === n || l !== a)) : (r.push(o), R.current.push(o)) : (r.push(o), R.current.push(a, o)), k && k(e, r), Z(r));
-  }, Xe = (e, t) => {
-    let r = y.slice();
-    const {
-      start: n,
-      end: o
-    } = t;
-    B.current && (r = r.filter((f) => R.current.indexOf(f) === -1));
-    let a = qe(n, o);
-    a = a.filter((f) => !C(f)), R.current = a;
-    let l = r.concat(a);
-    l = l.filter((f, I) => l.indexOf(f) === I), k && k(e, l), Z(l);
-  }, Ye = (e, t) => {
-    let r;
-    y.indexOf(t) !== -1 ? r = y.filter((n) => n !== t) : r = [t].concat(y), k && k(e, r), Z(r);
-  }, Ze = (e, t) => {
-    const r = g ? [t] : t;
-    k && k(e, r), Z(r);
-  }, z = (e, t, r = !1) => t ? (r ? Ye(e, t) : Ze(e, t), _.current = t, B.current = !1, R.current = [], !0) : !1, V = (e, t, r = !1) => {
-    const {
-      start: n = _.current,
-      end: o,
-      current: a
-    } = t;
-    r ? Qe(e, {
-      start: n,
-      next: o,
-      current: a
-    }) : n != null && o != null && Xe(e, {
-      start: n,
-      end: o
-    }), B.current = !0;
-  }, ve = (e, t) => {
-    _.current || (_.current = t);
-    const r = B.current ? _.current : t;
-    V(e, {
-      start: r,
-      end: ae()
-    });
-  }, et = (e, t) => {
-    _.current || (_.current = t);
-    const r = B.current ? _.current : t;
-    V(e, {
-      start: r,
-      end: ce()
-    });
-  }, tt = (e, t) => {
-    C(te(t)) || V(e, {
-      end: te(t),
-      current: t
-    }, !0);
-  }, rt = (e, t) => {
-    C(oe(t)) || V(e, {
-      end: oe(t),
-      current: t
-    }, !0);
-  }, nt = (e) => {
-    V(e, {
-      start: ae(),
-      end: ce()
-    });
-  }, st = u.useCallback((e) => {
-    const {
-      id: t,
-      index: r,
-      parentId: n,
-      expandable: o,
-      idAttribute: a,
-      disabled: l
-    } = e;
-    d.current[t] = {
-      id: t,
-      index: r,
-      parentId: n,
-      expandable: o,
-      idAttribute: a,
-      disabled: l
-    };
-  }, []), ot = u.useCallback((e) => {
-    const t = {
-      ...d.current
-    };
-    delete t[e], d.current = t, se((r) => r === e && ne.current === Rt(ne.current).activeElement ? ee(null)[0] : r);
-  }, []), ct = u.useCallback((e, t) => {
-    q.current[e] = t;
-  }, []), at = u.useCallback((e) => {
-    const t = {
-      ...q.current
-    };
-    delete t[e], q.current = t;
-  }, []), xe = (e) => (v(c) && (F(c) ? me(e, c) : C(c) || re(e)), !0), ge = (e) => {
-    if (F(c) && !C(c))
-      return re(e, c), !0;
-    const t = Ue(c);
-    return t ? (M(e, t), !0) : !1;
-  }, lt = (e) => {
-    let t = !1;
-    const r = e.key;
-    if (e.altKey || e.currentTarget !== e.target || !c)
-      return;
-    const n = e.ctrlKey || e.metaKey;
-    switch (r) {
-      case " ":
-        !x && !C(c) && (g && e.shiftKey ? (V(e, {
-          end: c
-        }), t = !0) : g ? t = z(e, c, !0) : t = z(e, c)), e.stopPropagation();
-        break;
-      case "Enter":
-        C(c) || (v(c) ? (re(e), t = !0) : g ? t = z(e, c, !0) : t = z(e, c)), e.stopPropagation();
-        break;
-      case "ArrowDown":
-        g && e.shiftKey && !x && tt(e, c), me(e, c), t = !0;
-        break;
-      case "ArrowUp":
-        g && e.shiftKey && !x && rt(e, c), ze(e, c), t = !0;
-        break;
-      case "ArrowRight":
-        de ? t = ge(e) : t = xe(e);
-        break;
-      case "ArrowLeft":
-        de ? t = xe(e) : t = ge(e);
-        break;
-      case "Home":
-        g && n && e.shiftKey && !x && !C(c) && ve(e, c), We(e), t = !0;
-        break;
-      case "End":
-        g && n && e.shiftKey && !x && !C(c) && et(e, c), Ge(e), t = !0;
-        break;
-      default:
-        r === "*" ? (Je(e, c), t = !0) : g && n && r.toLowerCase() === "a" && !x ? (nt(e), t = !0) : !n && !e.shiftKey && Mt(r) && (He(e, c, r), t = !0);
-    }
-    t && (e.preventDefault(), e.stopPropagation()), X && X(e);
-  }, it = (e) => {
-    if (e.target === e.currentTarget) {
-      const t = Array.isArray(y) ? y[0] : y;
-      M(e, t || E(null)[0]);
-    }
-    Q && Q(e);
-  }, ut = (e) => {
-    se(null), L && L(e);
-  }, dt = d.current[c] ? d.current[c].idAttribute : null;
-  return /* @__PURE__ */ O(De.Provider, {
-    // TODO: fix this lint error
-    // eslint-disable-next-line react/jsx-no-constructed-context-values
-    value: {
-      icons: {
-        defaultCollapseIcon: K,
-        defaultExpandIcon: P,
-        defaultParentIcon: N,
-        defaultEndIcon: $
-      },
-      focus: M,
-      toggleExpansion: re,
-      isExpanded: F,
-      isExpandable: v,
-      isFocused: Be,
-      isSelected: Le,
-      isDisabled: C,
-      selectNode: x ? Oe : z,
-      selectRange: x ? Oe : V,
-      multiSelect: g,
-      disabledItemsFocusable: w,
-      mapFirstChar: ct,
-      unMapFirstChar: at,
-      registerNode: st,
-      unregisterNode: ot,
-      treeId: pe
-    },
-    children: /* @__PURE__ */ O(ke, {
-      children: /* @__PURE__ */ O(Ft, {
-        role: "tree",
-        id: pe,
-        "aria-activedescendant": dt,
-        "aria-multiselectable": g,
-        className: Nt(je.root, j),
-        ref: Ke,
-        tabIndex: 0,
-        onKeyDown: lt,
-        onFocus: it,
-        onBlur: ut,
-        ownerState: fe,
-        ...Ve,
-        children: b
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Fe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: s.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: s.object,
-  /**
-   * @ignore
-   */
-  className: s.string,
-  /**
-   * The default icon used to collapse the node.
-   */
-  defaultCollapseIcon: s.node,
-  /**
-   * The default icon displayed next to a end node. This is applied to all
-   * tree nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultEndIcon: s.node,
-  /**
-   * Expanded node ids. (Uncontrolled)
-   * @default []
-   */
-  defaultExpanded: s.arrayOf(s.string),
-  /**
-   * The default icon used to expand the node.
-   */
-  defaultExpandIcon: s.node,
-  /**
-   * The default icon displayed next to a parent node. This is applied to all
-   * parent nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultParentIcon: s.node,
-  /**
-   * Selected node ids. (Uncontrolled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   * @default []
-   */
-  defaultSelected: s.oneOfType([s.arrayOf(s.string), s.string]),
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable: s.bool,
-  /**
-   * If `true` selection is disabled.
-   * @default false
-   */
-  disableSelection: s.bool,
-  /**
-   * Expanded node ids. (Controlled)
-   */
-  expanded: s.arrayOf(s.string),
-  /**
-   * 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: s.string,
-  /**
-   * If true `ctrl` and `shift` will trigger multiselect.
-   * @default false
-   */
-  multiSelect: s.bool,
-  /**
-   * @ignore
-   */
-  onBlur: s.func,
-  /**
-   * @ignore
-   */
-  onFocus: s.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: s.func,
-  /**
-   * Callback fired when tree items are focused.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.
-   * @param {string} value of the focused node.
-   */
-  onNodeFocus: s.func,
-  /**
-   * Callback fired when tree items are selected/unselected.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback
-   * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true
-   * this is an array of strings; when false (default) a string.
-   */
-  onNodeSelect: s.func,
-  /**
-   * Callback fired when tree items are expanded/collapsed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * @param {array} nodeIds The ids of the expanded nodes.
-   */
-  onNodeToggle: s.func,
-  /**
-   * Selected node ids. (Controlled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   */
-  selected: s.oneOfType([s.arrayOf(s.string), s.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])
-});
-var le = {}, Vt = Re;
-Object.defineProperty(le, "__esModule", {
-  value: !0
-});
-var Me = le.default = void 0, jt = Vt(Ee()), Kt = Te;
-Me = le.default = (0, jt.default)(/* @__PURE__ */ (0, Kt.jsx)("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "ExpandMore");
-var ie = {}, Lt = Re;
-Object.defineProperty(ie, "__esModule", {
-  value: !0
-});
-var _e = ie.default = void 0, Bt = Lt(Ee()), Ut = Te;
-_e = ie.default = (0, Bt.default)(/* @__PURE__ */ (0, Ut.jsx)("path", {
-  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "ChevronRight");
-const cr = ({
-  data: i,
-  idKey: h = "id",
-  selected: m,
-  expanded: p,
-  disabled: b,
-  disableSearch: j,
-  onChange: K,
-  onToggle: $
+import { jsxs as c, Fragment as m, jsx as t } from "react/jsx-runtime";
+import d from "react";
+import { SimpleTreeView as D } from "@mui/x-tree-view";
+import I from "./item/index.js";
+import p from "lodash";
+import { Box as C, Divider as F } from "@mui/material";
+import { SearchInput as L } from "../search-input/index.js";
+import { flattenNestedTemplates as _ } from "../../utils/ontology.js";
+const R = ({
+  data: l,
+  idKey: n = "id",
+  selected: a,
+  // expanded,
+  disabled: s,
+  disableSearch: u,
+  onChange: f
 }) => {
-  const [S, P] = Ne.useState(""), N = bt(i), T = Ne.useMemo(() => S.length > 0 ? N.filter(
-    (D) => D.name.toLowerCase().includes(S)
-  ) : i, [S, i]);
-  let w = null;
-  const x = 500;
-  return /* @__PURE__ */ Se(we, { children: [
-    !j && /* @__PURE__ */ Se(we, { children: [
-      /* @__PURE__ */ O(mt, { px: 1, pt: 0.75, children: /* @__PURE__ */ O(
-        gt,
+  const [i, h] = d.useState(""), S = _(l), x = d.useMemo(() => i.length > 0 ? S.filter(
+    (e) => e.name.toLowerCase().includes(i)
+  ) : l, [i, l]);
+  let o = null;
+  const b = 500;
+  return /* @__PURE__ */ c(m, { children: [
+    !u && /* @__PURE__ */ c(m, { children: [
+      /* @__PURE__ */ t(C, { px: 1, pt: 0.75, children: /* @__PURE__ */ t(
+        L,
         {
           fullWidth: !0,
           disableLabel: !0,
@@ -578,38 +35,34 @@ const cr = ({
             }
           },
           iconSize: "small",
-          onChange: (D) => {
-            w && clearTimeout(w), w = setTimeout(() => P(D.toLowerCase()), x);
+          onChange: (e) => {
+            o && clearTimeout(o), o = setTimeout(() => h(e.toLowerCase()), b);
           }
         }
       ) }),
-      /* @__PURE__ */ O(xt, { sx: { mt: 1.75 } })
+      /* @__PURE__ */ t(F, { sx: { mt: 1.75 } })
     ] }),
-    /* @__PURE__ */ O(
-      Fe,
+    /* @__PURE__ */ t(
+      D,
       {
         "aria-label": "tree view filter",
-        defaultCollapseIcon: /* @__PURE__ */ O(Me, {}),
-        defaultExpandIcon: /* @__PURE__ */ O(_e, {}),
         disableSelection: !0,
-        expanded: p,
-        onNodeToggle: $,
-        children: T.map((D, g) => {
-          const L = String(D[h]), Q = ye.includes(m, L), X = ye.includes(b, L);
-          return /* @__PURE__ */ O(
-            ht,
+        children: x.map((e, T) => {
+          const r = String(e[n]), g = p.includes(a, r), w = p.includes(s, r);
+          return console.log({ id: r }), /* @__PURE__ */ t(
+            I,
             {
-              id: L,
-              idKey: h,
-              name: D.name,
-              checked: Q,
-              disabled: X,
-              disabledIds: b,
-              children: D.children,
-              onChange: K,
-              defaultSelected: m
+              id: r,
+              idKey: n,
+              name: e.name,
+              checked: g,
+              disabled: w,
+              disabledIds: s,
+              children: e.children,
+              onChange: f,
+              defaultSelected: a
             },
-            g
+            T
           );
         })
       }
@@ -617,5 +70,5 @@ const cr = ({
   ] });
 };
 export {
-  cr as TreeViewFilter
+  R as TreeViewFilter
 };