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

package/dist/components/Typography/Typography.js

@@ -1,26 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { cn as c } from "../../utils/index.js";
-import { typographyVariants as f } from "./Typography.variants.js";
-const h = y(({ className: r, theme: p, children: t, variant: o, component: m, ...e }, s) => {
-  const a = m ?? (o?.includes("h") ? o : "p");
-  return /* @__PURE__ */ n(
-    a,
-    {
-      ref: s,
-      "data-theme": p,
-      className: c(
-        f({
-          className: r,
-          variant: o
-        })
-      ),
-      ...e,
-      children: t
-    }
-  );
-});
-h.displayName = "KonstructTypography";
+import { t as s } from "../../utils-DHuiYnx1.js";
+import { typographyVariants as y } from "./Typography.variants.js";
+import { forwardRef as f } from "react";
+import { jsx as h } from "react/jsx-runtime";
+var i = f(({ className: o, theme: p, children: m, variant: r, component: t, ...a }, e) => /* @__PURE__ */ h(t ?? (r?.includes("h") ? r : "p"), {
+  ref: e,
+  "data-theme": p,
+  className: s(y({
+    className: o,
+    variant: r
+  })),
+  ...a,
+  children: m
+}));
+i.displayName = "KonstructTypography";
 export {
-  h as Typography
+  i as Typography
 };

package/dist/components/Typography/Typography.variants.js

@@ -1,65 +1,75 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t(
-  ["text-slate-800", "dark:text-metal-50"],
-  {
-    variants: {
-      variant: {
-        h1: ["text-[57px]", "leading-16"],
-        h2: ["text-[45px]", "leading-13"],
-        h3: ["text-4xl", "leading-11"],
-        h4: ["text-[32px]", "leading-10"],
-        h5: ["text-[28px]", "leading-9"],
-        h6: ["text-2xl", "font-medium", "leading-8", "tracking-[0.15px]"],
-        subtitle1: ["text-[22px]", "leading-7"],
-        subtitle2: [
-          "text-[16px]",
-          "font-medium",
-          "leading-6",
-          "tracking-[0.15px]"
-        ],
-        subtitle3: [
-          "text-[14px]",
-          "font-medium",
-          "leading-5",
-          "tracking-[0.1px]"
-        ],
-        labelLarge: [
-          "text-sm",
-          "font-medium",
-          "text-slate-500",
-          "dark:text-metal-50"
-        ],
-        labelMedium: [
-          "text-[12px]",
-          "font-medium",
-          "leading-4",
-          "tracking-[0.5px]",
-          "uppercase"
-        ],
-        labelSmall: [
-          "text-[11px]",
-          "font-medium",
-          "leading-4",
-          "tracking-[0.5px]",
-          "uppercase"
-        ],
-        buttonSmall: [
-          "text-[14px]",
-          "font-semibold",
-          "leading-5",
-          "tracking-[0.25px]"
-        ],
-        body1: ["text-base", "leading-6", "tracking-[0.5px]"],
-        body2: ["text-sm", "leading-5", "tracking-[0.25px]"],
-        body3: ["text-xs", "leading-4", "tracking-[0.4px]"],
-        tooltip: ["text-sm", "leading-5.5"]
-      }
-    },
-    defaultVariants: {
-      variant: "body1"
-    }
-  }
-);
+import { t } from "../../dist-DtEbXv47.js";
+var a = t(["text-slate-800", "dark:text-metal-50"], {
+  variants: { variant: {
+    h1: ["text-[57px]", "leading-16"],
+    h2: ["text-[45px]", "leading-13"],
+    h3: ["text-4xl", "leading-11"],
+    h4: ["text-[32px]", "leading-10"],
+    h5: ["text-[28px]", "leading-9"],
+    h6: [
+      "text-2xl",
+      "font-medium",
+      "leading-8",
+      "tracking-[0.15px]"
+    ],
+    subtitle1: ["text-[22px]", "leading-7"],
+    subtitle2: [
+      "text-[16px]",
+      "font-medium",
+      "leading-6",
+      "tracking-[0.15px]"
+    ],
+    subtitle3: [
+      "text-[14px]",
+      "font-medium",
+      "leading-5",
+      "tracking-[0.1px]"
+    ],
+    labelLarge: [
+      "text-sm",
+      "font-medium",
+      "text-slate-500",
+      "dark:text-metal-50"
+    ],
+    labelMedium: [
+      "text-[12px]",
+      "font-medium",
+      "leading-4",
+      "tracking-[0.5px]",
+      "uppercase"
+    ],
+    labelSmall: [
+      "text-[11px]",
+      "font-medium",
+      "leading-4",
+      "tracking-[0.5px]",
+      "uppercase"
+    ],
+    buttonSmall: [
+      "text-[14px]",
+      "font-semibold",
+      "leading-5",
+      "tracking-[0.25px]"
+    ],
+    body1: [
+      "text-base",
+      "leading-6",
+      "tracking-[0.5px]"
+    ],
+    body2: [
+      "text-sm",
+      "leading-5",
+      "tracking-[0.25px]"
+    ],
+    body3: [
+      "text-xs",
+      "leading-4",
+      "tracking-[0.4px]"
+    ],
+    tooltip: ["text-sm", "leading-5.5"]
+  } },
+  defaultVariants: { variant: "body1" }
+});
 export {
   a as typographyVariants
 };

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,165 +1,95 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { useMemo as Y } from "react";
-import { cn as s } from "../../utils/index.js";
-import { sendToggleRowEvent as Z, sendCollapseRowEvent as _, sendExpandRowEvent as $ } from "./events/index.js";
-import { TableProvider as D } from "./contexts/table.provider.js";
-import { Filter as L } from "./components/Filter/Filter.js";
-import { WrapperBody as rr } from "./components/WrapperBody/WrapperBody.js";
+import { t as s } from "../../utils-DHuiYnx1.js";
+import { Actions as Y } from "./components/Actions/Actions.js";
+import { t as Z } from "../../table.provider-4OQNqxH3.js";
+import { sendCollapseRowEvent as _, sendExpandRowEvent as $, sendToggleRowEvent as D } from "./events/index.js";
+import { Body as L } from "./components/Body/Body.js";
+import { Filter as rr } from "./components/Filter/Filter.js";
 import { Header as er } from "./components/Header/Header.js";
