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

package/lib/table/Header.js

@@ -1,42 +1,39 @@
-import { j as n } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import { useContext as x, useRef as y, useEffect as E, isValidElement as e } from "react";
-import a from "lodash";
-import C from "./helpers.js";
-const b = (s) => {
-  const o = [];
-  if (e(s) && s.props) {
-    let r = s.props.children;
-    a.isArray(r) || (r = [r]), r.forEach((p) => {
-      var c, l;
+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) => {
       let i = 0;
-      a.isArray(p) ? p.forEach((u) => {
-        var h, d;
-        u && u.props && (i = (d = (h = u.props) == null ? void 0 : h.style) == null ? void 0 : d.width), o.push(i);
-      }) : p && p.props && (i = (l = (c = p.props) == null ? void 0 : c.style) == null ? void 0 : l.width, o.push(i));
+      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));
     });
   }
-  return o;
-}, f = (s, o) => {
-  const t = o;
-  if (e(s)) {
-    const r = s.props;
-    a.isArray(r == null ? void 0 : r.children) ? s.props.children.forEach((i) => f(i, t)) : s && (t.current += 1);
-  } else a.isArray(s) && s.length > 0 && s.forEach((r) => f(r, t));
-}, g = (s, o) => {
-  var r, p;
+  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) => {
   const t = s;
-  return a.isArray(s) && s.length > 0 && s[0].props ? f(s[0].props.children, o) : e(s) && s.props && ((r = t == null ? void 0 : t.props) != null && r.children) && f((p = t == null ? void 0 : t.props) == null ? void 0 : p.children, o), o.current;
-}, S = ({ customClass: s, children: o }) => {
+  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: r,
+    bodyScrollable: o,
     handlerSetColumnsWidth: p,
     handlerSetColumnsCount: i
-  } = x(C), c = y(0);
-  return E(() => {
-    o && p && i && (p(b(o)), i(g(o, c)));
-  }, []), r ? /* @__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: o }) }) }) : /* @__PURE__ */ n.jsx("thead", { className: `theader ${s}`, children: o });
+  } = 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 });
 };
 export {
-  S as default
+  g as default
 };

package/lib/table/HeaderColumn.js

@@ -1,6 +1,6 @@
-import { j as t } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as t } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useContext as g } from "react";
-import C from "lodash";
+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";

package/lib/table/Row.js

@@ -1,4 +1,4 @@
-import { j as o } from "../chunks/jsx-runtime.gtoSnx-V.js";
+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) => {

package/lib/table/RowColumn.js

@@ -1,4 +1,4 @@
-import { j as a } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as a } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useContext as h, useCallback as y } from "react";
 import g from "../skeleton/index.js";
 import { RowContext as j } from "./helpers.js";

package/lib/table/index.js

@@ -1,6 +1,6 @@
-import { j as b } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as b } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useState as f, useRef as P, useCallback as C, useMemo as V, useEffect as S } from "react";
-import W from "lodash";
+import { _ as W } from "../chunks/lodash.CIAK_hAg.js";
 import { default as Z } from "./Header.js";
 import { default as te } from "./Row.js";
 import { default as se } from "./Body.js";

package/lib/tabs/DropdownTabs.js

@@ -1,5 +1,5 @@
-import { j as o } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import h from "lodash";
+import { j as o } from "../chunks/jsx-runtime.C7wFtzyj.js";
+import { _ as h } from "../chunks/lodash.CIAK_hAg.js";
 import a from "../buttons/Button.js";
 import b from "../icons/index.js";
 import '../assets/radio.css';import '../assets/toolbar.css';import '../assets/label.css';import '../assets/panel.css';import '../assets/noPermission.css';import '../assets/gridlayout.css';import '../assets/button.css';/* empty css                        */
@@ -20,9 +20,9 @@ import "../popover/index.js";
 import "../textContent/index.js";
 import "./MenuTabs.js";
 import "./tabHelpers.js";
-import { L as f } from "../chunks/tabs.BP3DB7Gx.js";
+import { L as f } from "../chunks/tabs.D0L_nVfP.js";
 import "./context.js";
-import "../chunks/index.CjD97zna.js";
+import "../chunks/index.CM1aLH2W.js";
 const j = ({
   id: t,
   title: e,

package/lib/tabs/Menu.js

@@ -1,4 +1,4 @@
-import { j as n } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as n } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import m from "react";
 import r from "./MenuTabs.js";
 import o from "./DropdownTabs.js";

package/lib/tabs/MenuTabs.js

@@ -1,6 +1,6 @@
-import { j as s } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as s } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import y from "react";
-import N from "lodash";
+import { _ as N } from "../chunks/lodash.CIAK_hAg.js";
 import h from "../buttons/Button.js";
 import "../icons/index.js";
 import '../assets/button.css';/* empty css                        */

