linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/treetable/Row.js

@@ -1,220 +1,155 @@
-import { j as t } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as Ve } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import Pe, { useContext as We, useState as M, useRef as Xe, useEffect as me, Fragment as Le, createElement as Ye } from "react";
-import { _ as qe } from "../chunks/lodash.CIAK_hAg.js";
-import He from "../icons/index.js";
-import Fe from "../spinner/SpinnerLoading.js";
-import "../table/helpers.js";
-import Ie from "../table/Row.js";
-import '../assets/table.css';import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
-/* empty css                          */
-import ze from "../table/RowColumn.js";
-/* empty css                       */
-import Be from "../toolbar/index.js";
-import { TreeTableContext as Je, searchChildrensPerRow as Qe } from "./helpers.js";
-import { v as fe } from "../chunks/v1.Ds1rkxUj.js";
-import Oe from "../toolbar/ToolBarGroup.js";
-const Ue = (f) => {
-  const e = Ve.c(103), {
-    data: h,
-    dataColumns: n,
-    rootPropName: A,
-    stylesForRow: he,
-    parentPropName: pe,
-    styleForLeftToolbar: ue,
-    onClickFirstColumn: D,
-    onClickGetChildrens: z,
-    leftToolbarElements: G,
-    rightToolbarElements: K,
-    styleForRightToolbar: xe,
-    toolbarElementsValidations: c,
-    openNodeId: p
-  } = We(Je), {
-    rowId: o,
-    dataRow: s,
-    rowLevel: B
-  } = f, [d, be] = M(!1), [i, Me] = M(), [V, ge] = M(!1), [m, $e] = M(!1), [we, Ae] = M(!1), Ce = Xe(null);
-  let W;
-  e[0] !== h || e[1] !== pe || e[2] !== o || e[3] !== B ? (W = () => {
-    const l = Qe(h, pe, o, B);
-    Me(l), ge(!1);
-  }, e[0] = h, e[1] = pe, e[2] = o, e[3] = B, e[4] = W) : W = e[4];
-  const u = W;
-  let X;
-  e[5] !== we || e[6] !== z || e[7] !== d || e[8] !== o || e[9] !== u ? (X = () => {
-    !we && !d ? (be(!0), ge(!0), z?.(o) && typeof z(o).finally == "function" && z(o).then(Ze).catch(et).finally(() => {
-      u();
-    }), Ae(!0)) : be(tt);
-  }, e[5] = we, e[6] = z, e[7] = d, e[8] = o, e[9] = u, e[10] = X) : X = e[10];
-  const ve = X;
-  let Y;
-  e[11] !== s || e[12] !== c ? (Y = (l) => {
-    const r = c && c[l], a = {
-      disabled: {
-        disabled: !0
-      },
-      unvisible: {
-        visible: !1
-      }
-    };
-    let F = {};
-    return r && r.forEach((ce) => {
-      const {
-        validator: de,
-        onDenied: O
-      } = ce;
-      qe.isEmpty(F) && de && de(s) && O && (F = a[O] || a.unvisible);
-    }), F;
-  }, e[11] = s, e[12] = c, e[13] = Y) : Y = e[13];
-  const je = Y;
-  let q;
-  e[14] !== s || e[15] !== c || e[16] !== je ? (q = (l) => {
-    let r = [];
-    return l && (r = Pe.Children.map(l, (a) => {
-      if (Pe.isValidElement(a) && a.props) {
-        const {
-          validationKey: F,
-          onNodeElementClick: ce,
-          ...de
-        } = a.props;
-        let O, Se = {};
-        return c && F && (O = je(F)), ce && (Se = {
-          ...Se,
-          onClick: (ke) => {
-            ce(s), ke.stopPropagation && ke.stopPropagation();
-          }
-        }), Ye(a.type, {
-          ...de,
-          ...Se,
-          ...O
-        });
-      }
-      return a;
-    })), r;
-  }, e[14] = s, e[15] = c, e[16] = je, e[17] = q) : q = e[17];
-  const x = q;
-  let H;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (H = () => {
-    $e(!0);
-  }, e[18] = H) : H = e[18];
-  const De = H;
-  let J;
-  e[19] === Symbol.for("react.memo_cache_sentinel") ? (J = (l) => {
-    const r = document.elementFromPoint(l.clientX, l.clientY);
-    Ce.current && !Ce.current.contains(r) && $e(!1);
-  }, e[19] = J) : J = e[19];
-  const ye = J;
-  let Q;
-  e[20] !== u ? (Q = () => {
-    u();
-  }, e[20] = u, e[21] = Q) : Q = e[21];
-  let U;
-  e[22] !== h ? (U = [h], e[22] = h, e[23] = U) : U = e[23], me(Q, U);
-  let Z;
-  e[24] === Symbol.for("react.memo_cache_sentinel") ? (Z = () => {
-    ge(!1);
-  }, e[24] = Z) : Z = e[24];
-  let ee;
-  e[25] !== i ? (ee = [i], e[25] = i, e[26] = ee) : ee = e[26], me(Z, ee);
-  let te, le;
-  e[27] !== m ? (te = () => (m ? window.addEventListener("mousemove", ye) : window.removeEventListener("mousemove", ye), () => {
-    window.removeEventListener("mousemove", ye);
-  }), le = [m], e[27] = m, e[28] = te, e[29] = le) : (te = e[28], le = e[29]), me(te, le);
-  let se;
-  e[30] !== s.id || e[31] !== p ? (se = () => {
-    p === Number(s.id) && be(!0);
-  }, e[30] = s.id, e[31] = p, e[32] = se) : se = e[32];
-  let oe;
-  e[33] !== p ? (oe = [p], e[33] = p, e[34] = oe) : oe = e[34], me(se, oe);
-  const Ge = n[0].name;
-  let ne;
-  e[35] === Symbol.for("react.memo_cache_sentinel") ? (ne = fe(), e[35] = ne) : ne = e[35];
-  const Ee = `td-${Ge}-${ne}`, Ke = n[0].style, _e = `column-more-childrens ${B && "line-path-decoration"}`, Ne = `${B}rem`;
-  let b;
-  e[36] !== Ne ? (b = {
-    marginLeft: Ne
-  }, e[36] = Ne, e[37] = b) : b = e[37];
-  let g;
-  e[38] !== ve ? (g = () => ve(), e[38] = ve, e[39] = g) : g = e[39];
-  const Re = d ? "down" : "arrow_right";
-  let w;
-  e[40] !== Re ? (w = /* @__PURE__ */ t.jsx(He, { name: Re, size: 10 }), e[40] = Re, e[41] = w) : w = e[41];
-  let C;
-  e[42] !== g || e[43] !== w ? (C = /* @__PURE__ */ t.jsx("button", { tabIndex: -1, className: "open-close-children", onClick: g, children: w }), e[42] = g, e[43] = w, e[44] = C) : C = e[44];
-  let v;
-  e[45] !== D || e[46] !== o ? (v = () => D ? D(o) : {}, e[45] = D, e[46] = o, e[47] = v) : v = e[47];
-  const Te = s[n[0].name];
-  let j;
-  e[48] !== v || e[49] !== Te ? (j = /* @__PURE__ */ t.jsx("span", { tabIndex: -1, role: "button", className: "value-button", onClick: v, children: Te }), e[48] = v, e[49] = Te, e[50] = j) : j = e[50];
-  let ie;
-  e[51] === Symbol.for("react.memo_cache_sentinel") ? (ie = fe(), e[51] = ie) : ie = e[51];
-  let y;
-  e[52] !== ue ? (y = {
-    float: "left",
-    height: "fit-content",
-    ...ue
-  }, e[52] = ue, e[53] = y) : y = e[53];
-  let E;
-  e[54] !== x || e[55] !== G || e[56] !== m ? (E = m && G && x(G), e[54] = x, e[55] = G, e[56] = m, e[57] = E) : E = e[57];
-  let _;
-  e[58] !== y || e[59] !== E ? (_ = /* @__PURE__ */ t.jsx("span", { className: "container-toolbar-buttons", children: /* @__PURE__ */ t.jsx(Be, { size: "small", customClass: "row-toolbar", children: /* @__PURE__ */ t.jsx(Oe, { style: y, children: E }, `left-toolbar-${ie}`) }) }), e[58] = y, e[59] = E, e[60] = _) : _ = e[60];
-  let N;
-  e[61] !== _e || e[62] !== b || e[63] !== C || e[64] !== j || e[65] !== _ ? (N = /* @__PURE__ */ t.jsxs("span", { className: _e, style: b, children: [
-    C,
-    j,
-    _
-  ] }), e[61] = _e, e[62] = b, e[63] = C, e[64] = j, e[65] = _, e[66] = N) : N = e[66];
-  let re;
-  e[67] === Symbol.for("react.memo_cache_sentinel") ? (re = fe(), e[67] = re) : re = e[67];
-  let R;
-  e[68] !== xe ? (R = {
-    float: "right",
-    height: "fit-content",
-    gap: "4px",
-    ...xe
-  }, e[68] = xe, e[69] = R) : R = e[69];
-  let T;
-  e[70] !== x || e[71] !== K ? (T = K && x(K), e[70] = x, e[71] = K, e[72] = T) : T = e[72];
-  let S;
-  e[73] !== R || e[74] !== T ? (S = /* @__PURE__ */ t.jsx("span", { className: "container-toolbar-info", children: /* @__PURE__ */ t.jsx(Be, { size: "small", customClass: "row-toolbar", children: /* @__PURE__ */ t.jsx(Oe, { style: R, children: T }, `right-toolbar-${re}`) }) }), e[73] = R, e[74] = T, e[75] = S) : S = e[75];
-  let L;
-  e[76] !== N || e[77] !== S ? (L = /* @__PURE__ */ t.jsxs("div", { ref: Ce, className: "column-container", onMouseEnter: De, children: [
-    N,
-    S
-  ] }), e[76] = N, e[77] = S, e[78] = L) : L = e[78];
-  let I;
-  e[79] !== n[0].style || e[80] !== Ee || e[81] !== L ? (I = /* @__PURE__ */ t.jsx(ze, { ignoreTableColClick: !0, style: Ke, children: L }, Ee), e[79] = n[0].style, e[80] = Ee, e[81] = L, e[82] = I) : I = e[82];
-  let $;
-  if (e[83] !== n || e[84] !== s) {
-    let l;
-    e[86] !== s ? (l = (r) => /* @__PURE__ */ t.jsx(ze, { style: {
-      ...r.style
-    }, ignoreTableColClick: !0, children: s[r.name] }, `key-${r.name}-${fe()}`), e[86] = s, e[87] = l) : l = e[87], $ = n.slice(1).map(l), e[83] = n, e[84] = s, e[85] = $;
-  } else
-    $ = e[85];
-  let k;
-  e[88] !== f || e[89] !== o || e[90] !== I || e[91] !== $ ? (k = /* @__PURE__ */ t.jsxs(Ie, { ...f, dataId: o, customClass: "tree-row-element", children: [
-    I,
-    $
-  ] }), e[88] = f, e[89] = o, e[90] = I, e[91] = $, e[92] = k) : k = e[92];
-  let P;
-  e[93] !== i || e[94] !== n.length || e[95] !== V || e[96] !== d || e[97] !== A || e[98] !== he ? (P = d && /* @__PURE__ */ t.jsx(Le, { children: i && i.length === 0 && V ? /* @__PURE__ */ t.jsx(Ie, { children: /* @__PURE__ */ t.jsx("td", { colSpan: n.length, className: "td-loading-childrens", children: /* @__PURE__ */ t.jsx("div", { className: "td-loading-childrens-container", children: /* @__PURE__ */ t.jsx(Fe, { size: "48px" }, "loading-childrens") }) }) }, "tr-loading-childrens") : /* @__PURE__ */ t.jsxs(Le, { children: [
-    i && i.map((l) => /* @__PURE__ */ t.jsx(Ue, { dataRow: l, rowLevel: l.rowLevel ? l.rowLevel + 1 : 1, rowId: `${l[A]}`, style: he }, l[A])),
-    i && i.length !== 0 && V && /* @__PURE__ */ t.jsx(Ie, { children: /* @__PURE__ */ t.jsx("td", { colSpan: n.length, className: "td-loading-childrens", children: /* @__PURE__ */ t.jsx("div", { className: "td-loading-childrens-container", children: /* @__PURE__ */ t.jsx(Fe, { size: "48px" }, "loading-childrens") }) }) }, "tr-loading-childrens")
-  ] }) }), e[93] = i, e[94] = n.length, e[95] = V, e[96] = d, e[97] = A, e[98] = he, e[99] = P) : P = e[99];
-  let ae;
-  return e[100] !== k || e[101] !== P ? (ae = /* @__PURE__ */ t.jsxs(Le, { children: [
-    k,
-    P
-  ] }), e[100] = k, e[101] = P, e[102] = ae) : ae = e[102], ae;
-};
-function Ze() {
-}
-function et() {
-}
-function tt(f) {
-  return !f;
-}
-export {
-  Ue as default
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import t from "../node_modules/uuid/dist/v1.js";
+import n from "../icons/index.js";
+import { require_lodash as r } from "../node_modules/lodash/lodash.js";
+import i from "../spinner/SpinnerLoading.js";
+import a from "../toolbar/ToolBarGroup.js";
+import o from "../toolbar/index.js";
+import s from "../table/Row.js";
+import c from "../table/RowColumn.js";
+import { TreeTableContext as l, searchChildrensPerRow as u } from "./helpers.js";
+import { Children as d, Fragment as f, createElement as p, isValidElement as m, useContext as h, useEffect as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/lib/treetable/Row.tsx
+var x = /* @__PURE__ */ e(r(), 1), S = (e) => {
+	let { data: r, dataColumns: C, rootPropName: w, stylesForRow: ee, parentPropName: T, styleForLeftToolbar: E, onClickFirstColumn: D, onClickGetChildrens: O, leftToolbarElements: k, rightToolbarElements: A, styleForRightToolbar: j, toolbarElementsValidations: M, openNodeId: N } = h(l), { rowId: P, dataRow: F, rowLevel: I } = e, [L, R] = v(!1), [z, B] = v(), [V, H] = v(!1), [U, W] = v(!1), [G, K] = v(!1), q = _(null), J = () => {
+		B(u(r, T, P, I)), H(!1);
+	}, Y = () => {
+		!G && !L ? (R(!0), H(!0), O?.(P) && typeof O(P).finally == "function" && O(P).then(() => {}).catch(() => {}).finally(() => {
+			J();
+		}), K(!0)) : R((e) => !e);
+	}, X = (e) => {
+		let t = M && M[e], n = {
+			disabled: { disabled: !0 },
+			unvisible: { visible: !1 }
+		}, r = {};
+		return t && t.forEach((e) => {
+			let { validator: t, onDenied: i } = e;
+			x.default.isEmpty(r) && t && t(F) && i && (r = n[i] || n.unvisible);
+		}), r;
+	}, Z = (e) => {
+		let t = [];
+		return e && (t = d.map(e, (e) => {
+			if (m(e) && e.props) {
+				let { validationKey: t, onNodeElementClick: n, ...r } = e.props, i, a = {};
+				return M && t && (i = X(t)), n && (a = {
+					...a,
+					onClick: (e) => {
+						n(F), e.stopPropagation && e.stopPropagation();
+					}
+				}), p(e.type, {
+					...r,
+					...a,
+					...i
+				});
+			}
+			return e;
+		})), t;
+	}, Q = () => {
+		W(!0);
+	}, $ = (e) => {
+		let t = document.elementFromPoint(e.clientX, e.clientY);
+		q.current && !q.current.contains(t) && W(!1);
+	};
+	return g(() => {
+		J();
+	}, [r]), g(() => {
+		H(!1);
+	}, [z]), g(() => (U ? window.addEventListener("mousemove", $) : window.removeEventListener("mousemove", $), () => {
+		window.removeEventListener("mousemove", $);
+	}), [U]), g(() => {
+		N === Number(F.id) && R(!0);
+	}, [N]), /* @__PURE__ */ b(f, { children: [/* @__PURE__ */ b(s, {
+		...e,
+		dataId: P,
+		customClass: "tree-row-element",
+		children: [/* @__PURE__ */ y(c, {
+			ignoreTableColClick: !0,
+			style: C[0].style,
+			children: /* @__PURE__ */ b("div", {
+				ref: q,
+				className: "column-container",
+				onMouseEnter: Q,
+				children: [/* @__PURE__ */ b("span", {
+					className: `column-more-childrens ${I && "line-path-decoration"}`,
+					style: { marginLeft: `${I}rem` },
+					children: [
+						/* @__PURE__ */ y("button", {
+							tabIndex: -1,
+							className: "open-close-children",
+							onClick: () => Y(),
+							children: /* @__PURE__ */ y(n, {
+								name: L ? "down" : "arrow_right",
+								size: 10
+							})
+						}),
+						/* @__PURE__ */ y("span", {
+							tabIndex: -1,
+							role: "button",
+							className: "value-button",
+							onClick: () => D ? D(P) : {},
+							children: F[C[0].name]
+						}),
+						/* @__PURE__ */ y("span", {
+							className: "container-toolbar-buttons",
+							children: /* @__PURE__ */ y(o, {
+								size: "small",
+								customClass: "row-toolbar",
+								children: /* @__PURE__ */ y(a, {
+									style: {
+										float: "left",
+										height: "fit-content",
+										...E
+									},
+									children: U && k && Z(k)
+								}, `left-toolbar-${t()}`)
+							})
+						})
+					]
+				}), /* @__PURE__ */ y("span", {
+					className: "container-toolbar-info",
+					children: /* @__PURE__ */ y(o, {
+						size: "small",
+						customClass: "row-toolbar",
+						children: /* @__PURE__ */ y(a, {
+							style: {
+								float: "right",
+								height: "fit-content",
+								gap: "4px",
+								...j
+							},
+							children: A && Z(A)
+						}, `right-toolbar-${t()}`)
+					})
+				})]
+			})
+		}, `td-${C[0].name}-${t()}`), C.slice(1).map((e) => /* @__PURE__ */ y(c, {
+			style: { ...e.style },
+			ignoreTableColClick: !0,
+			children: F[e.name]
+		}, `key-${e.name}-${t()}`))]
+	}), L && /* @__PURE__ */ y(f, { children: z && z.length === 0 && V ? /* @__PURE__ */ y(s, { children: /* @__PURE__ */ y("td", {
+		colSpan: C.length,
+		className: "td-loading-childrens",
+		children: /* @__PURE__ */ y("div", {
+			className: "td-loading-childrens-container",
+			children: /* @__PURE__ */ y(i, { size: "48px" }, "loading-childrens")
+		})
+	}) }, "tr-loading-childrens") : /* @__PURE__ */ b(f, { children: [z && z.map((e) => /* @__PURE__ */ y(S, {
+		dataRow: e,
+		rowLevel: e.rowLevel ? e.rowLevel + 1 : 1,
+		rowId: `${e[w]}`,
+		style: ee
+	}, e[w])), z && z.length !== 0 && V && /* @__PURE__ */ y(s, { children: /* @__PURE__ */ y("td", {
+		colSpan: C.length,
+		className: "td-loading-childrens",
+		children: /* @__PURE__ */ y("div", {
+			className: "td-loading-childrens-container",
+			children: /* @__PURE__ */ y(i, { size: "48px" }, "loading-childrens")
+		})
+	}) }, "tr-loading-childrens")] }) })] });
 };
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=Row.js.map

package/lib/treetable/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","names":[],"sources":["../../src/lib/treetable/Row.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useState,\n  useEffect,\n  useContext,\n  ReactElement,\n  createElement,\n  useRef,\n  Children,\n  isValidElement,\n} from 'react';\nimport _ from 'lodash';\nimport { v1 as uuid } from 'uuid';\nimport Icon from '../icons';\nimport SpinnerLoading from '../spinner/SpinnerLoading';\nimport { Td, TRow as Tr } from '../table';\nimport Toolbar, { ToolBarGroup } from '../toolbar';\nimport { searchChildrensPerRow, TreeTableContext } from './helpers';\nimport { IRowValidationProps, ITreeTableRow, IValidatorElements } from './types';\n\nconst TreeRow = (props: ITreeTableRow) => {\n  const {\n    data,\n    dataColumns,\n    rootPropName,\n    stylesForRow,\n    parentPropName,\n    styleForLeftToolbar,\n    onClickFirstColumn,\n    onClickGetChildrens,\n    leftToolbarElements,\n    rightToolbarElements,\n    styleForRightToolbar,\n    toolbarElementsValidations,\n    openNodeId,\n  } = useContext(TreeTableContext);\n\n  const { rowId, dataRow, rowLevel } = props;\n  const [open, setOpen] = useState(false);\n  const [childrens, setChildrens] = useState<Array<{ [key: string]: any }>>();\n  const [isLoadingChildrens, setIsLoadingChildrens] = useState(false);\n  const [showToolbarElements, setShowToolbarElements] = useState(false);\n  const [firstRenderingOfChildrens, setFirstRenderingOfChildrens] = useState(false);\n  const divContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const searchChildrensAndInsertState = () => {\n    const dataChildrens = searchChildrensPerRow(data, parentPropName, rowId, rowLevel);\n    setChildrens(dataChildrens);\n    setIsLoadingChildrens(false);\n  };\n\n  const handlerShowChildrens =  () => {\n    if (!firstRenderingOfChildrens && !open) {\n      setOpen(true);\n      setIsLoadingChildrens(true);\n      if ( onClickGetChildrens?.(rowId) && typeof onClickGetChildrens(rowId).finally === 'function')\n        onClickGetChildrens(rowId)\n          .then(() => { })\n          .catch(() => { })\n          .finally(() => {\n            searchChildrensAndInsertState();\n          });\n      setFirstRenderingOfChildrens(true);\n    } else {\n      setOpen(prevState => !prevState);\n    }\n  };\n\n  const validateRowElement = (validationKey: string) => {\n    const validations = toolbarElementsValidations && toolbarElementsValidations[validationKey];\n    const options = {\n      disabled: { disabled: true },\n      unvisible: { visible: false },\n    };\n\n    let elementBehavior = {};\n    if (validations) {\n      validations.forEach((validation: IValidatorElements<any>) => {\n        const { validator, onDenied } = validation;\n        if (_.isEmpty(elementBehavior) && validator && validator(dataRow) && onDenied) {\n          elementBehavior = options[onDenied] || options.unvisible;\n        }\n      });\n    }\n    return elementBehavior;\n  };\n\n  const buildToolbarElements = (elements?: Array<ReactElement<IRowValidationProps>>) => {\n    let newElementsWithNewProps: Array<ReactElement<IRowValidationProps>> = [];\n    if (elements) {\n      newElementsWithNewProps = Children.map(elements, (element) => {\n        if (isValidElement(element) && element.props) {\n          const { validationKey, onNodeElementClick, ...restProps } = element.props;\n          let elementBehavior;\n          let newProps = {};\n          if (toolbarElementsValidations && validationKey) {\n            elementBehavior = validateRowElement(validationKey);\n          }\n          if (onNodeElementClick) {\n            newProps = {\n              ...newProps,\n              onClick: (e: MouseEvent) => {\n                onNodeElementClick(dataRow);\n                if (e.stopPropagation) e.stopPropagation();\n              },\n            };\n          }\n          return createElement(\n            element.type,\n            { ...restProps, ...newProps, ...elementBehavior },\n          );\n        }\n        return element;\n      });\n    }\n    return newElementsWithNewProps;\n  };\n\n  const handleOnMouseEnter = () => {\n    setShowToolbarElements(true);\n  };\n\n  const handlerMouseInsideDivContainer = (event: MouseEvent) => {\n    const elementoAtual = document.elementFromPoint(event.clientX, event.clientY);\n    if (divContainerRef.current && !divContainerRef.current.contains(elementoAtual)) {\n      setShowToolbarElements(false);\n    }\n  };\n\n  useEffect(() => {\n    searchChildrensAndInsertState();\n  }, [data]);\n\n  useEffect(() => {\n    setIsLoadingChildrens(false);\n  }, [childrens]);\n\n  useEffect(() => {\n    if (showToolbarElements) {\n      window.addEventListener('mousemove', handlerMouseInsideDivContainer);\n    } else {\n      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);\n    }\n\n    return () => {\n      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);\n    };\n  }, [showToolbarElements]);\n\n  useEffect(() => {\n    if (openNodeId === Number(dataRow.id)) setOpen(true);\n  }, [openNodeId]);\n\n  return (\n    <Fragment>\n      <Tr {...props} dataId={rowId} customClass=\"tree-row-element\">\n        <Td\n          ignoreTableColClick\n          key={`td-${dataColumns[0].name}-${uuid()}`}\n          style={dataColumns[0].style}>\n          <div ref={divContainerRef} className=\"column-container\" onMouseEnter={handleOnMouseEnter}>\n            <span\n              className={`column-more-childrens ${rowLevel && 'line-path-decoration'}`}\n              style={{ marginLeft: `${rowLevel}rem` }}>\n              <button\n                tabIndex={-1}\n                className=\"open-close-children\"\n                onClick={() => handlerShowChildrens()}>\n                <Icon name={open ? 'down' : 'arrow_right'} size={10} />\n              </button>\n              <span\n                tabIndex={-1}\n                role=\"button\"\n                className=\"value-button\"\n                onClick={() => (onClickFirstColumn ? onClickFirstColumn(rowId) : {})}>\n                {dataRow[dataColumns[0].name]}\n              </span>\n              <span className=\"container-toolbar-buttons\">\n                <Toolbar size=\"small\" customClass=\"row-toolbar\">\n                  <ToolBarGroup\n                    key={`left-toolbar-${uuid()}`}\n                    style={{ float: 'left', height: 'fit-content', ...styleForLeftToolbar }}>\n                    {showToolbarElements &&\n                      leftToolbarElements &&\n                      buildToolbarElements(leftToolbarElements as any)}\n                  </ToolBarGroup>\n                </Toolbar>\n              </span>\n            </span>\n            <span className=\"container-toolbar-info\">\n              <Toolbar size=\"small\" customClass=\"row-toolbar\">\n                <ToolBarGroup\n                  key={`right-toolbar-${uuid()}`}\n                  style={{ float: 'right', height: 'fit-content', gap: '4px', ...styleForRightToolbar }}>\n                  {rightToolbarElements && buildToolbarElements(rightToolbarElements as any)}\n                </ToolBarGroup>\n              </Toolbar>\n            </span>\n          </div>\n        </Td>\n        {dataColumns.slice(1).map(column => (\n          <Td key={`key-${column.name}-${uuid()}`} style={{ ...column.style }} ignoreTableColClick>\n            {dataRow[column.name]}\n          </Td>\n        ))}\n      </Tr>\n      {\n        open && (\n          <Fragment>\n            {childrens && childrens.length === 0 && isLoadingChildrens\n              ? (\n                <Tr key=\"tr-loading-childrens\">\n                  <td colSpan={dataColumns.length} className=\"td-loading-childrens\">\n                    <div className=\"td-loading-childrens-container\">\n                      <SpinnerLoading size=\"48px\" key=\"loading-childrens\" />\n                    </div>\n                  </td>\n                </Tr>\n                )\n              : (\n                <Fragment>\n                  {childrens && childrens.map(item => (\n                    <TreeRow\n                      dataRow={item}\n                      rowLevel={item.rowLevel ? item.rowLevel + 1 : 1}\n                      key={item[rootPropName]}\n                      rowId={`${item[rootPropName]}`}\n                      style={stylesForRow} />\n                  ))}\n                  {childrens && childrens.length !== 0 && isLoadingChildrens && (\n                  <Tr key=\"tr-loading-childrens\">\n                    <td colSpan={dataColumns.length} className=\"td-loading-childrens\">\n                      <div className=\"td-loading-childrens-container\">\n                        <SpinnerLoading size=\"48px\" key=\"loading-childrens\" />\n                      </div>\n                    </td>\n                  </Tr>\n                  )}\n                </Fragment>\n                )}\n          </Fragment>\n        )\n      }\n    </Fragment >\n  );\n};\n\nexport default TreeRow;\n"],"mappings":"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"}