-import { Body as or } from "./components/Body/Body.js";
-import { Pagination as tr } from "./components/Pagination/Pagination.js";
-import { TruncateText as ar } from "./components/TruncateText/TruncateText.js";
-import { Actions as ir } from "./components/Actions/Actions.js";
-const lr = ({
-  id: c,
-  ariaLabel: p,
-  columns: d,
-  data: f,
-  totalItems: u = -1 / 0,
-  className: b,
-  classNameHeaderActiveArrows: T,
-  classNameHeaderArrows: v,
-  classNameHeaderTable: x,
-  classNameTable: E,
-  classNameWrapperTable: N,
-  isLoading: t,
-  getRowId: w,
-  fetchData: A,
-  queryOptions: y,
-  // Pagination
-  showPagination: h,
-  showTotalItems: a,
-  showDropdownPagination: i,
-  showDotPagination: l,
-  showFormPagination: m,
-  pageSizes: z,
-  // Filter
-  showFilter: B = !1,
-  showFilterInput: R,
-  filterSearchPlaceholder: V = "",
-  filters: g,
-  multiSelectFilter: j,
-  filterActions: k,
-  showResetButton: P = !0,
-  resetButtonClassName: C,
-  closeOnApply: H = !0,
-  // Hover row
-  enableHoverRow: I,
-  classNameHoverRow: K,
-  // Expandable rows
-  enableExpandedRow: M,
-  expandedState: W,
-  defaultExpanded: q,
-  classNameExpandedRow: F,
-  classNameExpandedCell: G,
-  classNameExpandedContent: J,
-  classNameExpandedHeader: O,
-  classNameActiveExpandedRow: Q,
-  onExpandedChange: S,
-  renderExpandedRow: U,
-  keepExpandColumnVisible: X
-}) => {
-  const e = Y(
-    () => h || [
-      a,
-      i,
-      l,
-      m
-    ].some(Boolean),
-    []
-  );
-  return /* @__PURE__ */ r(
-    D,
-    {
-      id: c,
-      columns: d,
-      data: f,
-      getRowId: w,
-      fetchData: A,
-      totalItems: u,
-      queryOptions: y,
-      isPaginationEnabled: e,
-      enableExpandedRow: M,
-      expandedState: W,
-      onExpandedChange: S,
-      defaultExpanded: q,
-      classNameExpandedRow: F,
-      classNameExpandedCell: G,
-      classNameExpandedContent: J,
-      classNameExpandedHeader: O,
-      classNameActiveExpandedRow: Q,
-      enableHoverRow: I,
-      classNameHoverRow: K,
-      renderExpandedRow: U,
-      keepExpandColumnVisible: X,
-      children: /* @__PURE__ */ n("section", { className: s("w-full min-w-fit", b), children: [
-        B && /* @__PURE__ */ r(
-          L,
-          {
-            actions: k,
-            filters: g,
-            multiSelectFilter: j,
-            placeholder: V,
-            showFilterInput: R,
-            showResetButton: P,
-            resetButtonClassName: C,
-            closeOnApply: H
-          }
-        ),
-        /* @__PURE__ */ r(
-          rr,
-          {
-            showPagination: e,
-            classNameWrapperTable: N,
-            isLoading: t,
-            children: /* @__PURE__ */ n(
-              "table",
-              {
-                className: s(
-                  "w-full border-collapse table-auto",
-                  "dark:border-separate dark:border-spacing-0",
-                  E
-                ),
-                "aria-label": p,
-                children: [
-                  /* @__PURE__ */ r(
-                    er,
-                    {
-                      className: x,
-                      classNameArrows: v,
-                      classNameActiveArrows: T
-                    }
-                  ),
-                  /* @__PURE__ */ r(or, { isLoading: t, showPagination: e })
-                ]
-              }
-            )
-          }
-        ),
-        e && /* @__PURE__ */ r(
-          tr,
-          {
-            showTotalItems: a,
-            showDropdownPagination: i,
-            showDotPagination: l,
-            showFormPagination: m,
-            pageSizes: z,
-            isLoading: t
-          }
-        )
-      ] })
-    }
-  );
-}, o = lr;
-o.displayName = "KonstructVirtualizedTable";
-o.TruncateText = ar;
-o.Actions = ir;
-o.Events = {
+import { Pagination as ar } from "./components/Pagination/Pagination.js";
+import { TruncateText as or } from "./components/TruncateText/TruncateText.js";
+import { WrapperBody as tr } from "./components/WrapperBody/WrapperBody.js";
+import { useMemo as ir } from "react";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+var lr = ({ id: c, ariaLabel: p, columns: d, data: f, totalItems: u = -1 / 0, className: b, classNameHeaderActiveArrows: v, classNameHeaderArrows: T, classNameHeaderTable: x, classNameTable: E, classNameWrapperTable: N, isLoading: o, getRowId: w, fetchData: A, queryOptions: y, showPagination: h, showTotalItems: t, showDropdownPagination: i, showDotPagination: l, showFormPagination: m, pageSizes: z, showFilter: B = !1, showFilterInput: R, filterSearchPlaceholder: V = "", filters: g, multiSelectFilter: j, filterActions: k, showResetButton: P = !0, resetButtonClassName: C, closeOnApply: H = !0, enableHoverRow: I, classNameHoverRow: K, enableExpandedRow: M, expandedState: W, defaultExpanded: q, classNameExpandedRow: F, classNameExpandedCell: G, classNameExpandedContent: J, classNameExpandedHeader: O, classNameActiveExpandedRow: Q, onExpandedChange: S, renderExpandedRow: U, keepExpandColumnVisible: X }) => {
+  const e = ir(() => h || [
+    t,
+    i,
+    l,
+    m
+  ].some(Boolean), []);
+  return /* @__PURE__ */ r(Z, {
+    id: c,
+    columns: d,
+    data: f,
+    getRowId: w,
+    fetchData: A,
+    totalItems: u,
+    queryOptions: y,
+    isPaginationEnabled: e,
+    enableExpandedRow: M,
+    expandedState: W,
+    onExpandedChange: S,
+    defaultExpanded: q,
+    classNameExpandedRow: F,
+    classNameExpandedCell: G,
+    classNameExpandedContent: J,
+    classNameExpandedHeader: O,
+    classNameActiveExpandedRow: Q,
+    enableHoverRow: I,
+    classNameHoverRow: K,
+    renderExpandedRow: U,
+    keepExpandColumnVisible: X,
+    children: /* @__PURE__ */ n("section", {
+      className: s("w-full min-w-fit", b),
+      children: [
+        B && /* @__PURE__ */ r(rr, {
+          actions: k,
+          filters: g,
+          multiSelectFilter: j,
+          placeholder: V,
+          showFilterInput: R,
+          showResetButton: P,
+          resetButtonClassName: C,
+          closeOnApply: H
+        }),
+        /* @__PURE__ */ r(tr, {
+          showPagination: e,
+          classNameWrapperTable: N,
+          isLoading: o,
+          children: /* @__PURE__ */ n("table", {
+            className: s("w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", E),
+            "aria-label": p,
+            children: [/* @__PURE__ */ r(er, {
+              className: x,
+              classNameArrows: T,
+              classNameActiveArrows: v
+            }), /* @__PURE__ */ r(L, {
+              isLoading: o,
+              showPagination: e
+            })]
+          })
+        }),
+        e && /* @__PURE__ */ r(ar, {
+          showTotalItems: t,
+          showDropdownPagination: i,
+          showDotPagination: l,
+          showFormPagination: m,
+          pageSizes: z,
+          isLoading: o
+        })
+      ]
+    })
+  });
+}, a = lr;
+a.displayName = "KonstructVirtualizedTable";
+a.TruncateText = or;
+a.Actions = Y;
+a.Events = {
   sendExpandRowEvent: $,
   sendCollapseRowEvent: _,
-  sendToggleRowEvent: Z
+  sendToggleRowEvent: D
 };
 export {
-  ar as TruncateText,
-  o as VirtualizedTable
+  or as TruncateText,
+  a as VirtualizedTable
 };

package/dist/components/VirtualizedTable/VirtualizedTable.types.d.ts

@@ -156,7 +156,7 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     queryOptions?: Omit<UseQueryOptions<any, any, any, any>, 'queryKey' | 'queryFn'>;
     isLoading?: boolean;
     getRowId?: (originalRow: TData, index: number) => string;
-    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>) => Promise<{
+    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
         data: TData[];
         totalItemsCount?: number;
     }>;

