@konstructio/ui 0.1.2-alpha.106 → 0.1.2-alpha.108

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -1,29 +1,29 @@
-import { t as r } from "../../../../utils-Cx-WzRZF.js";
-import { n as I } from "../../../../table.provider-DfZ74xMZ.js";
+import { t } from "../../../../utils-B-6R7kNE.js";
+import { n as I } from "../../../../table.provider-CWzODR1t.js";
 import { useTableContext as T } from "../../contexts/table.hook.js";
 import { isPaginationBarVisible as q } from "../../utils/pagination.js";
 import { Skeleton as G } from "../Skeleton/Skeleton.js";
 import { ExpandableRow as J } from "../ExpandableRow/ExpandableRow.js";
 import { Fragment as K } from "react";
 import { jsx as e, jsxs as Q } from "react/jsx-runtime";
-var re = ({ isLoading: v, showPagination: N, emptyState: y, errorState: a }) => {
-  const { table: m, pageSize: E, totalItems: R = -1 / 0, tableLoading: C, tableError: c, enableExpandedRow: D, classNameExpandedRow: j, classNameExpandedCell: B, classNameExpandedContent: V, enableHoverRow: u, classNameHoverRow: z, classNameActiveExpandedRow: L, renderExpandedRow: f, isBorderOnAdjacentCell: _, isExpandColumnVisible: A } = T();
+var te = ({ isLoading: v, showPagination: N, emptyState: y, errorState: a }) => {
+  const { table: m, pageSize: E, totalItems: R = -1 / 0, tableLoading: C, tableError: c, enableExpandedRow: D, classNameExpandedRow: _, classNameExpandedCell: j, classNameExpandedContent: z, enableHoverRow: u, classNameHoverRow: B, classNameActiveExpandedRow: V, renderExpandedRow: f, isBorderOnAdjacentCell: L, isExpandColumnVisible: A } = T();
   if (v || C) return /* @__PURE__ */ e(G, {
     numberOfRows: E,
     table: m
   });
-  const t = m.getRowModel().rows ?? [], l = N && q(R), x = t.length === 0 && !!c && !!a, h = t.length > 0 ? null : c && a ? typeof a == "function" ? a(c) : a : y ?? null;
+  const r = m.getRowModel().rows ?? [], d = N && q(R), x = r.length === 0 && !!c && !!a, h = r.length > 0 ? null : c && a ? typeof a == "function" ? a(c) : a : y ?? null;
   if (h) {
-    const d = m.getVisibleLeafColumns().length;
+    const l = m.getVisibleLeafColumns().length;
     return /* @__PURE__ */ e("tbody", {
-      className: r("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
+      className: t("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
       children: /* @__PURE__ */ e("tr", {
-        className: r(x ? "kvt-error-row" : "kvt-empty-row", "border-b", "border-b-gray-200", "dark:border-b-metal-700", "bg-transparent"),
+        className: t(x ? "kvt-error-row" : "kvt-empty-row", "border-b", "border-b-gray-200", "dark:border-b-metal-700", "bg-transparent"),
         "data-empty-row": !0,
         "data-error-row": x ? !0 : void 0,
         children: /* @__PURE__ */ e("td", {
-          colSpan: d,
-          className: r("p-0", "bg-white", "dark:bg-metal-900", "dark:border", "dark:border-metal-700", "rounded-b-lg"),
+          colSpan: l,
+          className: t("p-0", "bg-white", "dark:bg-metal-900", "dark:border", "dark:border-metal-700", "rounded-b-lg"),
           children: /* @__PURE__ */ e("div", {
             className: "flex items-center justify-center",
             children: h
@@ -33,23 +33,23 @@ var re = ({ isLoading: v, showPagination: N, emptyState: y, errorState: a }) =>
     });
   }
   return /* @__PURE__ */ e("tbody", {
-    className: r("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
-    children: t.map((d, b) => {
-      const { id: p, original: g, getVisibleCells: F } = d, { meta: s = {} } = g, i = F(), n = D && d.getIsExpanded(), H = !!s.expandedRow || !!f, k = i[0]?.column.id !== "__expand" || A ? 0 : _ ? 1 : null;
+    className: t("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
+    children: r.map((l, b) => {
+      const { id: p, original: g, getVisibleCells: F } = l, { meta: s = {} } = g, i = F(), n = D && l.getIsExpanded(), H = !!s.expandedRow || !!f, k = i[0]?.column.id !== "__expand" || A ? 0 : L ? 1 : null;
       return /* @__PURE__ */ Q(K, { children: [/* @__PURE__ */ e("tr", {
-        className: r("kvt-row", { "group/row": u }, "border-b", "border-b-gray-200", "dark:text-metal-50", "dark:border-b-metal-700", "bg-transparent", s.className),
+        className: t("kvt-row", { "group/row": u }, "border-b", "border-b-gray-200", "dark:text-metal-50", "dark:border-b-metal-700", "bg-transparent", s.className),
         "data-row-id": p,
         ...s.attributes ?? {},
         children: i.map(({ id: M, column: o, getContext: O }, w) => {
           const P = typeof o.columnDef.meta?.className == "function" ? o.columnDef.meta?.className(g) : o.columnDef.meta?.className;
           return /* @__PURE__ */ e("td", {
-            className: r("kvt-cell", "px-4", "py-1", "text-sm", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", {
+            className: t("kvt-cell", "px-4", "py-1", "text-sm", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "[tr[data-actions-open]_&]:bg-zinc-100", "dark:[tr[data-actions-open]_&]:bg-metal-800", {
               "group-hover/row:bg-zinc-100 dark:group-hover/row:bg-metal-800": u,
-              [r("bg-zinc-100 dark:bg-metal-800", L)]: !!n
-            }, z, P, {
-              "rounded-bl-lg": b === t.length - 1 && k !== null && w === k && !l && !n,
-              "rounded-br-lg": b === t.length - 1 && w === i.length - 1 && !l && !n,
-              "dark:[tr:last-child_&]:border-b": !l
+              [t("bg-zinc-100 dark:bg-metal-800", V)]: !!n
+            }, B, P, {
+              "rounded-bl-lg": b === r.length - 1 && k !== null && w === k && !d && !n,
+              "rounded-br-lg": b === r.length - 1 && w === i.length - 1 && !d && !n,
+              "dark:[tr:last-child_&]:border-b": !d
             }),
             "data-expanded": n ? !0 : void 0,
             ...o.columnDef.meta?.attributes ?? {},
@@ -57,18 +57,18 @@ var re = ({ isLoading: v, showPagination: N, emptyState: y, errorState: a }) =>
           }, M);
         })
       }), H && /* @__PURE__ */ e(J, {
-        classNameExpandedCell: B,
-        classNameExpandedContent: V,
-        classNameExpandedRow: j,
+        classNameExpandedCell: j,
+        classNameExpandedContent: z,
+        classNameExpandedRow: _,
         colSpan: i.length,
         id: p,
         isExpanded: !!n,
-        isLastRow: b === t.length - 1 && !l,
+        isLastRow: b === r.length - 1 && !d,
         children: s.expandedRow ?? f?.(g)
       })] }, p);
     })
   });
 };
 export {
-  re as Body
+  te as Body
 };

package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../utils-Cx-WzRZF.js";
+import { t as p } from "../../../../utils-B-6R7kNE.js";
 import { t as d } from "../../../../chevron-left-DxGDBBKA.js";
 import { t as m } from "../../../../chevron-right-CDwgDdp-.js";
 import { useTableContext as h } from "../../contexts/table.hook.js";

package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js

@@ -1,7 +1,7 @@
-import { t as o } from "../../../../utils-Cx-WzRZF.js";
+import { t as o } from "../../../../utils-B-6R7kNE.js";
 import { t as u } from "../../../../chevron-up-Bjpvg6ui.js";
 import { Typography as c } from "../../../Typography/Typography.js";
-import { i as b, n as v, r as w, t as S } from "../../../../dist-B6ExqXM_2.js";
+import { i as b, n as v, r as w, t as S } from "../../../../dist-BnCbAI-c.js";
 import { listVariants as k } from "../../../Select/components/List/List.variants.js";
 import { listItemVariants as N } from "../../../Select/components/ListItem/ListItem.variants.js";
 import { selectVariants as C } from "../../../Select/Select.variants.js";

package/dist/components/VirtualizedTable/components/ExpandableRow/ExpandableRow.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
 import { jsx as d } from "react/jsx-runtime";
 var n = ({ children: o, classNameExpandedCell: b, classNameExpandedContent: t, classNameExpandedRow: l, colSpan: m, id: i, isExpanded: r, isLastRow: e }) => /* @__PURE__ */ d("tr", {
   className: a("kvt-expanded-row h-0 leading-0", l),

package/dist/components/VirtualizedTable/components/Filter/Filter.js

@@ -1,65 +1,67 @@
-import { o as z } from "../../../../rolldown-runtime-Dw9YIBcH.js";
-import { t as V } from "../../../../Input-wp-rsCmX.js";
-import { t as $ } from "../../../../utils-Cx-WzRZF.js";
-import { Button as G } from "../../../Button/Button.js";
-import { resetEvent as H } from "../../../Filter/events/index.js";
-import { Filter as o } from "../../../Filter/Filter.js";
-import { t as J } from "../../../../debounce-BdyZeJQk.js";
-import { useTableContext as K } from "../../contexts/table.hook.js";
-import { getTableId as Q } from "../../utils/get-table-id.js";
-import { t as U } from "../../../../events.types-BG1Uh8i6.js";
-import { useEffect as W, useMemo as X, useRef as Y } from "react";
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-var Z = /* @__PURE__ */ z(J(), 1), ie = ({ id: i, actions: d, filters: h, multiSelectFilter: b, placeholder: y, showFilterInput: F = !0, showResetButton: v = !0, resetButtonClassName: S, closeOnApply: R = !0 }) => {
-  const s = Y(null), m = Q(i), { termOfSearch: T, multiselectSelected: w, dateFilters: D, dateRangeFilters: x, timeFilters: M, onChangeTermOfSearch: l, onSelectMultiselect: E, onSelectDateFilter: j, onSelectDateRangeFilter: k, onSelectTimeFilter: I } = K(), O = [...h ?? b?.map((e) => ({
+import { o as V } from "../../../../rolldown-runtime-Dw9YIBcH.js";
+import { t as $ } from "../../../../Input-is8n7emP.js";
+import { t as G } from "../../../../utils-B-6R7kNE.js";
+import { Button as H } from "../../../Button/Button.js";
+import { resetEvent as J } from "../../../Filter/events/index.js";
+import { Filter as a } from "../../../Filter/Filter.js";
+import { t as K } from "../../../../debounce-BdyZeJQk.js";
+import { useTableContext as Q } from "../../contexts/table.hook.js";
+import { getTableId as U } from "../../utils/get-table-id.js";
+import { t as W } from "../../../../events.types-BG1Uh8i6.js";
+import { useEffect as X, useMemo as Y, useRef as Z } from "react";
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+var f = /* @__PURE__ */ V(K(), 1), ie = ({ id: F, actions: b, filters: v, multiSelectFilter: S, placeholder: R, showFilterInput: D = !0, showResetButton: w = !0, resetButtonClassName: T, closeOnApply: k = !0 }) => {
+  const l = Z(null), m = U(F), { termOfSearch: x, multiselectSelected: M, dateFilters: E, dateRangeFilters: _, timeFilters: j, onChangeTermOfSearch: c, onSelectMultiselect: A, onSelectDateFilter: I, onSelectDateRangeFilter: d, onSelectTimeFilter: O } = Q(), B = [...v ?? S?.map((e) => ({
     ...e,
     type: "badgeMultiSelect"
-  })) ?? [], ...d ?? []], p = (e, t) => {
-    E(e, t.map((a) => a.id));
-  }, A = () => {
-    l(""), s.current && (s.current.value = "");
+  })) ?? [], ...b ?? []], h = (e, t) => {
+    A(e, t.map((o) => o.id));
+  }, P = () => {
+    c(""), l.current && (l.current.value = "");
   };
-  W(() => {
+  X(() => {
     const e = new AbortController();
-    return document.addEventListener(U.RESET_FILTERS, (t) => {
-      const { detail: a } = t;
-      a.tableId === m && (l(""), s.current && (s.current.value = ""), H(m));
+    return document.addEventListener(W.RESET_FILTERS, (t) => {
+      const { detail: o } = t;
+      o.tableId === m && (c(""), l.current && (l.current.value = ""), J(m));
     }, { signal: e.signal }), () => e.abort();
-  }, [m, l]);
-  const B = X(() => (0, Z.default)((e) => {
-    l(e.target.value);
-  }, 500), [l]), _ = !!T || Object.values(w ?? {}).flat().length > 0 || Object.values(D ?? {}).some(Boolean) || Object.values(x ?? {}).some(Boolean) || Object.values(M ?? {}).some(Boolean), P = (e) => {
+  }, [m, c]);
+  const N = Y(() => (0, f.default)((e) => {
+    c(e.target.value);
+  }, 500), [c]), g = !!x || Object.values(M ?? {}).flat().length > 0 || Object.values(E ?? {}).some(Boolean) || Object.values(_ ?? {}).some(Boolean) || Object.values(j ?? {}).some(Boolean), L = (e) => {
     if (e.type === "action") {
-      const { label: r, appearance: N = "compact", variant: g = "secondary", leftIcon: L, rightIcon: f, type: C, ...q } = e;
-      return /* @__PURE__ */ u(G, {
-        appearance: N,
-        variant: g,
-        ...q,
+      const { label: r, appearance: y = "compact", variant: p = "secondary", leftIcon: u, rightIcon: q, type: C, ...z } = e;
+      return /* @__PURE__ */ i(H, {
+        appearance: y,
+        variant: p,
+        ...z,
         children: [
-          L,
+          u,
           r,
-          f
+          q
         ]
       }, r);
     }
-    const { key: t, label: a, position: c = "right" } = e;
-    return e.type === "textMultiSelect" ? /* @__PURE__ */ n(o.TextMultiSelect, {
-      label: a,
-      position: c,
+    const { key: t, label: o, position: s = "right" } = e;
+    if (e.type === "textMultiSelect") return /* @__PURE__ */ n(a.TextMultiSelect, {
+      label: o,
+      position: s,
       options: e.options,
       onApply: (r) => {
-        p(t, r);
+        h(t, r);
       }
-    }, t) : e.type === "date" ? /* @__PURE__ */ n(o.DateFilterDropdown, {
-      label: a,
-      position: c,
+    }, t);
+    if (e.type === "date") return /* @__PURE__ */ n(a.DateFilterDropdown, {
+      label: o,
+      position: s,
       countryCode: e.countryCode,
       onApply: (r) => {
-        j(t, r);
+        I(t, r);
       }
-    }, t) : e.type === "dateRange" ? /* @__PURE__ */ n(o.DateRangeFilterDropdown, {
-      label: a,
-      position: c,
+    }, t);
+    if (e.type === "dateRange") return /* @__PURE__ */ n(a.DateRangeFilterDropdown, {
+      label: o,
+      position: s,
       showTime: e.showTime,
       timeFormat: e.timeFormat,
       showPresets: e.showPresets,
@@ -68,45 +70,56 @@ var Z = /* @__PURE__ */ z(J(), 1), ie = ({ id: i, actions: d, filters: h, multiS
       maxDate: e.maxDate,
       countryCode: e.countryCode,
       onApply: (r) => {
-        k(t, r);
+        d(t, r);
       },
       onRangeChange: e.onRangeChange
-    }, t) : e.type === "time" ? /* @__PURE__ */ n(o.TimeFilterDropdown, {
-      label: a,
-      position: c,
+    }, t);
+    if (e.type === "customDateRange") {
+      const { key: r, type: y, ...p } = e;
+      return /* @__PURE__ */ n(a.CustomDateRangeFilterDropdown, {
+        ...p,
+        position: s,
+        onApply: (u) => {
+          d(t, u);
+        }
+      }, t);
+    }
+    return e.type === "time" ? /* @__PURE__ */ n(a.TimeFilterDropdown, {
+      label: o,
+      position: s,
       format: e.format,
       presets: e.presets,
       showTimePicker: e.showTimePicker,
       onApply: (r) => {
-        I(t, r);
+        O(t, r);
       }
-    }, t) : /* @__PURE__ */ n(o.BadgeMultiSelect, {
-      label: a,
-      position: c,
+    }, t) : /* @__PURE__ */ n(a.BadgeMultiSelect, {
+      label: o,
+      position: s,
       options: e.options,
       onApply: (r) => {
-        p(t, r);
+        h(t, r);
       }
     }, t);
   };
-  return /* @__PURE__ */ u("div", {
+  return /* @__PURE__ */ i("div", {
     className: "kvt-filter w-full flex items-center justify-end pb-6",
-    children: [F && /* @__PURE__ */ n(V, {
-      ref: s,
-      placeholder: y,
+    children: [D && /* @__PURE__ */ n($, {
+      ref: l,
+      placeholder: R,
       isSearch: !0,
       autoComplete: "false",
       className: "kvt-search w-72",
       inputMode: "search",
-      onChange: B
-    }), /* @__PURE__ */ u(o, {
+      onChange: N
+    }), /* @__PURE__ */ i(a, {
       className: "kvt-filter-actions",
-      closeOnApply: R,
+      closeOnApply: k,
       resetScope: m,
-      children: [O.map(P), v && /* @__PURE__ */ n(o.ResetButton, {
-        className: $("select-none", S),
-        disabled: !_,
-        onClick: A
+      children: [B.map(L), w && /* @__PURE__ */ n(a.ResetButton, {
+        className: G("select-none", T),
+        disabled: !g,
+        onClick: P
       })]
     })]
   });

package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js

@@ -1,4 +1,4 @@
-import { t as s } from "../../../../Input-wp-rsCmX.js";
+import { t as s } from "../../../../Input-is8n7emP.js";
 import { Button as i } from "../../../Button/Button.js";
 import { Typography as p } from "../../../Typography/Typography.js";
 import { useTableContext as u } from "../../contexts/table.hook.js";

package/dist/components/VirtualizedTable/components/Header/Header.js

@@ -1,5 +1,5 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
-import { n as g } from "../../../../table.provider-DfZ74xMZ.js";
+import { t } from "../../../../utils-B-6R7kNE.js";
+import { n as g } from "../../../../table.provider-CWzODR1t.js";
 import { useTableContext as k } from "../../contexts/table.hook.js";
 import u from "../../assets/chevron-up.js";
 import C from "../../assets/chevron-down.js";

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

@@ -1,4 +1,4 @@
-import { t as x } from "../../../../utils-Cx-WzRZF.js";
+import { t as x } from "../../../../utils-B-6R7kNE.js";
 import { useTableContext as g } from "../../contexts/table.hook.js";
 import { isPaginationBarVisible as b } from "../../utils/pagination.js";
 import { DotPaginate as u } from "../DotPaginate/DotPaginate.js";

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

@@ -1,4 +1,4 @@
-import { t as l } from "../../../../utils-Cx-WzRZF.js";
+import { t as l } from "../../../../utils-B-6R7kNE.js";
 import { Button as b } from "../../../Button/Button.js";
 import { t as m } from "../../../../ellipsis-vertical-BBmhzIXn.js";
 import { useTableContext as c } from "../../contexts/table.hook.js";

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

@@ -1,5 +1,5 @@
 import { o as R } from "../../../../rolldown-runtime-Dw9YIBcH.js";
-import { t as i } from "../../../../utils-Cx-WzRZF.js";
+import { t as i } from "../../../../utils-B-6R7kNE.js";
 import { Typography as l } from "../../../Typography/Typography.js";
 import { t as _ } from "../../../../debounce-BdyZeJQk.js";
 import { Tooltip as g } from "../../../Tooltip/Tooltip.js";

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

@@ -1,4 +1,4 @@
-import { t as n } from "../../../../utils-Cx-WzRZF.js";
+import { t as n } from "../../../../utils-B-6R7kNE.js";
 import { useTableContext as d } from "../../contexts/table.hook.js";
 import { isPaginationBarVisible as m } from "../../utils/pagination.js";
 import { jsx as s } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as r } from "../../../table.provider-DfZ74xMZ.js";
+import { t as r } from "../../../table.provider-CWzODR1t.js";
 import { TableContext as e } from "./table.context.js";
 import { useTableContext as a } from "./table.hook.js";
 export {

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../table.provider-DfZ74xMZ.js";
+import { t as o } from "../../../table.provider-CWzODR1t.js";
 export {
   o as TableProvider
 };