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

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

@@ -1,66 +1,68 @@
-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" })
-  ] });
+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;
 };
 export {
-  j as Pagination
+  M as Pagination
 };

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

@@ -1,106 +1,36 @@
 import { jsx as r } from "react/jsx-runtime";
-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}`
-    );
-  }) });
+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;
 };
 export {
-  N as Skeleton
+  E as Skeleton
 };

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

@@ -1,63 +1,56 @@
-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
+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
     }), () => {
-      e.abort(), s.cancel();
+      t.abort(), l.cancel();
     };
-  }, [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
-    }
-  );
+  }, 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;
 };
 export {
-  A as TruncateText
+  J as TruncateText
 };

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

@@ -1,27 +1,23 @@
-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
-    }
-  );
+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;
 };
 export {
-  p as WrapperBody
+  b as WrapperBody
 };