linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.2

package/lib/tooltip/types.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties } from 'react';
+import { Position } from '../@types/Position';
+type Dimensions = {
+    width: number | string;
+    height: number;
+};
+interface RefObject<T> extends React.RefObject<T> {
+    current: T;
+}
+export interface ITooltipProps {
+    targetRef: RefObject<HTMLElement | null>;
+    text?: string;
+    textError?: string;
+    style?: CSSProperties;
+    className?: string;
+    width?: string | number;
+    space?: number;
+    position?: Exclude<Position, 'center'>;
+    onDeniedText?: string;
+}
+export interface ITooltipContentProps {
+    tooltipRef?: RefObject<HTMLElement | null>;
+    text?: string;
+    style?: string;
+    styleForContent?: CSSProperties;
+    classNameForContent?: string;
+    width?: string | number;
+    space?: number;
+    tooltip?: string;
+    position?: Exclude<Position, 'center'>;
+    handlerSetDimensions?: ({ width, height }: Dimensions) => void;
+    tooltipDimensions?: Dimensions;
+    textError?: string;
+}
+export interface ITooltipCommonProps {
+    tooltip?: string;
+    tooltipWidth?: string | number;
+    tooltipPosition?: Exclude<Position, 'center'>;
+}
+export {};

package/lib/tooltip/useTooltip.d.ts

@@ -0,0 +1,27 @@
+import { RefObject } from 'react';
+import { Position } from '../@types/Position';
+interface UseTooltipProps {
+    text?: string;
+    width?: number | string;
+    space?: number;
+    position?: Exclude<Position, 'center'>;
+    errorMessage?: string;
+    targetRef: RefObject<HTMLElement | null>;
+    onDeniedText?: string;
+}
+export declare function useTooltip({ targetRef, text, width: widthProp, space, position: positionProp, errorMessage, onDeniedText, }: UseTooltipProps): {
+    text: string | undefined;
+    tooltipRef: RefObject<HTMLElement | null>;
+    style: string;
+    className: "left" | "right" | "top" | "bottom";
+    handlerSetDimensions: import('react').Dispatch<import('react').SetStateAction<{
+        width: string | number;
+        height: number;
+    }>>;
+    tooltipDimensions: {
+        width: string | number;
+        height: number;
+    };
+    showTooltip: boolean;
+};
+export {};

package/lib/tooltip/useTooltip.js

