linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/treetable/Body.js

@@ -1,34 +1,33 @@
-import { j as n } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as x } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as d, useState as u, useEffect as w } from "react";
-import "../chunks/lodash.CIAK_hAg.js";
-import "../table/helpers.js";
-import R from "../table/Body.js";
-import "../icons/index.js";
-import '../assets/table.css';import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
-/* empty css                          */
-/* empty css                       */
-import { TreeTableContext as E, searchRootElements as T } from "./helpers.js";
-import j from "./Row.js";
-const S = () => {
-  const o = x.c(11), {
-    data: e,
-    rootPropName: s,
-    stylesForRow: a,
-    parentPropName: f
-  } = d(E), [m, c] = u();
-  let i;
-  o[0] !== e || o[1] !== f ? (i = () => {
-    const t = T(e, f, 0);
-    c(t);
-  }, o[0] = e, o[1] = f, o[2] = i) : i = o[2];
-  let p;
-  o[3] !== e ? (p = [e], o[3] = e, o[4] = p) : p = o[4], w(i, p);
-  let r;
-  o[5] !== m || o[6] !== s || o[7] !== a ? (r = m && m.map((t) => /* @__PURE__ */ n.jsx(j, { dataRow: t, rowLevel: t.rowLevel ? t.rowLevel + 1 : 0, rowId: `${t[s]}`, style: a }, t[s])), o[5] = m, o[6] = s, o[7] = a, o[8] = r) : r = o[8];
-  let l;
-  return o[9] !== r ? (l = /* @__PURE__ */ n.jsx(R, { children: r }), o[9] = r, o[10] = l) : l = o[10], l;
-};
-export {
-  S as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _table = require("../table");
+var _helpers = require("./helpers");
+var _Row = _interopRequireDefault(require("./Row"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TreeTableBody = () => {
+  const {
+    data,
+    rootPropName,
+    stylesForRow,
+    parentPropName
+  } = (0, _react.useContext)(_helpers.TreeTableContext);
+  const [rootElements, setRootElements] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    const elements = (0, _helpers.searchRootElements)(data, parentPropName, 0);
+    setRootElements(elements);
+  }, [data]);
+  return /*#__PURE__*/_react.default.createElement(_table.TBody, null, rootElements && rootElements.map(element => /*#__PURE__*/_react.default.createElement(_Row.default, {
+    dataRow: element,
+    rowLevel: element.rowLevel ? element.rowLevel + 1 : 0,
+    key: element[rootPropName],
+    rowId: "".concat(element[rootPropName]),
+    style: stylesForRow
+  })));
 };
+var _default = exports.default = TreeTableBody;

package/lib/treetable/Header.d.ts

@@ -1,2 +1,3 @@
-declare const TreeTableHeader: () => import("react/jsx-runtime").JSX.Element;
-export default TreeTableHeader;
+declare const TreeTableHeader: () => JSX.Element;
+
+export { TreeTableHeader as default };

package/lib/treetable/Header.js

@@ -1,30 +1,23 @@
-import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as p } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as l } from "react";
-import "../chunks/lodash.CIAK_hAg.js";
-import a from "../table/Header.js";
-import n from "../table/Row.js";
-import "../table/helpers.js";
-import '../assets/table.css';import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
-/* empty css                          */
-import f from "../table/HeaderColumn.js";
-/* empty css                       */
-import { TreeTableContext as c } from "./helpers.js";
-import { v as s } from "../chunks/v1.Ds1rkxUj.js";
-const E = () => {
-  const e = p.c(5), {
-    dataColumns: m
-  } = l(c);
-  let r;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = s(), e[0] = r) : r = e[0];
-  let t;
-  e[1] !== m ? (t = m.map(d), e[1] = m, e[2] = t) : t = e[2];
-  let o;
-  return e[3] !== t ? (o = /* @__PURE__ */ i.jsx(a, { children: /* @__PURE__ */ i.jsx(n, { children: t }, `tr-header-${r}`) }), e[3] = t, e[4] = o) : o = e[4], o;
-};
-function d(e) {
-  return /* @__PURE__ */ i.jsx(f, { style: e.style, children: e.title }, `th-${e.name}-${s()}`);
-}
-export {
-  E as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uuid = require("uuid");
+var _table = require("../table");
+var _helpers = require("./helpers");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TreeTableHeader = () => {
+  const {
+    dataColumns
+  } = (0, _react.useContext)(_helpers.TreeTableContext);
+  return /*#__PURE__*/_react.default.createElement(_table.THeader, null, /*#__PURE__*/_react.default.createElement(_table.TRow, {
+    key: "tr-header-".concat((0, _uuid.v1)())
+  }, dataColumns.map(column => /*#__PURE__*/_react.default.createElement(_table.Th, {
+    key: "th-".concat(column.name, "-").concat((0, _uuid.v1)()),
+    style: column.style
+  }, column.title))));
 };
+var _default = exports.default = TreeTableHeader;

package/lib/treetable/Row.d.ts

@@ -1,3 +1,9 @@
-import { ITreeTableRow } from './types';
-declare const TreeRow: (props: ITreeTableRow) => import("react/jsx-runtime").JSX.Element;
-export default TreeRow;
+import { I as ITreeTableRow } from '../types.d-b477e076.js';
+import 'react';
+import '../table/types.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const TreeRow: (props: ITreeTableRow) => JSX.Element;
+
+export { TreeRow as default };

package/lib/treetable/Row.js

@@ -1,220 +1,236 @@
-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 = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _uuid = require("uuid");
+var _icons = _interopRequireDefault(require("../icons"));
+var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
+var _table = require("../table");
+var _toolbar = _interopRequireWildcard(require("../toolbar"));
+var _helpers = require("./helpers");
+const _excluded = ["validationKey", "onNodeElementClick"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const TreeRow = props => {
+  const {
+    data,
+    dataColumns,
+    rootPropName,
+    stylesForRow,
+    parentPropName,
+    styleForLeftToolbar,
+    onClickFirstColumn,
+    onClickGetChildrens,
+    leftToolbarElements,
+    rightToolbarElements,
+    styleForRightToolbar,
+    toolbarElementsValidations,
+    openNodeId
+  } = (0, _react.useContext)(_helpers.TreeTableContext);
+  const {
+    rowId,
+    dataRow,
+    rowLevel
+  } = props;
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [childrens, setChildrens] = (0, _react.useState)();
+  const [isLoadingChildrens, setIsLoadingChildrens] = (0, _react.useState)(false);
+  const [showToolbarElements, setShowToolbarElements] = (0, _react.useState)(false);
+  const [firstRenderingOfChildrens, setFirstRenderingOfChildrens] = (0, _react.useState)(false);
+  const divContainerRef = (0, _react.useRef)(null);
+  const searchChildrensAndInsertState = () => {
+    const dataChildrens = (0, _helpers.searchChildrensPerRow)(data, parentPropName, rowId, rowLevel);
+    setChildrens(dataChildrens);
+    setIsLoadingChildrens(false);
+  };
+  const handlerShowChildrens = () => {
+    if (!firstRenderingOfChildrens && !open) {
+      setOpen(true);
+      setIsLoadingChildrens(true);
+      if (onClickGetChildrens !== null && onClickGetChildrens !== void 0 && onClickGetChildrens(rowId) && typeof onClickGetChildrens(rowId).finally === 'function') onClickGetChildrens(rowId).then(() => {}).catch(() => {}).finally(() => {
+        searchChildrensAndInsertState();
+      });
+      setFirstRenderingOfChildrens(true);
+    } else {
+      setOpen(prevState => !prevState);
+    }
+  };
+  const validateRowElement = validationKey => {
+    const validations = toolbarElementsValidations && toolbarElementsValidations[validationKey];
+    const options = {
       disabled: {
-        disabled: !0
+        disabled: true
       },
       unvisible: {
-        visible: !1
+        visible: false
       }
     };
-    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) {
+    let elementBehavior = {};
+    if (validations) {
+      validations.forEach(validation => {
         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();
+          validator,
+          onDenied
+        } = validation;
+        if (_lodash.default.isEmpty(elementBehavior) && validator && validator(dataRow) && onDenied) {
+          elementBehavior = options[onDenied] || options.unvisible;
+        }
+      });
+    }
+    return elementBehavior;
+  };
+  const buildToolbarElements = elements => {
+    let newElementsWithNewProps = [];
+    if (elements) {
+      newElementsWithNewProps = _react.default.Children.map(elements, element => {
+        if (/*#__PURE__*/_react.default.isValidElement(element) && element.props) {
+          const _element$props = element.props,
+            {
+              validationKey,
+              onNodeElementClick
+            } = _element$props,
+            restProps = _objectWithoutProperties(_element$props, _excluded);
+          let elementBehavior;
+          let newProps = {};
+          if (toolbarElementsValidations && validationKey) {
+            elementBehavior = validateRowElement(validationKey);
           }
-        }), 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
+          if (onNodeElementClick) {
+            newProps = _objectSpread(_objectSpread({}, newProps), {}, {
+              onClick: e => {
+                onNodeElementClick(dataRow);
+                if (e.stopPropagation) e.stopPropagation();
+              }
+            });
+          }
+          return /*#__PURE__*/(0, _react.createElement)(element.type, _objectSpread(_objectSpread(_objectSpread({}, restProps), newProps), elementBehavior));
+        }
+        return element;
+      });
+    }
+    return newElementsWithNewProps;
+  };
+  const handleOnMouseEnter = () => {
+    setShowToolbarElements(true);
+  };
+  const handlerMouseInsideDivContainer = event => {
+    const elementoAtual = document.elementFromPoint(event.clientX, event.clientY);
+    if (divContainerRef.current && !divContainerRef.current.contains(elementoAtual)) {
+      setShowToolbarElements(false);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    searchChildrensAndInsertState();
+  }, [data]);
+  (0, _react.useEffect)(() => {
+    setIsLoadingChildrens(false);
+  }, [childrens]);
+  (0, _react.useEffect)(() => {
+    if (showToolbarElements) {
+      window.addEventListener('mousemove', handlerMouseInsideDivContainer);
+    } else {
+      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);
+    }
+    return () => {
+      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);
+    };
+  }, [showToolbarElements]);
+  (0, _react.useEffect)(() => {
+    if (openNodeId === Number(dataRow.id)) setOpen(true);
+  }, [openNodeId]);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_table.TRow, _extends({}, props, {
+    dataId: rowId,
+    customClass: "tree-row-element"
+  }), /*#__PURE__*/_react.default.createElement(_table.Td, {
+    ignoreTableColClick: true,
+    key: "td-".concat(dataColumns[0].name, "-").concat((0, _uuid.v1)()),
+    style: dataColumns[0].style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: divContainerRef,
+    className: "column-container",
+    onMouseEnter: handleOnMouseEnter
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "column-more-childrens ".concat(rowLevel && 'line-path-decoration'),
+    style: {
+      marginLeft: "".concat(rowLevel, "rem")
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    tabIndex: -1,
+    className: "open-close-children",
+    onClick: () => handlerShowChildrens()
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: open ? 'down' : 'arrow_right',
+    size: 10
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    tabIndex: -1,
+    role: "button",
+    className: "value-button",
+    onClick: () => onClickFirstColumn ? onClickFirstColumn(rowId) : {}
+  }, dataRow[dataColumns[0].name]), /*#__PURE__*/_react.default.createElement("span", {
+    className: "container-toolbar-buttons"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+    size: "small",
+    customClass: "row-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
+    key: "left-toolbar-".concat((0, _uuid.v1)()),
+    style: _objectSpread({
+      float: 'left',
+      height: 'fit-content'
+    }, styleForLeftToolbar)
+  }, showToolbarElements && leftToolbarElements && buildToolbarElements(leftToolbarElements))))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "container-toolbar-info"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+    size: "small",
+    customClass: "row-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
+    key: "right-toolbar-".concat((0, _uuid.v1)()),
+    style: _objectSpread({
+      float: 'right',
+      height: 'fit-content',
+      gap: '4px'
+    }, styleForRightToolbar)
+  }, rightToolbarElements && buildToolbarElements(rightToolbarElements)))))), dataColumns.slice(1).map(column => /*#__PURE__*/_react.default.createElement(_table.Td, {
+    key: "key-".concat(column.name, "-").concat((0, _uuid.v1)()),
+    style: _objectSpread({}, column.style),
+    ignoreTableColClick: true
+  }, dataRow[column.name]))), open && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrens && childrens.length === 0 && isLoadingChildrens ? /*#__PURE__*/_react.default.createElement(_table.TRow, {
+    key: "tr-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("td", {
+    colSpan: dataColumns.length,
+    className: "td-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "td-loading-childrens-container"
+  }, /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+    size: "48px",
+    key: "loading-childrens"
+  })))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrens && childrens.map(item => /*#__PURE__*/_react.default.createElement(TreeRow, {
+    dataRow: item,
+    rowLevel: item.rowLevel ? item.rowLevel + 1 : 1,
+    key: item[rootPropName],
+    rowId: "".concat(item[rootPropName]),
+    style: stylesForRow
+  })), childrens && childrens.length !== 0 && isLoadingChildrens && /*#__PURE__*/_react.default.createElement(_table.TRow, {
+    key: "tr-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("td", {
+    colSpan: dataColumns.length,
+    className: "td-loading-childrens"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "td-loading-childrens-container"
+  }, /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
+    size: "48px",
+    key: "loading-childrens"
+  })))))));
 };
+var _default = exports.default = TreeRow;