@konstructio/ui 0.1.2-alpha.44 → 0.1.2-alpha.46
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/components/AlertDialog/AlertDialog.js +39 -37
- package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
- package/dist/components/AlertDialog/components/index.js +1 -1
- package/dist/components/Badge/Badge.js +23 -26
- package/dist/components/Badge/Badge.variants.js +1 -1
- package/dist/components/Button/Button.variants.js +108 -98
- package/dist/components/Checkbox/Checkbox.js +104 -100
- package/dist/components/Checkbox/Checkbox.variants.js +30 -7
- package/dist/components/Filter/Filter.js +1 -1
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +9 -10
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +76 -43
- package/dist/components/Filter/components/ResetButton/ResetButton.js +21 -32
- package/dist/components/Filter/events/index.js +3 -3
- package/dist/components/ImageUpload/ImageUpload.js +221 -0
- package/dist/components/ImageUpload/ImageUpload.variants.js +109 -0
- package/dist/components/Input/Input.variants.js +10 -2
- package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js +4 -4
- package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js +16 -7
- package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js +92 -74
- package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js +53 -29
- package/dist/components/PhoneNumberInput/components/Wrapper.js +139 -120
- package/dist/components/Select/Select.js +48 -0
- package/dist/components/{Dropdown/Dropdown.variants.js → Select/Select.variants.js} +3 -3
- package/dist/components/{Dropdown → Select}/components/List/List.js +48 -43
- package/dist/components/{Dropdown → Select}/components/List/List.variants.js +8 -5
- package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.js +20 -20
- package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.variants.js +3 -2
- package/dist/components/{Dropdown → Select}/components/Wrapper.js +70 -70
- package/dist/components/Select/contexts/index.js +6 -0
- package/dist/components/{Dropdown/contexts/dropdown.context.js → Select/contexts/select.context.js} +2 -2
- package/dist/components/Select/contexts/select.hook.js +11 -0
- package/dist/components/Select/contexts/select.provider.js +58 -0
- package/dist/components/{Dropdown → Select}/hooks/useNavigationList.js +3 -3
- package/dist/components/{Dropdown/hooks/useDropdown.js → Select/hooks/useSelect.js} +33 -33
- package/dist/components/Switch/Switch.js +153 -125
- package/dist/components/Switch/Switch.variants.js +15 -6
- package/dist/components/Typography/Typography.js +25 -27
- package/dist/components/Typography/Typography.variants.js +2 -2
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +14 -14
- package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +10 -10
- package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/index.js +77 -74
- package/dist/{index-CPU02rhe.js → index-D6KzX_ef.js} +13 -12
- package/dist/index.d.ts +106 -60
- package/dist/index.js +109 -106
- package/dist/package.json +4 -4
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +6 -5
- package/dist/ui/theme.css +27 -0
- package/dist/x-BXShoIAM.js +8 -0
- package/package.json +4 -4
- package/dist/components/Dropdown/Dropdown.js +0 -48
- package/dist/components/Dropdown/contexts/dropdown.hook.js +0 -13
- package/dist/components/Dropdown/contexts/dropdown.provider.js +0 -58
- package/dist/components/Dropdown/contexts/index.js +0 -6
- /package/dist/components/{Dropdown → Select}/components/EmptyList.js +0 -0
- /package/dist/components/{Dropdown → Select}/components/index.js +0 -0
- /package/dist/components/{Dropdown → Select}/constants/index.js +0 -0
- /package/dist/components/{Dropdown → Select}/constants/pagination.js +0 -0
package/dist/index.js
CHANGED
|
@@ -1,114 +1,117 @@
|
|
|
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 { DropdownButton as
|
|
14
|
-
import { Filter as
|
|
2
|
+
import { Select as p, Select as m } from "./components/Select/Select.js";
|
|
3
|
+
import { Alert as f } from "./components/Alert/Alert.js";
|
|
4
|
+
import { AlertDialog as i } from "./components/AlertDialog/AlertDialog.js";
|
|
5
|
+
import { Autocomplete as n } from "./components/Autocomplete/Autocomplete.js";
|
|
6
|
+
import { Badge as g } from "./components/Badge/Badge.js";
|
|
7
|
+
import { Breadcrumb as T } from "./components/Breadcrumb/Breadcrumb.js";
|
|
8
|
+
import { Button as s } from "./components/Button/Button.js";
|
|
9
|
+
import { Card as b } from "./components/Card/Card.js";
|
|
10
|
+
import { Checkbox as D } from "./components/Checkbox/Checkbox.js";
|
|
11
|
+
import { DatePicker as v } from "./components/Datepicker/DatePicker.js";
|
|
12
|
+
import { Divider as N } from "./components/Divider/Divider.js";
|
|
13
|
+
import { DropdownButton as w } from "./components/DropdownButton/DropdownButton.js";
|
|
14
|
+
import { Filter as A } from "./components/Filter/Filter.js";
|
|
15
15
|
import { BadgeMultiSelect as M } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
16
16
|
import { DateFilterDropdown as F } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
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 {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
17
|
+
import { ImageUpload as L } from "./components/ImageUpload/ImageUpload.js";
|
|
18
|
+
import { Input as z } from "./components/Input/Input.js";
|
|
19
|
+
import { Loading as U } from "./components/Loading/Loading.js";
|
|
20
|
+
import { M as j } from "./Modal-CjC-CIJ8.js";
|
|
21
|
+
import { MultiSelectDropdown as E } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
|
|
22
|
+
import { NumberInput as J } from "./components/NumberInput/NumberInput.js";
|
|
23
|
+
import { PhoneNumberInput as Q } from "./components/PhoneNumberInput/PhoneNumberInput.js";
|
|
24
|
+
import { PieChart as X } from "./components/PieChart/PieChart.js";
|
|
25
|
+
import { ProgressBar as Z } from "./components/ProgressBar/ProgressBar.js";
|
|
26
|
+
import { Radio as $ } from "./components/Radio/Radio.js";
|
|
27
|
+
import { RadioCard as ro } from "./components/RadioCard/RadioCard.js";
|
|
28
|
+
import { RadioCardGroup as to } from "./components/RadioCardGroup/RadioCardGroup.js";
|
|
29
|
+
import { RadioGroup as mo } from "./components/RadioGroup/RadioGroup.js";
|
|
30
|
+
import { Range as fo } from "./components/Range/Range.js";
|
|
31
|
+
import { Footer as io } from "./components/Sidebar/components/Footer/Footer.js";
|
|
32
|
+
import { Logo as lo } from "./components/Sidebar/components/Logo/Logo.js";
|
|
33
|
+
import { Navigation as uo } from "./components/Sidebar/components/Navigation/Navigation.js";
|
|
34
|
+
import { NavigationGroup as co } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
35
|
+
import { NavigationOption as So } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
|
|
36
|
+
import { NavigationSeparator as ho } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
37
|
+
import { Sidebar as Co } from "./components/Sidebar/Sidebar.js";
|
|
38
|
+
import { Slider as Bo } from "./components/Slider/Slider.js";
|
|
39
|
+
import { Switch as Po } from "./components/Switch/Switch.js";
|
|
40
|
+
import { Table as Ro } from "./components/Table/Table.js";
|
|
41
|
+
import { Content as Io } from "./components/Tabs/components/Content.js";
|
|
42
|
+
import { List as ko } from "./components/Tabs/components/List.js";
|
|
43
|
+
import { Tabs as Go } from "./components/Tabs/Tabs.js";
|
|
44
|
+
import { Trigger as yo } from "./components/Tabs/components/Trigger.js";
|
|
45
|
+
import { Tag as Oo } from "./components/Tag/Tag.js";
|
|
46
|
+
import { TagSelect as Vo } from "./components/TagSelect/TagSelect.js";
|
|
47
|
+
import { TextArea as qo } from "./components/TextArea/TextArea.js";
|
|
48
|
+
import { TimePicker as Ho } from "./components/TimePicker/TimePicker.js";
|
|
49
|
+
import { Toast as Ko } from "./components/Toast/Toast.js";
|
|
50
|
+
import { Tooltip as Wo } from "./components/Tooltip/Tooltip.js";
|
|
51
|
+
import { Typography as Yo } from "./components/Typography/Typography.js";
|
|
52
|
+
import { TruncateText as _o } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
|
|
53
|
+
import { VirtualizedTable as or } from "./components/VirtualizedTable/VirtualizedTable.js";
|
|
54
|
+
import { ThemeContext as er } from "./contexts/theme.context.js";
|
|
55
|
+
import { useTheme as pr } from "./contexts/theme.hook.js";
|
|
56
|
+
import { ThemeProvider as xr } from "./contexts/theme.provider.js";
|
|
57
|
+
import { useToggle as ar } from "./hooks/useToggle.js";
|
|
57
58
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
f as Alert,
|
|
60
|
+
i as AlertDialog,
|
|
61
|
+
n as Autocomplete,
|
|
62
|
+
g as Badge,
|
|
62
63
|
M as BadgeMultiSelect,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
T as Breadcrumb,
|
|
65
|
+
s as Button,
|
|
66
|
+
b as Card,
|
|
67
|
+
D as Checkbox,
|
|
68
|
+
Io as Content,
|
|
68
69
|
F as DateFilterDropdown,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
j as
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
J as
|
|
87
|
-
Q as
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
70
|
+
v as DatePicker,
|
|
71
|
+
N as Divider,
|
|
72
|
+
p as Dropdown,
|
|
73
|
+
w as DropdownButton,
|
|
74
|
+
A as Filter,
|
|
75
|
+
io as Footer,
|
|
76
|
+
L as ImageUpload,
|
|
77
|
+
z as Input,
|
|
78
|
+
ko as List,
|
|
79
|
+
U as Loading,
|
|
80
|
+
lo as Logo,
|
|
81
|
+
j as Modal,
|
|
82
|
+
E as MultiSelectDropdown,
|
|
83
|
+
uo as Navigation,
|
|
84
|
+
co as NavigationGroup,
|
|
85
|
+
So as NavigationOption,
|
|
86
|
+
ho as NavigationSeparator,
|
|
87
|
+
J as NumberInput,
|
|
88
|
+
Q as PhoneNumberInput,
|
|
89
|
+
X as PieChart,
|
|
90
|
+
Z as ProgressBar,
|
|
91
|
+
$ as Radio,
|
|
92
|
+
ro as RadioCard,
|
|
93
|
+
to as RadioCardGroup,
|
|
94
|
+
mo as RadioGroup,
|
|
95
|
+
fo as Range,
|
|
96
|
+
m as Select,
|
|
97
|
+
Co as Sidebar,
|
|
98
|
+
Bo as Slider,
|
|
99
|
+
Po as Switch,
|
|
100
|
+
Ro as Table,
|
|
101
|
+
Go as Tabs,
|
|
102
|
+
Oo as Tag,
|
|
103
|
+
Vo as TagSelect,
|
|
104
|
+
qo as TextArea,
|
|
105
|
+
er as ThemeContext,
|
|
106
|
+
xr as ThemeProvider,
|
|
107
|
+
Ho as TimePicker,
|
|
108
|
+
Ko as Toast,
|
|
109
|
+
Wo as Tooltip,
|
|
110
|
+
yo as Trigger,
|
|
111
|
+
_o as TruncateText,
|
|
112
|
+
Yo as Typography,
|
|
113
|
+
or as VirtualizedTable,
|
|
111
114
|
e as cn,
|
|
112
|
-
|
|
113
|
-
|
|
115
|
+
pr as useTheme,
|
|
116
|
+
ar as useToggle
|
|
114
117
|
};
|
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.44",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
68
68
|
"@react-input/mask": "^2.0.4",
|
|
69
69
|
"@tanstack/react-table": "^8.21.3",
|
|
70
|
-
"@tanstack/react-virtual": "^3.13.
|
|
70
|
+
"@tanstack/react-virtual": "^3.13.18",
|
|
71
71
|
"chart.js": "^4.5.1",
|
|
72
72
|
"class-variance-authority": "^0.7.1",
|
|
73
73
|
"clsx": "^2.1.1",
|
|
@@ -131,8 +131,8 @@
|
|
|
131
131
|
"@types/google-libphonenumber": "^7.4.30",
|
|
132
132
|
"@types/jest-axe": "^3.5.9",
|
|
133
133
|
"@types/js-cookie": "^3.0.6",
|
|
134
|
-
"@types/lodash": "^4.17.
|
|
135
|
-
"@types/react": "^19.2.
|
|
134
|
+
"@types/lodash": "^4.17.23",
|
|
135
|
+
"@types/react": "^19.2.8",
|
|
136
136
|
"@types/react-dom": "^19.2.3",
|
|
137
137
|
"@typescript-eslint/eslint-plugin": "^8.52.0",
|
|
138
138
|
"@typescript-eslint/parser": "^8.52.0",
|