@@ -0,0 +1,78 @@
+import { useState as h, useRef as B, useEffect as p } from "react";
+const C = 40;
+function P({
+  targetRef: y,
+  text: f,
+  width: L = "auto",
+  space: l = 0,
+  position: b = "bottom",
+  errorMessage: v,
+  onDeniedText: m
+}) {
+  const [a, c] = h(b), [R, S] = h(""), [g, u] = h(!1), [E, O] = h({
+    width: L,
+    height: C
+  }), e = y, r = B(null), T = (i) => {
+    e.current && e.current.contains(i.target) ? u(!0) : u(!1);
+  }, x = () => {
+    u(!1);
+  }, $ = () => {
+    u(!1);
+  };
+  return p(() => ((f || m) && (v ? u(!0) : (u(!1), document.addEventListener("mouseover", T), document.addEventListener("scroll", $, !0), e && e.current && e.current.addEventListener("mouseout", x))), () => {
+    (f || m) && (document.removeEventListener("mouseover", T), document.removeEventListener("scroll", $, !0), e && e.current && e.current.removeEventListener("mouseout", x));
+  }), [v, f, m]), p(() => {
+    if (e.current && r.current) {
+      const {
+        width: i,
+        height: s
+      } = E, t = e.current.getBoundingClientRect(), w = (t.top + t.bottom) / 2, n = r.current.clientWidth;
+      let o = `width: ${typeof i == "string" ? i : `${i}px`}`, d = t.left + t.width / 2 - n / 2;
+      switch (d = Math.min(d, document.body.clientWidth - n - l), o += `; left: ${Math.max(l, d)}px`, a) {
+        case "top":
+          t.top < s ? c("bottom") : o += `; top: ${t.top + window.scrollY - s - l - 5}px`;
+          break;
+        case "bottom":
+          window.innerHeight - t.bottom < s ? c("top") : o += `; top: ${t.top + window.scrollY + t.height + l + 5}px`;
+          break;
+        case "left":
+          t.left < n ? window.innerWidth - t.right < n ? c("bottom") : c("right") : (o += `; top: ${w + window.scrollY - s / 2}px`, o += `; left: ${t.left - n - 6 - l}px`);
+          break;
+        case "right":
+          window.innerWidth - t.right < n ? c("left") : (o += `; top: ${w + window.scrollY - s / 2}px`, o += `; left: ${t.left + t.width + 5 + l}px`);
+          break;
+        default:
+          o += "";
+      }
+      S(o);
+    }
+  }, [E, a]), p(() => {
+    if (e.current && r.current && g) {
+      const i = e.current?.getBoundingClientRect() ?? {
+        x: 0,
+        width: 0
+      }, s = i.x, t = i.width, w = s + t / 2;
+      requestAnimationFrame(() => {
+        const n = r.current?.getBoundingClientRect() ?? {
+          x: 0,
+          width: 0
+        }, o = n.x, d = n.width, W = o + d / 2, A = (0.5 + Number(((w - W) / d * 100).toFixed(2)) / 100) * 100;
+        r.current?.style.setProperty("--arrow-position", `${A}%`);
+      });
+    }
+  }, [g, r.current, e.current]), p(() => {
+    c(b);
+  }, [window.scrollY, window.scrollX, window.innerWidth]), {
+    text: m || f,
+    tooltipRef: r,
+    style: R,
+    className: a,
+    handlerSetDimensions: O,
+    tooltipDimensions: E,
+    showTooltip: g
+  };
+}
+export {
+  P as useTooltip
+};
+//# sourceMappingURL=useTooltip.js.map

