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

package/lib/tooltip/index.js

@@ -1,39 +1,41 @@
-import { j as f } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useRef as h, useEffect as e } from "react";
-import a from "react-dom";
-import { v } from "../chunks/v1.Ds1rkxUj.js";
-import '../assets/index5.css';const x = ({
-  text: m,
-  textError: n,
-  tooltipRef: u,
-  style: r = "",
-  tooltipDimensions: c,
-  className: o = "bottom",
-  handlerSetDimensions: p = () => {
-  }
-}) => {
-  const t = h(document.createElement("div"));
-  e(() => {
-    t.current.id = `tooltip-${v()}`, t.current.className = `tooltip-component ${o} `, t.current.dataset.testid = "tooltip-component", t.current.style.cssText = r, document.body.appendChild(t.current);
-    const i = document.querySelector(`div#${t.current.id}`);
-    let d = i?.offsetWidth;
-    const l = i?.offsetHeight;
-    return c && c.width && (d = c.width), p({
-      width: d,
-      height: Number(l)
-    }), u && (u.current = i), () => {
-      document.body.removeChild(t.current);
-    };
-  }, []), e(() => {
-    t.current.className = `tooltip-component ${o} `;
-  }, [o]), e(() => {
-    t.current.style.cssText = r;
-  }, [r]), e(() => {
-    t.current.className = n ? `tooltip-error tooltip-component ${o}` : `tooltip-component ${o}`;
-  }, [n]);
-  const s = () => /* @__PURE__ */ f.jsx("div", { className: "tooltipcontent", children: n || m });
-  return a.createPortal(s(), t.current);
-};
-export {
-  x as default
-};
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "./TooltipContent.js";
+import { useTooltip as n } from "./useTooltip.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/tooltip/index.tsx
+var i = e();
+function a(e) {
+	let a = (0, i.c)(14), { text: o, textError: s, targetRef: c, style: l, width: u, space: d, className: f, position: p, onDeniedText: m } = e, h = p === void 0 ? "bottom" : p, g;
+	a[0] !== m || a[1] !== h || a[2] !== d || a[3] !== c || a[4] !== o || a[5] !== s || a[6] !== u ? (g = {
+		targetRef: c,
+		errorMessage: s,
+		position: h,
+		width: u,
+		text: o,
+		space: d,
+		onDeniedText: m
+	}, a[0] = m, a[1] = h, a[2] = d, a[3] = c, a[4] = o, a[5] = s, a[6] = u, a[7] = g) : g = a[7];
+	let _ = n(g), v, y;
+	if (a[8] !== f || a[9] !== h || a[10] !== l || a[11] !== _) {
+		y = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let { showTooltip: e, ...n } = _;
+			if (!e) {
+				y = null;
+				break bb0;
+			}
+			v = r(t, {
+				styleForContent: l,
+				classNameForContent: f,
+				position: h,
+				...n
+			});
+		}
+		a[8] = f, a[9] = h, a[10] = l, a[11] = _, a[12] = v, a[13] = y;
+	} else v = a[12], y = a[13];
+	return y === Symbol.for("react.early_return_sentinel") ? v : y;
+}
+//#endregion
+export { a as Tooltip, a as default };
+
+//# sourceMappingURL=index.js.map

