@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.
Files changed (59) hide show
  1. package/dist/components/AlertDialog/AlertDialog.js +39 -37
  2. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  3. package/dist/components/AlertDialog/components/index.js +1 -1
  4. package/dist/components/Badge/Badge.js +23 -26
  5. package/dist/components/Badge/Badge.variants.js +1 -1
  6. package/dist/components/Button/Button.variants.js +108 -98
  7. package/dist/components/Checkbox/Checkbox.js +104 -100
  8. package/dist/components/Checkbox/Checkbox.variants.js +30 -7
  9. package/dist/components/Filter/Filter.js +1 -1
  10. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +9 -10
  11. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +76 -43
  12. package/dist/components/Filter/components/ResetButton/ResetButton.js +21 -32
  13. package/dist/components/Filter/events/index.js +3 -3
  14. package/dist/components/ImageUpload/ImageUpload.js +221 -0
  15. package/dist/components/ImageUpload/ImageUpload.variants.js +109 -0
  16. package/dist/components/Input/Input.variants.js +10 -2
  17. package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js +4 -4
  18. package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js +16 -7
  19. package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js +92 -74
  20. package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js +53 -29
  21. package/dist/components/PhoneNumberInput/components/Wrapper.js +139 -120
  22. package/dist/components/Select/Select.js +48 -0
  23. package/dist/components/{Dropdown/Dropdown.variants.js → Select/Select.variants.js} +3 -3
  24. package/dist/components/{Dropdown → Select}/components/List/List.js +48 -43
  25. package/dist/components/{Dropdown → Select}/components/List/List.variants.js +8 -5
  26. package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.js +20 -20
  27. package/dist/components/{Dropdown → Select}/components/ListItem/ListItem.variants.js +3 -2
  28. package/dist/components/{Dropdown → Select}/components/Wrapper.js +70 -70
  29. package/dist/components/Select/contexts/index.js +6 -0
  30. package/dist/components/{Dropdown/contexts/dropdown.context.js → Select/contexts/select.context.js} +2 -2
  31. package/dist/components/Select/contexts/select.hook.js +11 -0
  32. package/dist/components/Select/contexts/select.provider.js +58 -0
  33. package/dist/components/{Dropdown → Select}/hooks/useNavigationList.js +3 -3
  34. package/dist/components/{Dropdown/hooks/useDropdown.js → Select/hooks/useSelect.js} +33 -33
  35. package/dist/components/Switch/Switch.js +153 -125
  36. package/dist/components/Switch/Switch.variants.js +15 -6
  37. package/dist/components/Typography/Typography.js +25 -27
  38. package/dist/components/Typography/Typography.variants.js +2 -2
  39. package/dist/components/VirtualizedTable/components/Actions/Actions.js +14 -14
  40. package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +10 -10
  41. package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js +1 -1
  42. package/dist/components/index.js +77 -74
  43. package/dist/{index-CPU02rhe.js → index-D6KzX_ef.js} +13 -12
  44. package/dist/index.d.ts +106 -60
  45. package/dist/index.js +109 -106
  46. package/dist/package.json +4 -4
  47. package/dist/styles.css +1 -1
  48. package/dist/ui/civo-theme.css +6 -5
  49. package/dist/ui/theme.css +27 -0
  50. package/dist/x-BXShoIAM.js +8 -0
  51. package/package.json +4 -4
  52. package/dist/components/Dropdown/Dropdown.js +0 -48
  53. package/dist/components/Dropdown/contexts/dropdown.hook.js +0 -13
  54. package/dist/components/Dropdown/contexts/dropdown.provider.js +0 -58
  55. package/dist/components/Dropdown/contexts/index.js +0 -6
  56. /package/dist/components/{Dropdown → Select}/components/EmptyList.js +0 -0
  57. /package/dist/components/{Dropdown → Select}/components/index.js +0 -0
  58. /package/dist/components/{Dropdown → Select}/constants/index.js +0 -0
  59. /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 { Alert as p } from "./components/Alert/Alert.js";