package/lib/tooltip/useTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.js","sources":["../../src/lib/tooltip/useTooltip.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from 'react';\nimport { Position } from '../@types/Position';\n\nconst TOOLTIP_INITIAL_HEIGHT = 40;\n\ninterface UseTooltipProps {\n  text?: string;\n  width?: number | string;\n  space?: number;\n  position?: Exclude<Position, 'center'>;\n  errorMessage?: string;\n  targetRef: RefObject<HTMLElement | null>;\n  onDeniedText?: string;\n}\n\nexport function useTooltip({\n  targetRef, \n  text,\n  width: widthProp = 'auto', \n  space = 0,\n  position: positionProp = 'bottom',\n  errorMessage,\n  onDeniedText,\n}: UseTooltipProps) {\n  const [stateTooltipPosition, setStateTooltipPosition] = useState(positionProp);\n  const [tooltipStyle, setTooltipStyle] = useState('');\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [tooltipDimensions, setTooltipDimensions] = useState({\n    width: widthProp,\n    height: TOOLTIP_INITIAL_HEIGHT,\n  });\n  const targetElement = targetRef;\n  const tooltipElement = useRef<HTMLElement | null>(null);\n\n  const onMouseOver = (e: Event) => {\n    if (targetElement.current && targetElement.current.contains(e.target as Node)) {\n      setShowTooltip(true);\n    } else setShowTooltip(false);\n  };\n\n  const onMouseOut = () => {\n    setShowTooltip(false);\n  };\n\n  const onAnyScroll = () => {\n    setShowTooltip(false);\n  };\n\n  useEffect(() => {\n    if (text || onDeniedText) {\n      if (errorMessage) {\n        setShowTooltip(true);\n      } else {\n        setShowTooltip(false);\n        document.addEventListener('mouseover', onMouseOver);\n        document.addEventListener('scroll', onAnyScroll, true);\n        \n        if (targetElement && targetElement.current) {\n          targetElement.current.addEventListener('mouseout', onMouseOut);\n        }\n      }\n    }\n      \n    return () => {\n      if (text || onDeniedText) {\n        document.removeEventListener('mouseover', onMouseOver);\n        document.removeEventListener('scroll', onAnyScroll, true);\n    \n        if (targetElement && targetElement.current) {\n          targetElement.current.removeEventListener('mouseout', onMouseOut);\n        }\n      }\n    };\n  }, [errorMessage, text, onDeniedText]);\n\n  useEffect(() => {\n    if (targetElement.current && tooltipElement.current) {\n      const { width, height } = tooltipDimensions;\n      const targetDimensions = targetElement.current.getBoundingClientRect();\n      const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;\n      const tooltipClientWidth = tooltipElement.current.clientWidth;\n      let style = `width: ${typeof width === 'string' ? width : `${width}px`}`;\n      let left = (targetDimensions.left + (targetDimensions.width / 2)) -\n          (tooltipClientWidth / 2);\n      left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);\n      style += `; left: ${Math.max(space, left)}px`;\n\n      switch (stateTooltipPosition) {\n        case 'top':\n          if (targetDimensions.top < height) {\n            setStateTooltipPosition('bottom');\n          } else {\n            style += `; top: ${targetDimensions.top + window.scrollY - height - space - 5}px`;\n          }\n          break;\n        case 'bottom':\n          if (window.innerHeight - targetDimensions.bottom < height) {\n            setStateTooltipPosition('top');\n          } else {\n            style += `; top: ${targetDimensions.top + window.scrollY + targetDimensions.height + space + 5}px`;\n          }\n          break;\n        case 'left':\n          if (targetDimensions.left < tooltipClientWidth) {\n            if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {\n              setStateTooltipPosition('bottom');\n            } else {\n              setStateTooltipPosition('right');\n            }\n          } else {\n            style += `; top: ${(targetVerticalCenter + window.scrollY) - (height / 2)}px`;\n            style += `; left: ${(targetDimensions.left - tooltipClientWidth) - 6 - space}px`;\n          }\n          break;\n        case 'right':\n          if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {\n            setStateTooltipPosition('left');\n          } else {\n            style += `; top: ${(targetVerticalCenter + window.scrollY) - (height / 2)}px`;\n            style += `; left: ${targetDimensions.left + targetDimensions.width + 5 + space}px`;\n          }\n          break;\n        default:\n          style += '';\n      }\n      setTooltipStyle(style);\n    }\n  }, [tooltipDimensions, stateTooltipPosition]);\n\n  useEffect(() => {\n    if (targetElement.current && tooltipElement.current && showTooltip) {\n      const targetRect = targetElement.current?.getBoundingClientRect() ?? { x: 0, width: 0 };\n      const elementHorizontalPosition = targetRect.x;\n      const widthElement = targetRect.width;\n      const centerOfElement = elementHorizontalPosition + (widthElement / 2);\n\n      requestAnimationFrame(() => {\n        const tooltipRect = tooltipElement.current?.getBoundingClientRect() ?? { x: 0, width: 0 };\n        const tooltipHorizontalPosition = tooltipRect.x;\n        const widthTooltip = tooltipRect.width;\n        const centerOfTooltip = tooltipHorizontalPosition + (widthTooltip / 2);\n        \n        const centerDifferenceBetweenElementAndTooltip = Number(\n          (((centerOfElement - centerOfTooltip) / widthTooltip) * 100).toFixed(2),\n        );\n        \n        const sumDifference = (0.5 + centerDifferenceBetweenElementAndTooltip / 100) * 100;\n        tooltipElement.current?.style.setProperty('--arrow-position', `${sumDifference}%`);\n      });\n    }\n  }, [showTooltip, tooltipElement.current, targetElement.current]);\n\n  useEffect(() => {\n    setStateTooltipPosition(positionProp);\n  }, [window.scrollY, window.scrollX, window.innerWidth]);\n\n  return {\n    text: onDeniedText || text,\n    tooltipRef: tooltipElement,\n    style: tooltipStyle,\n    className: stateTooltipPosition,\n    handlerSetDimensions: setTooltipDimensions,\n    tooltipDimensions: tooltipDimensions,\n    showTooltip,\n  };\n}\n"],"names":["TOOLTIP_INITIAL_HEIGHT","useTooltip","targetRef","text","width","widthProp","space","position","positionProp","errorMessage","onDeniedText","stateTooltipPosition","setStateTooltipPosition","useState","tooltipStyle","setTooltipStyle","showTooltip","setShowTooltip","tooltipDimensions","setTooltipDimensions","height","targetElement","tooltipElement","useRef","onMouseOver","e","current","contains","target","onMouseOut","onAnyScroll","useEffect","document","addEventListener","removeEventListener","targetDimensions","getBoundingClientRect","targetVerticalCenter","top","bottom","tooltipClientWidth","clientWidth","style","left","Math","min","body","max","window","scrollY","innerHeight","innerWidth","right","targetRect","x","elementHorizontalPosition","widthElement","centerOfElement","requestAnimationFrame","tooltipRect","tooltipHorizontalPosition","widthTooltip","centerOfTooltip","sumDifference","Number","toFixed","setProperty","scrollX","tooltipRef","className","handlerSetDimensions"],"mappings":"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"}

