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

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

@@ -1,65 +1,31 @@
-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 { t as f } from "../../../../utils-DHuiYnx1.js";
+import "../../constants/pagination.js";
+import { useTableContext as p } from "../../contexts/table.hook.js";
+import { DotPaginate as x } from "../DotPaginate/DotPaginate.js";
+import { DropdownPaginate as u } from "../DropdownPaginate/DropdownPaginate.js";
+import { FormPaginate as b } from "../FormPaginate/FormPaginate.js";
+import { Fragment as g, jsx as e, jsxs as t } from "react/jsx-runtime";
+var j = ({ showTotalItems: a = !0, showDropdownPagination: i = !0, showDotPagination: l = !0, showFormPagination: n = !0, pageSizes: s, classNamePagination: m, isLoading: o }) => {
+  const { totalItems: r = -1 / 0, tableFetching: d, isFirstLoad: c } = p();
+  return r <= 10 || d || o ? null : /* @__PURE__ */ t(g, { children: [/* @__PURE__ */ e("div", {
+    className: f("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(u, { pageSizes: s })
+        })]
+      }), /* @__PURE__ */ t("div", {
+        className: "flex items-center gap-8",
+        children: [l && /* @__PURE__ */ e(x, {}), n && /* @__PURE__ */ e(b, {})]
+      })]
+    })
+  }), /* @__PURE__ */ e("div", { className: "w-full min-h-37.5" })] });
 };
 export {
   j as Pagination

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

@@ -1,105 +1,42 @@
-import { jsx as r } from "react/jsx-runtime";
+import { t as l } from "../../../../utils-DHuiYnx1.js";
 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 { t as c } from "../../../../ellipsis-vertical-My0S9QY5.js";
+import { useTableContext as h } from "../../contexts/table.hook.js";
+import { jsx as r } from "react/jsx-runtime";
+var N = ({ numberOfRows: i, table: o }) => {
+  const { tableFetching: n, tableLoading: b } = h(), 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(c, { 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 {
   N as Skeleton

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

@@ -1,62 +1,42 @@
+import { o as R } from "../../../../chunk-D1xtDmiO.js";
+import { t as i } from "../../../../utils-DHuiYnx1.js";
+import { Typography as l } from "../../../Typography/Typography.js";
+import { t as _ } from "../../../../debounce-CzFlgg9h.js";
+import { Tooltip as g } from "../../../Tooltip/Tooltip.js";
+import { useCallback as v, useEffect as a, useRef as z, useState as E } from "react";
 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(() => {
+var L = /* @__PURE__ */ R(_(), 1), A = ({ getValue: u, value: m, textClassName: c, side: f = "bottom", sideOffset: p, bgClassName: d, arrowClassName: b, className: h, delayDuration: w = 0 }) => {
+  const o = z(null), [T, x] = E(!1), r = m ?? u().toLocaleLowerCase(), t = v(() => {
     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
-    }), () => {
+  return a(() => {
+    const e = new AbortController(), s = (0, L.default)(t, 300);
+    return window.addEventListener("resize", s, { signal: e.signal }), () => {
       e.abort(), s.cancel();
     };
-  }, [t]), l(() => {
+  }, [t]), a(() => {
     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,
-    {
+  }, [t]), T ? /* @__PURE__ */ n(g, {
+    content: r,
+    side: f,
+    sideOffset: p,
+    bgClassName: d,
+    arrowClassName: b,
+    className: h,
+    delayDuration: w,
+    children: /* @__PURE__ */ n(l, {
       ref: o,
       component: "p",
-      className: a("w-full truncate", c),
+      className: i("w-full truncate cursor-pointer", c),
       children: r
-    }
-  );
+    })
+  }) : /* @__PURE__ */ n(l, {
+    ref: o,
+    component: "p",
+    className: i("w-full truncate", c),
+    children: r
+  });
 };
 export {
   A as TruncateText

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

@@ -1,26 +1,12 @@
-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 { t as a } from "../../../../utils-DHuiYnx1.js";
+import { useTableContext as n } from "../../contexts/table.hook.js";
+import { jsx as m } from "react/jsx-runtime";
+var p = ({ children: o, classNameWrapperTable: r, isLoading: e, showPagination: t }) => {
+  const { tableFetching: d } = n();
+  return /* @__PURE__ */ m("div", {
+    className: a("shadow rounded-t-lg overflow-hidden", { "rounded-lg": !t || d || e }, r),
+    children: o
+  });
 };
 export {
   p as WrapperBody

package/dist/components/VirtualizedTable/components/index.js

@@ -1,16 +1,16 @@
-import { Actions as e } from "./Actions/Actions.js";
-import { Body as p } from "./Body/Body.js";
-import { Filter as f } from "./Filter/Filter.js";
-import { Header as a } from "./Header/Header.js";
+import { Actions as o } from "./Actions/Actions.js";
+import { Body as t } from "./Body/Body.js";
+import { Filter as p } from "./Filter/Filter.js";
+import { Header as f } from "./Header/Header.js";
 import { Pagination as n } from "./Pagination/Pagination.js";
 import { TruncateText as c } from "./TruncateText/TruncateText.js";
-import { WrapperBody as B } from "./WrapperBody/WrapperBody.js";
+import { WrapperBody as y } from "./WrapperBody/WrapperBody.js";
 export {
-  e as Actions,
-  p as Body,
-  f as Filter,
-  a as Header,
+  o as Actions,
+  t as Body,
+  p as Filter,
+  f as Header,
   n as Pagination,
   c as TruncateText,
-  B as WrapperBody
+  y as WrapperBody
 };

package/dist/components/VirtualizedTable/constants/index.js

@@ -1,5 +1,5 @@
-import { DEFAULT_PAGE_SIZE as _, DEFAULT_PAGE_SIZES as S } from "./pagination.js";
+import { DEFAULT_PAGE_SIZE as A, DEFAULT_PAGE_SIZES as _ } from "./pagination.js";
 export {
-  _ as DEFAULT_PAGE_SIZE,
-  S as DEFAULT_PAGE_SIZES
+  A as DEFAULT_PAGE_SIZE,
+  _ as DEFAULT_PAGE_SIZES
 };

package/dist/components/VirtualizedTable/constants/pagination.js

@@ -1,4 +1,9 @@
-const E = 10, A = [10, 20, 50, 100];
+var E = 10, A = [
+  10,
+  20,
+  50,
+  100
+];
 export {
   E as DEFAULT_PAGE_SIZE,
   A as DEFAULT_PAGE_SIZES

package/dist/components/VirtualizedTable/contexts/index.js

@@ -1,8 +1,8 @@
-import { TableContext as r } from "./table.context.js";
-import { useTableContext as x } from "./table.hook.js";
-import { TableProvider as b } from "./table.provider.js";
+import { t as r } from "../../../table.provider-4OQNqxH3.js";
+import { TableContext as e } from "./table.context.js";
+import { useTableContext as a } from "./table.hook.js";
 export {
-  r as TableContext,
-  b as TableProvider,
-  x as useTableContext
+  e as TableContext,
+  r as TableProvider,
+  a as useTableContext
 };

package/dist/components/VirtualizedTable/contexts/table.context.js

@@ -1,6 +1,6 @@
+import "../constants/pagination.js";
 import { createContext as e } from "react";
-import { DEFAULT_PAGE_SIZE as t } from "../constants/pagination.js";
-const r = e({
+var r = e({
   sortedData: [],
   table: {},
   tableFetching: !1,
@@ -8,7 +8,7 @@ const r = e({
   totalItems: -1 / 0,
   termOfSearch: "",
   page: 0,
-  pageSize: t,
+  pageSize: 10,
   totalPages: 1 / 0,
   isFirstLoad: !0,
   onSorting() {

package/dist/components/VirtualizedTable/contexts/table.hook.js

@@ -1,11 +1,10 @@
-import { useContext as e } from "react";
-import { TableContext as o } from "./table.context.js";
-const s = () => {
-  const t = e(o);
-  if (!t)
-    throw new Error("useTableContext must be used within a TableProvider");
-  return t;
+import { TableContext as t } from "./table.context.js";
+import { useContext as o } from "react";
+var a = () => {
+  const e = o(t);
+  if (!e) throw new Error("useTableContext must be used within a TableProvider");
+  return e;
 };
 export {
-  s as useTableContext
+  a as useTableContext
 };