linear-react-components-ui 1.1.26-beta.6 → 1.1.26-beta.8

package/lib/split/Split.js

@@ -1,34 +1,34 @@
-import { j as m } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useState as V, useRef as M, useEffect as b } from "react";
-import X from "./helpers.js";
-const F = ({
+import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as U, useRef as L, useEffect as b } from "react";
+import V from "./helpers.js";
+const q = ({
   hotKey: h,
-  secondaryInitialSize: y = 0,
+  secondaryInitialSize: z = 0,
   onSecondaryPaneSizeChange: w,
   vertical: f,
-  primaryIndex: N = 0,
-  percentage: z,
-  primaryMinSize: P = 0,
+  primaryIndex: M = 0,
+  percentage: P,
+  primaryMinSize: m = 0,
   secondaryMinSize: R = 0,
   customClass: x,
   children: S = [],
   hideSplitSideOnToggleClick: C = "primary",
-  style: A,
+  style: N,
   nodeParameter: H
 }) => {
-  const [e, s] = V({
+  const [e, s] = U({
     secondaryPaneSize: 0,
     resizing: !1,
     visibleSplitSide: !0,
     isHidePane: !0
-  }), c = M(null), d = M(null), v = (t, i, o, a) => {
+  }), c = L(null), d = L(null), v = (t, i, o, l) => {
     let r = f ? t.height : t.width, n = f ? i.height : i.width, u = f ? o.top - t.top : o.left - t.left;
-    a && (u -= n / 2), u < 0 ? u = 0 : u > r - n && (u = r - n);
-    let l;
-    l = N === 1 ? u : r - n - u;
-    let g = r - n - l;
-    return z && (l = l * 100 / r, g = g * 100 / r, n = n * 100 / r, r = 100), g < P ? l = Math.max(l - (P - g), 0) : l < R && (l = Math.min(r - n - P, R)), l;
-  }, k = () => {
+    l && (u -= n / 2), u < 0 ? u = 0 : u > r - n && (u = r - n);
+    let a;
+    a = M === 1 ? u : r - n - u;
+    let g = r - n - a;
+    return P && (a = a * 100 / r, g = g * 100 / r, n = n * 100 / r, r = 100), g < m ? a = Math.max(a - (m - g), 0) : a < R && (a = Math.min(r - n - m, R)), a;
+  }, _ = () => {
     const t = Selection;
     if (document.createRange() && H) {
       const i = document.createRange();
@@ -37,34 +37,49 @@ const F = ({
       const i = window.getSelection();
       i && i.empty ? i.empty() : i && i.removeAllRanges && i.removeAllRanges();
     } else t && t.empty();
-  }, E = () => {
-    if (c.current && d.current && !z) {
+  }, k = () => {
+    if (c.current && d.current && !P) {
       const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = v(t, i, {
         left: i.left,
         top: i.top
       }, !1);
-      s({ ...e, secondaryPaneSize: o });
+      s({
+        ...e,
+        secondaryPaneSize: o
+      });
     }
-  }, j = (t) => {
+  }, E = (t) => {
     if (c.current && d.current && e.resizing) {
-      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), a = v(i, o, {
+      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), l = v(i, o, {
         left: t.clientX,
         top: t.clientY
       }, !0);
-      k(), s({ ...e, secondaryPaneSize: a });
+      _(), s({
+        ...e,
+        secondaryPaneSize: l
+      });
     }
-  }, D = () => {
-    k(), s({ ...e, resizing: !0 });
-  }, B = (t) => {
-    const i = t.keyCode || t.which, o = y, a = {
+  }, A = () => {
+    _(), s({
+      ...e,
+      resizing: !0
+    });
+  }, j = (t) => {
+    const i = t.keyCode || t.which, o = z, l = {
       left: 37,
       up: 38,
       right: 39,
       down: 40
-    }, { isHidePane: r, visibleSplitSide: n } = e;
+    }, {
+      isHidePane: r,
+      visibleSplitSide: n
+    } = e;
     if (t.ctrlKey)
-      switch (s({ ...e, visibleSplitSide: !1 }), i) {
-        case a.left:
+      switch (s({
+        ...e,
+        visibleSplitSide: !1
+      }), i) {
+        case l.left:
           r ? s({
             ...e,
             visibleSplitSide: !n,
@@ -77,7 +92,7 @@ const F = ({
             isHidePane: !0
           });
           break;
-        case a.right:
+        case l.right:
           s(r ? {
             ...e,
             visibleSplitSide: !n,
@@ -90,7 +105,7 @@ const F = ({
             isHidePane: !0
           });
           break;
-        case a.up:
+        case l.up:
           s(r ? {
             ...e,
             visibleSplitSide: !n,
@@ -103,7 +118,7 @@ const F = ({
             isHidePane: !0
           });
           break;
-        case a.down:
+        case l.down:
           s(r ? {
             ...e,
             visibleSplitSide: !n,
@@ -120,8 +135,8 @@ const F = ({
   };
   b(() => {
     let t;
-    if (window.addEventListener("resize", E), h && document.addEventListener("keyup", B), y)
-      t = y;
+    if (window.addEventListener("resize", k), h && document.addEventListener("keyup", j), z)
+      t = z;
     else if (c.current && d.current) {
       const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect();
       t = v(i, o, {
@@ -129,61 +144,50 @@ const F = ({
         top: i.top + (i.height - o.height) / 2
       }, !1);
     }
-    return t = t, s({ ...e, secondaryPaneSize: t }), () => {
-      window.removeEventListener("resize", E), h && document.removeEventListener("keyup", B);
+    return t = t, s({
+      ...e,
+      secondaryPaneSize: t
+    }), () => {
+      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", j);
     };
   }, []), b(() => {
     w && w(e.secondaryPaneSize);
-  }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", j), () => {
-    document.removeEventListener("mousemove", j);
+  }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", E), () => {
+    document.removeEventListener("mousemove", E);
   }), [e.resizing]);
-  const K = () => ({
+  const D = () => ({
     size: e.secondaryPaneSize,
-    percentage: z,
+    percentage: P,
     vertical: f,
     primary: S[1] && !1
-  }), { resizing: U, visibleSplitSide: L } = e;
+  }), {
+    resizing: K,
+    visibleSplitSide: B
+  } = e;
   let p = "split-component";
-  return x && (p += ` ${x}`), f && (p += " splitter-layout-vertical"), U && (p += " layout-changing"), /* @__PURE__ */ m.jsx(X.Provider, { value: K(), children: /* @__PURE__ */ m.jsxs("div", { className: p, style: A, ref: (t) => {
+  return x && (p += ` ${x}`), f && (p += " splitter-layout-vertical"), K && (p += " layout-changing"), /* @__PURE__ */ y.jsx(V.Provider, { value: D(), children: /* @__PURE__ */ y.jsxs("div", { className: p, style: N, ref: (t) => {
     c.current = t;
   }, children: [
-    C === "primary" ? L && S[0] : S[0],
-    /* @__PURE__ */ m.jsx(
-      "div",
-      {
-        role: "button",
-        onKeyPress: void 0,
-        tabIndex: -1,
-        className: "layout-splitter",
-        ref: (t) => {
-          d.current = t;
-        },
-        onMouseUp: () => s({ ...e, resizing: !1 }),
-        onMouseDown: () => {
-          D();
-        },
-        children: /* @__PURE__ */ m.jsx(
-          "div",
-          {
-            role: "button",
-            tabIndex: -1,
-            onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
-              ...e,
-              secondaryPaneSize: 50,
-              resizing: !1
-            }) : s({
-              ...e,
-              secondaryPaneSize: 100,
-              resizing: !1
-            }),
-            className: f ? "toggler-vertical" : "toggler-horizontal"
-          }
-        )
-      }
-    ),
-    C === "secondary" ? L && S[1] : S[1]
+    C === "primary" ? B && S[0] : S[0],
+    /* @__PURE__ */ y.jsx("div", { role: "button", onKeyPress: void 0, tabIndex: -1, className: "layout-splitter", ref: (t) => {
+      d.current = t;
+    }, onMouseUp: () => s({
+      ...e,
+      resizing: !1
+    }), onMouseDown: () => {
+      A();
+    }, children: /* @__PURE__ */ y.jsx("div", { role: "button", tabIndex: -1, onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
+      ...e,
+      secondaryPaneSize: 50,
+      resizing: !1
+    }) : s({
+      ...e,
+      secondaryPaneSize: 100,
+      resizing: !1
+    }), className: f ? "toggler-vertical" : "toggler-horizontal" }) }),
+    C === "secondary" ? B && S[1] : S[1]
   ] }) });
 };
 export {
-  F as default
+  q as default
 };

package/lib/split/SplitSide.js

@@ -1,19 +1,27 @@
-import { j as m } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useContext as u } from "react";
-import x from "./helpers.js";
-const $ = ({ primary: o, children: l, customClass: a, style: n }) => {
-  const { size: p, percentage: r, vertical: c } = u(x), e = p || 0, s = r ? "%" : "px";
-  let i = "layout-pane";
-  const t = {};
-  return o ? i += " layout-pane-primary" : c ? t.height = `${e}${s}` : t.width = `${e}${s}`, /* @__PURE__ */ m.jsx(
-    "div",
-    {
-      className: `${i} ${a}`,
-      style: Object.assign({}, t, n),
-      children: l
-    }
-  );
+import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as $ } from "react";
+import h from "./helpers.js";
+const z = (f) => {
+  const t = S.c(14), {
+    primary: a,
+    children: n,
+    customClass: p,
+    style: c
+  } = f, {
+    size: x,
+    percentage: y,
+    vertical: m
+  } = $(h), l = x || 0, o = y ? "%" : "px";
+  let e = "layout-pane", s, i;
+  if (t[0] !== e || t[1] !== p || t[2] !== a || t[3] !== l || t[4] !== c || t[5] !== o || t[6] !== m) {
+    const u = {};
+    a ? e = "layout-pane layout-pane-primary" : m ? u.height = `${l}${o}` : u.width = `${l}${o}`, s = `${e} ${p}`, i = Object.assign({}, u, c), t[0] = e, t[1] = p, t[2] = a, t[3] = l, t[4] = c, t[5] = o, t[6] = m, t[7] = s, t[8] = i, t[9] = e;
+  } else
+    s = t[7], i = t[8], e = t[9];
+  let r;
+  return t[10] !== n || t[11] !== s || t[12] !== i ? (r = /* @__PURE__ */ d.jsx("div", { className: s, style: i, children: n }), t[10] = n, t[11] = s, t[12] = i, t[13] = r) : r = t[13], r;
 };
 export {
-  $ as default
+  z as default
 };

package/lib/table/Body.js

@@ -1,59 +1,46 @@
-import { j as e } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useContext as x } from "react";
-import h, { getArrayFromNumber as y } from "./helpers.js";
-import f from "../skeleton/index.js";
+import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as u } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as f } from "react";
+import k, { getArrayFromNumber as b } from "./helpers.js";
+import j from "../skeleton/index.js";
 import "../chunks/lodash.CIAK_hAg.js";
-import u from "./Row.js";
+import C from "./Row.js";
 import "../icons/index.js";
-import j from "./RowColumn.js";
+import w from "./RowColumn.js";
 import '../assets/table.css';/* empty css                       */
-const b = (r, {
+const h = (p, {
   columnsCount: t,
-  vertical: o,
-  skeletonize: l,
-  skeletonInRows: s = 10,
-  skeletonHeight: i = 16,
-  columnsWidth: a
+  vertical: s,
+  skeletonize: r,
+  skeletonInRows: e = 10,
+  skeletonHeight: n = 16,
+  columnsWidth: l
 }) => {
-  if (l && !o && t && s) {
-    const c = y(s), m = y(t);
-    return c.map((n) => /* @__PURE__ */ e.jsx(u, { customClass: "row-skeleton", children: m.map((p) => /* @__PURE__ */ e.jsx(j, { style: { width: a?.[p - 1] }, children: /* @__PURE__ */ e.jsx(f, { height: i }) }, p)) }, n));
+  if (r && !s && t && e) {
+    const y = b(e), i = b(t);
+    return y.map((x) => /* @__PURE__ */ o.jsx(C, { customClass: "row-skeleton", children: i.map((m) => /* @__PURE__ */ o.jsx(w, { style: {
+      width: l?.[m - 1]
+    }, children: /* @__PURE__ */ o.jsx(j, { height: n }) }, m)) }, x));
   }
-  return r;
-}, v = ({ children: r, customClass: t }) => {
-  const o = x(h), {
-    bodyScrollable: l,
-    bodyContainerRef: s,
-    skeletonize: i,
-    skeletonInRows: a = 10,
+  return p;
+}, B = (p) => {
+  const t = u.c(8), {
+    children: s,
+    customClass: r
+  } = p, e = f(k), {
+    bodyScrollable: n,
+    bodyContainerRef: l,
+    skeletonize: y,
+    skeletonInRows: i,
     strict: c,
-    vertical: m,
-    columnsCount: d
-  } = o, n = !!(i && !m && a && d);
-  return l ? /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: "bodycontainer",
-      ref: s,
-      children: /* @__PURE__ */ e.jsx(
-        "table",
-        {
-          className: "innertable",
-          style: {
-            contain: c ? "strict" : "size layout style"
-          },
-          children: /* @__PURE__ */ e.jsx(
-            "tbody",
-            {
-              className: `tbody ${n ? "skeleton-transparency" : ""} ${t}`,
-              children: b(r, o)
-            }
-          )
-        }
-      )
-    }
-  ) : /* @__PURE__ */ e.jsx("tbody", { className: `tbody ${n ? "skeleton-transparency" : ""} ${t}`, children: b(r, o) });
+    vertical: x,
+    columnsCount: m
+  } = e, a = !!(y && !x && (i === void 0 ? 10 : i) && m);
+  let d;
+  return t[0] !== l || t[1] !== n || t[2] !== s || t[3] !== e || t[4] !== r || t[5] !== a || t[6] !== c ? (d = n ? /* @__PURE__ */ o.jsx("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o.jsx("table", { className: "innertable", style: {
+    contain: c ? "strict" : "size layout style"
+  }, children: /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }) }) }) : /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }), t[0] = l, t[1] = n, t[2] = s, t[3] = e, t[4] = r, t[5] = a, t[6] = c, t[7] = d) : d = t[7], d;
 };
 export {
-  v as default
+  B as default
 };

package/lib/table/Header.js

@@ -1,39 +1,52 @@
-import { j as n } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useContext as f, useRef as d, useEffect as h, isValidElement as l } from "react";
-import { _ as e } from "../chunks/lodash.CIAK_hAg.js";
-import u from "./helpers.js";
-const m = (s) => {
-  const r = [];
-  if (l(s) && s.props) {
-    let o = s.props.children;
-    e.isArray(o) || (o = [o]), o.forEach((p) => {
+import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as x } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as y, useRef as C, useEffect as E, isValidElement as u } from "react";
+import { _ as l } from "../chunks/lodash.CIAK_hAg.js";
+import b from "./helpers.js";
+const g = (r) => {
+  const s = [];
+  if (u(r) && r.props) {
+    let o = r.props.children;
+    l.isArray(o) || (o = [o]), o.forEach((e) => {
       let i = 0;
-      e.isArray(p) ? p.forEach((a) => {
-        a && a.props && (i = a.props?.style?.width), r.push(i);
-      }) : p && p.props && (i = p.props?.style?.width, r.push(i));
+      l.isArray(e) ? e.forEach((c) => {
+        c && c.props && (i = c.props?.style?.width), s.push(i);
+      }) : e && e.props && (i = e.props?.style?.width, s.push(i));
     });
   }
-  return r;
-}, c = (s, r) => {
-  const t = r;
-  if (l(s)) {
-    const o = s.props;
-    e.isArray(o?.children) ? s.props.children.forEach((i) => c(i, t)) : s && (t.current += 1);
-  } else e.isArray(s) && s.length > 0 && s.forEach((o) => c(o, t));
-}, x = (s, r) => {
+  return s;
+}, h = (r, s) => {
   const t = s;
-  return e.isArray(s) && s.length > 0 && s[0].props ? c(s[0].props.children, r) : l(s) && s.props && t?.props?.children && c(t?.props?.children, r), r.current;
-}, g = ({ customClass: s, children: r }) => {
-  const {
-    bodyScrollWidth: t,
-    bodyScrollable: o,
-    handlerSetColumnsWidth: p,
-    handlerSetColumnsCount: i
-  } = f(u), a = d(0);
-  return h(() => {
-    r && p && i && (p(m(r)), i(x(r, a)));
-  }, []), o ? /* @__PURE__ */ n.jsx("div", { className: "headercontainer", style: { paddingRight: t }, children: /* @__PURE__ */ n.jsx("table", { className: "innertable", style: { tableLayout: "fixed" }, children: /* @__PURE__ */ n.jsx("thead", { className: `theader ${s}`, children: r }) }) }) : /* @__PURE__ */ n.jsx("thead", { className: `theader ${s}`, children: r });
+  if (u(r)) {
+    const o = r.props;
+    l.isArray(o?.children) ? r.props.children.forEach((i) => h(i, t)) : r && (t.current += 1);
+  } else l.isArray(r) && r.length > 0 && r.forEach((o) => h(o, t));
+}, j = (r, s) => {
+  const t = r;
+  return l.isArray(r) && r.length > 0 && r[0].props ? h(r[0].props.children, s) : u(r) && r.props && t?.props?.children && h(t?.props?.children, s), s.current;
+}, P = (r) => {
+  const s = x.c(10), {
+    customClass: t,
+    children: o
+  } = r, {
+    bodyScrollWidth: e,
+    bodyScrollable: i,
+    handlerSetColumnsWidth: c,
+    handlerSetColumnsCount: n
+  } = y(b), m = C(0);
+  let p;
+  s[0] !== o || s[1] !== n || s[2] !== c ? (p = () => {
+    o && c && n && (c(g(o)), n(j(o, m)));
+  }, s[0] = o, s[1] = n, s[2] = c, s[3] = p) : p = s[3];
+  let a;
+  s[4] === Symbol.for("react.memo_cache_sentinel") ? (a = [], s[4] = a) : a = s[4], E(p, a);
+  let f;
+  return s[5] !== e || s[6] !== i || s[7] !== o || s[8] !== t ? (f = i ? /* @__PURE__ */ d.jsx("div", { className: "headercontainer", style: {
+    paddingRight: e
+  }, children: /* @__PURE__ */ d.jsx("table", { className: "innertable", style: {
+    tableLayout: "fixed"
+  }, children: /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }) }) }) : /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }), s[5] = e, s[6] = i, s[7] = o, s[8] = t, s[9] = f) : f = s[9], f;
 };
 export {
-  g as default
+  P as default
 };

package/lib/table/HeaderColumn.js

@@ -1,30 +1,43 @@
-import { j as t } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useContext as g } from "react";
-import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
-import p from "../icons/index.js";
-import j from "../skeleton/index.js";
-import k from "./helpers.js";
-const A = (n) => {
-  const {
-    customClass: r,
-    style: e,
-    children: s,
-    textAlign: i,
-    visible: l = !0,
-    id: m,
-    isMenuColumn: o = !1
-  } = n, { skeletonize: u, vertical: a, skeletonInHeader: c, skeletonInRows: f = 10 } = g(k), x = (h = !1) => h ? /* @__PURE__ */ t.jsx(p, { name: "menu4", size: 22 }) : s, d = () => C.omit(n, ["isMenuColumn", "customClass", "children", "textAlign", "visible"]);
-  return l ? /* @__PURE__ */ t.jsx(
-    "th",
-    {
-      ...d(),
-      id: m,
-      style: e,
-      className: `headercolumn ${r} text-align-${i} ${o && "menu-column"}`,
-      children: u && (c || !f) && !a ? /* @__PURE__ */ t.jsx(j, { height: e && e.height ? void 0 : 16, style: { marginBottom: 0 } }) : x(o)
-    }
-  ) : null;
+import { j as g } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as $ } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as w } from "react";
+import { _ as y } from "../chunks/lodash.CIAK_hAg.js";
+import z from "../icons/index.js";
+import A from "../skeleton/index.js";
+import E from "./helpers.js";
+const D = (s) => {
+  const e = $.c(20), {
+    customClass: M,
+    style: t,
+    children: u,
+    textAlign: b,
+    visible: p,
+    id: c,
+    isMenuColumn: I
+  } = s, R = p === void 0 ? !0 : p, i = I === void 0 ? !1 : I, {
+    skeletonize: a,
+    vertical: f,
+    skeletonInHeader: d,
+    skeletonInRows: j
+  } = w(E), h = j === void 0 ? 10 : j;
+  let l;
+  e[0] !== u ? (l = (k) => (k === void 0 ? !1 : k) ? /* @__PURE__ */ g.jsx(z, { name: "menu4", size: 22 }) : u, e[0] = u, e[1] = l) : l = e[1];
+  const x = l;
+  let r;
+  e[2] !== s ? (r = () => y.omit(s, ["isMenuColumn", "customClass", "children", "textAlign", "visible"]), e[2] = s, e[3] = r) : r = e[3];
+  const C = r;
+  if (!R)
+    return null;
+  let o;
+  e[4] !== C ? (o = C(), e[4] = C, e[5] = o) : o = e[5];
+  const v = `headercolumn ${M} text-align-${b} ${i && "menu-column"}`;
+  let n;
+  e[6] !== x || e[7] !== i || e[8] !== d || e[9] !== h || e[10] !== a || e[11] !== t || e[12] !== f ? (n = a && (d || !h) && !f ? /* @__PURE__ */ g.jsx(A, { height: t && t.height ? void 0 : 16, style: {
+    marginBottom: 0
+  } }) : x(i), e[6] = x, e[7] = i, e[8] = d, e[9] = h, e[10] = a, e[11] = t, e[12] = f, e[13] = n) : n = e[13];
+  let m;
+  return e[14] !== c || e[15] !== t || e[16] !== o || e[17] !== v || e[18] !== n ? (m = /* @__PURE__ */ g.jsx("th", { ...o, id: c, style: t, className: v, children: n }), e[14] = c, e[15] = t, e[16] = o, e[17] = v, e[18] = n, e[19] = m) : m = e[19], m;
 };
 export {
-  A as default
+  D as default
 };

package/lib/table/Row.js

@@ -1,54 +1,53 @@
-import { j as o } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useContext as N } from "react";
-import T, { RowContext as $ } from "./helpers.js";
-const g = (m) => {
-  const {
-    customClass: x,
-    children: h,
-    rowId: e,
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as z } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as L } from "react";
+import P, { RowContext as V } from "./helpers.js";
+const G = (g) => {
+  const e = z.c(29), {
+    customClass: C,
+    children: f,
+    rowId: o,
     dataId: t,
-    onClick: l,
-    height: u,
-    style: w,
-    onMouseEnter: C,
-    onMouseLeave: f,
-    rowBorder: p = !0,
+    onClick: r,
+    height: p,
+    style: u,
+    onMouseEnter: h,
+    onMouseLeave: R,
+    rowBorder: T,
     divider: j,
-    dividerTitle: i,
-    dividerStyle: r,
-    dividerColor: s = "info",
-    dividerColSpan: d = 2
-  } = m, {
-    selectedRowId: R,
-    handleSelectRow: n,
-    handleTableRowClick: a,
-    handleTableColClick: k,
-    vertical: c,
-    skeletonize: y,
-    skeletonInRows: S = 10
-  } = N(T), I = {
+    dividerTitle: d,
+    dividerStyle: n,
+    dividerColor: b,
+    dividerColSpan: E
+  } = g, k = T === void 0 ? !0 : T, c = b === void 0 ? "info" : b, a = E === void 0 ? 2 : E, {
+    selectedRowId: S,
+    handleSelectRow: v,
+    handleTableRowClick: m,
+    handleTableColClick: y,
+    vertical: i,
+    skeletonize: I,
+    skeletonInRows: B
+  } = L(P), $ = B === void 0 ? 10 : B;
+  let w;
+  e[0] !== t || e[1] !== y || e[2] !== k || e[3] !== $ || e[4] !== I || e[5] !== i ? (w = {
     dataId: t,
-    rowBorder: p,
-    handleTableColClick: k,
-    vertical: c,
-    skeletonize: y,
-    skeletonInRows: S
-  };
-  return /* @__PURE__ */ o.jsx($.Provider, { value: I, children: j ? /* @__PURE__ */ o.jsx("tr", { className: "trow trow-divider", children: c ? /* @__PURE__ */ o.jsx("th", { colSpan: d, className: `-divider -${s}`, style: r, children: i || "" }) : /* @__PURE__ */ o.jsx("td", { colSpan: d, className: `-divider -${s}`, style: r, children: i || "" }) }) : /* @__PURE__ */ o.jsx(
-    "tr",
-    {
-      onMouseEnter: C,
-      onMouseLeave: f,
-      className: `trow ${x} ${e && R === e ? "-selected" : ""}`,
-      onClick: (v) => {
-        n && (e !== void 0 || e !== null) && n(e), a && a(v, t), l && l(v, t);
-      },
-      id: e,
-      style: { ...w, height: u },
-      children: h
-    }
-  ) });
+    rowBorder: k,
+    handleTableColClick: y,
+    vertical: i,
+    skeletonize: I,
+    skeletonInRows: $
+  }, e[0] = t, e[1] = y, e[2] = k, e[3] = $, e[4] = I, e[5] = i, e[6] = w) : w = e[6];
+  const N = w;
+  let l;
+  e[7] !== f || e[8] !== C || e[9] !== t || e[10] !== j || e[11] !== a || e[12] !== c || e[13] !== n || e[14] !== d || e[15] !== v || e[16] !== m || e[17] !== p || e[18] !== r || e[19] !== h || e[20] !== R || e[21] !== o || e[22] !== S || e[23] !== u || e[24] !== i ? (l = j ? /* @__PURE__ */ s.jsx("tr", { className: "trow trow-divider", children: i ? /* @__PURE__ */ s.jsx("th", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) : /* @__PURE__ */ s.jsx("td", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) }) : /* @__PURE__ */ s.jsx("tr", { onMouseEnter: h, onMouseLeave: R, className: `trow ${C} ${o && S === o ? "-selected" : ""}`, onClick: (M) => {
+    v && (o !== void 0 || o !== null) && v(o), m && m(M, t), r && r(M, t);
+  }, id: o, style: {
+    ...u,
+    height: p
+  }, children: f }), e[7] = f, e[8] = C, e[9] = t, e[10] = j, e[11] = a, e[12] = c, e[13] = n, e[14] = d, e[15] = v, e[16] = m, e[17] = p, e[18] = r, e[19] = h, e[20] = R, e[21] = o, e[22] = S, e[23] = u, e[24] = i, e[25] = l) : l = e[25];
+  let x;
+  return e[26] !== N || e[27] !== l ? (x = /* @__PURE__ */ s.jsx(V.Provider, { value: N, children: l }), e[26] = N, e[27] = l, e[28] = x) : x = e[28], x;
 };
 export {
-  g as default
+  G as default
 };