package/lib/treetable/Body.d.ts

@@ -0,0 +1,2 @@
+declare const TreeTableBody: () => import("react/jsx-runtime").JSX.Element;
+export default TreeTableBody;

package/lib/treetable/Body.js

@@ -0,0 +1,31 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as d } from "../_virtual/compiler-runtime.js";
+import { useContext as w, useState as u, useEffect as R } from "react";
+import "../_virtual/lodash.js";
+import T from "../table/Body.js";
+import '../assets/styles/table.css';/* empty css                          */
+import { TreeTableContext as x, searchRootElements as E } from "./helpers.js";
+import y from "./Row.js";
+const $ = () => {
+  const e = d.c(11), {
+    data: t,
+    rootPropName: s,
+    stylesForRow: p,
+    parentPropName: f
+  } = w(x), [l, n] = u();
+  let m;
+  e[0] !== t || e[1] !== f ? (m = () => {
+    const o = E(t, f, 0);
+    n(o);
+  }, e[0] = t, e[1] = f, e[2] = m) : m = e[2];
+  let a;
+  e[3] !== t ? (a = [t], e[3] = t, e[4] = a) : a = e[4], R(m, a);
+  let r;
+  e[5] !== l || e[6] !== s || e[7] !== p ? (r = l && l.map((o) => /* @__PURE__ */ c(y, { dataRow: o, rowLevel: o.rowLevel ? o.rowLevel + 1 : 0, rowId: `${o[s]}`, style: p }, o[s])), e[5] = l, e[6] = s, e[7] = p, e[8] = r) : r = e[8];
+  let i;
+  return e[9] !== r ? (i = /* @__PURE__ */ c(T, { children: r }), e[9] = r, e[10] = i) : i = e[10], i;
+};
+export {
+  $ as default
+};
+//# sourceMappingURL=Body.js.map

