@konstructio/ui 0.1.2-alpha.20 → 0.1.2-alpha.22

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

@@ -0,0 +1,27 @@
+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 {
+  p as WrapperBody
+};

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

@@ -1,14 +1,16 @@
 import { Actions as e } from "./Actions/Actions.js";
-import { Body as x } from "./Body/Body.js";
-import { Filter as m } from "./Filter/Filter.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 { Pagination as n } from "./Pagination/Pagination.js";
-import { TruncateText as d } from "./TruncateText/TruncateText.js";
+import { TruncateText as c } from "./TruncateText/TruncateText.js";
+import { WrapperBody as B } from "./WrapperBody/WrapperBody.js";
 export {
   e as Actions,
-  x as Body,
-  m as Filter,
+  p as Body,
+  f as Filter,
   a as Header,
   n as Pagination,
-  d as TruncateText
+  c as TruncateText,
+  B as WrapperBody
 };

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

@@ -10,6 +10,7 @@ const r = e({
   page: 0,
   pageSize: t,
   totalPages: 1 / 0,
+  isFirstLoad: !0,
   onSorting() {
     throw new Error("onSorting function is not implemented");
   },

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

@@ -1,84 +1,85 @@
-import { jsx as z } from "react/jsx-runtime";
-import { useQuery as _ } from "@tanstack/react-query";
-import { u as k, g as A, a as D } from "../../../index-Dx2grAuN.js";
-import { useState as o, useMemo as Q, useCallback as c } from "react";
-import { TableContext as $ } from "./table.context.js";
-import { DEFAULT_PAGE_SIZE as G } from "../constants/pagination.js";
-const N = ({
-  children: S,
+import { jsx as k } from "react/jsx-runtime";
+import { useQuery as A } from "@tanstack/react-query";
+import { u as D, g as Q, a as $ } from "../../../index-CSWGJT-v.js";
+import { useState as t, useMemo as G, useCallback as c } from "react";
+import { TableContext as U } from "./table.context.js";
+import { DEFAULT_PAGE_SIZE as W } from "../constants/pagination.js";
+const X = ({
+  children: p,
   id: r,
   data: g = [],
-  columns: d = [],
+  columns: S = [],
   totalItems: y,
   isPaginationEnabled: b,
   queryOptions: M = {},
   fetchData: m
 }) => {
-  const [f, h] = o([]), [i, p] = o(0), [n, C] = o(), [s, P] = o(G), [l, w] = o(y), O = Q(
+  const [f, d] = t([]), [C, P] = t(!0), [i, h] = t(0), [a, w] = t(), [s, F] = t(W), [l, O] = t(y), T = G(
     () => Math.ceil(l / s),
     [l, s]
-  ), [a, T] = o({}), F = () => {
+  ), [n, L] = t({}), I = () => {
     const e = typeof r == "string" || typeof r == "number" ? [r] : r;
-    return b && e.push(i, s), n && e.push(n), Object.entries(a).forEach(([t, u]) => {
-      e.push(`${t}:${u.join(",")}`);
+    return b && e.push(i, s), a && e.push(a), Object.entries(n).forEach(([o, u]) => {
+      e.push(`${o}:${u.join(",")}`);
     }), e;
-  }, { data: R, isLoading: j, isFetching: x } = _({
-    queryKey: F(),
+  }, { data: R, isLoading: j, isFetching: x } = A({
+    queryKey: I(),
     refetchOnMount: !1,
     refetchOnWindowFocus: !1,
     initialData: g,
     queryFn: async () => m ? m({
       page: Math.max(i + 1, 1),
       pageSize: s,
-      termOfSearch: n,
-      ...Object.keys(a).length > 0 ? a : {}
-    }).then(({ data: e, totalItemsCount: t }) => (t && w(t), e)) : g ?? [],
+      termOfSearch: a,
+      ...Object.keys(n).length > 0 ? n : {}
+    }).then(({ data: e, totalItemsCount: o }) => (P(!1), o && O(o), e)) : g ?? [],
     ...M
   }), E = c((e) => {
-    C(e), p(0);
-  }, []), I = c((e, t) => {
+    w(e), h(0);
+  }, []), K = c((e, o) => {
     const u = e.toLowerCase().replace(/\s+/g, "_");
-    T((v) => ({
-      ...v,
-      [u]: t
+    L((_) => ({
+      ..._,
+      [u]: o
     }));
-  }, []), K = c((e) => p(e), []), L = c(
-    (e) => P(e),
+  }, []), q = c((e) => h(e), []), v = c(
+    (e) => F(e),
     []
-  ), q = k({
+  ), z = D({
     data: R,
-    columns: d,
+    columns: S,
     state: {
       sorting: f
     },
-    onSortingChange: h,
-    getCoreRowModel: D(),
-    getSortedRowModel: A()
+    onSortingChange: d,
+    getCoreRowModel: $(),
+    getSortedRowModel: Q()
   });
-  return /* @__PURE__ */ z(
-    $.Provider,
+  return /* @__PURE__ */ k(
+    U.Provider,
     {
       value: {
         sortedData: f,
-        table: q,
+        table: z,
         tableFetching: x,
         tableLoading: j,
         totalItems: l,
-        termOfSearch: n,
+        termOfSearch: a,
         page: i,
-        multiselectSelected: a,
+        multiselectSelected: n,
         pageSize: s,
-        totalPages: O,
-        handlePage: K,
-        onPageSize: L,
+        totalPages: T,
+        isFirstLoad: C,
+        handlePage: q,
+        onPageSize: v,
         onChangeTermOfSearch: E,
-        onSorting: h,
-        onSelectMultiselect: I
+        onSorting: d,
+        onSelectMultiselect: K
       },
-      children: S
+      children: p
     }
   );
 };
 export {
-  N as TableProvider
+  X as TableProvider
 };

package/dist/components/index.js

@@ -13,7 +13,7 @@ import { DropdownButton as N } from "./DropdownButton/DropdownButton.js";
 import { Filter as h } from "./Filter/Filter.js";
 import { Input as A } from "./Input/Input.js";
 import { Loading as k } from "./Loading/Loading.js";
-import { M as G } from "../Modal-B8jrP02v.js";
+import { M as G } from "../Modal-Dpk-1N9W.js";
 import { NumberInput as M } from "./NumberInput/NumberInput.js";
 import { PieChart as I } from "./PieChart/PieChart.js";
 import { ProgressBar as O } from "./ProgressBar/ProgressBar.js";

package/dist/contexts/theme.provider.js

@@ -2,7 +2,6 @@ import { jsx as v } from "react/jsx-runtime";
 import { useState as h, useEffect as g } from "react";
 import { isClient as l } from "../utils/index.js";
 import { ThemeContext as C } from "./theme.context.js";
-/*! js-cookie v3.0.5 | MIT */
 function p(r) {
   for (var o = 1; o < arguments.length; o++) {
     var t = arguments[o];

package/dist/{createLucideIcon-DGhJ8Z4k.js → createLucideIcon-D4r5Phnh.js}

@@ -1,10 +1,4 @@
 import { forwardRef as l, createElement as n } from "react";
-/**
-* @license lucide-react v0.548.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
@@ -16,12 +10,6 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
     if (e.startsWith("aria-") || e === "role" || e === "title")
       return !0;
 };
-/**
-* @license lucide-react v0.548.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 var g = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -33,12 +21,6 @@ var g = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-/**
-* @license lucide-react v0.548.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 const A = l(
   ({
     color: t = "currentColor",
@@ -68,12 +50,6 @@ const A = l(
     ]
   )
 );
-/**
-* @license lucide-react v0.548.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 const k = (t, e) => {
   const r = l(
     ({ className: o, ...s }, a) => n(A, {

package/dist/{ellipsis-vertical-DpnVYRxI.js → ellipsis-vertical-BVPtjl5f.js}

@@ -1,10 +1,4 @@
-import { c } from "./createLucideIcon-DGhJ8Z4k.js";
-/**
-* @license lucide-react v0.548.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
+import { c } from "./createLucideIcon-D4r5Phnh.js";
 const e = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],

package/dist/{index-N2OStZoU.js → index--V_ZsiQe.js}

@@ -1,13 +1,5 @@
 import { g as ge } from "./_commonjsHelpers-DaMA6jEr.js";
 var V = { exports: {} }, N = { exports: {} }, T = {};
-/** @license React v16.13.1
-* react-is.production.min.js
-*
-* Copyright (c) Facebook, Inc. and its affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
 var ue;
 function Se() {
   if (ue) return T;
@@ -75,14 +67,6 @@ function Se() {
   }, T.typeOf = I, T;
 }
 var m = {};
-/** @license React v16.13.1
-* react-is.development.js
-*
-* Copyright (c) Facebook, Inc. and its affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
 var fe;
 function Pe() {
   return fe || (fe = 1, process.env.NODE_ENV !== "production" && function() {
@@ -170,11 +154,6 @@ var le;
 function he() {
   return le || (le = 1, process.env.NODE_ENV === "production" ? N.exports = /* @__PURE__ */ Se() : N.exports = /* @__PURE__ */ Pe()), N.exports;
 }
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
 var re, pe;
 function Oe() {
   if (pe) return re;

package/dist/{index-bwWKd82e.js → index-BbQkJE5L.js}

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { u as a } from "./index-BfXxHr_2.js";
+import { u as a } from "./index-CIAmiWcw.js";
 var s = r[" useId ".trim().toString()] || (() => {
 }), i = 0;
 function n(e) {

package/dist/index-BtQfgaSF.js

@@ -0,0 +1,60 @@
+import * as e from "react";
+import { c as S } from "./index-DLcqcWxM.js";
+import { jsx as y } from "react/jsx-runtime";
+var E = Symbol.for("react.lazy"), p = e[" use ".trim().toString()];
+function g(r) {
+  return typeof r == "object" && r !== null && "then" in r;
+}
+function d(r) {
+  return r != null && typeof r == "object" && "$$typeof" in r && r.$$typeof === E && "_payload" in r && g(r._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function C(r) {
+  const n = /* @__PURE__ */ _(r), o = e.forwardRef((i, t) => {
+    let { children: l, ...a } = i;
+    d(l) && typeof p == "function" && (l = p(l._payload));
+    const s = e.Children.toArray(l), f = s.find(b);
+    if (f) {
+      const c = f.props.children, m = s.map((u) => u === f ? e.Children.count(c) > 1 ? e.Children.only(null) : e.isValidElement(c) ? c.props.children : null : u);
+      return /* @__PURE__ */ y(n, { ...a, ref: t, children: e.isValidElement(c) ? e.cloneElement(c, void 0, m) : null });
+    }
+    return /* @__PURE__ */ y(n, { ...a, ref: t, children: l });
+  });
+  return o.displayName = `${r}.Slot`, o;
+}
+var V = /* @__PURE__ */ C("Slot");
+// @__NO_SIDE_EFFECTS__
+function _(r) {
+  const n = e.forwardRef((o, i) => {
+    let { children: t, ...l } = o;
+    if (d(t) && typeof p == "function" && (t = p(t._payload)), e.isValidElement(t)) {
+      const a = P(t), s = h(l, t.props);
+      return t.type !== e.Fragment && (s.ref = i ? S(i, a) : a), e.cloneElement(t, s);
+    }
+    return e.Children.count(t) > 1 ? e.Children.only(null) : null;
+  });
+  return n.displayName = `${r}.SlotClone`, n;
+}
+var R = Symbol("radix.slottable");
+function b(r) {
+  return e.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === R;
+}
+function h(r, n) {
+  const o = { ...n };
+  for (const i in n) {
+    const t = r[i], l = n[i];
+    /^on[A-Z]/.test(i) ? t && l ? o[i] = (...s) => {
+      const f = l(...s);
+      return t(...s), f;
+    } : t && (o[i] = t) : i === "style" ? o[i] = { ...t, ...l } : i === "className" && (o[i] = [t, l].filter(Boolean).join(" "));
+  }
+  return { ...r, ...o };
+}
+function P(r) {
+  let n = Object.getOwnPropertyDescriptor(r.props, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning;
+  return o ? r.ref : (n = Object.getOwnPropertyDescriptor(r, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? r.props.ref : r.props.ref || r.ref);
+}
+export {
+  V as S,
+  C as c
+};

package/dist/index-CIAmiWcw.js

@@ -0,0 +1,200 @@
+import * as r from "react";
+import { jsx as m } from "react/jsx-runtime";
+import * as y from "react-dom";
+import { c as E } from "./index-DLcqcWxM.js";
+function M(e, t) {
+  const n = r.createContext(t), s = (i) => {
+    const { children: u, ...c } = i, l = r.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ m(n.Provider, { value: l, children: u });
+  };
+  s.displayName = e + "Provider";
+  function o(i) {
+    const u = r.useContext(n);
+    if (u) return u;
+    if (t !== void 0) return t;
+    throw new Error(`\`${i}\` must be used within \`${e}\``);
+  }
+  return [s, o];
+}
+function W(e, t = []) {
+  let n = [];
+  function s(i, u) {
+    const c = r.createContext(u), l = n.length;
+    n = [...n, u];
+    const f = (a) => {
+      const { scope: v, children: C, ...p } = a, h = v?.[e]?.[l] || c, S = r.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ m(h.Provider, { value: S, children: C });
+    };
+    f.displayName = i + "Provider";
+    function d(a, v) {
+      const C = v?.[e]?.[l] || c, p = r.useContext(C);
+      if (p) return p;
+      if (u !== void 0) return u;
+      throw new Error(`\`${a}\` must be used within \`${i}\``);
+    }
+    return [f, d];
+  }
+  const o = () => {
+    const i = n.map((u) => r.createContext(u));
+    return function(c) {
+      const l = c?.[e] || i;
+      return r.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
+        [c, l]
+      );
+    };
+  };
+  return o.scopeName = e, [s, x(o, ...t)];
+}
+function x(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const s = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(i) {
+      const u = s.reduce((c, { useScope: l, scopeName: f }) => {
+        const a = l(i)[`__scope${f}`];
+        return { ...c, ...a };
+      }, {});
+      return r.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function A(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e?.(o), n === !1 || !o.defaultPrevented)
+      return t?.(o);
+  };
+}
+var P = globalThis?.document ? r.useLayoutEffect : () => {
+}, b = r[" useInsertionEffect ".trim().toString()] || P;
+function H({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: s
+}) {
+  const [o, i, u] = g({
+    defaultProp: t,
+    onChange: n
+  }), c = e !== void 0, l = c ? e : o;
+  {
+    const d = r.useRef(e !== void 0);
+    r.useEffect(() => {
+      const a = d.current;
+      a !== c && console.warn(
+        `${s} is changing from ${a ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = c;
+    }, [c, s]);
+  }
+  const f = r.useCallback(
+    (d) => {
+      if (c) {
+        const a = w(d) ? d(e) : d;
+        a !== e && u.current?.(a);
+      } else
+        i(d);
+    },
+    [c, e, i, u]
+  );
+  return [l, f];
+}
+function g({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, s] = r.useState(e), o = r.useRef(n), i = r.useRef(t);
+  return b(() => {
+    i.current = t;
+  }, [t]), r.useEffect(() => {
+    o.current !== n && (i.current?.(n), o.current = n);
+  }, [n, o]), [n, s, i];
+}
+function w(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function R(e) {
+  const t = /* @__PURE__ */ $(e), n = r.forwardRef((s, o) => {
+    const { children: i, ...u } = s, c = r.Children.toArray(i), l = c.find(O);
+    if (l) {
+      const f = l.props.children, d = c.map((a) => a === l ? r.Children.count(f) > 1 ? r.Children.only(null) : r.isValidElement(f) ? f.props.children : null : a);
+      return /* @__PURE__ */ m(t, { ...u, ref: o, children: r.isValidElement(f) ? r.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ m(t, { ...u, ref: o, children: i });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function $(e) {
+  const t = r.forwardRef((n, s) => {
+    const { children: o, ...i } = n;
+    if (r.isValidElement(o)) {
+      const u = D(o), c = N(i, o.props);
+      return o.type !== r.Fragment && (c.ref = s ? E(s, u) : u), r.cloneElement(o, c);
+    }
+    return r.Children.count(o) > 1 ? r.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var _ = Symbol("radix.slottable");
+function O(e) {
+  return r.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === _;
+}
+function N(e, t) {
+  const n = { ...t };
+  for (const s in t) {
+    const o = e[s], i = t[s];
+    /^on[A-Z]/.test(s) ? o && i ? n[s] = (...c) => {
+      const l = i(...c);
+      return o(...c), l;
+    } : o && (n[s] = o) : s === "style" ? n[s] = { ...o, ...i } : s === "className" && (n[s] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function D(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var I = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], L = I.reduce((e, t) => {
+  const n = /* @__PURE__ */ R(`Primitive.${t}`), s = r.forwardRef((o, i) => {
+    const { asChild: u, ...c } = o, l = u ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(l, { ...c, ref: i });
+  });
+  return s.displayName = `Primitive.${t}`, { ...e, [t]: s };
+}, {});
+function T(e, t) {
+  e && y.flushSync(() => e.dispatchEvent(t));
+}
+export {
+  L as P,
+  H as a,
+  A as b,
+  W as c,
+  T as d,
+  M as e,
+  P as u
+};

package/dist/index-CSFe9uC5.js

@@ -0,0 +1,14 @@
+import * as o from "react";
+import m from "react-dom";
+import { u as c, P as f } from "./index-CIAmiWcw.js";
+import { jsx as l } from "react/jsx-runtime";
+var u = "Portal", p = o.forwardRef((r, a) => {
+  const { container: e, ...s } = r, [n, i] = o.useState(!1);
+  c(() => i(!0), []);
+  const t = e || n && globalThis?.document?.body;
+  return t ? m.createPortal(/* @__PURE__ */ l(f.div, { ...s, ref: a }), t) : null;
+});
+p.displayName = u;
+export {
+  p as P
+};

package/dist/{index-Dx2grAuN.js → index-CSWGJT-v.js}

@@ -1,14 +1,4 @@
 import * as j from "react";
-/**
-* table-core
-*
-* Copyright (c) TanStack
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE.md file in the root directory of this source tree.
-*
-* @license MIT
-*/
 function I(e, o) {
   return typeof e == "function" ? e(o) : e;
 }
@@ -1683,16 +1673,6 @@ function it() {
     };
   }, C(e.options, "debugTable", "getSortedRowModel", () => e._autoResetPageIndex()));
 }
-/**
-  * react-table
-  *
-  * Copyright (c) TanStack
-  *
-  * This source code is licensed under the MIT license found in the
-  * LICENSE.md file in the root directory of this source tree.
-  *
-  * @license MIT
-  */
 function lt(e, o) {
   return e ? tt(e) ? /* @__PURE__ */ j.createElement(e, o) : e : null;
 }