@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chevron-down-MZvQoT2F.js → chevron-down-Cx07rtLP.js} +2 -2
- package/dist/{chevron-right-VYBOBhRt.js → chevron-right-DCDOrc04.js} +3 -3
- package/dist/components/Badge/Badge.js +31 -28
- package/dist/components/Badge/Badge.variants.js +7 -5
- package/dist/components/Datepicker/DatePicker.js +1 -1
- package/dist/components/Dropdown/components/Wrapper.js +3 -3
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
- package/dist/components/Loading/Loading.js +2 -2
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +2 -2
- package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +1 -1
- package/dist/components/VirtualizedTable/components/Filter/Filter.js +3 -1
- package/dist/{createLucideIcon-D2CN7Ma9.js → createLucideIcon-DnY-81vT.js} +4 -4
- package/dist/index.d.ts +14 -15
- package/dist/package.json +16 -16
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +191 -167
- package/package.json +16 -16
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { c as o } from "./createLucideIcon-
|
|
1
|
+
import { c as o } from "./createLucideIcon-DnY-81vT.js";
|
|
2
2
|
/**
|
|
3
|
-
* @license lucide-react v0.
|
|
3
|
+
* @license lucide-react v0.546.0 - ISC
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the ISC license.
|
|
6
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { c as o } from "./createLucideIcon-
|
|
1
|
+
import { c as o } from "./createLucideIcon-DnY-81vT.js";
|
|
2
2
|
/**
|
|
3
|
-
* @license lucide-react v0.
|
|
3
|
+
* @license lucide-react v0.546.0 - ISC
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the ISC license.
|
|
6
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
8
|
const e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], n = o("chevron-left", e);
|
|
9
9
|
/**
|
|
10
|
-
* @license lucide-react v0.
|
|
10
|
+
* @license lucide-react v0.546.0 - ISC
|
|
11
11
|
*
|
|
12
12
|
* This source code is licensed under the ISC license.
|
|
13
13
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -1,34 +1,36 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { cn as
|
|
4
|
-
import { buttonDismissVariants as
|
|
5
|
-
import {
|
|
1
|
+
import { jsxs as c, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as h, useState as g, useCallback as v, useEffect as w } from "react";
|
|
3
|
+
import { cn as m } from "../../utils/index.js";
|
|
4
|
+
import { buttonDismissVariants as x, badgeVariants as y } from "./Badge.variants.js";
|
|
5
|
+
import { S as M } from "../../index-DQH6odE9.js";
|
|
6
|
+
import { c as N } from "../../createLucideIcon-DnY-81vT.js";
|
|
6
7
|
/**
|
|
7
|
-
* @license lucide-react v0.
|
|
8
|
+
* @license lucide-react v0.546.0 - ISC
|
|
8
9
|
*
|
|
9
10
|
* This source code is licensed under the ISC license.
|
|
10
11
|
* See the LICENSE file in the root directory of this source tree.
|
|
11
12
|
*/
|
|
12
|
-
const
|
|
13
|
+
const Z = [
|
|
13
14
|
["path", { d: "M18 6 6 18", key: "1bl5f8" }],
|
|
14
15
|
["path", { d: "m6 6 12 12", key: "d8bk6v" }]
|
|
15
|
-
],
|
|
16
|
+
], V = N("x", Z), D = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M7.05002%201.45002C7.05002%201.17155%206.9394%200.904476%206.74249%200.707562C6.54557%200.510649%206.2785%200.400024%206.00002%200.400024C5.72155%200.400024%205.45448%200.510649%205.25756%200.707562C5.06065%200.904476%204.95002%201.17155%204.95002%201.45002C4.95002%201.7285%205.06065%201.99557%205.25756%202.19249C5.45448%202.3894%205.72155%202.50002%206.00002%202.50002C6.2785%202.50002%206.54557%202.3894%206.74249%202.19249C6.9394%201.99557%207.05002%201.7285%207.05002%201.45002ZM7.05002%2010.55C7.05002%2010.2715%206.9394%2010.0045%206.74249%209.80756C6.54557%209.61065%206.2785%209.50002%206.00002%209.50002C5.72155%209.50002%205.45448%209.61065%205.25756%209.80756C5.06065%2010.0045%204.95002%2010.2715%204.95002%2010.55C4.95002%2010.8285%205.06065%2011.0956%205.25756%2011.2925C5.45448%2011.4894%205.72155%2011.6%206.00002%2011.6C6.2785%2011.6%206.54557%2011.4894%206.74249%2011.2925C6.9394%2011.0956%207.05002%2010.8285%207.05002%2010.55ZM1.45002%207.05002C1.7285%207.05002%201.99557%206.9394%202.19249%206.74249C2.3894%206.54557%202.50002%206.2785%202.50002%206.00002C2.50002%205.72155%202.3894%205.45448%202.19249%205.25756C1.99557%205.06065%201.7285%204.95002%201.45002%204.95002C1.17155%204.95002%200.904476%205.06065%200.707562%205.25756C0.510649%205.45448%200.400024%205.72155%200.400024%206.00002C0.400024%206.2785%200.510649%206.54557%200.707562%206.74249C0.904476%206.9394%201.17155%207.05002%201.45002%207.05002ZM11.6%206.00002C11.6%205.72155%2011.4894%205.45448%2011.2925%205.25756C11.0956%205.06065%2010.8285%204.95002%2010.55%204.95002C10.2715%204.95002%2010.0045%205.06065%209.80756%205.25756C9.61065%205.45448%209.50002%205.72155%209.50002%206.00002C9.50002%206.2785%209.61065%206.54557%209.80756%206.74249C10.0045%206.9394%2010.2715%207.05002%2010.55%207.05002C10.8285%207.05002%2011.0956%206.9394%2011.2925%206.74249C11.4894%206.54557%2011.6%206.2785%2011.6%206.00002ZM3.52596%209.9594C3.62349%209.86187%203.70085%209.74609%203.75363%209.61867C3.80641%209.49124%203.83358%209.35467%203.83358%209.21674C3.83358%209.07882%203.80641%208.94225%203.75363%208.81482C3.70085%208.6874%203.62349%208.57161%203.52596%208.47409C3.42844%208.37656%203.31265%208.2992%203.18523%208.24642C3.0578%208.19364%202.92123%208.16647%202.78331%208.16647C2.50476%208.16647%202.23761%208.27712%202.04065%208.47409C1.84368%208.67105%201.73303%208.93819%201.73303%209.21674C1.73303%209.49529%201.84368%209.76243%202.04065%209.9594C2.23761%2010.1564%202.50476%2010.267%202.78331%2010.267C3.06186%2010.267%203.329%2010.1564%203.52596%209.9594ZM3.52596%203.52377C3.62833%203.42738%203.7103%203.31141%203.76701%203.18274C3.82371%203.05407%203.85399%202.91532%203.85605%202.77472C3.85812%202.63413%203.83192%202.49455%203.77902%202.36427C3.72611%202.23399%203.64758%202.11566%203.54808%202.01631C3.44858%201.91695%203.33014%201.8386%203.19978%201.78589C3.06942%201.73318%202.92981%201.70718%202.78921%201.70945C2.64862%201.71172%202.50992%201.74221%202.38133%201.7991C2.25274%201.85599%202.13689%201.93814%202.04065%202.04065C1.84368%202.23761%201.73303%202.50476%201.73303%202.78331C1.73303%203.06186%201.84368%203.329%202.04065%203.52596C2.23761%203.72293%202.50476%203.83358%202.78331%203.83358C3.06186%203.83358%203.329%203.72293%203.52596%203.52596V3.52377ZM8.47409%209.9594C8.57161%2010.0569%208.6874%2010.1343%208.81482%2010.1871C8.94225%2010.2399%209.07882%2010.267%209.21674%2010.267C9.35467%2010.267%209.49124%2010.2399%209.61867%2010.1871C9.74609%2010.1343%209.86187%2010.0569%209.9594%209.9594C10.0569%209.86187%2010.1343%209.74609%2010.1871%209.61867C10.2399%209.49124%2010.267%209.35467%2010.267%209.21674C10.267%209.07882%2010.2399%208.94225%2010.1871%208.81482C10.1343%208.6874%2010.0569%208.57161%209.9594%208.47409C9.86187%208.37656%209.74609%208.2992%209.61867%208.24642C9.49124%208.19364%209.35467%208.16647%209.21674%208.16647C9.07882%208.16647%208.94225%208.19364%208.81482%208.24642C8.6874%208.2992%208.57161%208.37656%208.47409%208.47409C8.37656%208.57161%208.2992%208.6874%208.24642%208.81482C8.19364%208.94225%208.16647%209.07882%208.16647%209.21674C8.16647%209.35467%208.19364%209.49124%208.24642%209.61867C8.2992%209.74609%208.37656%209.86187%208.47409%209.9594Z'%20fill='currentColor'%20/%3e%3c/svg%3e", P = ({
|
|
16
17
|
className: d,
|
|
17
|
-
dismissible:
|
|
18
|
+
dismissible: u = !1,
|
|
18
19
|
label: a,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
leftIcon: r,
|
|
21
|
+
loading: o = !1,
|
|
22
|
+
size: i,
|
|
23
|
+
variant: n,
|
|
22
24
|
onClick: e,
|
|
23
|
-
onDismiss:
|
|
25
|
+
onDismiss: l
|
|
24
26
|
}) => {
|
|
25
|
-
const C =
|
|
27
|
+
const C = h(null), [p, b] = g("visible"), f = v(
|
|
26
28
|
(t) => {
|
|
27
|
-
t.stopPropagation(),
|
|
29
|
+
t.stopPropagation(), l?.(), b("hidden");
|
|
28
30
|
},
|
|
29
|
-
[
|
|
31
|
+
[l]
|
|
30
32
|
);
|
|
31
|
-
return
|
|
33
|
+
return w(() => {
|
|
32
34
|
const t = new AbortController();
|
|
33
35
|
return C.current?.addEventListener(
|
|
34
36
|
"animationend",
|
|
@@ -37,33 +39,34 @@ const M = [
|
|
|
37
39
|
},
|
|
38
40
|
{ signal: t.signal }
|
|
39
41
|
), () => t.abort();
|
|
40
|
-
}, []), /* @__PURE__ */
|
|
42
|
+
}, []), /* @__PURE__ */ c(
|
|
41
43
|
"span",
|
|
42
44
|
{
|
|
43
45
|
ref: C,
|
|
44
|
-
className:
|
|
45
|
-
|
|
46
|
+
className: m(
|
|
47
|
+
y({ variant: n, size: i, className: d }),
|
|
46
48
|
e && "cursor-pointer"
|
|
47
49
|
),
|
|
48
50
|
role: e ? "button" : void 0,
|
|
49
51
|
onClick: e,
|
|
50
52
|
tabIndex: e ? 0 : void 0,
|
|
51
53
|
"aria-label": e ? `${a} badge` : void 0,
|
|
52
|
-
"aria-busy":
|
|
54
|
+
"aria-busy": o,
|
|
53
55
|
"aria-live": "polite",
|
|
54
|
-
"data-state":
|
|
56
|
+
"data-state": p,
|
|
55
57
|
children: [
|
|
56
|
-
|
|
58
|
+
o && /* @__PURE__ */ s(D, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
|
|
59
|
+
r ? /* @__PURE__ */ s(M, { className: "h-3 w-3", children: r }) : null,
|
|
57
60
|
a,
|
|
58
|
-
|
|
61
|
+
u && /* @__PURE__ */ c(
|
|
59
62
|
"button",
|
|
60
63
|
{
|
|
61
64
|
type: "button",
|
|
62
|
-
className:
|
|
63
|
-
onClick:
|
|
65
|
+
className: m(x({ size: i, variant: n })),
|
|
66
|
+
onClick: f,
|
|
64
67
|
"aria-label": "Dismiss",
|
|
65
68
|
children: [
|
|
66
|
-
/* @__PURE__ */ s(
|
|
69
|
+
/* @__PURE__ */ s(V, { className: "h-full w-full" }),
|
|
67
70
|
/* @__PURE__ */ s("span", { className: "sr-only", children: "Dismiss" })
|
|
68
71
|
]
|
|
69
72
|
}
|
|
@@ -73,5 +76,5 @@ const M = [
|
|
|
73
76
|
);
|
|
74
77
|
};
|
|
75
78
|
export {
|
|
76
|
-
|
|
79
|
+
P as Badge
|
|
77
80
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
const a =
|
|
1
|
+
import { c as t } from "../../index-D29mdTf5.js";
|
|
2
|
+
const a = t(
|
|
3
3
|
[
|
|
4
4
|
"flex",
|
|
5
5
|
"items-center",
|
|
@@ -21,7 +21,8 @@ const a = e(
|
|
|
21
21
|
danger: ["bg-red-100", "text-red-800"],
|
|
22
22
|
info: ["bg-blue-100", "text-blue-800"],
|
|
23
23
|
success: ["bg-green-100", "text-green-800"],
|
|
24
|
-
warning: ["bg-yellow-100", "text-yellow-800"]
|
|
24
|
+
warning: ["bg-yellow-100", "text-yellow-800"],
|
|
25
|
+
violet: ["bg-violet-50", "text-violet-800"]
|
|
25
26
|
},
|
|
26
27
|
size: {
|
|
27
28
|
default: "text-sm leading-[16px]"
|
|
@@ -32,7 +33,7 @@ const a = e(
|
|
|
32
33
|
size: "default"
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
|
-
), n =
|
|
36
|
+
), n = t(
|
|
36
37
|
[
|
|
37
38
|
"rounded-full",
|
|
38
39
|
"inline-flex",
|
|
@@ -50,7 +51,8 @@ const a = e(
|
|
|
50
51
|
danger: ["text-red-700"],
|
|
51
52
|
info: ["text-blue-700"],
|
|
52
53
|
success: ["text-green-700"],
|
|
53
|
-
warning: ["text-yellow-700"]
|
|
54
|
+
warning: ["text-yellow-700"],
|
|
55
|
+
violet: ["text-violet-700"]
|
|
54
56
|
},
|
|
55
57
|
size: {
|
|
56
58
|
default: ["h-3.5", "w-3.5"]
|
|
@@ -2,7 +2,7 @@ import { jsx as Ee } from "react/jsx-runtime";
|
|
|
2
2
|
import d, { createContext as sn, useContext as an, useCallback as j, useRef as ke, useLayoutEffect as cn, useState as De, useEffect as un, useMemo as Pe } from "react";
|
|
3
3
|
import { cn as ue } from "../../utils/index.js";
|
|
4
4
|
import { datePickerVariants as fn } from "./DatePicker.variants.js";
|
|
5
|
-
import { C as ln, a as dn } from "../../chevron-right-
|
|
5
|
+
import { C as ln, a as dn } from "../../chevron-right-DCDOrc04.js";
|
|
6
6
|
import '../../DatePicker.css';function hn(e, t, n = "long") {
|
|
7
7
|
return new Intl.DateTimeFormat("en-US", {
|
|
8
8
|
// Enforces engine to render the time. Without the option JavaScriptCore omits it.
|
|
@@ -6,17 +6,17 @@ import { cn as s } from "../../../utils/index.js";
|
|
|
6
6
|
import { labelVariants as B, inputVariants as ee, dropdownVariants as te } from "../Dropdown.variants.js";
|
|
7
7
|
import { useDropdown as ae } from "../hooks/useDropdown.js";
|
|
8
8
|
import { List as re } from "./List/List.js";
|
|
9
|
-
import { c as T } from "../../../createLucideIcon-
|
|
9
|
+
import { c as T } from "../../../createLucideIcon-DnY-81vT.js";
|
|
10
10
|
import { useDropdownContext as ne } from "../contexts/dropdown.hook.js";
|
|
11
11
|
/**
|
|
12
|
-
* @license lucide-react v0.
|
|
12
|
+
* @license lucide-react v0.546.0 - ISC
|
|
13
13
|
*
|
|
14
14
|
* This source code is licensed under the ISC license.
|
|
15
15
|
* See the LICENSE file in the root directory of this source tree.
|
|
16
16
|
*/
|
|
17
17
|
const le = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], oe = T("chevron-up", le);
|
|
18
18
|
/**
|
|
19
|
-
* @license lucide-react v0.
|
|
19
|
+
* @license lucide-react v0.546.0 - ISC
|
|
20
20
|
*
|
|
21
21
|
* This source code is licensed under the ISC license.
|
|
22
22
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -5,7 +5,7 @@ import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
|
|
|
5
5
|
import { cn as n } from "../../../../utils/index.js";
|
|
6
6
|
import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
|
|
7
7
|
import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
|
|
8
|
-
import { C as O } from "../../../../chevron-down-
|
|
8
|
+
import { C as O } from "../../../../chevron-down-Cx07rtLP.js";
|
|
9
9
|
const $ = ({
|
|
10
10
|
options: i,
|
|
11
11
|
label: p,
|
|
@@ -5,7 +5,7 @@ import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
|
|
|
5
5
|
import { cn as o } from "../../../../utils/index.js";
|
|
6
6
|
import { filterButtonIconVariants as x, filterButtonVariants as y } from "../../Filter.variants.js";
|
|
7
7
|
import { useDateFilterDropdown as D } from "./DateFilterDropdown.hook.js";
|
|
8
|
-
import { C as N } from "../../../../chevron-down-
|
|
8
|
+
import { C as N } from "../../../../chevron-down-Cx07rtLP.js";
|
|
9
9
|
const R = ({
|
|
10
10
|
label: s,
|
|
11
11
|
position: l = "left",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cn as c } from "../../utils/index.js";
|
|
3
3
|
import { loadingVariants as i } from "./Loading.variants.js";
|
|
4
|
-
import { c as t } from "../../createLucideIcon-
|
|
4
|
+
import { c as t } from "../../createLucideIcon-DnY-81vT.js";
|
|
5
5
|
/**
|
|
6
|
-
* @license lucide-react v0.
|
|
6
|
+
* @license lucide-react v0.546.0 - ISC
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the ISC license.
|
|
9
9
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -3,7 +3,7 @@ import { useId as N, useState as y, useRef as E, useCallback as O, useEffect as
|
|
|
3
3
|
import { cn as m } from "../../../../utils/index.js";
|
|
4
4
|
import { timePickerVariants as L } from "../../TimePicker.variants.js";
|
|
5
5
|
import { WrapperList as j } from "../WrapperList/WrapperList.js";
|
|
6
|
-
import { C as P } from "../../../../chevron-down-
|
|
6
|
+
import { C as P } from "../../../../chevron-down-Cx07rtLP.js";
|
|
7
7
|
import { useTimePickerContext as R } from "../../contexts/time-picker.hook.js";
|
|
8
8
|
const V = ({
|
|
9
9
|
name: d,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { Button as r } from "../../../Button/Button.js";
|
|
3
3
|
import { cn as s } from "../../../../utils/index.js";
|
|
4
|
-
import { c as n } from "../../../../createLucideIcon-
|
|
4
|
+
import { c as n } from "../../../../createLucideIcon-DnY-81vT.js";
|
|
5
5
|
/**
|
|
6
|
-
* @license lucide-react v0.
|
|
6
|
+
* @license lucide-react v0.546.0 - ISC
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the ISC license.
|
|
9
9
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i, jsxs as m } from "react/jsx-runtime";
|
|
2
2
|
import { memo as u } from "react";
|
|
3
3
|
import { cn as p } from "../../../../utils/index.js";
|
|
4
|
-
import { C as g, a as d } from "../../../../chevron-right-
|
|
4
|
+
import { C as g, a as d } from "../../../../chevron-right-DCDOrc04.js";
|
|
5
5
|
import { useTableContext as f } from "../../contexts/table.hook.js";
|
|
6
6
|
const r = u(
|
|
7
7
|
({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { forwardRef as l, createElement as n } from "react";
|
|
2
2
|
/**
|
|
3
|
-
* @license lucide-react v0.
|
|
3
|
+
* @license lucide-react v0.546.0 - ISC
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the ISC license.
|
|
6
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -17,7 +17,7 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
|
|
|
17
17
|
return !0;
|
|
18
18
|
};
|
|
19
19
|
/**
|
|
20
|
-
* @license lucide-react v0.
|
|
20
|
+
* @license lucide-react v0.546.0 - ISC
|
|
21
21
|
*
|
|
22
22
|
* This source code is licensed under the ISC license.
|
|
23
23
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -34,7 +34,7 @@ var g = {
|
|
|
34
34
|
strokeLinejoin: "round"
|
|
35
35
|
};
|
|
36
36
|
/**
|
|
37
|
-
* @license lucide-react v0.
|
|
37
|
+
* @license lucide-react v0.546.0 - ISC
|
|
38
38
|
*
|
|
39
39
|
* This source code is licensed under the ISC license.
|
|
40
40
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -69,7 +69,7 @@ const A = l(
|
|
|
69
69
|
)
|
|
70
70
|
);
|
|
71
71
|
/**
|
|
72
|
-
* @license lucide-react v0.
|
|
72
|
+
* @license lucide-react v0.546.0 - ISC
|
|
73
73
|
*
|
|
74
74
|
* This source code is licensed under the ISC license.
|
|
75
75
|
* See the LICENSE file in the root directory of this source tree.
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { ButtonHTMLAttributes } from 'react';
|
|
|
3
3
|
import { CellContext } from '@tanstack/react-table';
|
|
4
4
|
import { CheckboxProps as CheckboxProps_2 } from '@radix-ui/react-checkbox';
|
|
5
5
|
import { ClassProp } from 'class-variance-authority/types';
|
|
6
|
-
import { ColumnDef } from '@tanstack/react-table';
|
|
6
|
+
import { ColumnDef as ColumnDef_2 } from '@tanstack/react-table';
|
|
7
7
|
import { ComponentRef } from 'react';
|
|
8
8
|
import { Context } from 'react';
|
|
9
9
|
import { DayPickerProps } from 'react-day-picker';
|
|
@@ -92,16 +92,17 @@ declare type BadgeMultiSelectProps = {
|
|
|
92
92
|
};
|
|
93
93
|
|
|
94
94
|
declare type BadgeProps = VariantProps<typeof badgeVariants> & {
|
|
95
|
-
label: string;
|
|
96
95
|
className?: string;
|
|
97
|
-
loading?: boolean;
|
|
98
96
|
dismissible?: true;
|
|
97
|
+
label: string;
|
|
98
|
+
leftIcon?: ReactNode;
|
|
99
|
+
loading?: boolean;
|
|
99
100
|
onClick?: VoidFunction;
|
|
100
101
|
onDismiss?: VoidFunction;
|
|
101
102
|
};
|
|
102
103
|
|
|
103
104
|
declare const badgeVariants: (props?: ({
|
|
104
|
-
variant?: "info" | "warning" | "danger" | "default" | "success" | null | undefined;
|
|
105
|
+
variant?: "info" | "warning" | "danger" | "default" | "success" | "violet" | null | undefined;
|
|
105
106
|
size?: "default" | null | undefined;
|
|
106
107
|
} & ClassProp) | undefined) => string;
|
|
107
108
|
|
|
@@ -181,8 +182,12 @@ declare const checkboxVariants: (props?: ({
|
|
|
181
182
|
checked?: boolean | null | undefined;
|
|
182
183
|
} & ClassProp) | undefined) => string;
|
|
183
184
|
|
|
185
|
+
export declare type ColumnDef<TData extends RowData> = ColumnDef_2<TData, string>;
|
|
186
|
+
|
|
184
187
|
export declare const Content: FC<TabsContentProps>;
|
|
185
188
|
|
|
189
|
+
declare type CSSColor = `var(--${string})` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | `hsl(${number}, ${number}%, ${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})`;
|
|
190
|
+
|
|
186
191
|
export declare const DateFilterDropdown: FC<DateFilterDropdownProps>;
|
|
187
192
|
|
|
188
193
|
declare type DateFilterDropdownProps = {
|
|
@@ -345,7 +350,7 @@ declare type MultiSelectFilter = {
|
|
|
345
350
|
key: string;
|
|
346
351
|
label: string;
|
|
347
352
|
position?: 'right' | 'left';
|
|
348
|
-
options:
|
|
353
|
+
options: Option_5[];
|
|
349
354
|
};
|
|
350
355
|
|
|
351
356
|
export declare const Navigation: FC<NavigationProps> & NavigationChildrenProps;
|
|
@@ -457,12 +462,6 @@ declare type Option_5 = {
|
|
|
457
462
|
variant?: BadgeProps['variant'];
|
|
458
463
|
};
|
|
459
464
|
|
|
460
|
-
declare type OptionType = {
|
|
461
|
-
id: string;
|
|
462
|
-
label: string;
|
|
463
|
-
variant?: 'info' | 'danger' | 'success' | 'default' | 'warning' | null;
|
|
464
|
-
};
|
|
465
|
-
|
|
466
465
|
export declare const PieChart: FC<Props_2>;
|
|
467
466
|
|
|
468
467
|
export declare const ProgressBar: FC<ProgressBarProps>;
|
|
@@ -499,7 +498,7 @@ declare type Props_2 = {
|
|
|
499
498
|
* Array of hexadecimal colors for the borders of the pie chart segments
|
|
500
499
|
* @default ['#FFFFFF', '#FFFFFF']
|
|
501
500
|
*/
|
|
502
|
-
borderColors?: HexColor[];
|
|
501
|
+
borderColors?: HexColor[] | CSSColor[] | (HexColor | CSSColor)[];
|
|
503
502
|
/**
|
|
504
503
|
* Width of the border for pie chart segments in pixels
|
|
505
504
|
* @default 0
|
|
@@ -509,7 +508,7 @@ declare type Props_2 = {
|
|
|
509
508
|
* Array of hexadecimal colors for filling the pie chart segments
|
|
510
509
|
* @default ['#525252', '#00D492']
|
|
511
510
|
*/
|
|
512
|
-
colors?: HexColor[];
|
|
511
|
+
colors?: HexColor[] | CSSColor[] | (HexColor | CSSColor)[];
|
|
513
512
|
/**
|
|
514
513
|
* Percentage of the pie chart's center that should be cut out, creating a donut chart effect
|
|
515
514
|
* @default 80
|
|
@@ -576,7 +575,7 @@ declare type Props_3<TData extends RowData> = CellContext<TData, string> & {
|
|
|
576
575
|
declare type Props_4<TData extends RowData_2> = VariantProps<typeof virtualizeTableVariants> & {
|
|
577
576
|
id: string;
|
|
578
577
|
ariaLabel?: string;
|
|
579
|
-
columns:
|
|
578
|
+
columns: ColumnDef_2<TData, string>[];
|
|
580
579
|
data: TData[];
|
|
581
580
|
className?: string;
|
|
582
581
|
classNameHeaderActiveArrows?: string;
|
|
@@ -704,7 +703,7 @@ declare type ResetButtonProps = ButtonProps & {
|
|
|
704
703
|
onClick?: VoidFunction;
|
|
705
704
|
};
|
|
706
705
|
|
|
707
|
-
declare type RowData = RowData_2;
|
|
706
|
+
export declare type RowData = RowData_2;
|
|
708
707
|
|
|
709
708
|
declare interface RowProps extends React.HTMLAttributes<HTMLTableRowElement>, PropsWithChildren, VariantProps<typeof rowVariants> {
|
|
710
709
|
width?: string;
|
package/dist/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@konstructio/ui",
|
|
3
3
|
"description": "A set of reusable and customizable React components built for konstruct.io",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.2-alpha.
|
|
5
|
+
"version": "0.1.2-alpha.12",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"cmdk": "^1.1.1",
|
|
73
73
|
"countries-and-timezones": "^3.8.0",
|
|
74
74
|
"js-cookie": "^3.0.5",
|
|
75
|
-
"lucide-react": "^0.
|
|
75
|
+
"lucide-react": "^0.546.0",
|
|
76
76
|
"react-chartjs-2": "^5.3.0",
|
|
77
77
|
"react-day-picker": "^9.11.1",
|
|
78
78
|
"react-feather": "^2.0.10",
|
|
@@ -113,13 +113,13 @@
|
|
|
113
113
|
}
|
|
114
114
|
},
|
|
115
115
|
"devDependencies": {
|
|
116
|
-
"@faker-js/faker": "^10.
|
|
116
|
+
"@faker-js/faker": "^10.1.0",
|
|
117
117
|
"@rollup/plugin-alias": "^5.1.1",
|
|
118
|
-
"@storybook/addon-docs": "^9.1.
|
|
119
|
-
"@storybook/addon-links": "^9.1.
|
|
120
|
-
"@storybook/react-vite": "^9.1.
|
|
121
|
-
"@tailwindcss/vite": "^4.1.
|
|
122
|
-
"@tanstack/react-query": "^5.90.
|
|
118
|
+
"@storybook/addon-docs": "^9.1.13",
|
|
119
|
+
"@storybook/addon-links": "^9.1.13",
|
|
120
|
+
"@storybook/react-vite": "^9.1.13",
|
|
121
|
+
"@tailwindcss/vite": "^4.1.16",
|
|
122
|
+
"@tanstack/react-query": "^5.90.5",
|
|
123
123
|
"@testing-library/jest-dom": "^6.9.1",
|
|
124
124
|
"@testing-library/react": "^16.3.0",
|
|
125
125
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -128,30 +128,30 @@
|
|
|
128
128
|
"@types/lodash": "^4.17.20",
|
|
129
129
|
"@types/react": "^19.2.2",
|
|
130
130
|
"@types/react-dom": "^19.2.2",
|
|
131
|
-
"@typescript-eslint/eslint-plugin": "^8.46.
|
|
132
|
-
"@typescript-eslint/parser": "^8.46.
|
|
131
|
+
"@typescript-eslint/eslint-plugin": "^8.46.2",
|
|
132
|
+
"@typescript-eslint/parser": "^8.46.2",
|
|
133
133
|
"@vitejs/plugin-react": "^5.0.4",
|
|
134
134
|
"@vitest/coverage-v8": "^3.2.4",
|
|
135
135
|
"autoprefixer": "^10.4.21",
|
|
136
|
-
"eslint": "^9.
|
|
136
|
+
"eslint": "^9.38.0",
|
|
137
137
|
"eslint-plugin-react": "^7.37.5",
|
|
138
138
|
"eslint-plugin-react-hooks": "^6.1.1",
|
|
139
139
|
"eslint-plugin-react-refresh": "^0.4.23",
|
|
140
|
-
"eslint-plugin-storybook": "^9.1.
|
|
140
|
+
"eslint-plugin-storybook": "^9.1.13",
|
|
141
141
|
"eslint-plugin-vitest": "^0.5.4",
|
|
142
142
|
"glob": "^11.0.3",
|
|
143
143
|
"husky": "^9.1.7",
|
|
144
144
|
"jest-axe": "^10.0.0",
|
|
145
|
-
"jsdom": "^27.0.
|
|
145
|
+
"jsdom": "^27.0.1",
|
|
146
146
|
"lodash": "^4.17.21",
|
|
147
147
|
"postcss": "^8.5.6",
|
|
148
148
|
"prettier": "^3.6.2",
|
|
149
149
|
"rimraf": "^6.0.1",
|
|
150
|
-
"storybook": "^9.1.
|
|
151
|
-
"tailwindcss": "^4.1.
|
|
150
|
+
"storybook": "^9.1.13",
|
|
151
|
+
"tailwindcss": "^4.1.16",
|
|
152
152
|
"ts-node": "^10.9.2",
|
|
153
153
|
"typescript": "^5.9.3",
|
|
154
|
-
"vite": "^7.1.
|
|
154
|
+
"vite": "^7.1.12",
|
|
155
155
|
"vite-plugin-dts": "^4.5.4",
|
|
156
156
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
157
157
|
"vite-plugin-svgr": "^4.5.0",
|