package/lib/tabs/Panel.js

@@ -1,49 +1,48 @@
-import { j as a } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import { useRef as l, useState as C, useCallback as H, useEffect as L } from "react";
-import { onDeniedOptions as b, getCurrentThreshold as w } from "./tabHelpers.js";
+import { j as a } from "../chunks/jsx-runtime.C7wFtzyj.js";
+import { useRef as i, useState as j, useCallback as C, useEffect as H } from "react";
+import { onDeniedOptions as L, getCurrentThreshold as w } from "./tabHelpers.js";
 import { actionsOnPermissionDenied as z } from "../permissionValidations.js";
 import D from "../noPermission/index.js";
 import { useTabs as S } from "./useTabs.js";
 const q = (m) => {
   const {
-    id: d,
+    id: l,
     children: f,
-    onEndReached: o,
+    onEndReached: t,
     permissionAttr: h,
     customClass: p = "",
-    onEndReachedThreshold: u = 0.1,
+    onEndReachedThreshold: d = 0.1,
     style: E
-  } = m, { selectedTabId: R } = S(), v = d !== R ? "hidepanel" : "", n = l(null), [g] = C(z(b, h)), { hideContent: x } = g, c = l(!0), i = l(0), r = H(async () => {
-    const e = n.current;
-    if (e && o) {
-      const { scrollTop: t, scrollHeight: s, clientHeight: O } = e, P = s - O - t - 1, T = w(e, u);
-      P <= T && c.current && (c.current = !1, await new Promise((j) => {
-        j(o());
-      }), i.current = s);
+  } = m, { selectedTabId: v } = S(), R = l !== v ? "hidepanel" : "", e = i(null), [b] = j(z(L, h)), { hideContent: g } = b, s = i(!0), o = i(0), n = C(async () => {
+    const r = e.current;
+    if (r && t) {
+      const { scrollTop: c, scrollHeight: u, clientHeight: x } = r, O = u - x - c - 1, P = w(r, d);
+      O <= P && s.current && (s.current = !1, await new Promise((T) => {
+        T(t());
+      }), o.current = u);
     }
   }, [
-    o,
-    u,
-    n.current,
-    i.current
+    t,
+    d,
+    e.current,
+    o.current
   ]);
-  return L(() => {
-    let e;
-    return n.current && o && (e = new ResizeObserver(() => {
-      const { scrollHeight: t } = n.current;
-      t !== i.current && (c.current = !0, e == null || e.disconnect());
-    }), e.observe(n.current), n.current.addEventListener("scroll", r), n.current.addEventListener("resize", r)), () => {
-      var t, s;
-      (t = n.current) == null || t.removeEventListener("scroll", r), (s = n.current) == null || s.removeEventListener("resize", r), e == null || e.disconnect();
+  return H(() => {
+    let r;
+    return e.current && t && (r = new ResizeObserver(() => {
+      const { scrollHeight: c } = e.current;
+      c !== o.current && (s.current = !0, r?.disconnect());
+    }), r.observe(e.current), e.current.addEventListener("scroll", n), e.current.addEventListener("resize", n)), () => {
+      e.current?.removeEventListener("scroll", n), e.current?.removeEventListener("resize", n), r?.disconnect();
     };
-  }, [r]), /* @__PURE__ */ a.jsx(
+  }, [n]), /* @__PURE__ */ a.jsx(
     "div",
     {
-      ref: n,
-      id: d,
-      className: `${p} panel ${v}`,
+      ref: e,
+      id: l,
+      className: `${p} panel ${R}`,
       style: E,
-      children: x ? /* @__PURE__ */ a.jsx(D, {}) : f
+      children: g ? /* @__PURE__ */ a.jsx(D, {}) : f
     }
   );
 };

package/lib/tabs/context.js

@@ -1,68 +1,64 @@
-import { j as G } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import H, { createContext as J, useState as C, useRef as K, useMemo as I, useCallback as x, useEffect as D } from "react";
-import E from "lodash";
-import { getTabs as M } from "./tabHelpers.js";
-const L = J({});
-function X({
-  children: O,
+import { j as A } from "../chunks/jsx-runtime.C7wFtzyj.js";
+import F, { createContext as G, useState as y, useRef as H, useMemo as I, useCallback as x, useEffect as B } from "react";
+import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
+import { getTabs as D } from "./tabHelpers.js";
+const J = G({});
+function U({
+  children: E,
   tabs: b,
   container: d,
   selectedTab: f = null,
   onTabChange: T,
   onTabClose: p,
   tabsWidth: c,
-  firstTabIdent: W = !1,
-  keepTabOriginalPosition: k = !0
+  firstTabIdent: M = !1,
+  keepTabOriginalPosition: O = !0
 }) {
-  var y, B;
-  const [o, l] = H.useState(f), [w, R] = C(() => {
-    var e;
-    return ((e = d.current) == null ? void 0 : e.clientWidth) ?? 0;
-  }), [n, a] = C(M(b)), v = K(null), h = (((y = v.current) == null ? void 0 : y.clientWidth) ?? 0) - 38 - (W ? 15 : 0), _ = I(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(h / _);
-  f && f !== o && l(f), n.length > 0 && o === null && l((B = n[0]) == null ? void 0 : B.id);
-  const u = I(() => h === 0 ? [] : n.slice(m), [n, m, w]), z = I(() => n.slice(0, m), [n, m, w]), q = n.length, S = x((e) => {
+  const [o, l] = F.useState(f), [w, R] = y(() => d.current?.clientWidth ?? 0), [n, a] = y(D(b)), v = H(null), h = (v.current?.clientWidth ?? 0) - 38 - (M ? 15 : 0), W = I(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(h / W);
+  f && f !== o && l(f), n.length > 0 && o === null && l(n[0]?.id);
+  const u = I(() => h === 0 ? [] : n.slice(m), [n, m, w]), z = I(() => n.slice(0, m), [n, m, w]), k = n.length, S = x((e) => {
     const t = u.findIndex((r) => r.id === e);
     if (t !== -1) {
       const r = n.findIndex((i) => i.id === e), s = u[t];
       a((i) => (i.splice(r, 1), [s, ...i]));
     }
   }, [a, z, n, u]), g = x((e) => {
-    k || S(e), l(e), T && T(e);
-  }, [T, l, S]), A = x((e) => {
+    O || S(e), l(e), T && T(e);
+  }, [T, l, S]), _ = x((e) => {
     const t = n.findIndex((s) => s.id === e), r = t === 0 ? n[t + 1] : n[t - 1];
     o === e && g(r.id), t !== -1 && a((s) => (s.splice(t, 1), s)), p && p(String(e));
   }, [p, n, u, o]), j = x((e) => {
     R(e.width);
   }, [R]);
-  return D(() => {
-    const e = M(b);
+  return B(() => {
+    const e = D(b);
     if (e !== n) {
-      const t = E.differenceBy(e, n, "id"), r = E.differenceBy(n, e, "id").map((s) => s.id);
+      const t = C.differenceBy(e, n, "id"), r = C.differenceBy(n, e, "id").map((s) => s.id);
       a((s) => {
         let i = s;
-        return r && (i = i.filter((F) => !r.includes(F.id))), [...i, ...t];
+        return r && (i = i.filter((q) => !r.includes(q.id))), [...i, ...t];
       });
     }
-  }, [b]), D(() => {
+  }, [b]), B(() => {
     const e = new ResizeObserver(([t]) => {
       j(t.contentRect);
     });
     return d.current && e.observe(d.current), () => {
       e.disconnect();
     };
-  }, [d.current, j]), /* @__PURE__ */ G.jsx(L.Provider, { value: {
+  }, [d.current, j]), /* @__PURE__ */ A.jsx(J.Provider, { value: {
     tabs: n,
     menuTabs: z,
     dropdownTabs: u,
     containerWidth: w,
-    tabsCount: q,
+    tabsCount: k,
     selectTab: g,
     selectedTabId: o,
-    removeTab: A,
+    removeTab: _,
     menuRef: v
-  }, children: O });
+  }, children: E });
 }
 export {
-  L as TabsContext,
-  X as TabsProvider
+  J as TabsContext,
+  U as TabsProvider
 };

package/lib/tabs/index.js

@@ -1,9 +1,9 @@
-import { j as r } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as r } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useRef as R, useMemo as T, Fragment as n } from "react";
 import b from "./Menu.js";
 import { default as z } from "./Panel.js";
 import { tabsClass as C } from "./tabHelpers.js";
-import "../chunks/tabs.BP3DB7Gx.js";
+import "../chunks/tabs.D0L_nVfP.js";
 import { TabsProvider as g } from "./context.js";
 const q = ({
   toolbar: f,

package/lib/textContent/index.js

@@ -1,6 +1,6 @@
-import { j as m } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as m } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { forwardRef as f } from "react";
-import c from "lodash";
+import { _ as c } from "../chunks/lodash.CIAK_hAg.js";
 import x from "../internals/withTooltip.js";
 import '../assets/index4.css';const o = f(({
   as: t = "span",

package/lib/toolbar/ButtonBar.js

@@ -1,4 +1,4 @@
-import { j as o } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as o } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useContext as B } from "react";
 import j from "../buttons/Button.js";
 import c from "../buttons/PrimaryButton.js";

package/lib/toolbar/LabelBar.js

@@ -1,4 +1,4 @@
-import { j as o } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as o } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useContext as x } from "react";
 import u from "../labels/DefaultLabel.js";
 import b from "../labels/DangerLabel.js";

package/lib/toolbar/Separator.js

@@ -1,4 +1,4 @@
-import { j as a } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as a } from "../chunks/jsx-runtime.C7wFtzyj.js";
 const r = () => /* @__PURE__ */ a.jsx("div", { className: "separator" });
 export {
   r as default

package/lib/toolbar/ToolBarGroup.js

@@ -1,4 +1,4 @@
-import { j as s } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as s } from "../chunks/jsx-runtime.C7wFtzyj.js";
 const t = ({ children: o, style: r = {} }) => /* @__PURE__ */ s.jsx("div", { className: "toolbar-group", style: r, children: o });
 export {
   t as default

package/lib/toolbar/index.js

@@ -1,4 +1,4 @@
-import { j as r } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as r } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { default as i } from "./ToolBarGroup.js";
 import { default as j } from "./Separator.js";
 import { default as v } from "./ButtonBar.js";

package/lib/tooltip/index.js

@@ -1,38 +1,38 @@
-import { j as h } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import { useRef as a, useEffect as n } from "react";
-import l from "react-dom";
-import { v } from "../chunks/v1.CDXKvGzE.js";
+import { j as f } from "../chunks/jsx-runtime.C7wFtzyj.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: r,
+  textError: n,
   tooltipRef: u,
-  style: c = "",
-  tooltipDimensions: i,
+  style: r = "",
+  tooltipDimensions: c,
   className: o = "bottom",
   handlerSetDimensions: p = () => {
   }
 }) => {
-  const t = a(document.createElement("div"));
-  n(() => {
-    t.current.id = `tooltip-${v()}`, t.current.className = `tooltip-component ${o} `, t.current.dataset.testid = "tooltip-component", t.current.style.cssText = c, document.body.appendChild(t.current);
-    const e = document.querySelector(`div#${t.current.id}`);
-    let d = e == null ? void 0 : e.offsetWidth;
-    const f = e == null ? void 0 : e.offsetHeight;
-    return i && i.width && (d = i.width), 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(f)
-    }), u && (u.current = e), () => {
+      height: Number(l)
+    }), u && (u.current = i), () => {
       document.body.removeChild(t.current);
     };
-  }, []), n(() => {
+  }, []), e(() => {
     t.current.className = `tooltip-component ${o} `;
-  }, [o]), n(() => {
-    t.current.style.cssText = c;
-  }, [c]), n(() => {
-    t.current.className = r ? `tooltip-error tooltip-component ${o}` : `tooltip-component ${o}`;
-  }, [r]);
-  const s = () => /* @__PURE__ */ h.jsx("div", { className: "tooltipcontent", children: r || m });
-  return l.createPortal(s(), t.current);
+  }, [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

package/lib/treetable/Body.js

@@ -1,6 +1,6 @@
-import { j as s } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as s } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useContext as i, useState as l, useEffect as n } from "react";
-import "lodash";
+import "../chunks/lodash.CIAK_hAg.js";
 import "../table/helpers.js";
 import f from "../table/Body.js";
 import "../icons/index.js";

package/lib/treetable/Header.js

@@ -1,6 +1,6 @@
-import { j as t } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as t } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import { useContext as m } from "react";
-import "lodash";
+import "../chunks/lodash.CIAK_hAg.js";
 import i from "../table/Header.js";
 import p from "../table/Row.js";
 import "../table/helpers.js";
@@ -9,7 +9,7 @@ import '../assets/table.css';import '../assets/skeleton.css';import '../assets/g
 import a from "../table/HeaderColumn.js";
 /* empty css                       */
 import { TreeTableContext as s } from "./helpers.js";
-import { v as e } from "../chunks/v1.CDXKvGzE.js";
+import { v as e } from "../chunks/v1.Ds1rkxUj.js";
 const $ = () => {
   const { dataColumns: o } = m(s);
   return /* @__PURE__ */ t.jsx(i, { children: /* @__PURE__ */ t.jsx(p, { children: o.map((r) => /* @__PURE__ */ t.jsx(