package/lib/treetable/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../src/lib/treetable/Body.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { TBody } from '../table';\nimport { searchRootElements, TreeTableContext } from './helpers';\nimport TreeRow from './Row';\n\nconst TreeTableBody = () => {\n  const {\n    data,\n    rootPropName,\n    stylesForRow,\n    parentPropName,\n  } = useContext(TreeTableContext);\n\n  const [rootElements, setRootElements] = useState<Array<{ [key: string]: any }>>();\n\n  useEffect(() => {\n    const elements = searchRootElements(data, parentPropName, 0);\n    setRootElements(elements);\n  }, [data]);\n\n  return (\n    <TBody>\n      {rootElements && rootElements.map(element => (\n        <TreeRow\n          dataRow={element}\n          rowLevel={element.rowLevel ? element.rowLevel + 1 : 0}\n          key={element[rootPropName]}\n          rowId={`${element[rootPropName]}`}\n          style={stylesForRow} />\n      ))}\n    </TBody>\n  );\n};\n\nexport default TreeTableBody;\n"],"names":["TreeTableBody","$","_c","data","rootPropName","stylesForRow","parentPropName","useContext","TreeTableContext","rootElements","setRootElements","useState","t0","elements","searchRootElements","t1","useEffect","t2","map","element","jsx","TreeRow","rowLevel","t3","TBody"],"mappings":";;;;;;;;AAKA,MAAMA,IAAgBA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACpB;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,EAAAA,IAKIC,EAAWC,CAAgB,GAE/B,CAAAC,GAAAC,CAAA,IAAwCC,EAAAA;AAA0C,MAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAE,KAAAF,SAAAK,KAExEM,IAAAA,MAAA;AACR,UAAAC,IAAiBC,EAAmBX,GAAMG,GAAgB,CAAC;AAC3DI,IAAAA,EAAgBG,CAAQ;AAAA,EAAC,GAC1BZ,OAAAE,GAAAF,OAAAK,GAAAL,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,SAAAE,KAAEY,IAAA,CAACZ,CAAI,GAACF,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GAHTe,EAAUJ,GAGPG,CAAM;AAAC,MAAAE;AAAA,EAAAhB,EAAA,CAAA,MAAAQ,KAAAR,SAAAG,KAAAH,EAAA,CAAA,MAAAI,KAILY,IAAAR,KAAgBA,EAAYS,IAAKC,CAAAA,MAChC,gBAAAC,EAACC,GAAA,EACUF,SAAAA,GACC,UAAAA,EAAOG,WAAYH,EAAOG,WAAY,IAAtC,GAEH,UAAGH,EAAQf,CAAY,CAAC,IACxBC,OAAAA,EAAAA,GAFFc,EAAQf,CAAY,CAEN,CACtB,GAACH,OAAAQ,GAAAR,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAsB;AAAA,SAAAtB,SAAAgB,KARJM,IAAA,gBAAAH,EAACI,KACEP,UAAAA,EAAAA,CAQH,GAAQhB,OAAAgB,GAAAhB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GATRsB;AASQ;"}

package/lib/treetable/Header.d.ts

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

package/lib/treetable/Header.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as n } from "../_virtual/compiler-runtime.js";
+import { useContext as a } from "react";
+import "../_virtual/lodash.js";
+import p from "../table/Header.js";
+import s from "../table/Row.js";
+import f from "../table/HeaderColumn.js";
+import '../assets/styles/table.css';/* empty css                          */
+import { TreeTableContext as c } from "./helpers.js";
+import l from "../node_modules/uuid/dist/v1.js";
+const R = () => {
+  const e = n.c(5), {
+    dataColumns: m
+  } = a(c);
+  let r;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = l(), 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(p, { children: /* @__PURE__ */ i(s, { children: t }, `tr-header-${r}`) }), e[3] = t, e[4] = o) : o = e[4], o;
+};
+function d(e) {
+  return /* @__PURE__ */ i(f, { style: e.style, children: e.title }, `th-${e.name}-${l()}`);
+}
+export {
+  R as default
+};
+//# sourceMappingURL=Header.js.map

