@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.78

package/dist/components/VirtualizedTable/components/Pagination/Pagination.js

@@ -1,68 +1,66 @@
-import { jsxs as f, jsx as c, Fragment as j } from "react/jsx-runtime";
-import { c as L } from "../../../../compiler-runtime-DA41awpA.js";
-import { DotPaginate as S } from "../DotPaginate/DotPaginate.js";
-import { DropdownPaginate as A } from "../DropdownPaginate/DropdownPaginate.js";
-import { FormPaginate as R } from "../FormPaginate/FormPaginate.js";
-import { cn as z } from "../../../../utils/index.js";
-import { useTableContext as C } from "../../contexts/table.hook.js";
-import { DEFAULT_PAGE_SIZE as G } from "../../constants/pagination.js";
-const M = (k) => {
-  const t = L.c(28), {
-    showTotalItems: N,
-    showDropdownPagination: D,
-    showDotPagination: F,
-    showFormPagination: I,
-    pageSizes: h,
-    classNamePagination: x,
-    isLoading: E
-  } = k, u = N === void 0 ? !0 : N, w = D === void 0 ? !0 : D, b = F === void 0 ? !0 : F, P = I === void 0 ? !0 : I, {
-    totalItems: y,
-    tableFetching: T,
-    isFirstLoad: _
-  } = C(), d = y === void 0 ? -1 / 0 : y;
-  if (d <= G || T || E)
-    return null;
-  const v = !_;
-  let e;
-  t[0] !== x || t[1] !== v ? (e = z("bg-slate-50", "border", "border-y-transparent", "border-x-slate-100", "text-slate-500", "text-sm", "not-italic", "py-2", "px-6", "rounded-b-lg", "shadow", "dark:bg-metal-800", "dark:border-x-metal-700", "dark:border-b-metal-700", x, {
-    "animate-in fade-in-10": v
-  }), t[0] = x, t[1] = v, t[2] = e) : e = t[2];
-  let o;
-  t[3] !== u || t[4] !== d ? (o = d && u ? /* @__PURE__ */ f("span", { className: "text-slate-800 dark:text-metal-300", children: [
-    d,
-    " Results"
-  ] }) : null, t[3] = u, t[4] = d, t[5] = o) : o = t[5];
-  let i;
-  t[6] !== h || t[7] !== w ? (i = w && /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ c(A, { pageSizes: h }) }), t[6] = h, t[7] = w, t[8] = i) : i = t[8];
-  let s;
-  t[9] !== o || t[10] !== i ? (s = /* @__PURE__ */ f("div", { className: "flex items-center gap-6", children: [
-    o,
-    i
-  ] }), t[9] = o, t[10] = i, t[11] = s) : s = t[11];
-  let a;
-  t[12] !== b ? (a = b && /* @__PURE__ */ c(S, {}), t[12] = b, t[13] = a) : a = t[13];
-  let l;
-  t[14] !== P ? (l = P && /* @__PURE__ */ c(R, {}), t[14] = P, t[15] = l) : l = t[15];
-  let n;
-  t[16] !== a || t[17] !== l ? (n = /* @__PURE__ */ f("div", { className: "flex items-center gap-8", children: [
-    a,
-    l
-  ] }), t[16] = a, t[17] = l, t[18] = n) : n = t[18];
-  let r;
-  t[19] !== s || t[20] !== n ? (r = /* @__PURE__ */ f("div", { className: "flex items-center justify-between", children: [
-    s,
-    n
-  ] }), t[19] = s, t[20] = n, t[21] = r) : r = t[21];
-  let m;
-  t[22] !== r || t[23] !== e ? (m = /* @__PURE__ */ c("div", { className: e, children: r }), t[22] = r, t[23] = e, t[24] = m) : m = t[24];
-  let p;
-  t[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ c("div", { className: "w-full min-h-37.5" }), t[25] = p) : p = t[25];
-  let g;
-  return t[26] !== m ? (g = /* @__PURE__ */ f(j, { children: [
-    m,
-    p
-  ] }), t[26] = m, t[27] = g) : g = t[27], g;
+import { jsxs as t, Fragment as f, jsx as e } from "react/jsx-runtime";
+import { DotPaginate as p } from "../DotPaginate/DotPaginate.js";
+import { DropdownPaginate as x } from "../DropdownPaginate/DropdownPaginate.js";
+import { FormPaginate as u } from "../FormPaginate/FormPaginate.js";
+import { cn as b } from "../../../../utils/index.js";
+import { useTableContext as g } from "../../contexts/table.hook.js";
+import { DEFAULT_PAGE_SIZE as h } from "../../constants/pagination.js";
+const j = ({
+  showTotalItems: a = !0,
+  showDropdownPagination: i = !0,
+  showDotPagination: n = !0,
+  showFormPagination: l = !0,
+  pageSizes: s,
+  classNamePagination: m,
+  isLoading: o
+}) => {
+  const {
+    totalItems: r = -1 / 0,
+    tableFetching: d,
+    isFirstLoad: c
+  } = g();
+  return r <= h || d || o ? null : /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: b(
+          "bg-slate-50",
+          "border",
+          "border-y-transparent",
+          "border-x-slate-100",
+          "text-slate-500",
+          "text-sm",
+          "not-italic",
+          "py-2",
+          "px-6",
+          "rounded-b-lg",
+          "shadow",
+          "dark:bg-metal-800",
+          "dark:border-x-metal-700",
+          "dark:border-b-metal-700",
+          m,
+          {
+            "animate-in fade-in-10": !c
+          }
+        ),
+        children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-6", children: [
+            r && a ? /* @__PURE__ */ t("span", { className: "text-slate-800 dark:text-metal-300", children: [
+              r,
+              " Results"
+            ] }) : null,
+            i && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(x, { pageSizes: s }) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-8", children: [
+            n && /* @__PURE__ */ e(p, {}),
+            l && /* @__PURE__ */ e(u, {})
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "w-full min-h-37.5" })
+  ] });
 };
 export {
-  M as Pagination
+  j as Pagination
 };

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js

