@konstructio/ui 0.1.0-alpha.15 → 0.1.0-alpha.17
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.
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { useId as C, useRef as
|
|
2
|
-
import { FilterEvent as
|
|
1
|
+
import { useId as C, useRef as w, useState as m, useEffect as f, useCallback as d, useMemo as S } from "react";
|
|
2
|
+
import { FilterEvent as v, sendOpenFilterEvent as L } from "../../events/index.js";
|
|
3
3
|
const I = ({
|
|
4
4
|
onApply: t
|
|
5
5
|
}) => {
|
|
6
|
-
const a = C(),
|
|
6
|
+
const a = C(), o = w(null), [E, c] = m(!1), [n, r] = m([]);
|
|
7
7
|
f(() => {
|
|
8
8
|
const e = new AbortController();
|
|
9
9
|
return document.addEventListener(
|
|
10
|
-
|
|
10
|
+
v.OPEN,
|
|
11
11
|
(s) => {
|
|
12
|
-
s.detail !== a &&
|
|
12
|
+
s.detail !== a && c(!1);
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
signal: e.signal
|
|
16
16
|
}
|
|
17
17
|
), document.addEventListener(
|
|
18
|
-
|
|
18
|
+
v.RESET,
|
|
19
19
|
() => {
|
|
20
|
-
|
|
20
|
+
r([]), t == null || t([]);
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
signal: e.signal
|
|
@@ -26,44 +26,43 @@ const I = ({
|
|
|
26
26
|
e.abort();
|
|
27
27
|
};
|
|
28
28
|
}, [a, t]);
|
|
29
|
-
const
|
|
30
|
-
() =>
|
|
29
|
+
const g = d(
|
|
30
|
+
() => c((e) => (e || (L(a), r(
|
|
31
31
|
(s) => s.filter((i) => i.isApplied)
|
|
32
32
|
)), !e)),
|
|
33
|
-
[a,
|
|
34
|
-
),
|
|
33
|
+
[a, c]
|
|
34
|
+
), u = d(() => c(!1), []), O = d(
|
|
35
35
|
(e, s) => {
|
|
36
|
-
|
|
36
|
+
r(s ? [
|
|
37
37
|
...n,
|
|
38
38
|
{ ...e, isApplied: !1 }
|
|
39
39
|
] : n.map((i) => i.id === e.id ? { ...i, isRemoved: !0 } : i));
|
|
40
40
|
},
|
|
41
|
-
[
|
|
42
|
-
),
|
|
43
|
-
|
|
44
|
-
}, [t]), R =
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
({ isApplied: e, isRemoved: s, ...i }) => i
|
|
41
|
+
[r, n]
|
|
42
|
+
), h = d(() => {
|
|
43
|
+
r([]), t == null || t([]);
|
|
44
|
+
}, [t]), R = d(() => {
|
|
45
|
+
const e = n == null ? void 0 : n.filter((s) => !s.isRemoved).map((s) => ({ ...s, isApplied: !0 }));
|
|
46
|
+
r(e), t == null || t(
|
|
47
|
+
e.map(
|
|
48
|
+
({ isApplied: s, isRemoved: i, ...l }) => l
|
|
50
49
|
)
|
|
51
50
|
);
|
|
52
|
-
}, [t, n,
|
|
51
|
+
}, [t, n, r]), b = S(
|
|
53
52
|
() => n.filter((e) => e.isApplied),
|
|
54
53
|
[n]
|
|
55
54
|
);
|
|
56
55
|
return f(() => {
|
|
57
56
|
const e = new AbortController(), s = (i) => {
|
|
58
|
-
var
|
|
59
|
-
(
|
|
57
|
+
var l;
|
|
58
|
+
(l = o.current) != null && l.contains(i.target) || u();
|
|
60
59
|
};
|
|
61
60
|
return document.addEventListener("mousedown", s, {
|
|
62
61
|
signal: e.signal
|
|
63
62
|
}), document.addEventListener(
|
|
64
63
|
"visibilitychange",
|
|
65
64
|
() => {
|
|
66
|
-
document.hidden &&
|
|
65
|
+
document.hidden && u();
|
|
67
66
|
},
|
|
68
67
|
{
|
|
69
68
|
signal: e.signal
|
|
@@ -71,15 +70,15 @@ const I = ({
|
|
|
71
70
|
), () => {
|
|
72
71
|
e.abort();
|
|
73
72
|
};
|
|
74
|
-
}, [
|
|
75
|
-
isOpen:
|
|
73
|
+
}, [u, o]), {
|
|
74
|
+
isOpen: E,
|
|
76
75
|
selectedCount: b,
|
|
77
76
|
selectedOptions: n,
|
|
78
|
-
wrapperRef:
|
|
77
|
+
wrapperRef: o,
|
|
79
78
|
handleApplyOptions: R,
|
|
80
|
-
handleOpen:
|
|
81
|
-
handleResetOptions:
|
|
82
|
-
handleSelectOption:
|
|
79
|
+
handleOpen: g,
|
|
80
|
+
handleResetOptions: h,
|
|
81
|
+
handleSelectOption: O
|
|
83
82
|
};
|
|
84
83
|
};
|
|
85
84
|
export {
|
package/dist/components/index.js
CHANGED
|
@@ -6,87 +6,89 @@ import { Breadcrumb as d } from "./Breadcrumb/Breadcrumb.js";
|
|
|
6
6
|
import { Button as n } from "./Button/Button.js";
|
|
7
7
|
import { Card as u } from "./Card/Card.js";
|
|
8
8
|
import { Checkbox as c } from "./Checkbox/Checkbox.js";
|
|
9
|
-
import { DatePicker as
|
|
10
|
-
import { Divider as
|
|
11
|
-
import { Dropdown as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
9
|
+
import { DatePicker as b } from "./Datepicker/DatePicker.js";
|
|
10
|
+
import { Divider as B } from "./Divider/Divider.js";
|
|
11
|
+
import { Dropdown as v } from "./Dropdown/Dropdown.js";
|
|
12
|
+
import { DropdownButton as N } from "./DropdownButton/DropdownButton.js";
|
|
13
|
+
import { Filter as w } from "./Filter/Filter.js";
|
|
14
|
+
import { Input as h } from "./Input/Input.js";
|
|
15
|
+
import { Loading as F } from "./Loading/Loading.js";
|
|
16
|
+
import { M as L } from "../Modal-CrG0m703.js";
|
|
17
|
+
import { NumberInput as P } from "./NumberInput/NumberInput.js";
|
|
18
|
+
import { ProgressBar as I } from "./ProgressBar/ProgressBar.js";
|
|
19
|
+
import { Radio as j } from "./Radio/Radio.js";
|
|
20
|
+
import { RadioCard as z } from "./RadioCard/RadioCard.js";
|
|
21
|
+
import { RadioCardGroup as H } from "./RadioCardGroup/RadioCardGroup.js";
|
|
22
|
+
import { RadioGroup as K } from "./RadioGroup/RadioGroup.js";
|
|
23
|
+
import { Range as U } from "./Range/Range.js";
|
|
24
|
+
import { Sidebar as W } from "./Sidebar/Sidebar.js";
|
|
25
|
+
import { Slider as Y } from "./Slider/Slider.js";
|
|
26
|
+
import { Switch as _ } from "./Switch/Switch.js";
|
|
27
|
+
import { Table as oo } from "./Table/Table.js";
|
|
28
|
+
import { Tabs as eo } from "./Tabs/Tabs.js";
|
|
29
|
+
import { Tag as po } from "./Tag/Tag.js";
|
|
30
|
+
import { TagSelect as xo } from "./TagSelect/TagSelect.js";
|
|
31
|
+
import { TextArea as ao } from "./TextArea/TextArea.js";
|
|
32
|
+
import { TimePicker as go } from "./TimePicker/TimePicker.js";
|
|
33
|
+
import { Toast as lo } from "./Toast/Toast.js";
|
|
34
|
+
import { Tooltip as To } from "./Tooltip/Tooltip.js";
|
|
35
|
+
import { Typography as Do } from "./Typography/Typography.js";
|
|
36
|
+
import { BadgeMultiSelect as so } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
37
|
+
import { DateFilterDropdown as So } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
38
|
+
import { Footer as Co } from "./Sidebar/components/Footer/Footer.js";
|
|
39
|
+
import { Logo as Ro } from "./Sidebar/components/Logo/Logo.js";
|
|
40
|
+
import { Navigation as Ao } from "./Sidebar/components/Navigation/Navigation.js";
|
|
41
|
+
import { NavigationGroup as ko } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
42
|
+
import { NavigationOption as Go } from "./Sidebar/components/NavigationOption/NavigationOption.js";
|
|
43
|
+
import { NavigationSeparator as Mo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
44
|
+
import { List as yo } from "./Tabs/components/List.js";
|
|
45
|
+
import { Trigger as Oo } from "./Tabs/components/Trigger.js";
|
|
46
|
+
import { Content as qo } from "./Tabs/components/Content.js";
|
|
46
47
|
export {
|
|
47
48
|
e as Alert,
|
|
48
49
|
p as AlertDialog,
|
|
49
50
|
x as Autocomplete,
|
|
50
51
|
a as Badge,
|
|
51
|
-
|
|
52
|
+
so as BadgeMultiSelect,
|
|
52
53
|
d as Breadcrumb,
|
|
53
54
|
n as Button,
|
|
54
55
|
u as Card,
|
|
55
56
|
c as Checkbox,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
N as
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
Go as
|
|
72
|
-
|
|
73
|
-
P as
|
|
74
|
-
I as
|
|
75
|
-
j as
|
|
76
|
-
z as
|
|
77
|
-
H as
|
|
78
|
-
K as
|
|
79
|
-
U as
|
|
80
|
-
W as
|
|
81
|
-
Y as
|
|
82
|
-
_ as
|
|
83
|
-
oo as
|
|
84
|
-
eo as
|
|
85
|
-
po as
|
|
86
|
-
xo as
|
|
87
|
-
ao as
|
|
88
|
-
go as
|
|
89
|
-
lo as
|
|
90
|
-
|
|
91
|
-
|
|
57
|
+
qo as Content,
|
|
58
|
+
So as DateFilterDropdown,
|
|
59
|
+
b as DatePicker,
|
|
60
|
+
B as Divider,
|
|
61
|
+
v as Dropdown,
|
|
62
|
+
N as DropdownButton,
|
|
63
|
+
w as Filter,
|
|
64
|
+
Co as Footer,
|
|
65
|
+
h as Input,
|
|
66
|
+
yo as List,
|
|
67
|
+
F as Loading,
|
|
68
|
+
Ro as Logo,
|
|
69
|
+
L as Modal,
|
|
70
|
+
Ao as Navigation,
|
|
71
|
+
ko as NavigationGroup,
|
|
72
|
+
Go as NavigationOption,
|
|
73
|
+
Mo as NavigationSeparator,
|
|
74
|
+
P as NumberInput,
|
|
75
|
+
I as ProgressBar,
|
|
76
|
+
j as Radio,
|
|
77
|
+
z as RadioCard,
|
|
78
|
+
H as RadioCardGroup,
|
|
79
|
+
K as RadioGroup,
|
|
80
|
+
U as Range,
|
|
81
|
+
W as Sidebar,
|
|
82
|
+
Y as Slider,
|
|
83
|
+
_ as Switch,
|
|
84
|
+
oo as Table,
|
|
85
|
+
eo as Tabs,
|
|
86
|
+
po as Tag,
|
|
87
|
+
xo as TagSelect,
|
|
88
|
+
ao as TextArea,
|
|
89
|
+
go as TimePicker,
|
|
90
|
+
lo as Toast,
|
|
91
|
+
To as Tooltip,
|
|
92
|
+
Oo as Trigger,
|
|
93
|
+
Do as Typography
|
|
92
94
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -77,9 +77,9 @@ export declare const BadgeMultiSelect: FC<BadgeMultiSelectProps>;
|
|
|
77
77
|
|
|
78
78
|
declare type BadgeMultiSelectProps = {
|
|
79
79
|
label: string;
|
|
80
|
-
options:
|
|
80
|
+
options: Option_5[];
|
|
81
81
|
position?: 'left' | 'right';
|
|
82
|
-
onApply?: (selectedOptions:
|
|
82
|
+
onApply?: (selectedOptions: Option_5[]) => void;
|
|
83
83
|
};
|
|
84
84
|
|
|
85
85
|
declare type BadgeProps = VariantProps<typeof badgeVariants> & {
|
|
@@ -198,6 +198,8 @@ export declare const Divider: FC<HTMLAttributes<HTMLDivElement>>;
|
|
|
198
198
|
|
|
199
199
|
export declare const Dropdown: FC<DropdownProps>;
|
|
200
200
|
|
|
201
|
+
export declare const DropdownButton: FC<Props>;
|
|
202
|
+
|
|
201
203
|
declare interface DropdownProps extends VariantProps<typeof dropdownVariants>, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
|
|
202
204
|
className?: string;
|
|
203
205
|
iconClassName?: string;
|
|
@@ -409,6 +411,11 @@ declare type Option_3 = {
|
|
|
409
411
|
};
|
|
410
412
|
|
|
411
413
|
declare type Option_4 = {
|
|
414
|
+
label: string | ReactNode;
|
|
415
|
+
onClick?: VoidFunction;
|
|
416
|
+
};
|
|
417
|
+
|
|
418
|
+
declare type Option_5 = {
|
|
412
419
|
id: string;
|
|
413
420
|
label: string;
|
|
414
421
|
variant?: BadgeProps['variant'];
|
|
@@ -426,6 +433,14 @@ declare interface ProgressBarProps extends VariantProps<typeof progressBarVarian
|
|
|
426
433
|
|
|
427
434
|
declare const progressBarVariants: (props?: ClassProp | undefined) => string;
|
|
428
435
|
|
|
436
|
+
declare type Props = {
|
|
437
|
+
buttonClassName?: string;
|
|
438
|
+
className?: string;
|
|
439
|
+
itemClassName?: string;
|
|
440
|
+
listClassName?: string;
|
|
441
|
+
options: Option_4[];
|
|
442
|
+
};
|
|
443
|
+
|
|
429
444
|
export declare const Radio: FC<RadioProps>;
|
|
430
445
|
|
|
431
446
|
export declare const RadioCard: FC<RadioCardProps>;
|
package/dist/index.js
CHANGED
|
@@ -6,95 +6,97 @@ import { Breadcrumb as d } from "./components/Breadcrumb/Breadcrumb.js";
|
|
|
6
6
|
import { Button as n } from "./components/Button/Button.js";
|
|
7
7
|
import { Card as T } from "./components/Card/Card.js";
|
|
8
8
|
import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
|
|
9
|
-
import { DatePicker as
|
|
10
|
-
import { Divider as
|
|
11
|
-
import { Dropdown as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import { M } from "./
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
9
|
+
import { DatePicker as D } from "./components/Datepicker/DatePicker.js";
|
|
10
|
+
import { Divider as h } from "./components/Divider/Divider.js";
|
|
11
|
+
import { Dropdown as B } from "./components/Dropdown/Dropdown.js";
|
|
12
|
+
import { DropdownButton as S } from "./components/DropdownButton/DropdownButton.js";
|
|
13
|
+
import { Filter as R } from "./components/Filter/Filter.js";
|
|
14
|
+
import { BadgeMultiSelect as A } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
15
|
+
import { DateFilterDropdown as k } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
16
|
+
import { Input as G } from "./components/Input/Input.js";
|
|
17
|
+
import { Loading as M } from "./components/Loading/Loading.js";
|
|
18
|
+
import { M as I } from "./Modal-CrG0m703.js";
|
|
19
|
+
import { NumberInput as j } from "./components/NumberInput/NumberInput.js";
|
|
20
|
+
import { ProgressBar as z } from "./components/ProgressBar/ProgressBar.js";
|
|
21
|
+
import { Radio as H } from "./components/Radio/Radio.js";
|
|
22
|
+
import { RadioCard as K } from "./components/RadioCard/RadioCard.js";
|
|
23
|
+
import { RadioCardGroup as U } from "./components/RadioCardGroup/RadioCardGroup.js";
|
|
24
|
+
import { RadioGroup as W } from "./components/RadioGroup/RadioGroup.js";
|
|
25
|
+
import { Range as Y } from "./components/Range/Range.js";
|
|
26
|
+
import { Footer as _ } from "./components/Sidebar/components/Footer/Footer.js";
|
|
27
|
+
import { Logo as oo } from "./components/Sidebar/components/Logo/Logo.js";
|
|
28
|
+
import { Navigation as eo } from "./components/Sidebar/components/Navigation/Navigation.js";
|
|
29
|
+
import { NavigationGroup as po } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
30
|
+
import { NavigationOption as xo } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
|
|
31
|
+
import { NavigationSeparator as ao } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
32
|
+
import { Sidebar as go } from "./components/Sidebar/Sidebar.js";
|
|
33
|
+
import { Slider as lo } from "./components/Slider/Slider.js";
|
|
34
|
+
import { Switch as uo } from "./components/Switch/Switch.js";
|
|
35
|
+
import { Table as so } from "./components/Table/Table.js";
|
|
36
|
+
import { Tabs as bo } from "./components/Tabs/Tabs.js";
|
|
37
|
+
import { List as vo } from "./components/Tabs/components/List.js";
|
|
37
38
|
import { Trigger as Co } from "./components/Tabs/components/Trigger.js";
|
|
38
|
-
import { Content as
|
|
39
|
-
import { Tag as
|
|
40
|
-
import { TagSelect as
|
|
41
|
-
import { TextArea as
|
|
42
|
-
import { TimePicker as
|
|
43
|
-
import { Toast as
|
|
44
|
-
import { Tooltip as
|
|
45
|
-
import { Typography as
|
|
46
|
-
import { ThemeContext as
|
|
47
|
-
import { useTheme as
|
|
48
|
-
import { ThemeProvider as
|
|
49
|
-
import { useToggle as
|
|
39
|
+
import { Content as No } from "./components/Tabs/components/Content.js";
|
|
40
|
+
import { Tag as wo } from "./components/Tag/Tag.js";
|
|
41
|
+
import { TagSelect as Po } from "./components/TagSelect/TagSelect.js";
|
|
42
|
+
import { TextArea as Fo } from "./components/TextArea/TextArea.js";
|
|
43
|
+
import { TimePicker as Lo } from "./components/TimePicker/TimePicker.js";
|
|
44
|
+
import { Toast as yo } from "./components/Toast/Toast.js";
|
|
45
|
+
import { Tooltip as Oo } from "./components/Tooltip/Tooltip.js";
|
|
46
|
+
import { Typography as qo } from "./components/Typography/Typography.js";
|
|
47
|
+
import { ThemeContext as Eo } from "./contexts/theme.context.js";
|
|
48
|
+
import { useTheme as Jo } from "./contexts/theme.hook.js";
|
|
49
|
+
import { ThemeProvider as Qo } from "./contexts/theme.provider.js";
|
|
50
|
+
import { useToggle as Vo } from "./hooks/useToggle.js";
|
|
50
51
|
export {
|
|
51
52
|
e as Alert,
|
|
52
53
|
p as AlertDialog,
|
|
53
54
|
x as Autocomplete,
|
|
54
55
|
a as Badge,
|
|
55
|
-
|
|
56
|
+
A as BadgeMultiSelect,
|
|
56
57
|
d as Breadcrumb,
|
|
57
58
|
n as Button,
|
|
58
59
|
T as Card,
|
|
59
60
|
c as Checkbox,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
eo as
|
|
74
|
-
po as
|
|
75
|
-
xo as
|
|
76
|
-
|
|
77
|
-
j as
|
|
78
|
-
z as
|
|
79
|
-
H as
|
|
80
|
-
K as
|
|
81
|
-
U as
|
|
82
|
-
W as
|
|
83
|
-
|
|
84
|
-
go as
|
|
85
|
-
lo as
|
|
86
|
-
uo as
|
|
87
|
-
so as
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
Lo as
|
|
95
|
-
yo as
|
|
61
|
+
No as Content,
|
|
62
|
+
k as DateFilterDropdown,
|
|
63
|
+
D as DatePicker,
|
|
64
|
+
h as Divider,
|
|
65
|
+
B as Dropdown,
|
|
66
|
+
S as DropdownButton,
|
|
67
|
+
R as Filter,
|
|
68
|
+
_ as Footer,
|
|
69
|
+
G as Input,
|
|
70
|
+
vo as List,
|
|
71
|
+
M as Loading,
|
|
72
|
+
oo as Logo,
|
|
73
|
+
I as Modal,
|
|
74
|
+
eo as Navigation,
|
|
75
|
+
po as NavigationGroup,
|
|
76
|
+
xo as NavigationOption,
|
|
77
|
+
ao as NavigationSeparator,
|
|
78
|
+
j as NumberInput,
|
|
79
|
+
z as ProgressBar,
|
|
80
|
+
H as Radio,
|
|
81
|
+
K as RadioCard,
|
|
82
|
+
U as RadioCardGroup,
|
|
83
|
+
W as RadioGroup,
|
|
84
|
+
Y as Range,
|
|
85
|
+
go as Sidebar,
|
|
86
|
+
lo as Slider,
|
|
87
|
+
uo as Switch,
|
|
88
|
+
so as Table,
|
|
89
|
+
bo as Tabs,
|
|
90
|
+
wo as Tag,
|
|
91
|
+
Po as TagSelect,
|
|
92
|
+
Fo as TextArea,
|
|
93
|
+
Eo as ThemeContext,
|
|
94
|
+
Qo as ThemeProvider,
|
|
95
|
+
Lo as TimePicker,
|
|
96
|
+
yo as Toast,
|
|
97
|
+
Oo as Tooltip,
|
|
96
98
|
Co as Trigger,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
99
|
+
qo as Typography,
|
|
100
|
+
Jo as useTheme,
|
|
101
|
+
Vo as useToggle
|
|
100
102
|
};
|
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.0-alpha.
|
|
5
|
+
"version": "0.1.0-alpha.16",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -106,9 +106,9 @@
|
|
|
106
106
|
},
|
|
107
107
|
"devDependencies": {
|
|
108
108
|
"@rollup/plugin-alias": "^5.1.1",
|
|
109
|
-
"@storybook/addon-docs": "^9.1.0-alpha.
|
|
110
|
-
"@storybook/addon-links": "^9.1.0-alpha.
|
|
111
|
-
"@storybook/react-vite": "^9.1.0-alpha.
|
|
109
|
+
"@storybook/addon-docs": "^9.1.0-alpha.9",
|
|
110
|
+
"@storybook/addon-links": "^9.1.0-alpha.9",
|
|
111
|
+
"@storybook/react-vite": "^9.1.0-alpha.9",
|
|
112
112
|
"@tailwindcss/vite": "^4.1.11",
|
|
113
113
|
"@testing-library/jest-dom": "^6.6.3",
|
|
114
114
|
"@testing-library/react": "^16.3.0",
|
|
@@ -118,15 +118,15 @@
|
|
|
118
118
|
"@types/lodash": "^4.17.20",
|
|
119
119
|
"@types/react": "^19.1.8",
|
|
120
120
|
"@types/react-dom": "^19.1.6",
|
|
121
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
122
|
-
"@typescript-eslint/parser": "^8.
|
|
123
|
-
"@vitejs/plugin-react": "^4.
|
|
121
|
+
"@typescript-eslint/eslint-plugin": "^8.38.0",
|
|
122
|
+
"@typescript-eslint/parser": "^8.38.0",
|
|
123
|
+
"@vitejs/plugin-react": "^4.7.0",
|
|
124
124
|
"@vitest/coverage-v8": "^3.2.4",
|
|
125
125
|
"autoprefixer": "^10.4.21",
|
|
126
126
|
"eslint": "^8.57.0",
|
|
127
127
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
128
128
|
"eslint-plugin-react-refresh": "^0.4.7",
|
|
129
|
-
"eslint-plugin-storybook": "^9.1.0-alpha.
|
|
129
|
+
"eslint-plugin-storybook": "^9.1.0-alpha.9",
|
|
130
130
|
"glob": "^11.0.3",
|
|
131
131
|
"husky": "^9.1.7",
|
|
132
132
|
"jest-axe": "^10.0.0",
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
"postcss": "^8.5.6",
|
|
136
136
|
"prettier": "^3.6.2",
|
|
137
137
|
"rimraf": "^6.0.1",
|
|
138
|
-
"storybook": "^9.1.0-alpha.
|
|
138
|
+
"storybook": "^9.1.0-alpha.9",
|
|
139
139
|
"tailwindcss": "^4.1.11",
|
|
140
140
|
"ts-node": "^10.9.2",
|
|
141
141
|
"typescript": "^5.8.3",
|
package/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.0-alpha.
|
|
5
|
+
"version": "0.1.0-alpha.17",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -106,9 +106,9 @@
|
|
|
106
106
|
},
|
|
107
107
|
"devDependencies": {
|
|
108
108
|
"@rollup/plugin-alias": "^5.1.1",
|
|
109
|
-
"@storybook/addon-docs": "^9.1.0-alpha.
|
|
110
|
-
"@storybook/addon-links": "^9.1.0-alpha.
|
|
111
|
-
"@storybook/react-vite": "^9.1.0-alpha.
|
|
109
|
+
"@storybook/addon-docs": "^9.1.0-alpha.9",
|
|
110
|
+
"@storybook/addon-links": "^9.1.0-alpha.9",
|
|
111
|
+
"@storybook/react-vite": "^9.1.0-alpha.9",
|
|
112
112
|
"@tailwindcss/vite": "^4.1.11",
|
|
113
113
|
"@testing-library/jest-dom": "^6.6.3",
|
|
114
114
|
"@testing-library/react": "^16.3.0",
|
|
@@ -118,15 +118,15 @@
|
|
|
118
118
|
"@types/lodash": "^4.17.20",
|
|
119
119
|
"@types/react": "^19.1.8",
|
|
120
120
|
"@types/react-dom": "^19.1.6",
|
|
121
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
122
|
-
"@typescript-eslint/parser": "^8.
|
|
123
|
-
"@vitejs/plugin-react": "^4.
|
|
121
|
+
"@typescript-eslint/eslint-plugin": "^8.38.0",
|
|
122
|
+
"@typescript-eslint/parser": "^8.38.0",
|
|
123
|
+
"@vitejs/plugin-react": "^4.7.0",
|
|
124
124
|
"@vitest/coverage-v8": "^3.2.4",
|
|
125
125
|
"autoprefixer": "^10.4.21",
|
|
126
126
|
"eslint": "^8.57.0",
|
|
127
127
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
128
128
|
"eslint-plugin-react-refresh": "^0.4.7",
|
|
129
|
-
"eslint-plugin-storybook": "^9.1.0-alpha.
|
|
129
|
+
"eslint-plugin-storybook": "^9.1.0-alpha.9",
|
|
130
130
|
"glob": "^11.0.3",
|
|
131
131
|
"husky": "^9.1.7",
|
|
132
132
|
"jest-axe": "^10.0.0",
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
"postcss": "^8.5.6",
|
|
136
136
|
"prettier": "^3.6.2",
|
|
137
137
|
"rimraf": "^6.0.1",
|
|
138
|
-
"storybook": "^9.1.0-alpha.
|
|
138
|
+
"storybook": "^9.1.0-alpha.9",
|
|
139
139
|
"tailwindcss": "^4.1.11",
|
|
140
140
|
"ts-node": "^10.9.2",
|
|
141
141
|
"typescript": "^5.8.3",
|