linear-react-components-ui 1.1.26-beta-1 → 1.1.26-beta.10

package/lib/treeview/Node.js

@@ -1,183 +1,206 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import C, { useState as a, useRef as re, useContext as de, useEffect as ae } from "react";
-import ce from "lodash";
-import { C as me, L as O } from "../chunks/tabs.Cvj2MJH6.js";
-import M from "../icons/index.js";
-import { TreeviewContext as ue } from "./constants.js";
-import pe from "../buttons/Button.js";
+import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as $e } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import Se, { useState as I, useRef as Ge, useContext as He, useEffect as Ue } from "react";
+import { _ as We } from "../chunks/lodash.CIAK_hAg.js";
+import { C as Fe, L as _e } from "../chunks/tabs.BvKfeA6Y.js";
+import qe from "../icons/index.js";
+import { TreeviewContext as Je } from "./constants.js";
+import Qe from "../buttons/Button.js";
 import '../assets/button.css';/* empty css                        */
-import fe from "../list/index.js";
-import he from "../toolbar/index.js";
-import xe from "../spinner/SpinnerLoading.js";
-import { v as be } from "../chunks/v1.CDXKvGzE.js";
-import ve from "../toolbar/ToolBarGroup.js";
-const h = (i) => !!(i.itens && i.itens.length > 0), Oe = (i) => {
-  const {
-    startNodesOpened: c,
-    isParent: E = !1,
-    nodeToolbarElements: q,
-    nodeRightElements: z,
-    idsInLoading: D = [],
-    handlerOnNodeOpen: w,
-    nodeElementsValidations: x,
-    onNodeClick: b,
-    children: V,
-    nodeMenuButtonSize: _ = "small",
-    selectedNodeId: A,
-    alwaysShowArrow: K = !1,
-    customClass: $ = "",
-    customStyle: G
-  } = i, [e, H] = a(i.node), [j, k] = a(c && h(e)), [U, I] = a(c && h(e)), [r, m] = a(!1), [W, v] = a(!1), F = re(null), {
-    valuePropName: g,
-    labelPropName: y,
-    selectedIds: S,
-    handlerUpdateSelectedIds: J,
-    showCheckBox: Q,
-    requiredIds: X,
-    disabled: B,
-    handlerToggleCheckChildren: T,
-    allowCheckAllChildren: Y,
-    requiredParentsIds: Z,
-    defaultDisabledTooltip: ee
-  } = de(ue), d = [...X, ...Z].includes(e[g]), oe = S && S.includes(e[g]) || d;
-  e !== i.node && H(i.node);
-  const se = (o) => {
-    !U && w && (I(!0), w(o)), k((n) => !n);
-  }, ne = () => {
-    const o = D.includes(e.id);
-    let n = /* @__PURE__ */ s.jsx("noscript", {});
-    return (e.itens && e.itens.length > 0 || K) && (n = /* @__PURE__ */ s.jsx(
-      "span",
-      {
-        tabIndex: 0,
-        role: "button",
-        className: o ? "loading" : "opencloseicon",
-        onClick: () => se(e),
-        children: o ? /* @__PURE__ */ s.jsx(xe, { size: "35px" }) : /* @__PURE__ */ s.jsx(M, { name: j ? "down" : "arrow_right", size: 10 })
+import Xe from "../list/index.js";
+import Ye from "../toolbar/index.js";
+import Ze from "../spinner/SpinnerLoading.js";
+import et from "../toolbar/ToolBarGroup.js";
+import { v as tt } from "../chunks/v1.Ds1rkxUj.js";
+const te = (n) => !!(n.itens && n.itens.length > 0), wt = (n) => {
+  const e = $e.c(99), {
+    startNodesOpened: i,
+    isParent: Be,
+    nodeToolbarElements: se,
+    nodeRightElements: oe,
+    idsInLoading: S,
+    handlerOnNodeOpen: B,
+    nodeElementsValidations: a,
+    onNodeClick: y,
+    children: ze,
+    nodeMenuButtonSize: Pe,
+    selectedNodeId: Ae,
+    alwaysShowArrow: Re,
+    customClass: Te,
+    customStyle: ne
+  } = n, m = Be === void 0 ? !1 : Be;
+  let P;
+  e[0] !== S ? (P = S === void 0 ? [] : S, e[0] = S, e[1] = P) : P = e[1];
+  const le = P, ie = Pe === void 0 ? "small" : Pe, re = Re === void 0 ? !1 : Re, De = Te === void 0 ? "" : Te, [t, Ke] = I(n.node);
+  let R;
+  e[2] !== t || e[3] !== i ? (R = i && te(t), e[2] = t, e[3] = i, e[4] = R) : R = e[4];
+  const [T, Le] = I(R);
+  let L;
+  e[5] !== t || e[6] !== i ? (L = i && te(t), e[5] = t, e[6] = i, e[7] = L) : L = e[7];
+  const [de, Me] = I(L), [l, M] = I(!1), [ae, ce] = I(!1), Ve = Ge(null), {
+    valuePropName: c,
+    labelPropName: O,
+    selectedIds: _,
+    handlerUpdateSelectedIds: fe,
+    showCheckBox: me,
+    requiredIds: ue,
+    disabled: q,
+    handlerToggleCheckChildren: z,
+    allowCheckAllChildren: pe,
+    requiredParentsIds: he,
+    defaultDisabledTooltip: ve
+  } = He(Je);
+  let A;
+  e[8] !== ue || e[9] !== he ? (A = [...ue, ...he], e[8] = ue, e[9] = he, e[10] = A) : A = e[10];
+  const r = A.includes(t[c]);
+  let D;
+  e[11] !== t || e[12] !== r || e[13] !== _ || e[14] !== c ? (D = _ && _.includes(t[c]) || r, e[11] = t, e[12] = r, e[13] = _, e[14] = c, e[15] = D) : D = e[15];
+  const xe = D;
+  t !== n.node && Ke(n.node);
+  let K;
+  e[16] !== B || e[17] !== de ? (K = (s) => {
+    !de && B && (Me(!0), B(s)), Le(st);
+  }, e[16] = B, e[17] = de, e[18] = K) : K = e[18];
+  const be = K;
+  let V;
+  e[19] !== re || e[20] !== le || e[21] !== T || e[22] !== t || e[23] !== be ? (V = () => {
+    const s = le.includes(t.id);
+    let d = /* @__PURE__ */ o.jsx("noscript", {});
+    return (t.itens && t.itens.length > 0 || re) && (d = /* @__PURE__ */ o.jsx("span", { tabIndex: 0, role: "button", className: s ? "loading" : "opencloseicon", onClick: () => be(t), children: s ? /* @__PURE__ */ o.jsx(Ze, { size: "35px" }) : /* @__PURE__ */ o.jsx(qe, { name: T ? "down" : "arrow_right", size: 10 }) })), d;
+  }, e[19] = re, e[20] = le, e[21] = T, e[22] = t, e[23] = be, e[24] = V) : V = e[24];
+  const ge = V;
+  let $;
+  e[25] !== ae || e[26] !== l ? ($ = (s) => {
+    l ? l && !ae && !(s === void 0 ? !0 : s) && M(!1) : M(!0);
+  }, e[25] = ae, e[26] = l, e[27] = $) : $ = e[27];
+  const G = $;
+  let H;
+  e[28] !== t || e[29] !== a ? (H = (s) => {
+    const d = a && a[s], f = {
+      disabled: {
+        disabled: !0
+      },
+      unvisible: {
+        visible: !1
       }
-    )), n;
-  }, P = (o = !0) => {
-    r ? r && !W && !o && m(!1) : m(!0);
-  }, te = (o) => {
-    const n = x && x[o], t = {
-      disabled: { disabled: !0 },
-      unvisible: { visible: !1 }
     };
-    let l = {};
-    return n && n.forEach((u) => {
-      const { validator: p, applyBehavior: f } = u;
-      ce.isEmpty(l) && p && p(e) && (l = t[f ?? "unvisible"]);
-    }), l;
-  }, R = (o) => {
-    let n = [];
-    return o && (n = C.Children.map(o, (t) => {
-      if (C.isValidElement(t) && t.props) {
-        const { validationKey: l, onNodeElementClick: u, ...p } = t.props;
-        let f, N = {};
-        return x && l && (f = te(l)), u && (N = {
-          ...N,
-          onClick: (L) => {
-            u(e), L.stopPropagation && L.stopPropagation();
+    let k = {};
+    return d && d.forEach((Y) => {
+      const {
+        validator: Z,
+        applyBehavior: ee
+      } = Y;
+      We.isEmpty(k) && Z && Z(t) && (k = f[ee ?? "unvisible"]);
+    }), k;
+  }, e[28] = t, e[29] = a, e[30] = H) : H = e[30];
+  const Ce = H;
+  let U;
+  e[31] !== t || e[32] !== a || e[33] !== Ce ? (U = (s) => {
+    let d = [];
+    return s && (d = Se.Children.map(s, (f) => {
+      if (Se.isValidElement(f) && f.props) {
+        const {
+          validationKey: k,
+          onNodeElementClick: Y,
+          ...Z
+        } = f.props;
+        let ee, Ie = {};
+        return a && k && (ee = Ce(k)), Y && (Ie = {
+          ...Ie,
+          onClick: (Oe) => {
+            Y(t), Oe.stopPropagation && Oe.stopPropagation();
           }
-        }), C.createElement(
-          t.type,
-          { ...p, ...N, ...f }
-        );
+        }), Se.createElement(f.type, {
+          ...Z,
+          ...Ie,
+          ...ee
+        });
       }
-      return t;
-    })), n;
-  }, le = () => {
-    const o = R(z).map((n) => {
-      const l = n.props && "visible" in n.props && !n.props.visible ? { display: "none" } : {};
-      return /* @__PURE__ */ s.jsx("div", { style: l, className: "element", children: n }, `element-${be()}`);
-    });
-    return o.length > 0 ? /* @__PURE__ */ s.jsx("div", { className: "node-rightelements", children: o }) : null;
-  }, ie = () => {
-    const o = R(q);
-    return o.length > 0 ? /* @__PURE__ */ s.jsx(he, { customClass: "node-toolbarelements", children: /* @__PURE__ */ s.jsx(ve, { children: o }) }) : null;
-  };
-  return ae(() => {
-    k(c && h(e)), I(c && h(e));
-  }, [e]), /* @__PURE__ */ s.jsxs(
-    "li",
-    {
-      style: G,
-      className: `treeviewitem ${$}`,
-      children: [
-        ne(),
-        /* @__PURE__ */ s.jsxs(
-          "div",
-          {
-            className: "label",
-            style: {
-              textDecoration: b ? void 0 : "none",
-              backgroundColor: A === e.id ? "rgb(209, 209, 209)" : void 0
-            },
-            ref: F,
-            role: "button",
-            onKeyPress: () => {
-            },
-            onMouseEnter: () => P(),
-            onMouseLeave: () => P(!1),
-            tabIndex: -1,
-            onClick: b ? () => b(e) : void 0,
-            children: [
-              Q ? /* @__PURE__ */ s.jsx(
-                me,
-                {
-                  checked: oe,
-                  disabled: d || B,
-                  value: `${e[g]}`,
-                  label: e[y],
-                  tooltip: d ? ee : "",
-                  onChange: B || d ? void 0 : (o) => {
-                    J(e.id, o.target.checked, !!E);
-                  }
-                }
-              ) : e[y],
-              Y && r && E ? /* @__PURE__ */ s.jsx(
-                pe,
-                {
-                  dropdown: !0,
-                  dropdownAlign: "left",
-                  size: _,
-                  showIconDropdown: !1,
-                  icon: /* @__PURE__ */ s.jsx(M, { name: "menu", style: { margin: 0 } }),
-                  customClass: "node-menu",
-                  boxShadow: !1,
-                  onClick: () => v((o) => !o),
-                  children: /* @__PURE__ */ s.jsxs(fe, { condensed: !0, children: [
-                    /* @__PURE__ */ s.jsx(
-                      O,
-                      {
-                        text: "Marcar todos",
-                        onClick: () => {
-                          T(e.id, !0), m(!1), v(!1);
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ s.jsx(
-                      O,
-                      {
-                        text: "Desmarcar todos",
-                        onClick: () => {
-                          T(e.id, !1, d), m(!1), v(!1);
-                        }
-                      }
-                    )
-                  ] })
-                }
-              ) : null,
-              r && le(),
-              r && ie()
-            ]
-          }
-        ),
-        /* @__PURE__ */ s.jsx("ul", { className: "nodelist", children: j && V })
-      ]
-    }
-  );
+      return f;
+    })), d;
+  }, e[31] = t, e[32] = a, e[33] = Ce, e[34] = U) : U = e[34];
+  const u = U;
+  let W;
+  e[35] !== oe || e[36] !== u ? (W = () => {
+    const s = u(oe).map(ot);
+    return s.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: "node-rightelements", children: s }) : null;
+  }, e[35] = oe, e[36] = u, e[37] = W) : W = e[37];
+  const Ne = W;
+  let F;
+  e[38] !== se || e[39] !== u ? (F = () => {
+    const s = u(se);
+    return s.length > 0 ? /* @__PURE__ */ o.jsx(Ye, { customClass: "node-toolbarelements", children: /* @__PURE__ */ o.jsx(et, { children: s }) }) : null;
+  }, e[38] = se, e[39] = u, e[40] = F) : F = e[40];
+  const we = F;
+  let J;
+  e[41] !== t || e[42] !== i ? (J = () => {
+    Le(i && te(t)), Me(i && te(t));
+  }, e[41] = t, e[42] = i, e[43] = J) : J = e[43];
+  let Q;
+  e[44] !== t ? (Q = [t], e[44] = t, e[45] = Q) : Q = e[45], Ue(J, Q);
+  const Ee = `treeviewitem ${De}`;
+  let p;
+  e[46] !== ge ? (p = ge(), e[46] = ge, e[47] = p) : p = e[47];
+  const je = y ? void 0 : "none", ke = Ae === t.id ? "rgb(209, 209, 209)" : void 0;
+  let h;
+  e[48] !== je || e[49] !== ke ? (h = {
+    textDecoration: je,
+    backgroundColor: ke
+  }, e[48] = je, e[49] = ke, e[50] = h) : h = e[50];
+  let v, x;
+  e[51] !== G ? (v = () => G(), x = () => G(!1), e[51] = G, e[52] = v, e[53] = x) : (v = e[52], x = e[53]);
+  let b;
+  e[54] !== t || e[55] !== y ? (b = y ? () => y(t) : void 0, e[54] = t, e[55] = y, e[56] = b) : b = e[56];
+  let g;
+  e[57] !== xe || e[58] !== ve || e[59] !== q || e[60] !== fe || e[61] !== m || e[62] !== O || e[63] !== t || e[64] !== r || e[65] !== me || e[66] !== c ? (g = me ? /* @__PURE__ */ o.jsx(Fe, { checked: xe, disabled: r || q, value: `${t[c]}`, label: t[O], tooltip: r ? ve : "", onChange: q || r ? void 0 : (s) => {
+    fe(t.id, s.target.checked, !!m);
+  } }) : t[O], e[57] = xe, e[58] = ve, e[59] = q, e[60] = fe, e[61] = m, e[62] = O, e[63] = t, e[64] = r, e[65] = me, e[66] = c, e[67] = g) : g = e[67];
+  let C;
+  e[68] !== pe || e[69] !== z || e[70] !== m || e[71] !== t.id || e[72] !== ie || e[73] !== r || e[74] !== l ? (C = pe && l && m ? /* @__PURE__ */ o.jsx(Qe, { dropdown: !0, dropdownAlign: "left", size: ie, showIconDropdown: !1, icon: /* @__PURE__ */ o.jsx(qe, { name: "menu", style: {
+    margin: 0
+  } }), customClass: "node-menu", boxShadow: !1, onClick: () => ce(lt), children: /* @__PURE__ */ o.jsxs(Xe, { condensed: !0, children: [
+    /* @__PURE__ */ o.jsx(_e, { text: "Marcar todos", onClick: () => {
+      z(t.id, !0), M(!1), ce(!1);
+    } }),
+    /* @__PURE__ */ o.jsx(_e, { text: "Desmarcar todos", onClick: () => {
+      z(t.id, !1, r), M(!1), ce(!1);
+    } })
+  ] }) }) : null, e[68] = pe, e[69] = z, e[70] = m, e[71] = t.id, e[72] = ie, e[73] = r, e[74] = l, e[75] = C) : C = e[75];
+  let N;
+  e[76] !== Ne || e[77] !== l ? (N = l && Ne(), e[76] = Ne, e[77] = l, e[78] = N) : N = e[78];
+  let w;
+  e[79] !== we || e[80] !== l ? (w = l && we(), e[79] = we, e[80] = l, e[81] = w) : w = e[81];
+  let E;
+  e[82] !== h || e[83] !== v || e[84] !== x || e[85] !== b || e[86] !== g || e[87] !== C || e[88] !== N || e[89] !== w ? (E = /* @__PURE__ */ o.jsxs("div", { className: "label", style: h, ref: Ve, role: "button", onKeyPress: nt, onMouseEnter: v, onMouseLeave: x, tabIndex: -1, onClick: b, children: [
+    g,
+    C,
+    N,
+    w
+  ] }), e[82] = h, e[83] = v, e[84] = x, e[85] = b, e[86] = g, e[87] = C, e[88] = N, e[89] = w, e[90] = E) : E = e[90];
+  const ye = T && ze;
+  let j;
+  e[91] !== ye ? (j = /* @__PURE__ */ o.jsx("ul", { className: "nodelist", children: ye }), e[91] = ye, e[92] = j) : j = e[92];
+  let X;
+  return e[93] !== ne || e[94] !== Ee || e[95] !== p || e[96] !== E || e[97] !== j ? (X = /* @__PURE__ */ o.jsxs("li", { style: ne, className: Ee, children: [
+    p,
+    E,
+    j
+  ] }), e[93] = ne, e[94] = Ee, e[95] = p, e[96] = E, e[97] = j, e[98] = X) : X = e[98], X;
 };
+function st(n) {
+  return !n;
+}
+function ot(n) {
+  const i = n.props && "visible" in n.props && !n.props.visible ? {
+    display: "none"
+  } : {};
+  return /* @__PURE__ */ o.jsx("div", { style: i, className: "element", children: n }, `element-${tt()}`);
+}
+function nt() {
+}
+function lt(n) {
+  return !n;
+}
 export {
-  Oe as default
+  wt as default
 };