@@ -1,36 +1,106 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
-import { Button as f } from "../../../Button/Button.js";
-import { cn as s } from "../../../../utils/index.js";
-import { useTableContext as k } from "../../contexts/table.hook.js";
-import { E as u } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
-const E = (g) => {
-  const t = p.c(7), {
-    numberOfRows: n,
-    table: m
-  } = g, {
-    tableFetching: b,
-    tableLoading: c
-  } = k();
-  let d;
-  t[0] !== n ? (d = Array.from({
-    length: n
-  }), t[0] = n, t[1] = d) : d = t[1];
-  const e = d;
-  let i;
-  return t[2] !== e || t[3] !== m || t[4] !== b || t[5] !== c ? (i = /* @__PURE__ */ r("tbody", { className: "text-slate-800 text-sm font-normal relative", children: e.map((y, a) => {
-    const h = m.getAllColumns();
-    return /* @__PURE__ */ r("tr", { className: s("border-b", "border-b-gray-200", "bg-transparent", "last:border-b-transparent"), children: h.map((l, o) => l.id !== "actions" ? /* @__PURE__ */ r("td", { className: s("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "dark:[tr:last-child_&]:border-b", l.columnDef.meta?.className, {
-      "[tr:last-child_&:first-of-type]:rounded-bl-lg": a === e.length - 1 && o === 0,
-      "[tr:last-child_&:last-of-type]:rounded-br-lg": a === e.length - 1 && o === h.length - 1
-    }), children: /* @__PURE__ */ r("div", { className: "animate-in fade-in-0", children: /* @__PURE__ */ r("div", { className: s("bg-gray-200", "dark:bg-metal-700", "animate-pulse", "rounded", "h-5", "w-full") }) }) }, `skeleton-${l.id}`) : /* @__PURE__ */ r("td", { className: s("px-4", "py-1", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "dark:[tr:last-child_&]:border-b", l.columnDef.meta?.className, {
-      "[tr:last-child_&:first-of-type]:rounded-bl-lg": a === e.length - 1 && o === 0,
-      "[tr:last-child_&:last-of-type]:rounded-br-lg": a === e.length - 1 && o === h.length - 1
-    }), children: /* @__PURE__ */ r(f, { variant: "link", shape: "circle", size: "large", disabled: !0, "aria-hidden": "true", children: /* @__PURE__ */ r(u, { className: s("w-5", "h-5", "text-slate-400", "dark:text-metal-700", {
-      "text-gray-300 animate-pulse": b || c
-    }) }) }) }, `skeleton-${l.id}`)) }, `skeleton-row-${a}`);
-  }) }), t[2] = e, t[3] = m, t[4] = b, t[5] = c, t[6] = i) : i = t[6], i;
+import { Button as m } from "../../../Button/Button.js";
+import { cn as l } from "../../../../utils/index.js";
+import { useTableContext as c } from "../../contexts/table.hook.js";
+import { E as h } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
+const N = ({ numberOfRows: i, table: o }) => {
+  const { tableFetching: n, tableLoading: b } = c(), t = Array.from({ length: i });
+  return /* @__PURE__ */ r("tbody", { className: "text-slate-800 text-sm font-normal relative", children: t.map((g, e) => {
+    const d = o.getAllColumns();
+    return /* @__PURE__ */ r(
+      "tr",
+      {
+        className: l(
+          "border-b",
+          "border-b-gray-200",
+          "bg-transparent",
+          "last:border-b-transparent"
+        ),
+        children: d.map((a, s) => a.id !== "actions" ? /* @__PURE__ */ r(
+          "td",
+          {
+            className: l(
+              "px-4",
+              "py-1",
+              "bg-white",
+              "dark:bg-metal-900",
+              "dark:border-t",
+              "dark:border-metal-700",
+              "dark:first:border-l",
+              "dark:last:border-r",
+              "dark:[tr:last-child_&]:border-b",
+              a.columnDef.meta?.className,
+              {
+                "[tr:last-child_&:first-of-type]:rounded-bl-lg": e === t.length - 1 && s === 0,
+                "[tr:last-child_&:last-of-type]:rounded-br-lg": e === t.length - 1 && s === d.length - 1
+              }
+            ),
+            children: /* @__PURE__ */ r("div", { className: "animate-in fade-in-0", children: /* @__PURE__ */ r(
+              "div",
+              {
+                className: l(
+                  "bg-gray-200",
+                  "dark:bg-metal-700",
+                  "animate-pulse",
+                  "rounded",
+                  "h-5",
+                  "w-full"
+                )
+              }
+            ) })
+          },
+          `skeleton-${a.id}`
+        ) : /* @__PURE__ */ r(
+          "td",
+          {
+            className: l(
+              "px-4",
+              "py-1",
+              "bg-white",
+              "dark:bg-metal-900",
+              "dark:border-t",
+              "dark:border-metal-700",
+              "dark:first:border-l",
+              "dark:last:border-r",
+              "dark:[tr:last-child_&]:border-b",
+              a.columnDef.meta?.className,
+              {
+                "[tr:last-child_&:first-of-type]:rounded-bl-lg": e === t.length - 1 && s === 0,
+                "[tr:last-child_&:last-of-type]:rounded-br-lg": e === t.length - 1 && s === d.length - 1
+              }
+            ),
+            children: /* @__PURE__ */ r(
+              m,
+              {
+                variant: "link",
+                shape: "circle",
+                size: "large",
+                disabled: !0,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ r(
+                  h,
+                  {
+                    className: l(
+                      "w-5",
+                      "h-5",
+                      "text-slate-400",
+                      "dark:text-metal-700",
+                      {
+                        "text-gray-300 animate-pulse": n || b
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          },
+          `skeleton-${a.id}`
+        ))
+      },
+      `skeleton-row-${e}`
+    );
+  }) });
 };
 export {
-  E as Skeleton
+  N as Skeleton
 };

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,56 +1,63 @@
-import { jsx as C } from "react/jsx-runtime";
-import { c as j } from "../../../../compiler-runtime-DA41awpA.js";
-import { d as A } from "../../../../debounce-DJveWHr_.js";
-import { useRef as I, useState as O, useEffect as S } from "react";
-import { Tooltip as V } from "../../../Tooltip/Tooltip.js";
-import { Typography as z } from "../../../Typography/Typography.js";
-import { cn as E } from "../../../../utils/index.js";
-const J = (L) => {
-  const e = j.c(27), {
-    getValue: h,
-    value: b,
-    textClassName: s,
-    side: R,
-    sideOffset: w,
-    bgClassName: x,
-    arrowClassName: y,
-    className: N,
-    delayDuration: v
-  } = L, T = R === void 0 ? "bottom" : R, _ = v === void 0 ? 0 : v, g = I(null), [D, W] = O(!1);
-  let c;
-  e[0] !== h || e[1] !== b ? (c = b ?? h().toLocaleLowerCase(), e[0] = h, e[1] = b, e[2] = c) : c = e[2];
-  const o = c;
-  let i;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-    const t = g.current;
-    t && W(t.scrollWidth > t.clientWidth);
-  }, e[3] = i) : i = e[3];
-  const a = i;
-  let m, f;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
-    const t = new AbortController(), l = A(a, 300);
-    return window.addEventListener("resize", l, {
-      signal: t.signal
+import { jsx as n } from "react/jsx-runtime";
+import { d as R } from "../../../../debounce-DJveWHr_.js";
+import { useRef as g, useState as z, useCallback as L, useEffect as l } from "react";
+import { Tooltip as y } from "../../../Tooltip/Tooltip.js";
+import { Typography as i } from "../../../Typography/Typography.js";
+import { cn as a } from "../../../../utils/index.js";
+const A = ({
+  getValue: u,
+  value: f,
+  textClassName: c,
+  side: m = "bottom",
+  sideOffset: p,
+  bgClassName: d,
+  arrowClassName: h,
+  className: b,
+  delayDuration: w = 0
+}) => {
+  const o = g(null), [T, x] = z(!1), r = f ?? u().toLocaleLowerCase(), t = L(() => {
+    const e = o.current;
+    e && x(e.scrollWidth > e.clientWidth);
+  }, []);
+  return l(() => {
+    const e = new AbortController(), s = R(t, 300);
+    return window.addEventListener("resize", s, {
+      signal: e.signal
     }), () => {
-      t.abort(), l.cancel();
+      e.abort(), s.cancel();
     };
-  }, f = [a], e[4] = m, e[5] = f) : (m = e[4], f = e[5]), S(m, f);
-  let u, d;
-  if (e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
-    a();
-  }, d = [a], e[6] = u, e[7] = d) : (u = e[6], d = e[7]), S(u, d), !D) {
-    let t;
-    e[8] !== s ? (t = E("w-full truncate", s), e[8] = s, e[9] = t) : t = e[9];
-    let l;
-    return e[10] !== t || e[11] !== o ? (l = /* @__PURE__ */ C(z, { ref: g, component: "p", className: t, children: o }), e[10] = t, e[11] = o, e[12] = l) : l = e[12], l;
-  }
-  let r;
-  e[13] !== s ? (r = E("w-full truncate cursor-pointer", s), e[13] = s, e[14] = r) : r = e[14];
-  let n;
-  e[15] !== r || e[16] !== o ? (n = /* @__PURE__ */ C(z, { ref: g, component: "p", className: r, children: o }), e[15] = r, e[16] = o, e[17] = n) : n = e[17];
-  let p;
-  return e[18] !== y || e[19] !== x || e[20] !== N || e[21] !== _ || e[22] !== T || e[23] !== w || e[24] !== n || e[25] !== o ? (p = /* @__PURE__ */ C(V, { content: o, side: T, sideOffset: w, bgClassName: x, arrowClassName: y, className: N, delayDuration: _, children: n }), e[18] = y, e[19] = x, e[20] = N, e[21] = _, e[22] = T, e[23] = w, e[24] = n, e[25] = o, e[26] = p) : p = e[26], p;
+  }, [t]), l(() => {
+    t();
+  }, [t]), T ? /* @__PURE__ */ n(
+    y,
+    {
+      content: r,
+      side: m,
+      sideOffset: p,
+      bgClassName: d,
+      arrowClassName: h,
+      className: b,
+      delayDuration: w,
+      children: /* @__PURE__ */ n(
+        i,
+        {
+          ref: o,
+          component: "p",
+          className: a("w-full truncate cursor-pointer", c),
+          children: r
+        }
+      )
+    }
+  ) : /* @__PURE__ */ n(
+    i,
+    {
+      ref: o,
+      component: "p",
+      className: a("w-full truncate", c),
+      children: r
+    }
+  );
 };
 export {
-  J as TruncateText
+  A as TruncateText
 };

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.js

@@ -1,23 +1,27 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as p } from "../../../../utils/index.js";
-import { useTableContext as f } from "../../contexts/table.hook.js";
-const b = (i) => {
-  const o = d.c(6), {
-    children: r,
-    classNameWrapperTable: s,
-    isLoading: a,
-    showPagination: l
-  } = i, {
-    tableFetching: c
-  } = f(), n = !l || c || a;
-  let e;
-  o[0] !== s || o[1] !== n ? (e = p("shadow rounded-t-lg overflow-hidden", {
-    "rounded-lg": n
-  }, s), o[0] = s, o[1] = n, o[2] = e) : e = o[2];
-  let t;
-  return o[3] !== r || o[4] !== e ? (t = /* @__PURE__ */ m("div", { className: e, children: r }), o[3] = r, o[4] = e, o[5] = t) : t = o[5], t;
+import { jsx as n } from "react/jsx-runtime";
+import { cn as m } from "../../../../utils/index.js";
+import { useTableContext as s } from "../../contexts/table.hook.js";
+const p = ({
+  children: o,
+  classNameWrapperTable: r,
+  isLoading: e,
+  showPagination: t
+}) => {
+  const { tableFetching: d } = s();
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: m(
+        "shadow rounded-t-lg overflow-hidden",
+        {
+          "rounded-lg": !t || d || e
+        },
+        r
+      ),
+      children: o
+    }
+  );
 };
 export {
-  b as WrapperBody
+  p as WrapperBody
 };