package/lib/treetable/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../src/lib/treetable/Header.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { v1 as uuid } from 'uuid';\nimport { THeader, Th, TRow as Tr } from '../table';\nimport { TreeTableContext } from './helpers';\n\nconst TreeTableHeader = () => {\n  const { dataColumns } = useContext(TreeTableContext);\n\n  return (\n    <THeader>\n      <Tr key={`tr-header-${uuid()}`}>\n        {dataColumns.map(column => (\n          <Th\n            key={`th-${column.name}-${uuid()}`}\n            style={column.style}>\n            {column.title}\n          </Th>\n        ))}\n      </Tr>\n    </THeader>\n  );\n};\n\nexport default TreeTableHeader;\n"],"names":["TreeTableHeader","$","_c","dataColumns","useContext","TreeTableContext","t0","Symbol","for","uuid","t1","map","_temp","t2","jsx","THeader","Tr","column","Th","style","title","name"],"mappings":";;;;;;;;;;AAKA,MAAMA,IAAkBA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACtB;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAwBC,EAAWC,CAAgB;AAAE,MAAAC;AAAA,EAAAL,EAAA,CAAA,MAAAM,OAAAC,IAAA,2BAAA,KAI3BF,IAAAG,EAAAA,GAAMR,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAS;AAAA,EAAAT,SAAAE,KACzBO,IAAAP,EAAWQ,IAAKC,CAMhB,GAACX,OAAAE,GAAAF,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,MAAAY;AAAA,SAAAZ,SAAAS,KARNG,IAAA,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EACEN,eADM,aAAaJ,CAAM,EAQ5B,EAAA,CACF,GAAUL,OAAAS,GAAAT,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GAVVY;AAUU;AAdU,SAAAD,EAAAK,GAAA;AAAA,SAOd,gBAAAH,EAACI,GAAA,EAEQ,OAAAD,EAAME,OACZF,UAAAA,EAAMG,MAAAA,GAFF,MAAMH,EAAMI,IAAK,IAAIZ,EAAAA,CAAM,EAGlC;AAAK;"}

package/lib/treetable/Row.d.ts

@@ -0,0 +1,3 @@
+import { ITreeTableRow } from './types';
+declare const TreeRow: (props: ITreeTableRow) => import("react/jsx-runtime").JSX.Element;
+export default TreeRow;

package/lib/treetable/Row.js

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

package/lib/treetable/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","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"],"names":["TreeRow","props","$","_c","data","dataColumns","rootPropName","stylesForRow","parentPropName","styleForLeftToolbar","onClickFirstColumn","onClickGetChildrens","leftToolbarElements","rightToolbarElements","styleForRightToolbar","toolbarElementsValidations","openNodeId","useContext","TreeTableContext","rowId","dataRow","rowLevel","open","setOpen","useState","childrens","setChildrens","isLoadingChildrens","setIsLoadingChildrens","showToolbarElements","setShowToolbarElements","firstRenderingOfChildrens","setFirstRenderingOfChildrens","divContainerRef","useRef","t0","dataChildrens","searchChildrensPerRow","searchChildrensAndInsertState","t1","finally","then","_temp","catch","_temp2","_temp3","handlerShowChildrens","t2","validationKey","validations","options","disabled","unvisible","visible","elementBehavior","forEach","validation","validator","onDenied","_","isEmpty","validateRowElement","t3","elements","newElementsWithNewProps","Children","map","element","isValidElement","validationKey_0","onNodeElementClick","restProps","newProps","onClick","e","stopPropagation","createElement","type","buildToolbarElements","t4","Symbol","for","handleOnMouseEnter","t5","event","elementoAtual","document","elementFromPoint","clientX","clientY","current","contains","handlerMouseInsideDivContainer","t6","t7","useEffect","t8","t9","t10","t11","window","addEventListener","removeEventListener","t12","id","Number","t13","t14","name","t15","uuid","t16","t17","style","t18","t19","t20","marginLeft","t21","t22","t23","jsx","Icon","t24","t25","t26","t27","t28","t29","float","height","t30","t31","Toolbar","ToolBarGroup","t32","jsxs","t33","t34","gap","t35","t36","t37","t38","Td","t39","t40","column","slice","Tr","t41","length","Fragment","SpinnerLoading","item","t42","prevState"],"mappings":"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"}

