linear-react-components-ui 1.1.26-beta-1 → 1.1.26-beta.10

package/lib/table/Row.js

@@ -1,54 +1,53 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.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
 };

package/lib/table/RowColumn.js

@@ -1,46 +1,58 @@
-import { j as a } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as h, useCallback as y } from "react";
-import g from "../skeleton/index.js";
-import { RowContext as j } from "./helpers.js";
-function R(e, {
-  ignoreTableColClick: r,
-  handleTableColClick: t,
+import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as B } from "react";
+import I from "../skeleton/index.js";
+import { RowContext as M } from "./helpers.js";
+function N(e, {
+  ignoreTableColClick: t,
+  handleTableColClick: c,
   onClick: n,
-  dataId: o
+  dataId: r
 }) {
-  if (!r) {
+  if (!t) {
     if (n)
-      return n(e, o);
-    if (t)
-      return t(e, o);
+      return n(e, r);
+    if (c)
+      return c(e, r);
   }
 }
-const d = { never: "hidden", onRowHover: "rowhover" }, B = (e) => {
-  const {
-    customClass: r,
-    style: t,
-    displayContent: n = "always",
-    textAlign: o,
-    visible: f = !0,
-    rowSpan: c,
-    colSpan: x,
-    children: s,
-    isMenuColumn: p = !1
-  } = e, l = h(j), { skeletonize: i, vertical: u, skeletonInRows: w = 10 } = l, m = n !== "always", C = y(() => i && u ? /* @__PURE__ */ a.jsx(g, { height: 16, style: { marginBottom: 0 } }) : m && n ? /* @__PURE__ */ a.jsx("span", { className: d[n], children: s }) : s, [i, u, s, n, m, d]);
-  return !f || i && !w && !u ? null : /* @__PURE__ */ a.jsx(
-    "td",
-    {
-      rowSpan: c,
-      colSpan: x,
-      className: `rowcolumn ${r} text-align-${o} ${!l.rowBorder && " -noborder"} ${c ? "" : " -norowspan"} ${p && "menu-column"}`,
-      style: t,
-      onClick: (v) => R(v, { ...l, ...e }),
-      role: "presentation",
-      tabIndex: -1,
-      children: C()
-    }
-  );
+const z = {
+  never: "hidden",
+  onRowHover: "rowhover"
+}, G = (e) => {
+  const t = S.c(18), {
+    customClass: c,
+    style: n,
+    displayContent: r,
+    textAlign: g,
+    visible: R,
+    rowSpan: u,
+    colSpan: v,
+    children: m,
+    isMenuColumn: h
+  } = e, i = r === void 0 ? "always" : r, j = R === void 0 ? !0 : R, k = h === void 0 ? !1 : h, l = B(M), {
+    skeletonize: a,
+    vertical: d,
+    skeletonInRows: $
+  } = l, b = $ === void 0 ? 10 : $, w = i !== "always";
+  let f;
+  t[0] !== m || t[1] !== i || t[2] !== w || t[3] !== a || t[4] !== d ? (f = () => a && d ? /* @__PURE__ */ y.jsx(I, { height: 16, style: {
+    marginBottom: 0
+  } }) : w && i ? /* @__PURE__ */ y.jsx("span", { className: z[i], children: m }) : m, t[0] = m, t[1] = i, t[2] = w, t[3] = a, t[4] = d, t[5] = f) : f = t[5];
+  const p = f;
+  if (!j || a && !b && !d)
+    return null;
+  const C = `rowcolumn ${c} text-align-${g} ${!l.rowBorder && " -noborder"} ${u ? "" : " -norowspan"} ${k && "menu-column"}`;
+  let o;
+  t[6] !== l || t[7] !== e ? (o = (E) => N(E, {
+    ...l,
+    ...e
+  }), t[6] = l, t[7] = e, t[8] = o) : o = t[8];
+  let s;
+  t[9] !== p ? (s = p(), t[9] = p, t[10] = s) : s = t[10];
+  let x;
+  return t[11] !== v || t[12] !== u || t[13] !== n || t[14] !== C || t[15] !== o || t[16] !== s ? (x = /* @__PURE__ */ y.jsx("td", { rowSpan: u, colSpan: v, className: C, style: n, onClick: o, role: "presentation", tabIndex: -1, children: s }), t[11] = v, t[12] = u, t[13] = n, t[14] = C, t[15] = o, t[16] = s, t[17] = x) : x = t[17], x;
 };
 export {
-  B as default
+  G as default
 };

package/lib/table/helpers.js

@@ -1,5 +1,7 @@
 import t from "react";
-const n = t.createContext({}), c = t.createContext({}), m = (e) => Array.from({ length: e }, (r, o) => o + 1);
+const n = t.createContext({}), c = t.createContext({}), m = (e) => Array.from({
+  length: e
+}, (r, o) => o + 1);
 export {
   c as RowContext,
   n as default,

package/lib/table/index.js

@@ -1,109 +1,106 @@
-import { j as b } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as f, useRef as P, useCallback as C, useMemo as V, useEffect as S } from "react";
-import W from "lodash";
-import { default as Z } from "./Header.js";
-import { default as te } from "./Row.js";
-import { default as se } from "./Body.js";
-import { default as ne } from "./HeaderColumn.js";
-import { default as re } from "./RowColumn.js";
+import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as q } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as u, useRef as A, useEffect as $ } from "react";
+import { _ as k } from "../chunks/lodash.CIAK_hAg.js";
+import { default as re } from "./Header.js";
+import { default as ce } from "./Row.js";
+import { default as ae } from "./Body.js";
+import { default as me } from "./HeaderColumn.js";
+import { default as ue } from "./RowColumn.js";
 import '../assets/table.css';/* empty css                       */
-import F from "./helpers.js";
-const v = ({
-  customClass: l,
-  striped: t,
-  bordered: n,
-  hovered: d,
-  skeletonize: r,
-  headerColored: c,
-  condensed: a,
-  vertical: o,
-  bodyScrollable: i,
-  skeletonInRows: m = 10
-}) => `table-component ${l} ${t && "-striped"} 
-  ${n && "-bordered"} ${d && "-hovered"} ${c && "-headercolor"}
-  ${a && "-condensed"}
-  ${o && "-vertical"}
-  ${r && !m ? "-skeletonized" : ""}
-  ${i ? "-scrollable" : ""}`, U = ({ children: l, ...t }) => {
-  const {
-    onColClick: n,
-    onRowClick: d,
-    bodyScrollable: r,
-    vertical: c,
-    skeletonize: a,
-    strict: o,
-    skeletonHeight: i,
-    skeletonInHeader: m,
-    skeletonInRows: x,
-    customClass: M,
-    bordered: _,
-    hovered: q,
-    headerColored: A,
-    condensed: D,
-    selectedRowId: j,
-    striped: G,
-    ...E
-  } = t, [R, k] = f(j), [h, g] = f(0), [u, z] = f([]), [p, H] = f(0), s = P(null), w = C((e) => {
-    k(e);
-  }, []), y = C((e) => {
-    !W.isEmpty(e) && W.isEmpty(u) && z(e);
-  }, [u]), T = C((e) => H(e), []), $ = C(() => ({
-    bodyContainerRef: s,
-    bodyScrollWidth: h,
-    selectedRowId: R,
-    vertical: c,
-    skeletonize: a,
-    skeletonHeight: i,
-    skeletonInHeader: m,
-    skeletonInRows: x,
-    strict: o,
-    columnsCount: p,
-    handleSelectRow: w,
-    handleTableColClick: n,
-    handleTableRowClick: d,
-    handlerSetColumnsWidth: y,
-    columnsWidth: u,
-    handlerSetColumnsCount: T
-  }), [
-    s,
-    h,
-    R,
-    c,
-    a,
-    i,
-    m,
-    x,
-    o,
-    p,
-    w,
-    n,
-    d,
-    y,
-    u,
-    T
-  ]), B = V(() => $(), [$]);
-  return S(() => {
-    if (r && s && s.current) {
-      const { offsetWidth: e, clientWidth: N } = s.current, I = e - N;
-      I !== h && g(I);
+import D from "./helpers.js";
+const T = ({
+  customClass: h,
+  striped: e,
+  bordered: l,
+  hovered: o,
+  skeletonize: p,
+  headerColored: C,
+  condensed: s,
+  vertical: b,
+  bodyScrollable: R,
+  skeletonInRows: r = 10
+}) => `table-component ${h} ${e && "-striped"} 
+  ${l && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
+  ${s && "-condensed"}
+  ${b && "-vertical"}
+  ${p && !r ? "-skeletonized" : ""}
+  ${R ? "-scrollable" : ""}`, oe = (h) => {
+  const e = q.c(6), {
+    children: l,
+    ...o
+  } = h, {
+    onColClick: p,
+    onRowClick: C,
+    bodyScrollable: s,
+    vertical: b,
+    skeletonize: R,
+    strict: r,
+    skeletonHeight: _,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    customClass: G,
+    bordered: J,
+    hovered: K,
+    headerColored: L,
+    condensed: M,
+    selectedRowId: v,
+    striped: O,
+    ...j
+  } = o, [E, y] = u(v), [S, z] = u(0);
+  let n;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [], e[0] = n) : n = e[0];
+  const [c, H] = u(n), [g, B] = u(0), d = A(null);
+  let a;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = (t) => {
+    y(t);
+  }, e[1] = a) : a = e[1];
+  const N = a;
+  let i;
+  e[2] !== c ? (i = (t) => {
+    !k.isEmpty(t) && k.isEmpty(c) && H(t);
+  }, e[2] = c, e[3] = i) : i = e[3];
+  const P = i;
+  let m;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = (t) => B(t), e[4] = m) : m = e[4];
+  const F = {
+    bodyContainerRef: d,
+    bodyScrollWidth: S,
+    selectedRowId: E,
+    vertical: b,
+    skeletonize: R,
+    skeletonHeight: _,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    strict: r,
+    columnsCount: g,
+    handleSelectRow: N,
+    handleTableColClick: p,
+    handleTableRowClick: C,
+    handlerSetColumnsWidth: P,
+    columnsWidth: c,
+    handlerSetColumnsCount: m
+  };
+  let f;
+  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[5] = f) : f = e[5], $(() => {
+    if (s && d && d.current) {
+      const {
+        offsetWidth: t,
+        clientWidth: V
+      } = d.current, w = t - V;
+      w !== S && z(w);
     }
-  }, []), S(() => {
-    k(t.selectedRowId);
-  }, [t.selectedRowId]), /* @__PURE__ */ b.jsx(F.Provider, { value: B, children: r ? /* @__PURE__ */ b.jsx("div", { className: v(t), children: l }) : /* @__PURE__ */ b.jsx(
-    "table",
-    {
-      style: { contain: o ? "strict" : "size style" },
-      className: v(t),
-      ...E,
-      children: l
-    }
-  ) });
+  }, f), $(() => {
+    y(o.selectedRowId);
+  }, [o.selectedRowId]), /* @__PURE__ */ x.jsx(D.Provider, { value: F, children: s ? /* @__PURE__ */ x.jsx("div", { className: T(o), children: l }) : /* @__PURE__ */ x.jsx("table", { style: {
+    contain: r ? "strict" : "size style"
+  }, className: T(o), ...j, children: l }) });
 };
 export {
-  se as TBody,
-  Z as THeader,
-  te as TRow,
-  re as Td,
-  ne as Th,
-  U as default
+  ae as TBody,
+  re as THeader,
+  ce as TRow,
+  ue as Td,
+  me as Th,
+  oe as default
 };

