@hybridcore/ui 1.1.3 → 1.2.0

package/dist/index-C7W2wuUG.js

@@ -0,0 +1,609 @@
+import { jsx as T, jsxs as ae } from "react/jsx-runtime";
+import xe from "./components/treeview-filter/item-label/index.js";
+import se from "lodash";
+import * as l from "react";
+import { P as o } from "./createTheme-oOCi1S_n.js";
+import { b as Ie, a as Te, e as he } from "./ButtonBase-C7CHOX3y.js";
+import { g as Ee, a as ve } from "./chainPropTypes-BmidnkZm.js";
+import { g as De, s as W } from "./styled-Wx2vv4j8.js";
+import { a as $, u as Ne } from "./useThemeProps-D4or2IlT.js";
+import { C as ie } from "./Collapse-9egEADkh.js";
+import { u as Oe } from "./unsupportedProp-BuVD30Gh.js";
+import { o as Se } from "./ownerDocument-CUrv0DIK.js";
+function ce(e) {
+  var n, s, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (n = 0; n < e.length; n++) e[n] && (s = ce(e[n])) && (t && (t += " "), t += s);
+  else for (n in e) e[n] && (t && (t += " "), t += n);
+  return t;
+}
+function le() {
+  for (var e, n, s = 0, t = ""; s < arguments.length; ) (e = arguments[s++]) && (n = ce(e)) && (t && (t += " "), t += n);
+  return t;
+}
+const z = /* @__PURE__ */ l.createContext({});
+process.env.NODE_ENV !== "production" && (z.displayName = "TreeViewContext");
+function ke(e, n) {
+  for (let s = 0; s < e.length; s += 1)
+    if (n(e[s]))
+      return s;
+  return -1;
+}
+function we(e, n) {
+  let s = 0, t = e.length - 1;
+  for (; s <= t; ) {
+    const r = Math.floor((s + t) / 2);
+    if (e[r].element === n)
+      return r;
+    e[r].element.compareDocumentPosition(n) & Node.DOCUMENT_POSITION_PRECEDING ? t = r - 1 : s = r + 1;
+  }
+  return s;
+}
+const J = /* @__PURE__ */ l.createContext({});
+process.env.NODE_ENV !== "production" && (J.displayName = "DescendantContext");
+function Re(e) {
+  const n = l.useRef(null);
+  return l.useEffect(() => {
+    n.current = e;
+  }, [e]), n.current;
+}
+const re = () => {
+};
+function $e(e) {
+  const [, n] = l.useState(), {
+    registerDescendant: s = re,
+    unregisterDescendant: t = re,
+    descendants: r = [],
+    parentId: g = null
+  } = l.useContext(J), f = ke(r, (p) => p.element === e.element), m = Re(r), d = r.some((p, c) => m && m[c] && m[c].element !== p.element);
+  return Ie(() => {
+    if (e.element)
+      return s({
+        ...e,
+        index: f
+      }), () => {
+        t(e.element);
+      };
+    n({});
+  }, [s, t, f, d, e]), {
+    parentId: g,
+    index: f
+  };
+}
+function de(e) {
+  const {
+    children: n,
+    id: s
+  } = e, [t, r] = l.useState([]), g = l.useCallback(({
+    element: d,
+    ...p
+  }) => {
+    r((c) => {
+      let u;
+      if (c.length === 0)
+        return [{
+          ...p,
+          element: d,
+          index: 0
+        }];
+      const C = we(c, d);
+      if (c[C] && c[C].element === d)
+        u = c;
+      else {
+        const b = {
+          ...p,
+          element: d,
+          index: C
+        };
+        u = c.slice(), u.splice(C, 0, b);
+      }
+      return u.forEach((b, y) => {
+        b.index = y;
+      }), u;
+    });
+  }, []), f = l.useCallback((d) => {
+    r((p) => p.filter((c) => d !== c.element));
+  }, []), m = l.useMemo(() => ({
+    descendants: t,
+    registerDescendant: g,
+    unregisterDescendant: f,
+    parentId: s
+  }), [t, g, f, s]);
+  return /* @__PURE__ */ T(J.Provider, {
+    value: m,
+    children: n
+  });
+}
+process.env.NODE_ENV !== "production" && (de.propTypes = {
+  children: o.node,
+  id: o.string
+});
+function Me(e) {
+  const {
+    focus: n,
+    isExpanded: s,
+    isExpandable: t,
+    isFocused: r,
+    isDisabled: g,
+    isSelected: f,
+    multiSelect: m,
+    selectNode: d,
+    selectRange: p,
+    toggleExpansion: c
+  } = l.useContext(z), u = t ? t(e) : !1, C = s ? s(e) : !1, b = r ? r(e) : !1, y = g ? g(e) : !1, i = f ? f(e) : !1;
+  return {
+    disabled: y,
+    expanded: C,
+    selected: i,
+    focused: b,
+    handleExpansion: (a) => {
+      if (!y) {
+        b || n(a, e);
+        const v = m && (a.shiftKey || a.ctrlKey || a.metaKey);
+        u && !(v && s(e)) && c(a, e);
+      }
+    },
+    handleSelection: (a) => {
+      y || (b || n(a, e), m && (a.shiftKey || a.ctrlKey || a.metaKey) ? a.shiftKey ? p(a, {
+        end: e
+      }) : d(a, e, !0) : d(a, e));
+    },
+    preventSelection: (a) => {
+      (a.shiftKey || a.ctrlKey || a.metaKey || y) && a.preventDefault();
+    }
+  };
+}
+const Q = /* @__PURE__ */ l.forwardRef(function(n, s) {
+  const {
+    classes: t,
+    className: r,
+    displayIcon: g,
+    expansionIcon: f,
+    icon: m,
+    label: d,
+    nodeId: p,
+    onClick: c,
+    onMouseDown: u,
+    ...C
+  } = n, {
+    disabled: b,
+    expanded: y,
+    selected: i,
+    focused: S,
+    handleExpansion: k,
+    handleSelection: w,
+    preventSelection: a
+  } = Me(p), v = m || f || g, D = (x) => {
+    a(x), u && u(x);
+  }, M = (x) => {
+    k(x), w(x), c && c(x);
+  };
+  return (
+    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
+    /* @__PURE__ */ ae("div", {
+      className: le(r, t.root, y && t.expanded, i && t.selected, S && t.focused, b && t.disabled),
+      onClick: M,
+      onMouseDown: D,
+      ref: s,
+      ...C,
+      children: [/* @__PURE__ */ T("div", {
+        className: t.iconContainer,
+        children: v
+      }), /* @__PURE__ */ T("div", {
+        className: t.label,
+        children: d
+      })]
+    })
+  );
+});
+process.env.NODE_ENV !== "production" && (Q.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: o.object,
+  /**
+   * className applied to the root element.
+   */
+  className: o.string,
+  /**
+   * The icon to display next to the tree node's label. Either a parent or end icon.
+   */
+  displayIcon: o.node,
+  /**
+   * The icon to display next to the tree node's label. Either an expansion or collapse icon.
+   */
+  expansionIcon: o.node,
+  /**
+   * The icon to display next to the tree node's label.
+   */
+  icon: o.node,
+  /**
+   * The tree node label.
+   */
+  label: o.node,
+  /**
+   * The id of the node.
+   */
+  nodeId: o.string.isRequired,
+  /**
+   * @ignore
+   */
+  onClick: o.func,
+  /**
+   * @ignore
+   */
+  onMouseDown: o.func
+});
+function Pe(e) {
+  return De("MuiTreeItem", e);
+}
+const E = Ee("MuiTreeItem", ["root", "group", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label"]), je = (e) => {
+  const {
+    classes: n
+  } = e;
+  return ve({
+    root: ["root"],
+    content: ["content"],
+    expanded: ["expanded"],
+    selected: ["selected"],
+    focused: ["focused"],
+    disabled: ["disabled"],
+    iconContainer: ["iconContainer"],
+    label: ["label"],
+    group: ["group"]
+  }, Pe, n);
+}, Fe = W("li", {
+  name: "MuiTreeItem",
+  slot: "Root",
+  overridesResolver: (e, n) => n.root
+})({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  outline: 0
+}), Ke = W(Q, {
+  name: "MuiTreeItem",
+  slot: "Content",
+  overridesResolver: (e, n) => [n.content, n.iconContainer && {
+    [`& .${E.iconContainer}`]: n.iconContainer
+  }, n.label && {
+    [`& .${E.label}`]: n.label
+  }]
+})(({
+  theme: e
+}) => ({
+  padding: "0 8px",
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  cursor: "pointer",
+  WebkitTapHighlightColor: "transparent",
+  "&:hover": {
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${E.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity,
+    backgroundColor: "transparent"
+  },
+  [`&.${E.focused}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${E.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : $(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}))` : $(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : $(e.palette.primary.main, e.palette.action.selectedOpacity)
+      }
+    },
+    [`&.${E.focused}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : $(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`& .${E.iconContainer}`]: {
+    marginRight: 4,
+    width: 15,
+    display: "flex",
+    flexShrink: 0,
+    justifyContent: "center",
+    "& svg": {
+      fontSize: 18
+    }
+  },
+  [`& .${E.label}`]: {
+    width: "100%",
+    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
+    minWidth: 0,
+    paddingLeft: 4,
+    position: "relative",
+    ...e.typography.body1
+  }
+})), _e = W(ie, {
+  name: "MuiTreeItem",
+  slot: "Group",
+  overridesResolver: (e, n) => n.group
+})({
+  margin: 0,
+  padding: 0,
+  marginLeft: 17
+}), pe = /* @__PURE__ */ l.forwardRef(function(n, s) {
+  const t = Ne({
+    props: n,
+    name: "MuiTreeItem"
+  }), {
+    children: r,
+    className: g,
+    collapseIcon: f,
+    ContentComponent: m = Q,
+    ContentProps: d,
+    endIcon: p,
+    expandIcon: c,
+    disabled: u,
+    icon: C,
+    id: b,
+    label: y,
+    nodeId: i,
+    onClick: S,
+    onMouseDown: k,
+    TransitionComponent: w = ie,
+    TransitionProps: a,
+    ...v
+  } = t, {
+    icons: D = {},
+    focus: M,
+    isExpanded: x,
+    isFocused: X,
+    isSelected: Y,
+    isDisabled: Z,
+    multiSelect: ue,
+    disabledItemsFocusable: fe,
+    mapFirstChar: P,
+    unMapFirstChar: j,
+    registerNode: F,
+    unregisterNode: K,
+    treeId: _
+  } = l.useContext(z);
+  let N = null;
+  b != null ? N = b : _ && i && (N = `${_}-${i}`);
+  const [ee, me] = l.useState(null), ne = l.useRef(null), ge = Te(me, s), be = l.useMemo(() => ({
+    element: ee,
+    id: i
+  }), [i, ee]), {
+    index: V,
+    parentId: te
+  } = $e(be), O = !!(Array.isArray(r) ? r.length : r), R = x ? x(i) : !1, oe = X ? X(i) : !1, A = Y ? Y(i) : !1, U = Z ? Z(i) : !1, L = {
+    ...t,
+    expanded: R,
+    focused: oe,
+    selected: A,
+    disabled: U
+  }, I = je(L);
+  let G, q;
+  O && (R ? q = f || D.defaultCollapseIcon : q = c || D.defaultExpandIcon), O ? G = D.defaultParentIcon : G = p || D.defaultEndIcon, l.useEffect(() => {
+    if (F && K && V !== -1)
+      return F({
+        id: i,
+        idAttribute: N,
+        index: V,
+        parentId: te,
+        expandable: O,
+        disabled: u
+      }), () => {
+        K(i);
+      };
+  }, [F, K, te, V, i, O, u, N]), l.useEffect(() => {
+    if (P && j && y)
+      return P(i, ne.current.textContent.substring(0, 1).toLowerCase()), () => {
+        j(i);
+      };
+  }, [P, j, i, y]);
+  let B;
+  ue ? B = A : A && (B = !0);
+  function Ce(h) {
+    if (h.target === h.currentTarget) {
+      let H;
+      typeof h.target.getRootNode == "function" ? H = h.target.getRootNode() : H = Se(h.target), H.getElementById(_).focus({
+        preventScroll: !0
+      });
+    }
+    const ye = !fe && U;
+    !oe && h.currentTarget === h.target && !ye && M(h, i);
+  }
+  return /* @__PURE__ */ ae(Fe, {
+    className: le(I.root, g),
+    role: "treeitem",
+    "aria-expanded": O ? R : null,
+    "aria-selected": B,
+    "aria-disabled": U || null,
+    ref: ge,
+    id: N,
+    tabIndex: -1,
+    ...v,
+    ownerState: L,
+    onFocus: Ce,
+    children: [/* @__PURE__ */ T(Ke, {
+      as: m,
+      ref: ne,
+      classes: {
+        root: I.content,
+        expanded: I.expanded,
+        selected: I.selected,
+        focused: I.focused,
+        disabled: I.disabled,
+        iconContainer: I.iconContainer,
+        label: I.label
+      },
+      label: y,
+      nodeId: i,
+      onClick: S,
+      onMouseDown: k,
+      icon: C,
+      expansionIcon: q,
+      displayIcon: G,
+      ownerState: L,
+      ...d
+    }), r && /* @__PURE__ */ T(de, {
+      id: i,
+      children: /* @__PURE__ */ T(_e, {
+        as: w,
+        unmountOnExit: !0,
+        className: I.group,
+        in: R,
+        component: "ul",
+        role: "group",
+        ...a,
+        children: r
+      })
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (pe.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The icon used to collapse the node.
+   */
+  collapseIcon: o.node,
+  /**
+   * The component used for the content node.
+   * @default TreeItemContent
+   */
+  ContentComponent: he,
+  /**
+   * Props applied to ContentComponent
+   */
+  ContentProps: o.object,
+  /**
+   * If `true`, the node is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * The icon displayed next to a end node.
+   */
+  endIcon: o.node,
+  /**
+   * The icon used to expand the node.
+   */
+  expandIcon: o.node,
+  /**
+   * The icon to display next to the tree node's label.
+   */
+  icon: o.node,
+  /**
+   * @ignore
+   */
+  id: o.string,
+  /**
+   * The tree node label.
+   */
+  label: o.node,
+  /**
+   * The id of the node.
+   */
+  nodeId: o.string.isRequired,
+  /**
+   * @ignore
+   */
+  onClick: o.func,
+  /**
+   * This prop isn't supported.
+   * Use the `onNodeFocus` callback on the tree if you need to monitor a node's focus.
+   */
+  onFocus: Oe,
+  /**
+   * @ignore
+   */
+  onMouseDown: o.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Collapse
+   */
+  TransitionComponent: o.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: o.object
+});
+function Ve({
+  id: e,
+  idKey: n,
+  name: s,
+  checked: t,
+  disabled: r,
+  disabledIds: g,
+  onChange: f,
+  children: m,
+  defaultSelected: d
+}) {
+  return /* @__PURE__ */ T(
+    pe,
+    {
+      nodeId: String(e),
+      label: /* @__PURE__ */ T(
+        xe,
+        {
+          id: e,
+          name: s,
+          checked: t,
+          disabled: r,
+          onChange: f
+        }
+      ),
+      children: m && m.map((p, c) => {
+        const u = String(p[n]), C = se.includes(d, u), b = se.includes(g, u);
+        return /* @__PURE__ */ T(
+          Ve,
+          {
+            id: u,
+            idKey: n,
+            name: p.name,
+            checked: C,
+            disabled: b,
+            disabledIds: g,
+            children: p.children,
+            onChange: f,
+            defaultSelected: d
+          },
+          c
+        );
+      })
+    }
+  );
+}
+export {
+  de as D,
+  Ve as I,
+  z as T,
+  le as c
+};