package/lib/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/tooltip/index.tsx"],"sourcesContent":["import TooltipContent from './TooltipContent';\nimport { ITooltipProps } from './types';\nimport { useTooltip } from './useTooltip';\n\nexport default function Tooltip({\n  text,\n  textError,\n  targetRef,\n  style,\n  width,\n  space,\n  className,\n  position = 'bottom',\n  onDeniedText,\n}: ITooltipProps) {\n  const { showTooltip, ...tooltipContentProps } = useTooltip({\n    targetRef,\n    errorMessage: textError,\n    position,\n    width,\n    text,\n    space,\n    onDeniedText,\n  });\n\n  if (!showTooltip) return null;\n  return (\n    <TooltipContent \n      styleForContent={style} \n      classNameForContent={className}\n      position={position}\n      {...tooltipContentProps} />\n  );\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;AAIA,SAAe,EAAA,GAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAiB,EAAA,SAAA,cAAA,cAAA,UAAA,UAAA,UAAA,cAAA,UAAA,GAAA,oBAAA,GAQ9B,IAAA,MAAA,KAAA,IAAA,WAAA,GAAW;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAGgD,IAAA;EAAA;EAAA,cAE3C;EAAA;EAAA;EAAA;EAAA;EAAA;EAMf,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAR+C,IAAA,IAAA,EAAW,EAQzD,EAAA,GAAA;AAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,GAAA;AAEuB,MAAA,OAAA,IAAA,8BAAA;AAAA,OAAA;GAVzB,IAAA,EAAA,gBAAA,GAAA,MAAgD;AAUhD,OAAI,CAAC,GAAA;AAAoB,QAAA;AAAA,UAAA;;AAEvB,OAAA,EAAC,GAAD;IAAA,iBACmB;IAAA,qBACI;IAAA;IAAA,GAEjB;IAAuB,CAAA;;AAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA;OAAA,CAAA,IAAA,EAAA,KAAA,IAAA,EAAA;AAAA,QAAA,MAAA,OAAA,IAAA,8BAAA,GAJ7B,IAI6B"}

package/lib/tooltip/types.d.ts

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

package/lib/tooltip/useTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.js","names":[],"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"],"mappings":"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"}

package/lib/treetable/Body.js

@@ -1,34 +1,26 @@
-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
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../table/Body.js";
+import { TreeTableContext as n, searchRootElements as r } from "./helpers.js";
+import i from "./Row.js";
+import { useContext as a, useEffect as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/treetable/Body.tsx
+var l = e(), u = () => {
+	let e = (0, l.c)(9), { data: u, rootPropName: d, stylesForRow: f, parentPropName: p } = a(n), [m, h] = s(), g;
+	e[0] !== u || e[1] !== p ? (g = () => {
+		h(r(u, p, 0));
+	}, e[0] = u, e[1] = p, e[2] = g) : g = e[2];
+	let _;
+	e[3] === u ? _ = e[4] : (_ = [u], e[3] = u, e[4] = _), o(g, _);
+	let v;
+	return e[5] !== m || e[6] !== d || e[7] !== f ? (v = c(t, { children: m && m.map((e) => c(i, {
+		dataRow: e,
+		rowLevel: e.rowLevel ? e.rowLevel + 1 : 0,
+		rowId: `${e[d]}`,
+		style: f
+	}, e[d])) }), e[5] = m, e[6] = d, e[7] = f, e[8] = v) : v = e[8], v;
 };
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Body.js.map

package/lib/treetable/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","names":[],"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"],"mappings":";;;;;;;aAKM,UAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EACJ,EAAA,SAAA,iBAAA,iBAAA,sBAKI,EAAW,EAAiB,EAEhC,CAAA,GAAA,KAAwC,GAAyC,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEjF,UAAA;AAEE,IADiB,EAAmB,GAAM,GAAgB,EAAE,CACnC;;;AAF3B,cAGS,IAAA,EAAA,MAAN,IAAA,CAAC,EAAK,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,IAHT,EAAA,GAGG,EAAO;CAAA,IAAA;AAYA,QAZA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAGR,IAAA,EAAC,GAAD,EAAA,UACG,KAAgB,EAAA,KAAa,MAC5B,EAAC,GAAD;EAAA,SACW;EAAA,UACC,EAAA,WAAmB,EAAA,WAAmB,IAAtC;EAA0C,OAE7C,GAAG,EAAQ;EAAA,OACX;EAAgB,EAFlB,EAAQ,GAEU,CAAA,EAErB,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IATR"}

package/lib/treetable/Header.js

@@ -1,30 +1,27 @@
-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;
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../node_modules/uuid/dist/v1.js";
+import n from "../table/Header.js";
+import r from "../table/Row.js";
+import i from "../table/HeaderColumn.js";
+import { TreeTableContext as a } from "./helpers.js";
+import { useContext as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/treetable/Header.tsx
+var c = e(), l = () => {
+	let e = (0, c.c)(3), { dataColumns: i } = o(a), l;
+	if (e[0] !== i) {
+		let a;
+		e[2] === Symbol.for("react.memo_cache_sentinel") ? (a = t(), e[2] = a) : a = e[2], l = s(n, { children: s(r, { children: i.map(u) }, `tr-header-${a}`) }), e[0] = i, e[1] = l;
+	} else l = e[1];
+	return l;
 };
-function d(e) {
-  return /* @__PURE__ */ i.jsx(f, { style: e.style, children: e.title }, `th-${e.name}-${s()}`);
+function u(e) {
+	return s(i, {
+		style: e.style,
+		children: e.title
+	}, `th-${e.name}-${t()}`);
 }
-export {
-  E as default
-};
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=Header.js.map

package/lib/treetable/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"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"],"mappings":";;;;;;;;;aAKM,UAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EACJ,EAAA,mBAAwB,EAAW,EAAiB,EAAA;AAAA,KAAA,EAAA,OAAA,GAAA;EAAA,IAAA;AAaxC,EAbwC,EAAA,OAAA,OAAA,IAAA,4BAAA,IAI1B,IAAA,GAAM,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAD9B,IAAA,EAAC,GAAD,EAAA,UACE,EAAC,GAAD,EAAA,UACG,EAAA,IAAY,EAKN,EAEJ,EARI,aAAa,IAAM,EASpB,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;OAAA,KAAA,EAAA;AAAA,QAVV;;AAJE,SAAA,EAAA,GAAA;AAAA,QAOI,EAAC,GAAD;EAAA,OAES,EAAA;EAAO,UACb,EAAA;EACE,EAHE,MAAM,EAAA,KAAO,GAAQ,GAAM,GAG7B"}