@konstructio/ui 0.1.2-alpha.46 → 0.1.2-alpha.48
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/assets/icons/index.js +7 -0
- package/dist/components/Badge/Badge.js +36 -35
- package/dist/components/Counter/Counter.js +210 -0
- package/dist/components/Counter/Counter.variants.js +70 -0
- package/dist/components/ImageUpload/ImageUpload.js +9 -9
- package/dist/components/ImageUpload/ImageUpload.variants.js +1 -1
- package/dist/components/Input/Input.js +185 -118
- package/dist/components/Input/Input.variants.js +16 -20
- package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js +19 -19
- package/dist/components/MultiSelectDropdown/MultiSelectDropdown.variants.js +11 -15
- package/dist/components/MultiSelectDropdown/components/Item/Item.js +18 -26
- package/dist/components/MultiSelectDropdown/components/Item/Item.variants.js +8 -8
- package/dist/components/MultiSelectDropdown/components/List/List.js +12 -19
- package/dist/components/MultiSelectDropdown/components/List/List.variants.js +6 -4
- package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js +79 -65
- package/dist/components/PhoneNumberInput/components/Wrapper.js +43 -36
- package/dist/components/Radio/Radio.js +47 -44
- package/dist/components/Radio/Radio.variants.js +12 -8
- package/dist/components/RadioGroup/RadioGroup.js +9 -9
- package/dist/components/Select/components/Wrapper.js +1 -1
- package/dist/components/TimePicker/TimePicker.variants.js +11 -6
- package/dist/components/TimePicker/components/MeridianList/MeridianList.js +30 -20
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +50 -35
- package/dist/components/Typography/Typography.js +11 -13
- package/dist/components/Typography/Typography.variants.js +54 -46
- package/dist/components/VirtualizedTable/VirtualizedTable.js +14 -14
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +20 -16
- package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +60 -60
- package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +8 -8
- package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +32 -21
- package/dist/components/VirtualizedTable/components/Header/Header.js +15 -15
- package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +8 -8
- package/dist/components/index.js +96 -95
- package/dist/index.d.ts +38 -30
- package/dist/index.js +110 -109
- package/dist/package.json +4 -4
- package/dist/styles.css +1 -1
- package/package.json +4 -4
- package/dist/components/NumberInput/NumberInput.js +0 -179
- package/dist/components/NumberInput/NumberInput.variants.js +0 -50
package/dist/components/index.js
CHANGED
|
@@ -2,106 +2,107 @@ import { Alert as e } from "./Alert/Alert.js";
|
|
|
2
2
|
import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
|
|
3
3
|
import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
|
|
4
4
|
import { Badge as a } from "./Badge/Badge.js";
|
|
5
|
-
import { Breadcrumb as
|
|
6
|
-
import { Button as
|
|
7
|
-
import { Card as
|
|
5
|
+
import { Breadcrumb as n } from "./Breadcrumb/Breadcrumb.js";
|
|
6
|
+
import { Button as l } from "./Button/Button.js";
|
|
7
|
+
import { Card as g } from "./Card/Card.js";
|
|
8
8
|
import { Checkbox as c } from "./Checkbox/Checkbox.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import { PhoneNumberInput as
|
|
20
|
-
import { PieChart as
|
|
21
|
-
import { ProgressBar as
|
|
22
|
-
import { Radio as
|
|
23
|
-
import { RadioCard as
|
|
24
|
-
import { RadioCardGroup as
|
|
25
|
-
import { RadioGroup as
|
|
26
|
-
import { Range as
|
|
27
|
-
import { Select as
|
|
28
|
-
import { Sidebar as
|
|
29
|
-
import { Slider as
|
|
30
|
-
import { Switch as
|
|
31
|
-
import { Table as
|
|
32
|
-
import { Tabs as
|
|
33
|
-
import { Tag as
|
|
34
|
-
import { TagSelect as
|
|
35
|
-
import { TextArea as
|
|
36
|
-
import { TimePicker as
|
|
37
|
-
import { Toast as
|
|
38
|
-
import { Tooltip as
|
|
39
|
-
import { Typography as
|
|
40
|
-
import { VirtualizedTable as
|
|
41
|
-
import { BadgeMultiSelect as
|
|
42
|
-
import { DateFilterDropdown as
|
|
43
|
-
import { Footer as
|
|
44
|
-
import { Logo as
|
|
45
|
-
import { Navigation as
|
|
46
|
-
import { NavigationGroup as
|
|
47
|
-
import { NavigationOption as
|
|
48
|
-
import { NavigationSeparator as
|
|
49
|
-
import { Content as
|
|
50
|
-
import { List as
|
|
51
|
-
import { Trigger as
|
|
52
|
-
import { TruncateText as
|
|
9
|
+
import { Counter as b, Counter as s } from "./Counter/Counter.js";
|
|
10
|
+
import { DatePicker as D } from "./Datepicker/DatePicker.js";
|
|
11
|
+
import { Divider as N } from "./Divider/Divider.js";
|
|
12
|
+
import { DropdownButton as v } from "./DropdownButton/DropdownButton.js";
|
|
13
|
+
import { Filter as P } from "./Filter/Filter.js";
|
|
14
|
+
import { ImageUpload as A } from "./ImageUpload/ImageUpload.js";
|
|
15
|
+
import { Input as M } from "./Input/Input.js";
|
|
16
|
+
import { Loading as F } from "./Loading/Loading.js";
|
|
17
|
+
import { M as L } from "../Modal-CjC-CIJ8.js";
|
|
18
|
+
import { MultiSelectDropdown as z } from "./MultiSelectDropdown/MultiSelectDropdown.js";
|
|
19
|
+
import { PhoneNumberInput as U } from "./PhoneNumberInput/PhoneNumberInput.js";
|
|
20
|
+
import { PieChart as j } from "./PieChart/PieChart.js";
|
|
21
|
+
import { ProgressBar as E } from "./ProgressBar/ProgressBar.js";
|
|
22
|
+
import { Radio as J } from "./Radio/Radio.js";
|
|
23
|
+
import { RadioCard as Q } from "./RadioCard/RadioCard.js";
|
|
24
|
+
import { RadioCardGroup as X } from "./RadioCardGroup/RadioCardGroup.js";
|
|
25
|
+
import { RadioGroup as Z } from "./RadioGroup/RadioGroup.js";
|
|
26
|
+
import { Range as $ } from "./Range/Range.js";
|
|
27
|
+
import { Select as ro, Select as eo } from "./Select/Select.js";
|
|
28
|
+
import { Sidebar as po } from "./Sidebar/Sidebar.js";
|
|
29
|
+
import { Slider as xo } from "./Slider/Slider.js";
|
|
30
|
+
import { Switch as ao } from "./Switch/Switch.js";
|
|
31
|
+
import { Table as no } from "./Table/Table.js";
|
|
32
|
+
import { Tabs as uo } from "./Tabs/Tabs.js";
|
|
33
|
+
import { Tag as To } from "./Tag/Tag.js";
|
|
34
|
+
import { TagSelect as So } from "./TagSelect/TagSelect.js";
|
|
35
|
+
import { TextArea as so } from "./TextArea/TextArea.js";
|
|
36
|
+
import { TimePicker as Do } from "./TimePicker/TimePicker.js";
|
|
37
|
+
import { Toast as No } from "./Toast/Toast.js";
|
|
38
|
+
import { Tooltip as vo } from "./Tooltip/Tooltip.js";
|
|
39
|
+
import { Typography as Po } from "./Typography/Typography.js";
|
|
40
|
+
import { VirtualizedTable as Ao } from "./VirtualizedTable/VirtualizedTable.js";
|
|
41
|
+
import { BadgeMultiSelect as Mo } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
42
|
+
import { DateFilterDropdown as Fo } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
43
|
+
import { Footer as Lo } from "./Sidebar/components/Footer/Footer.js";
|
|
44
|
+
import { Logo as zo } from "./Sidebar/components/Logo/Logo.js";
|
|
45
|
+
import { Navigation as Uo } from "./Sidebar/components/Navigation/Navigation.js";
|
|
46
|
+
import { NavigationGroup as jo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
47
|
+
import { NavigationOption as Eo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
|
|
48
|
+
import { NavigationSeparator as Jo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
49
|
+
import { Content as Qo } from "./Tabs/components/Content.js";
|
|
50
|
+
import { List as Xo } from "./Tabs/components/List.js";
|
|
51
|
+
import { Trigger as Zo } from "./Tabs/components/Trigger.js";
|
|
52
|
+
import { TruncateText as $o } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
|
|
53
53
|
export {
|
|
54
54
|
e as Alert,
|
|
55
55
|
p as AlertDialog,
|
|
56
56
|
x as Autocomplete,
|
|
57
57
|
a as Badge,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
Mo as BadgeMultiSelect,
|
|
59
|
+
n as Breadcrumb,
|
|
60
|
+
l as Button,
|
|
61
|
+
g as Card,
|
|
62
62
|
c as Checkbox,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
no as
|
|
97
|
-
uo as
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
so as
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
63
|
+
Qo as Content,
|
|
64
|
+
b as Counter,
|
|
65
|
+
Fo as DateFilterDropdown,
|
|
66
|
+
D as DatePicker,
|
|
67
|
+
N as Divider,
|
|
68
|
+
ro as Dropdown,
|
|
69
|
+
v as DropdownButton,
|
|
70
|
+
P as Filter,
|
|
71
|
+
Lo as Footer,
|
|
72
|
+
A as ImageUpload,
|
|
73
|
+
M as Input,
|
|
74
|
+
Xo as List,
|
|
75
|
+
F as Loading,
|
|
76
|
+
zo as Logo,
|
|
77
|
+
L as Modal,
|
|
78
|
+
z as MultiSelectDropdown,
|
|
79
|
+
Uo as Navigation,
|
|
80
|
+
jo as NavigationGroup,
|
|
81
|
+
Eo as NavigationOption,
|
|
82
|
+
Jo as NavigationSeparator,
|
|
83
|
+
s as NumberInput,
|
|
84
|
+
U as PhoneNumberInput,
|
|
85
|
+
j as PieChart,
|
|
86
|
+
E as ProgressBar,
|
|
87
|
+
J as Radio,
|
|
88
|
+
Q as RadioCard,
|
|
89
|
+
X as RadioCardGroup,
|
|
90
|
+
Z as RadioGroup,
|
|
91
|
+
$ as Range,
|
|
92
|
+
eo as Select,
|
|
93
|
+
po as Sidebar,
|
|
94
|
+
xo as Slider,
|
|
95
|
+
ao as Switch,
|
|
96
|
+
no as Table,
|
|
97
|
+
uo as Tabs,
|
|
98
|
+
To as Tag,
|
|
99
|
+
So as TagSelect,
|
|
100
|
+
so as TextArea,
|
|
101
|
+
Do as TimePicker,
|
|
102
|
+
No as Toast,
|
|
103
|
+
vo as Tooltip,
|
|
104
|
+
Zo as Trigger,
|
|
105
|
+
$o as TruncateText,
|
|
106
|
+
Po as Typography,
|
|
107
|
+
Ao as VirtualizedTable
|
|
107
108
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -99,10 +99,11 @@ declare type BadgeMultiSelectProps = {
|
|
|
99
99
|
declare type BadgeProps = VariantProps<typeof badgeVariants> & {
|
|
100
100
|
className?: string;
|
|
101
101
|
dismissible?: true;
|
|
102
|
+
isSelectable?: boolean;
|
|
102
103
|
label: string;
|
|
103
104
|
leftIcon?: ReactNode;
|
|
104
105
|
loading?: boolean;
|
|
105
|
-
|
|
106
|
+
rightIcon?: ReactNode;
|
|
106
107
|
onClick?: VoidFunction;
|
|
107
108
|
onDismiss?: VoidFunction;
|
|
108
109
|
};
|
|
@@ -194,6 +195,33 @@ export declare type ColumnDef<TData extends RowData> = ColumnDef_2<TData, string
|
|
|
194
195
|
|
|
195
196
|
export declare const Content: FC<TabsContentProps>;
|
|
196
197
|
|
|
198
|
+
declare const Counter: FC<CounterProps>;
|
|
199
|
+
export { Counter }
|
|
200
|
+
export { Counter as NumberInput }
|
|
201
|
+
|
|
202
|
+
declare interface CounterProps extends VariantProps<typeof counterVariants> {
|
|
203
|
+
canDecrement?: boolean;
|
|
204
|
+
canIncrement?: boolean;
|
|
205
|
+
className?: string;
|
|
206
|
+
decrementButtonClassName?: string;
|
|
207
|
+
incrementButtonClassName?: string;
|
|
208
|
+
init?: number;
|
|
209
|
+
isRequired?: boolean;
|
|
210
|
+
label?: string;
|
|
211
|
+
max?: number;
|
|
212
|
+
min?: number;
|
|
213
|
+
name?: string;
|
|
214
|
+
theme?: Theme;
|
|
215
|
+
value?: number;
|
|
216
|
+
onChange?: ({ target: { value } }: {
|
|
217
|
+
target: {
|
|
218
|
+
value: number;
|
|
219
|
+
};
|
|
220
|
+
}) => void;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
declare const counterVariants: (props?: ClassProp | undefined) => string;
|
|
224
|
+
|
|
197
225
|
declare type CSSColor = `var(--${string})` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | `hsl(${number}, ${number}%, ${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})`;
|
|
198
226
|
|
|
199
227
|
export declare const DateFilterDropdown: FC<DateFilterDropdownProps>;
|
|
@@ -368,24 +396,24 @@ export declare const MultiSelectDropdown: FC<MultiSelectDropdownProps>;
|
|
|
368
396
|
declare type MultiSelectDropdownOption = {
|
|
369
397
|
id: string | number;
|
|
370
398
|
label: string;
|
|
371
|
-
|
|
372
|
-
tagColor?: TagProps['color'];
|
|
399
|
+
badge?: string;
|
|
373
400
|
value?: string;
|
|
374
401
|
};
|
|
375
402
|
|
|
376
403
|
declare interface MultiSelectDropdownProps extends VariantProps<typeof multiSelectDropdownVariants>, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onBlur'> {
|
|
404
|
+
isLoading?: boolean;
|
|
405
|
+
isRequired?: boolean;
|
|
377
406
|
label?: string;
|
|
378
|
-
options: MultiSelectDropdownOption[];
|
|
379
|
-
name?: string;
|
|
380
|
-
placeholder?: string;
|
|
381
407
|
labelClassName?: string;
|
|
382
|
-
wrapperClassName?: string;
|
|
383
408
|
multiselect?: boolean;
|
|
409
|
+
name?: string;
|
|
410
|
+
noOptionsText?: string;
|
|
411
|
+
options: MultiSelectDropdownOption[];
|
|
412
|
+
placeholder?: string;
|
|
384
413
|
value?: MultiSelectDropdownOption[];
|
|
414
|
+
wrapperClassName?: string;
|
|
385
415
|
onChange?: OnChangeFn_2;
|
|
386
416
|
onBlur?: OnBlurFn;
|
|
387
|
-
isLoading?: boolean;
|
|
388
|
-
noOptionsText?: string;
|
|
389
417
|
}
|
|
390
418
|
|
|
391
419
|
declare const multiSelectDropdownVariants: (props?: ClassProp | undefined) => string;
|
|
@@ -458,26 +486,6 @@ declare const navigationTitleVariants: (props?: ClassProp | undefined) => string
|
|
|
458
486
|
|
|
459
487
|
declare const navigationVariants: (props?: ClassProp | undefined) => string;
|
|
460
488
|
|
|
461
|
-
export declare const NumberInput: FC<NumberInputProps>;
|
|
462
|
-
|
|
463
|
-
declare interface NumberInputProps extends VariantProps<typeof numberInputVariants> {
|
|
464
|
-
className?: string;
|
|
465
|
-
init?: number;
|
|
466
|
-
label?: string | ReactNode;
|
|
467
|
-
max?: number;
|
|
468
|
-
min?: number;
|
|
469
|
-
name?: string;
|
|
470
|
-
value?: number;
|
|
471
|
-
theme?: Theme;
|
|
472
|
-
onChange?: ({ target: { value } }: {
|
|
473
|
-
target: {
|
|
474
|
-
value: number;
|
|
475
|
-
};
|
|
476
|
-
}) => void;
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
declare const numberInputVariants: (props?: ClassProp | undefined) => string;
|
|
480
|
-
|
|
481
489
|
declare type OnBlurFn = (event: {
|
|
482
490
|
target: HTMLInputElement | null;
|
|
483
491
|
type?: string;
|
|
@@ -1011,7 +1019,7 @@ declare type TimePickerProps = VariantProps<typeof timePickerVariants> & {
|
|
|
1011
1019
|
time?: Date;
|
|
1012
1020
|
name?: string;
|
|
1013
1021
|
label?: string;
|
|
1014
|
-
|
|
1022
|
+
isRequired?: boolean;
|
|
1015
1023
|
className?: string;
|
|
1016
1024
|
listClassName?: string;
|
|
1017
1025
|
listItemClassName?: string;
|
package/dist/index.js
CHANGED
|
@@ -1,117 +1,118 @@
|
|
|
1
1
|
import { cn as e } from "./utils/index.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import { PhoneNumberInput as
|
|
24
|
-
import { PieChart as
|
|
25
|
-
import { ProgressBar as
|
|
26
|
-
import { Radio as
|
|
27
|
-
import { RadioCard as
|
|
28
|
-
import { RadioCardGroup as
|
|
29
|
-
import { RadioGroup as
|
|
30
|
-
import { Range as
|
|
31
|
-
import { Footer as
|
|
32
|
-
import { Logo as
|
|
33
|
-
import { Navigation as
|
|
34
|
-
import { NavigationGroup as
|
|
2
|
+
import { Counter as p, Counter as m } from "./components/Counter/Counter.js";
|
|
3
|
+
import { Select as f, Select as a } from "./components/Select/Select.js";
|
|
4
|
+
import { Alert as n } from "./components/Alert/Alert.js";
|
|
5
|
+
import { AlertDialog as l } from "./components/AlertDialog/AlertDialog.js";
|
|
6
|
+
import { Autocomplete as g } from "./components/Autocomplete/Autocomplete.js";
|
|
7
|
+
import { Badge as c } from "./components/Badge/Badge.js";
|
|
8
|
+
import { Breadcrumb as C } from "./components/Breadcrumb/Breadcrumb.js";
|
|
9
|
+
import { Button as b } from "./components/Button/Button.js";
|
|
10
|
+
import { Card as D } from "./components/Card/Card.js";
|
|
11
|
+
import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
|
|
12
|
+
import { DatePicker as P } from "./components/Datepicker/DatePicker.js";
|
|
13
|
+
import { Divider as R } from "./components/Divider/Divider.js";
|
|
14
|
+
import { DropdownButton as I } from "./components/DropdownButton/DropdownButton.js";
|
|
15
|
+
import { Filter as k } from "./components/Filter/Filter.js";
|
|
16
|
+
import { BadgeMultiSelect as G } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
17
|
+
import { DateFilterDropdown as y } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
18
|
+
import { ImageUpload as O } from "./components/ImageUpload/ImageUpload.js";
|
|
19
|
+
import { Input as V } from "./components/Input/Input.js";
|
|
20
|
+
import { Loading as q } from "./components/Loading/Loading.js";
|
|
21
|
+
import { M as H } from "./Modal-CjC-CIJ8.js";
|
|
22
|
+
import { MultiSelectDropdown as K } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
|
|
23
|
+
import { PhoneNumberInput as W } from "./components/PhoneNumberInput/PhoneNumberInput.js";
|
|
24
|
+
import { PieChart as Y } from "./components/PieChart/PieChart.js";
|
|
25
|
+
import { ProgressBar as _ } from "./components/ProgressBar/ProgressBar.js";
|
|
26
|
+
import { Radio as oo } from "./components/Radio/Radio.js";
|
|
27
|
+
import { RadioCard as eo } from "./components/RadioCard/RadioCard.js";
|
|
28
|
+
import { RadioCardGroup as po } from "./components/RadioCardGroup/RadioCardGroup.js";
|
|
29
|
+
import { RadioGroup as xo } from "./components/RadioGroup/RadioGroup.js";
|
|
30
|
+
import { Range as ao } from "./components/Range/Range.js";
|
|
31
|
+
import { Footer as no } from "./components/Sidebar/components/Footer/Footer.js";
|
|
32
|
+
import { Logo as uo } from "./components/Sidebar/components/Logo/Logo.js";
|
|
33
|
+
import { Navigation as To } from "./components/Sidebar/components/Navigation/Navigation.js";
|
|
34
|
+
import { NavigationGroup as so } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
35
35
|
import { NavigationOption as So } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
|
|
36
36
|
import { NavigationSeparator as ho } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
37
|
-
import { Sidebar as
|
|
38
|
-
import { Slider as
|
|
39
|
-
import { Switch as
|
|
40
|
-
import { Table as
|
|
41
|
-
import { Content as
|
|
42
|
-
import { List as
|
|
43
|
-
import { Tabs as
|
|
44
|
-
import { Trigger as
|
|
45
|
-
import { Tag as
|
|
46
|
-
import { TagSelect as
|
|
47
|
-
import { TextArea as
|
|
48
|
-
import { TimePicker as
|
|
49
|
-
import { Toast as
|
|
50
|
-
import { Tooltip as
|
|
51
|
-
import { Typography as
|
|
52
|
-
import { TruncateText as
|
|
53
|
-
import { VirtualizedTable as
|
|
54
|
-
import { ThemeContext as
|
|
55
|
-
import { useTheme as
|
|
56
|
-
import { ThemeProvider as
|
|
57
|
-
import { useToggle as
|
|
37
|
+
import { Sidebar as vo } from "./components/Sidebar/Sidebar.js";
|
|
38
|
+
import { Slider as No } from "./components/Slider/Slider.js";
|
|
39
|
+
import { Switch as wo } from "./components/Switch/Switch.js";
|
|
40
|
+
import { Table as Ao } from "./components/Table/Table.js";
|
|
41
|
+
import { Content as Mo } from "./components/Tabs/components/Content.js";
|
|
42
|
+
import { List as Fo } from "./components/Tabs/components/List.js";
|
|
43
|
+
import { Tabs as Lo } from "./components/Tabs/Tabs.js";
|
|
44
|
+
import { Trigger as zo } from "./components/Tabs/components/Trigger.js";
|
|
45
|
+
import { Tag as Uo } from "./components/Tag/Tag.js";
|
|
46
|
+
import { TagSelect as jo } from "./components/TagSelect/TagSelect.js";
|
|
47
|
+
import { TextArea as Eo } from "./components/TextArea/TextArea.js";
|
|
48
|
+
import { TimePicker as Jo } from "./components/TimePicker/TimePicker.js";
|
|
49
|
+
import { Toast as Qo } from "./components/Toast/Toast.js";
|
|
50
|
+
import { Tooltip as Xo } from "./components/Tooltip/Tooltip.js";
|
|
51
|
+
import { Typography as Zo } from "./components/Typography/Typography.js";
|
|
52
|
+
import { TruncateText as $o } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
|
|
53
|
+
import { VirtualizedTable as rr } from "./components/VirtualizedTable/VirtualizedTable.js";
|
|
54
|
+
import { ThemeContext as tr } from "./contexts/theme.context.js";
|
|
55
|
+
import { useTheme as mr } from "./contexts/theme.hook.js";
|
|
56
|
+
import { ThemeProvider as fr } from "./contexts/theme.provider.js";
|
|
57
|
+
import { useToggle as ir } from "./hooks/useToggle.js";
|
|
58
58
|
export {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
59
|
+
n as Alert,
|
|
60
|
+
l as AlertDialog,
|
|
61
|
+
g as Autocomplete,
|
|
62
|
+
c as Badge,
|
|
63
|
+
G as BadgeMultiSelect,
|
|
64
|
+
C as Breadcrumb,
|
|
65
|
+
b as Button,
|
|
66
|
+
D as Card,
|
|
67
|
+
B as Checkbox,
|
|
68
|
+
Mo as Content,
|
|
69
|
+
p as Counter,
|
|
70
|
+
y as DateFilterDropdown,
|
|
71
|
+
P as DatePicker,
|
|
72
|
+
R as Divider,
|
|
73
|
+
f as Dropdown,
|
|
74
|
+
I as DropdownButton,
|
|
75
|
+
k as Filter,
|
|
76
|
+
no as Footer,
|
|
77
|
+
O as ImageUpload,
|
|
78
|
+
V as Input,
|
|
79
|
+
Fo as List,
|
|
80
|
+
q as Loading,
|
|
81
|
+
uo as Logo,
|
|
82
|
+
H as Modal,
|
|
83
|
+
K as MultiSelectDropdown,
|
|
84
|
+
To as Navigation,
|
|
85
|
+
so as NavigationGroup,
|
|
85
86
|
So as NavigationOption,
|
|
86
87
|
ho as NavigationSeparator,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
88
|
+
m as NumberInput,
|
|
89
|
+
W as PhoneNumberInput,
|
|
90
|
+
Y as PieChart,
|
|
91
|
+
_ as ProgressBar,
|
|
92
|
+
oo as Radio,
|
|
93
|
+
eo as RadioCard,
|
|
94
|
+
po as RadioCardGroup,
|
|
95
|
+
xo as RadioGroup,
|
|
96
|
+
ao as Range,
|
|
97
|
+
a as Select,
|
|
98
|
+
vo as Sidebar,
|
|
99
|
+
No as Slider,
|
|
100
|
+
wo as Switch,
|
|
101
|
+
Ao as Table,
|
|
102
|
+
Lo as Tabs,
|
|
103
|
+
Uo as Tag,
|
|
104
|
+
jo as TagSelect,
|
|
105
|
+
Eo as TextArea,
|
|
106
|
+
tr as ThemeContext,
|
|
107
|
+
fr as ThemeProvider,
|
|
108
|
+
Jo as TimePicker,
|
|
109
|
+
Qo as Toast,
|
|
110
|
+
Xo as Tooltip,
|
|
111
|
+
zo as Trigger,
|
|
112
|
+
$o as TruncateText,
|
|
113
|
+
Zo as Typography,
|
|
114
|
+
rr as VirtualizedTable,
|
|
114
115
|
e as cn,
|
|
115
|
-
|
|
116
|
-
|
|
116
|
+
mr as useTheme,
|
|
117
|
+
ir as useToggle
|
|
117
118
|
};
|
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.47",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
"@storybook/addon-links": "^10.1.11",
|
|
125
125
|
"@storybook/react-vite": "^10.1.11",
|
|
126
126
|
"@tailwindcss/vite": "^4.1.18",
|
|
127
|
-
"@tanstack/react-query": "^5.90.
|
|
127
|
+
"@tanstack/react-query": "^5.90.17",
|
|
128
128
|
"@testing-library/jest-dom": "^6.9.1",
|
|
129
129
|
"@testing-library/react": "^16.3.1",
|
|
130
130
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -134,8 +134,8 @@
|
|
|
134
134
|
"@types/lodash": "^4.17.23",
|
|
135
135
|
"@types/react": "^19.2.8",
|
|
136
136
|
"@types/react-dom": "^19.2.3",
|
|
137
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
138
|
-
"@typescript-eslint/parser": "^8.
|
|
137
|
+
"@typescript-eslint/eslint-plugin": "^8.53.0",
|
|
138
|
+
"@typescript-eslint/parser": "^8.53.0",
|
|
139
139
|
"@vitejs/plugin-react": "^5.1.2",
|
|
140
140
|
"@vitest/coverage-v8": "^3.2.4",
|
|
141
141
|
"autoprefixer": "^10.4.23",
|