3
- import { AlertDialog as x } from "./components/AlertDialog/AlertDialog.js";
4
- import { Autocomplete as a } from "./components/Autocomplete/Autocomplete.js";
5
- import { Badge as n } from "./components/Badge/Badge.js";
6
- import { Breadcrumb as g } from "./components/Breadcrumb/Breadcrumb.js";
7
- import { Button as u } from "./components/Button/Button.js";
8
- import { Card as c } from "./components/Card/Card.js";
9
- import { Checkbox as h } from "./components/Checkbox/Checkbox.js";
10
- import { DatePicker as D } from "./components/Datepicker/DatePicker.js";
11
- import { Divider as S } from "./components/Divider/Divider.js";
12
- import { Dropdown as B } from "./components/Dropdown/Dropdown.js";
13
- import { DropdownButton as P } from "./components/DropdownButton/DropdownButton.js";
14
- import { Filter as R } from "./components/Filter/Filter.js";
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 { Input as I } from "./components/Input/Input.js";
18
- import { Loading as y } from "./components/Loading/Loading.js";
19
- import { M as O } from "./Modal-CjC-CIJ8.js";
20
- import { MultiSelectDropdown as j } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
21
- import { NumberInput as E } from "./components/NumberInput/NumberInput.js";
22
- import { PhoneNumberInput as J } from "./components/PhoneNumberInput/PhoneNumberInput.js";
23
- import { PieChart as Q } from "./components/PieChart/PieChart.js";
24
- import { ProgressBar as W } from "./components/ProgressBar/ProgressBar.js";
25
- import { Radio as Y } from "./components/Radio/Radio.js";
26
- import { RadioCard as _ } from "./components/RadioCard/RadioCard.js";
27
- import { RadioCardGroup as oo } from "./components/RadioCardGroup/RadioCardGroup.js";
28
- import { RadioGroup as eo } from "./components/RadioGroup/RadioGroup.js";
29
- import { Range as po } from "./components/Range/Range.js";
30
- import { Footer as xo } from "./components/Sidebar/components/Footer/Footer.js";
31
- import { Logo as ao } from "./components/Sidebar/components/Logo/Logo.js";
32
- import { Navigation as no } from "./components/Sidebar/components/Navigation/Navigation.js";
33
- import { NavigationGroup as lo } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
34
- import { NavigationOption as To } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
35
- import { NavigationSeparator as bo } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
36
- import { Sidebar as so } from "./components/Sidebar/Sidebar.js";
37
- import { Slider as Co } from "./components/Slider/Slider.js";
38
- import { Switch as vo } from "./components/Switch/Switch.js";
39
- import { Table as No } from "./components/Table/Table.js";
40
- import { Content as wo } from "./components/Tabs/components/Content.js";
41
- import { List as Ao } from "./components/Tabs/components/List.js";
42
- import { Tabs as ko } from "./components/Tabs/Tabs.js";
43
- import { Trigger as Go } from "./components/Tabs/components/Trigger.js";
44
- import { Tag as Lo } from "./components/Tag/Tag.js";
45
- import { TagSelect as zo } from "./components/TagSelect/TagSelect.js";
46
- import { TextArea as Vo } from "./components/TextArea/TextArea.js";
47
- import { TimePicker as qo } from "./components/TimePicker/TimePicker.js";
48
- import { Toast as Ho } from "./components/Toast/Toast.js";
49
- import { Tooltip as Ko } from "./components/Tooltip/Tooltip.js";
50
- import { Typography as Uo } from "./components/Typography/Typography.js";
51
- import { TruncateText as Xo } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
52
- import { VirtualizedTable as Zo } from "./components/VirtualizedTable/VirtualizedTable.js";
53
- import { ThemeContext as $o } from "./contexts/theme.context.js";
54
- import { useTheme as rr } from "./contexts/theme.hook.js";
55
- import { ThemeProvider as tr } from "./contexts/theme.provider.js";
56
- import { useToggle as mr } from "./hooks/useToggle.js";
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
- p as Alert,
59
- x as AlertDialog,
60
- a as Autocomplete,
61
- n as Badge,
59
+ f as Alert,
60
+ i as AlertDialog,
61
+ n as Autocomplete,
62
+ g as Badge,
62
63
  M as BadgeMultiSelect,
63
- g as Breadcrumb,
64
- u as Button,
65
- c as Card,
66
- h as Checkbox,
67
- wo as Content,
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
- D as DatePicker,
70
- S as Divider,
71
- B as Dropdown,
72
- P as DropdownButton,
73
- R as Filter,
74
- xo as Footer,
75
- I as Input,
76
- Ao as List,
77
- y as Loading,
78
- ao as Logo,
79
- O as Modal,
80
- j as MultiSelectDropdown,
81
- no as Navigation,
82
- lo as NavigationGroup,
83
- To as NavigationOption,
84
- bo as NavigationSeparator,
85
- E as NumberInput,
86
- J as PhoneNumberInput,
87
- Q as PieChart,
88
- W as ProgressBar,
89
- Y as Radio,
90
- _ as RadioCard,
91
- oo as RadioCardGroup,
92
- eo as RadioGroup,
93
- po as Range,
94
- so as Sidebar,
95
- Co as Slider,
96
- vo as Switch,
97
- No as Table,
98
- ko as Tabs,
99
- Lo as Tag,
100
- zo as TagSelect,
101
- Vo as TextArea,
102
- $o as ThemeContext,
103
- tr as ThemeProvider,
104
- qo as TimePicker,
105
- Ho as Toast,
106
- Ko as Tooltip,
107
- Go as Trigger,
108
- Xo as TruncateText,
109
- Uo as Typography,
110
- Zo as VirtualizedTable,
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
- rr as useTheme,
113
- mr as useToggle
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.43",
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.17",
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.21",
135
- "@types/react": "^19.2.7",
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",