package/lib/treetable/helpers.d.ts

@@ -1,13 +1,14 @@
+import { ReactNode } from 'react';
 export declare const TreeTableContext: import('react').Context<import('./types').ITreeTableProps>;
 export declare const searchRootElements: (data: Array<{
-    [key: string]: any;
+    [key: string]: ReactNode;
 }>, parentPropName: string, rowLevel?: number) => ({
-    [key: string]: any;
+    [key: string]: ReactNode;
 } & {
     rowLevel: number;
 })[];
 export declare const searchChildrensPerRow: (data: Array<{
-    [key: string]: any;
+    [key: string]: ReactNode;
 }>, parentPropName: string, rowId?: string | number, rowLevel?: number) => {
-    [key: string]: any;
+    [key: string]: ReactNode;
 }[];

package/lib/treetable/helpers.js

@@ -1,17 +1,13 @@
-import { createContext as o } from "react";
-const c = o({}), m = (e, s, r = 0) => {
-  let n;
-  return e && (n = e.filter((t) => !t[s]), n.map((t) => Object.assign(t, {}, {
-    rowLevel: r
-  })));
-}, f = (e, s, r, n = 0) => {
-  let t;
-  return e && r ? (t = e.filter((i) => i[s] === Number(r)), t.map((i) => Object.assign(i, {}, {
-    rowLevel: n
-  }))) : e;
-};
-export {
-  c as TreeTableContext,
-  f as searchChildrensPerRow,
-  m as searchRootElements
+import { createContext as e } from "react";
+//#region src/lib/treetable/helpers.ts
+var t = e({}), n = (e, t, n = 0) => {
+	let r;
+	return e && (r = e.filter((e) => !e[t]), r.map((e) => Object.assign(e, {}, { rowLevel: n })));
+}, r = (e, t, n, r = 0) => {
+	let i;
+	return e && n ? (i = e.filter((e) => e[t] === Number(n)), i.map((e) => Object.assign(e, {}, { rowLevel: r }))) : e;
 };
+//#endregion
+export { t as TreeTableContext, r as searchChildrensPerRow, n as searchRootElements };
+
+//# sourceMappingURL=helpers.js.map

package/lib/treetable/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/treetable/helpers.ts"],"sourcesContent":["import { createContext, ReactNode } from 'react';\nimport { ITreeTableContext } from './types';\n\nexport const TreeTableContext = createContext({} as ITreeTableContext);\n\nexport const searchRootElements = (\n  data: Array<{\n    [key: string]: ReactNode\n  }>,\n  parentPropName: string,\n  rowLevel = 0,\n) => {\n  let dataFiltered;\n  if (data) {\n    dataFiltered = data.filter(item => !item[parentPropName]);\n\n    return dataFiltered.map(item =>\n      Object.assign(\n        item,\n        {},\n        {\n          rowLevel,\n        },\n      ));\n  }\n\n  return data;\n};\n\nexport const searchChildrensPerRow = (\n  data: Array<{\n    [key: string]: ReactNode\n  }>,\n  parentPropName: string,\n  rowId?: string | number,\n  rowLevel = 0,\n) => {\n  let dataFiltered;\n  if (data && rowId) {\n    dataFiltered = data.filter(item => item[parentPropName] === Number(rowId));\n\n    return dataFiltered.map(item =>\n      Object.assign(\n        item,\n        {},\n        {\n          rowLevel,\n        },\n      ));\n  }\n\n  return data;\n};\n"],"mappings":";;AAGA,IAAa,IAAmB,EAAc,EAAE,CAAsB,EAEzD,KACX,GAGA,GACA,IAAW,MACR;CACH,IAAI;AAcJ,QAbI,MACF,IAAe,EAAK,QAAO,MAAQ,CAAC,EAAK,GAAgB,EAElD,EAAa,KAAI,MACtB,OAAO,OACL,GACA,EAAE,EACF,EACE,aACD,CACF,CAAC;GAMK,KACX,GAGA,GACA,GACA,IAAW,MACR;CACH,IAAI;AAcJ,QAbI,KAAQ,KACV,IAAe,EAAK,QAAO,MAAQ,EAAK,OAAoB,OAAO,EAAM,CAAC,EAEnE,EAAa,KAAI,MACtB,OAAO,OACL,GACA,EAAE,EACF,EACE,aACD,CACF,CAAC,IAGC"}

package/lib/treetable/index.js

@@ -1,28 +1,22 @@
-import { j as n } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as a } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import c from "../table/index.js";
-import f from "./Body.js";
-import x from "./Header.js";
-import { TreeTableContext as T } from "./helpers.js";
-import '../assets/index17.css';const v = (t) => {
-  const e = a.c(9);
-  let o;
-  e[0] !== t ? (o = {
-    ...t
-  }, e[0] = t, e[1] = o) : o = e[1];
-  const s = o;
-  let r, i;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ n.jsx(x, {}), i = /* @__PURE__ */ n.jsx(f, {}), e[2] = r, e[3] = i) : (r = e[2], i = e[3]);
-  let l;
-  e[4] !== t ? (l = /* @__PURE__ */ n.jsxs(c, { ...t, onColClick: u, children: [
-    r,
-    i
-  ] }), e[4] = t, e[5] = l) : l = e[5];
-  let m;
-  return e[6] !== s || e[7] !== l ? (m = /* @__PURE__ */ n.jsx(T.Provider, { value: s, children: l }), e[6] = s, e[7] = l, e[8] = m) : m = e[8], m;
-};
-function u() {
-}
-export {
-  v as default
+import e from "../table/index.js";
+import '../assets/styles/treetable.css';/* empty css                         */
+import { TreeTableContext as t } from "./helpers.js";
+import n from "./Body.js";
+import r from "./Header.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/treetable/index.tsx
+var o = (o) => {
+	let s = { ...o };
+	return /* @__PURE__ */ i(t.Provider, {
+		value: s,
+		children: /* @__PURE__ */ a(e, {
+			...o,
+			onColClick: () => {},
+			children: [/* @__PURE__ */ i(r, {}), /* @__PURE__ */ i(n, {})]
+		})
+	});
 };
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=index.js.map

package/lib/treetable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/treetable/index.tsx"],"sourcesContent":["import '../assets/styles/treetable.scss';\nimport Table from '../table';\nimport TreeTableBody from './Body';\nimport TreeTableHeader from './Header';\nimport { TreeTableContext } from './helpers';\nimport { ITreeTableContext, ITreeTableProps, IRowElementsValidations, RowItem } from './types';\n\nconst TreeTable = (props: ITreeTableProps) => {\n  const contextValues: ITreeTableContext = {\n    ...props,\n  };\n\n  return (\n    <TreeTableContext.Provider value={contextValues}>\n      <Table {...props} onColClick={() => { }}>\n        <TreeTableHeader />\n        <TreeTableBody />\n      </Table>\n    </TreeTableContext.Provider>\n  );\n};\n\nexport default TreeTable;\nexport type { RowItem, IRowElementsValidations };\n"],"mappings":";;;;;;;AAOA,IAAM,KAAa,MAA2B;CAC5C,IAAM,IAAmC,EACvC,GAAG,GACJ;AAED,QACE,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;YAChC,kBAAC,GAAD;GAAO,GAAI;GAAO,kBAAkB;aAApC,CACE,kBAAC,GAAD,EAAmB,CAAA,EACnB,kBAAC,GAAD,EAAiB,CAAA,CAAA;;EAEO,CAAA"}

package/lib/treeview/Header.js

@@ -1,16 +1,16 @@
-import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const p = (o) => {
-  const e = m.c(6), {
-    title: s,
-    customClass: a,
-    children: i
-  } = o, l = `treeviewheader ${a}`;
-  let t;
-  e[0] !== i || e[1] !== s ? (t = s ? /* @__PURE__ */ c.jsx("div", { className: "title", children: s }) : i, e[0] = i, e[1] = s, e[2] = t) : t = e[2];
-  let r;
-  return e[3] !== l || e[4] !== t ? (r = /* @__PURE__ */ c.jsx("div", { className: l, children: t }), e[3] = l, e[4] = t, e[5] = r) : r = e[5], r;
-};
-export {
-  p as default
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/treeview/Header.tsx
+var t = (t) => {
+	let { title: n, customClass: r, children: i } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `treeviewheader ${r}`,
+		children: n ? /* @__PURE__ */ e("div", {
+			className: "title",
+			children: n
+		}) : i
+	});
 };
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Header.js.map

package/lib/treeview/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"sources":["../../src/lib/treeview/Header.tsx"],"sourcesContent":["import { ITreeHeaderProps } from './types';\n\nconst Header = (props: ITreeHeaderProps) => {\n  const { title, customClass, children } = props;\n\n  return (\n    <div className={`treeviewheader ${customClass}`}>\n      {title\n        ? <div className=\"title\">{title}</div>\n        : children}\n    </div>\n  );\n};\n\nexport default Header;\n"],"mappings":";;AAEA,IAAM,KAAU,MAA4B;CAC1C,IAAM,EAAE,UAAO,gBAAa,gBAAa;AAEzC,QACE,kBAAC,OAAD;EAAK,WAAW,kBAAkB;YAC/B,IACG,kBAAC,OAAD;GAAK,WAAU;aAAS;GAAY,CAAA,GACpC;EACA,CAAA"}