linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/tooltip/useTooltip.js

@@ -1,128 +1,96 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTooltip = useTooltip;
-var _react = require("react");
-const TOOLTIP_INITIAL_HEIGHT = 40;
-function useTooltip(_ref) {
-  let {
-    targetRef,
-    text,
-    width: widthProp = 'auto',
-    space = 0,
-    position: positionProp = 'bottom',
-    errorMessage,
-    onDeniedText
-  } = _ref;
-  const [stateTooltipPosition, setStateTooltipPosition] = (0, _react.useState)(positionProp);
-  const [tooltipStyle, setTooltipStyle] = (0, _react.useState)('');
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  const [tooltipDimensions, setTooltipDimensions] = (0, _react.useState)({
-    width: widthProp,
-    height: TOOLTIP_INITIAL_HEIGHT
-  });
-  const targetElement = targetRef;
-  const tooltipElement = (0, _react.useRef)(null);
-  const onMouseOver = e => {
-    if (targetElement.current && targetElement.current.contains(e.target)) {
-      setShowTooltip(true);
-    } else setShowTooltip(false);
-  };
-  const onMouseOut = () => {
-    setShowTooltip(false);
-  };
-  const onAnyScroll = () => {
-    setShowTooltip(false);
-  };
-  (0, _react.useEffect)(() => {
-    if (text || onDeniedText) {
-      if (errorMessage) {
-        setShowTooltip(true);
-      } else {
-        setShowTooltip(false);
-        document.addEventListener('mouseover', onMouseOver);
-        document.addEventListener('scroll', onAnyScroll, true);
-        if (targetElement && targetElement.current) {
-          targetElement.current.addEventListener('mouseout', onMouseOut);
+import { c as q } from "../_virtual/compiler-runtime.js";
+import { useState as W, useRef as z, useEffect as k } from "react";
+const F = 40;
+function Q(G) {
+  const t = q.c(33), {
+    targetRef: V,
+    text: l,
+    width: O,
+    space: C,
+    position: H,
+    errorMessage: f,
+    onDeniedText: r
+  } = G, D = O === void 0 ? "auto" : O, c = C === void 0 ? 0 : C, h = H === void 0 ? "bottom" : H, [n, a] = W(h), [I, X] = W(""), [M, u] = W(!1);
+  let w;
+  t[0] !== D ? (w = {
+    width: D,
+    height: F
+  }, t[0] = D, t[1] = w) : w = t[1];
+  const [s, j] = W(w), o = V, P = z(null);
+  let g;
+  t[2] !== o.current ? (g = (m) => {
+    o.current && o.current.contains(m.target) ? u(!0) : u(!1);
+  }, t[2] = o.current, t[3] = g) : g = t[3];
+  const v = g;
+  let b;
+  t[4] === Symbol.for("react.memo_cache_sentinel") ? (b = () => {
+    u(!1);
+  }, t[4] = b) : b = t[4];
+  const A = b;
+  let x;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+    u(!1);
+  }, t[5] = x) : x = t[5];
+  const N = x;
+  let T;
+  t[6] !== f || t[7] !== r || t[8] !== v || t[9] !== o || t[10] !== l ? (T = () => ((l || r) && (f ? u(!0) : (u(!1), document.addEventListener("mouseover", v), document.addEventListener("scroll", N, !0), o && o.current && o.current.addEventListener("mouseout", A))), () => {
+    (l || r) && (document.removeEventListener("mouseover", v), document.removeEventListener("scroll", N, !0), o && o.current && o.current.removeEventListener("mouseout", A));
+  }), t[6] = f, t[7] = r, t[8] = v, t[9] = o, t[10] = l, t[11] = T) : T = t[11];
+  let E;
+  t[12] !== f || t[13] !== r || t[14] !== l ? (E = [f, l, r], t[12] = f, t[13] = r, t[14] = l, t[15] = E) : E = t[15], k(T, E);
+  let y;
+  t[16] !== c || t[17] !== n || t[18] !== o.current || t[19] !== s ? (y = () => {
+    if (o.current && P.current) {
+      const {
+        width: m,
+        height: p
+      } = s, i = o.current.getBoundingClientRect(), B = (i.top + i.bottom) / 2, d = P.current.clientWidth;
+      let e = `width: ${typeof m == "string" ? m : `${m}px`}`, Y = i.left + i.width / 2 - d / 2;
+      Y = Math.min(Y, document.body.clientWidth - d - c), e = e + `; left: ${Math.max(c, Y)}px`;
+      t: switch (n) {
+        case "top": {
+          i.top < p ? a("bottom") : e = e + `; top: ${i.top + window.scrollY - p - c - 5}px`;
+          break t;
         }
-      }
-    }
-    return () => {
-      if (text || onDeniedText) {
-        document.removeEventListener('mouseover', onMouseOver);
-        document.removeEventListener('scroll', onAnyScroll, true);
-        if (targetElement && targetElement.current) {
-          targetElement.current.removeEventListener('mouseout', onMouseOut);
+        case "bottom": {
+          window.innerHeight - i.bottom < p ? a("top") : e = e + `; top: ${i.top + window.scrollY + i.height + c + 5}px`;
+          break t;
+        }
+        case "left": {
+          i.left < d ? window.innerWidth - i.right < d ? a("bottom") : a("right") : (e = e + `; top: ${B + window.scrollY - p / 2}px`, e = e + `; left: ${i.left - d - 6 - c}px`);
+          break t;
+        }
+        case "right": {
+          window.innerWidth - i.right < d ? a("left") : (e = e + `; top: ${B + window.scrollY - p / 2}px`, e = e + `; left: ${i.left + i.width + 5 + c}px`);
+          break t;
         }
-      }
-    };
-  }, [errorMessage, text, onDeniedText]);
-  (0, _react.useEffect)(() => {
-    if (targetElement.current && tooltipElement.current) {
-      const {
-        width,
-        height
-      } = tooltipDimensions;
-      const targetDimensions = targetElement.current.getBoundingClientRect();
-      const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
-      const tooltipClientWidth = tooltipElement.current.clientWidth;
-      let style = `width: ${typeof width === 'string' ? width : `${width}px`}`;
-      let left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
-      left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);
-      style += `; left: ${Math.max(space, left)}px`;
-      switch (stateTooltipPosition) {
-        case 'top':
-          if (targetDimensions.top < height) {
-            setStateTooltipPosition('bottom');
-          } else {
-            style += `; top: ${targetDimensions.top + window.scrollY - height - space - 5}px`;
-          }
-          break;
-        case 'bottom':
-          if (window.innerHeight - targetDimensions.bottom < height) {
-            setStateTooltipPosition('top');
-          } else {
-            style += `; top: ${targetDimensions.top + window.scrollY + targetDimensions.height + space + 5}px`;
-          }
-          break;
-        case 'left':
-          if (targetDimensions.left < tooltipClientWidth) {
-            if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
-              setStateTooltipPosition('bottom');
-            } else {
-              setStateTooltipPosition('right');
-            }
-          } else {
-            style += `; top: ${targetVerticalCenter + window.scrollY - height / 2}px`;
-            style += `; left: ${targetDimensions.left - tooltipClientWidth - 6 - space}px`;
-          }
-          break;
-        case 'right':
-          if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
-            setStateTooltipPosition('left');
-          } else {
-            style += `; top: ${targetVerticalCenter + window.scrollY - height / 2}px`;
-            style += `; left: ${targetDimensions.left + targetDimensions.width + 5 + space}px`;
-          }
-          break;
         default:
-          style += '';
+          e = e + "";
       }
-      setTooltipStyle(style);
+      X(e);
     }
-  }, [tooltipDimensions, stateTooltipPosition]);
-  (0, _react.useEffect)(() => {
-    setStateTooltipPosition(positionProp);
-  }, [window.scrollY, window.scrollX, window.innerWidth]);
-  return {
-    text: onDeniedText || text,
-    tooltipRef: tooltipElement,
-    style: tooltipStyle,
-    className: stateTooltipPosition,
-    handlerSetDimensions: setTooltipDimensions,
-    tooltipDimensions: tooltipDimensions,
-    showTooltip
-  };
-}
+  }, t[16] = c, t[17] = n, t[18] = o.current, t[19] = s, t[20] = y) : y = t[20];
+  let S;
+  t[21] !== n || t[22] !== s ? (S = [s, n], t[21] = n, t[22] = s, t[23] = S) : S = t[23], k(y, S);
+  let $;
+  t[24] !== h ? ($ = () => {
+    a(h);
+  }, t[24] = h, t[25] = $) : $ = t[25];
+  let L;
+  t[26] === Symbol.for("react.memo_cache_sentinel") ? (L = [window.scrollY, window.scrollX, window.innerWidth], t[26] = L) : L = t[26], k($, L);
+  const R = r || l;
+  let _;
+  return t[27] !== M || t[28] !== n || t[29] !== R || t[30] !== s || t[31] !== I ? (_ = {
+    text: R,
+    tooltipRef: P,
+    style: I,
+    className: n,
+    handlerSetDimensions: j,
+    tooltipDimensions: s,
+    showTooltip: M
+  }, t[27] = M, t[28] = n, t[29] = R, t[30] = s, t[31] = I, t[32] = _) : _ = t[32], _;
+}
+export {
+  Q 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    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","t0","$","_c","targetRef","text","width","t1","space","t2","position","t3","errorMessage","onDeniedText","widthProp","undefined","positionProp","stateTooltipPosition","setStateTooltipPosition","useState","tooltipStyle","setTooltipStyle","showTooltip","setShowTooltip","t4","height","tooltipDimensions","setTooltipDimensions","targetElement","tooltipElement","useRef","t5","current","e","contains","target","onMouseOver","t6","Symbol","for","onMouseOut","t7","onAnyScroll","t8","document","addEventListener","removeEventListener","t9","useEffect","t10","targetDimensions","getBoundingClientRect","targetVerticalCenter","top","bottom","tooltipClientWidth","clientWidth","style","left","Math","min","body","max","bb60","window","scrollY","innerHeight","innerWidth","right","t11","t12","t13","scrollX","t14","t15","tooltipRef","className","handlerSetDimensions"],"mappings":"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"}

package/lib/treetable/Body.d.ts

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

package/lib/treetable/Body.js

@@ -1,34 +1,31 @@
-"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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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: `${element[rootPropName]}`,
-    style: stylesForRow
-  })));
+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;
 };
-var _default = exports.default = TreeTableBody;
+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

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

package/lib/treetable/Header.js

@@ -1,24 +1,28 @@
-"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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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-${(0, _uuid.v1)()}`
-  }, dataColumns.map(column => /*#__PURE__*/_react.default.createElement(_table.Th, {
-    key: `th-${column.name}-${(0, _uuid.v1)()}`,
-    style: column.style
-  }, column.title))));
+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;
 };
-var _default = exports.default = TreeTableHeader;
+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

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