package/lib/tabs/DropdownTabs.js

@@ -1,10 +1,11 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import h from "lodash";
-import a from "../buttons/Button.js";
-import b from "../icons/index.js";
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { _ as N } from "../chunks/lodash.CIAK_hAg.js";
+import C from "../buttons/Button.js";
+import $ 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                        */
-import x from "../list/index.js";
-import { useTabs as p } from "./useTabs.js";
+import A from "../list/index.js";
+import { useTabs as D } from "./useTabs.js";
 import "react";
 /* empty css                            */
 import "../panel/helpers.js";
@@ -20,62 +21,64 @@ import "../popover/index.js";
 import "../textContent/index.js";
 import "./MenuTabs.js";
 import "./tabHelpers.js";
-import { L as f } from "../chunks/tabs.Cvj2MJH6.js";
+import { L } from "../chunks/tabs.BvKfeA6Y.js";
 import "./context.js";
-import "../chunks/index.yztgndLc.js";
-const j = ({
-  id: t,
-  title: e,
-  closeable: m,
-  iconAlign: i,
-  icon: s,
-  iconName: n,
-  disabled: r,
-  tabMenuSize: l
-}) => {
-  const { selectTab: c, removeTab: d, selectedTabId: u } = p();
-  return /* @__PURE__ */ o.jsx(f, { onClick: () => c(t), children: /* @__PURE__ */ o.jsxs("div", { className: "menuitem", children: [
-    u === t ? /* @__PURE__ */ o.jsx(b, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ o.jsx("div", { style: { width: 16, height: 16 } }),
-    /* @__PURE__ */ o.jsx(
-      a,
-      {
-        className: "btn menubutton",
-        boxShadow: !1,
-        iconAlign: i,
-        iconName: n,
-        icon: s,
-        disabled: r,
-        label: e,
-        size: l,
-        transparent: !0
-      }
-    ),
-    m && /* @__PURE__ */ o.jsx(
-      "button",
-      {
-        className: "closepanel",
-        onClick: () => d(t)
-      }
-    )
-  ] }) }, t);
-}, M = ({
-  tabs: t = [],
-  tabMenuSize: e = "medium"
-}) => {
-  const { selectedTabId: m } = p(), i = t.some((r) => r.id === m), s = t.length > 0, n = h.uniqBy(t, "id");
-  return s ? /* @__PURE__ */ o.jsx(
-    a,
-    {
-      dropdown: !0,
-      dropdownAlign: "right",
-      transparent: !0,
-      boxShadow: !1,
-      size: "large",
-      customClass: `dropdownbutton ${s ? "show" : ""} ${i ? "has-selected" : ""}`,
-      children: /* @__PURE__ */ o.jsx(x, { customClass: "dropdown-hide-tabs", children: n.map((r) => /* @__PURE__ */ o.jsx(j, { tabMenuSize: e, ...r }, r.id)) })
-    }
-  ) : null;
+import "../chunks/index.aw0XaUkg.js";
+const M = (v) => {
+  const t = k.c(25), {
+    id: e,
+    title: b,
+    closeable: a,
+    iconAlign: p,
+    icon: d,
+    iconName: i,
+    disabled: x,
+    tabMenuSize: f
+  } = v, {
+    selectTab: T,
+    removeTab: u,
+    selectedTabId: j
+  } = D();
+  let n;
+  t[0] !== e || t[1] !== T ? (n = () => T(e), t[0] = e, t[1] = T, t[2] = n) : n = t[2];
+  let r;
+  t[3] !== e || t[4] !== j ? (r = j === e ? /* @__PURE__ */ s.jsx($, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ s.jsx("div", { style: {
+    width: 16,
+    height: 16
+  } }), t[3] = e, t[4] = j, t[5] = r) : r = t[5];
+  let l;
+  t[6] !== x || t[7] !== d || t[8] !== p || t[9] !== i || t[10] !== f || t[11] !== b ? (l = /* @__PURE__ */ s.jsx(C, { className: "btn menubutton", boxShadow: !1, iconAlign: p, iconName: i, icon: d, disabled: x, label: b, size: f, transparent: !0 }), t[6] = x, t[7] = d, t[8] = p, t[9] = i, t[10] = f, t[11] = b, t[12] = l) : l = t[12];
+  let m;
+  t[13] !== a || t[14] !== e || t[15] !== u ? (m = a && /* @__PURE__ */ s.jsx("button", { className: "closepanel", onClick: () => u(e) }), t[13] = a, t[14] = e, t[15] = u, t[16] = m) : m = t[16];
+  let o;
+  t[17] !== r || t[18] !== l || t[19] !== m ? (o = /* @__PURE__ */ s.jsxs("div", { className: "menuitem", children: [
+    r,
+    l,
+    m
+  ] }), t[17] = r, t[18] = l, t[19] = m, t[20] = o) : o = t[20];
+  let c;
+  return t[21] !== e || t[22] !== n || t[23] !== o ? (c = /* @__PURE__ */ s.jsx(L, { onClick: n, children: o }, e), t[21] = e, t[22] = n, t[23] = o, t[24] = c) : c = t[24], c;
+}, rt = (v) => {
+  const t = k.c(11), {
+    tabs: e,
+    tabMenuSize: b
+  } = v, a = e === void 0 ? [] : e, p = b === void 0 ? "medium" : b, {
+    selectedTabId: d
+  } = D();
+  let i;
+  t[0] !== d ? (i = (S) => S.id === d, t[0] = d, t[1] = i) : i = t[1];
+  const x = a.some(i), f = a.length > 0, T = N.uniqBy(a, "id");
+  if (!f)
+    return null;
+  const u = C, j = !0, n = "right", r = !0, l = !1, m = "large", o = `dropdownbutton ${f ? "show" : ""} ${x ? "has-selected" : ""}`, c = A, I = "dropdown-hide-tabs";
+  let w;
+  t[2] !== p ? (w = (S) => /* @__PURE__ */ s.jsx(M, { tabMenuSize: p, ...S }, S.id), t[2] = p, t[3] = w) : w = t[3];
+  const z = T.map(w);
+  let h;
+  t[4] !== c || t[5] !== z ? (h = /* @__PURE__ */ s.jsx(c, { customClass: I, children: z }), t[4] = c, t[5] = z, t[6] = h) : h = t[6];
+  let g;
+  return t[7] !== u || t[8] !== h || t[9] !== o ? (g = /* @__PURE__ */ s.jsx(u, { dropdown: j, dropdownAlign: n, transparent: r, boxShadow: l, size: m, customClass: o, children: h }), t[7] = u, t[8] = h, t[9] = o, t[10] = g) : g = t[10], g;
 };
 export {
-  M as default
+  rt as default
 };