package/dist/components/VirtualizedTable/VirtualizedTable.variants.js

@@ -1,5 +1,5 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a([]);
+import { t as a } from "../../dist-DtEbXv47.js";
+var t = a([]);
 export {
   t as virtualizeTableVariants
 };

package/dist/components/VirtualizedTable/assets/chevron-down.js

@@ -1,25 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-const l = ({
-  className: t,
-  onClick: e
-}) => /* @__PURE__ */ o(
-  "svg",
-  {
-    width: "7",
-    height: "5",
-    viewBox: "0 0 7 5",
-    fill: "none",
-    className: t,
-    onClick: e,
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M0.8225 0L3.5 2.67167L6.1775 0L7 0.8225L3.5 4.3225L0 0.8225L0.8225 0Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
+var i = ({ className: e, onClick: r }) => /* @__PURE__ */ o("svg", {
+  width: "7",
+  height: "5",
+  viewBox: "0 0 7 5",
+  fill: "none",
+  className: e,
+  onClick: r,
+  children: /* @__PURE__ */ o("path", {
+    d: "M0.8225 0L3.5 2.67167L6.1775 0L7 0.8225L3.5 4.3225L0 0.8225L0.8225 0Z",
+    fill: "currentColor"
+  })
+});
 export {
-  l as default
+  i as default
 };

package/dist/components/VirtualizedTable/assets/chevron-up.js

@@ -1,25 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-const l = ({
-  className: r,
-  onClick: t
-}) => /* @__PURE__ */ o(
-  "svg",
-  {
-    width: "7",
-    height: "5",
-    viewBox: "0 0 7 5",
-    fill: "currentColor",
-    className: r,
-    onClick: t,
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M0.8225 4.99999L3.5 2.32832L6.1775 4.99999L7 4.17749L3.5 0.67749L0 4.17749L0.8225 4.99999Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
+import { jsx as r } from "react/jsx-runtime";
+var l = ({ className: o, onClick: t }) => /* @__PURE__ */ r("svg", {
+  width: "7",
+  height: "5",
+  viewBox: "0 0 7 5",
+  fill: "currentColor",
+  className: o,
+  onClick: t,
+  children: /* @__PURE__ */ r("path", {
+    d: "M0.8225 4.99999L3.5 2.32832L6.1775 4.99999L7 4.17749L3.5 0.67749L0 4.17749L0.8225 4.99999Z",
+    fill: "currentColor"
+  })
+});
 export {
   l as default
 };

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

@@ -1,6 +1,6 @@
-import { default as r } from "./chevron-up.js";
-import { default as f } from "./chevron-down.js";
+import n from "./chevron-up.js";
+import m from "./chevron-down.js";
 export {
-  f as ChevronDown,
-  r as ChevronUp
+  m as ChevronDown,
+  n as ChevronUp
 };