package/lib/treetable/helpers.d.ts

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

package/lib/treetable/helpers.js

@@ -0,0 +1,18 @@
+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
+};
+//# sourceMappingURL=helpers.js.map

package/lib/treetable/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","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"],"names":["TreeTableContext","createContext","searchRootElements","data","parentPropName","rowLevel","dataFiltered","filter","item","map","Object","assign","searchChildrensPerRow","rowId","Number"],"mappings":";AAGO,MAAMA,IAAmBC,EAAc,CAAA,CAAuB,GAExDC,IAAqBA,CAChCC,GAGAC,GACAC,IAAW,MACR;AACH,MAAIC;AACJ,SAAIH,MACFG,IAAeH,EAAKI,OAAOC,CAAAA,MAAQ,CAACA,EAAKJ,CAAc,CAAC,GAEjDE,EAAaG,IAAID,CAAAA,MACtBE,OAAOC,OACLH,GACA,IACA;AAAA,IACEH,UAAAA;AAAAA,EAAAA,CAEJ,CAAC;AAIP,GAEaO,IAAwBA,CACnCT,GAGAC,GACAS,GACAR,IAAW,MACR;AACH,MAAIC;AACJ,SAAIH,KAAQU,KACVP,IAAeH,EAAKI,OAAOC,CAAAA,MAAQA,EAAKJ,CAAc,MAAMU,OAAOD,CAAK,CAAC,GAElEP,EAAaG,IAAID,CAAAA,MACtBE,OAAOC,OACLH,GACA,IACA;AAAA,IACEH,UAAAA;AAAAA,EAAAA,CAEJ,CAAC,KAGEF;AACT;"}

package/lib/treetable/index.d.ts

@@ -0,0 +1,4 @@
+import { ITreeTableProps, IRowElementsValidations, RowItem } from './types';
+declare const TreeTable: (props: ITreeTableProps) => import("react/jsx-runtime").JSX.Element;
+export default TreeTable;
+export type { RowItem, IRowElementsValidations };

package/lib/treetable/index.js

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

package/lib/treetable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["TreeTable","props","$","_c","t0","contextValues","t1","t2","Symbol","for","TreeTableHeader","TreeTableBody","t3","Table","_temp","t4","TreeTableContext"],"mappings":";;;;;;;AAOA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,SAAAD,KACyBG,IAAA;AAAA,IAAA,GACpCH;AAAAA,EAAAA,GACJC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAFD,QAAAG,IAAyCD;AAEvC,MAAAE,GAAAC;AAAA,EAAAL,EAAA,CAAA,MAAAM,OAAAC,IAAA,2BAAA,KAKIH,sBAACI,GAAA,EAAe,GAChBH,sBAACI,GAAA,EAAa,GAAGT,OAAAI,GAAAJ,OAAAK,MAAAD,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,SAAAD,KAFnBW,sBAACC,GAAA,EAAK,GAAKZ,GAAmB,YAAAa,GAC5BR,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,GACF,GAAQL,OAAAD,GAAAC,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,EAAA,CAAA,MAAAG,KAAAH,SAAAU,KAJVG,sBAAAC,EAAA,UAAA,EAAkCX,OAAAA,GAChCO,UAAAA,GAIF,GAA4BV,OAAAG,GAAAH,OAAAU,GAAAV,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAL5Ba;AAK4B;AAXd,SAAAD,IAAA;AAAA;"}

package/lib/treeview/Header.d.ts

@@ -0,0 +1,3 @@
+import { ITreeHeaderProps } from './types';
+declare const Header: (props: ITreeHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/lib/treeview/Header.js

@@ -0,0 +1,17 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as m } from "../_virtual/compiler-runtime.js";
+const f = (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("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("div", { className: l, children: t }), e[3] = l, e[4] = t, e[5] = r) : r = e[5], r;
+};
+export {
+  f as default
+};
+//# sourceMappingURL=Header.js.map