@konstructio/ui 0.1.0-alpha.15 → 0.1.0-alpha.16

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 (5) hide show
  1. package/dist/components/index.js +76 -74
  2. package/dist/index.d.ts +17 -2
  3. package/dist/index.js +82 -80
  4. package/dist/package.json +1 -1
  5. package/package.json +1 -1
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 s } from "./Datepicker/DatePicker.js";
10
- import { Divider as S } from "./Divider/Divider.js";
11
- import { Dropdown as B } from "./Dropdown/Dropdown.js";
12
- import { Filter as N } from "./Filter/Filter.js";
13
- import { Input as A } from "./Input/Input.js";
14
- import { Loading as k } from "./Loading/Loading.js";
15
- import { M as F } from "../Modal-CrG0m703.js";
16
- import { NumberInput as L } from "./NumberInput/NumberInput.js";
17
- import { ProgressBar as P } from "./ProgressBar/ProgressBar.js";
18
- import { Radio as I } from "./Radio/Radio.js";
19
- import { RadioCard as j } from "./RadioCard/RadioCard.js";
20
- import { RadioCardGroup as z } from "./RadioCardGroup/RadioCardGroup.js";
21
- import { RadioGroup as H } from "./RadioGroup/RadioGroup.js";
22
- import { Range as K } from "./Range/Range.js";
23
- import { Sidebar as U } from "./Sidebar/Sidebar.js";
24
- import { Slider as W } from "./Slider/Slider.js";
25
- import { Switch as Y } from "./Switch/Switch.js";
26
- import { Table as _ } from "./Table/Table.js";
27
- import { Tabs as oo } from "./Tabs/Tabs.js";
28
- import { Tag as eo } from "./Tag/Tag.js";
29
- import { TagSelect as po } from "./TagSelect/TagSelect.js";
30
- import { TextArea as xo } from "./TextArea/TextArea.js";
31
- import { TimePicker as ao } from "./TimePicker/TimePicker.js";
32
- import { Toast as go } from "./Toast/Toast.js";
33
- import { Tooltip as lo } from "./Tooltip/Tooltip.js";
34
- import { Typography as To } from "./Typography/Typography.js";
35
- import { BadgeMultiSelect as bo } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
36
- import { DateFilterDropdown as Do } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
37
- import { Footer as vo } from "./Sidebar/components/Footer/Footer.js";
38
- import { Logo as Co } from "./Sidebar/components/Logo/Logo.js";
39
- import { Navigation as Ro } from "./Sidebar/components/Navigation/Navigation.js";
40
- import { NavigationGroup as ho } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
41
- import { NavigationOption as wo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
42
- import { NavigationSeparator as Go } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
43
- import { List as Mo } from "./Tabs/components/List.js";
44
- import { Trigger as yo } from "./Tabs/components/Trigger.js";
45
- import { Content as Oo } from "./Tabs/components/Content.js";
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
- bo as BadgeMultiSelect,
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
- Oo as Content,
57
- Do as DateFilterDropdown,
58
- s as DatePicker,
59
- S as Divider,
60
- B as Dropdown,
61
- N as Filter,
62
- vo as Footer,
63
- A as Input,
64
- Mo as List,
65
- k as Loading,
66
- Co as Logo,
67
- F as Modal,
68
- Ro as Navigation,
69
- ho as NavigationGroup,
70
- wo as NavigationOption,
71
- Go as NavigationSeparator,
72
- L as NumberInput,
73
- P as ProgressBar,
74
- I as Radio,
75
- j as RadioCard,
76
- z as RadioCardGroup,
77
- H as RadioGroup,
78
- K as Range,
79
- U as Sidebar,
80
- W as Slider,
81
- Y as Switch,
82
- _ as Table,
83
- oo as Tabs,
84
- eo as Tag,
85
- po as TagSelect,
86
- xo as TextArea,
87
- ao as TimePicker,
88
- go as Toast,
89
- lo as Tooltip,
90
- yo as Trigger,
91
- To as Typography
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: Option_4[];
80
+ options: Option_5[];
81
81
  position?: 'left' | 'right';
82
- onApply?: (selectedOptions: Option_4[]) => void;
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 b } from "./components/Datepicker/DatePicker.js";
10
- import { Divider as v } from "./components/Divider/Divider.js";
11
- import { Dropdown as D } from "./components/Dropdown/Dropdown.js";
12
- import { Filter as B } from "./components/Filter/Filter.js";
13
- import { BadgeMultiSelect as R } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
14
- import { DateFilterDropdown as P } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
15
- import { Input as w } from "./components/Input/Input.js";
16
- import { Loading as G } from "./components/Loading/Loading.js";
17
- import { M } from "./Modal-CrG0m703.js";
18
- import { NumberInput as I } from "./components/NumberInput/NumberInput.js";
19
- import { ProgressBar as j } from "./components/ProgressBar/ProgressBar.js";
20
- import { Radio as z } from "./components/Radio/Radio.js";
21
- import { RadioCard as H } from "./components/RadioCard/RadioCard.js";
22
- import { RadioCardGroup as K } from "./components/RadioCardGroup/RadioCardGroup.js";
23
- import { RadioGroup as U } from "./components/RadioGroup/RadioGroup.js";
24
- import { Range as W } from "./components/Range/Range.js";
25
- import { Footer as Y } from "./components/Sidebar/components/Footer/Footer.js";
26
- import { Logo as _ } from "./components/Sidebar/components/Logo/Logo.js";
27
- import { Navigation as oo } from "./components/Sidebar/components/Navigation/Navigation.js";
28
- import { NavigationGroup as eo } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
29
- import { NavigationOption as po } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
30
- import { NavigationSeparator as xo } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
31
- import { Sidebar as ao } from "./components/Sidebar/Sidebar.js";
32
- import { Slider as go } from "./components/Slider/Slider.js";
33
- import { Switch as lo } from "./components/Switch/Switch.js";
34
- import { Table as uo } from "./components/Table/Table.js";
35
- import { Tabs as so } from "./components/Tabs/Tabs.js";
36
- import { List as ho } from "./components/Tabs/components/List.js";
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 So } from "./components/Tabs/components/Content.js";
39
- import { Tag as No } from "./components/Tag/Tag.js";
40
- import { TagSelect as Ao } from "./components/TagSelect/TagSelect.js";
41
- import { TextArea as ko } from "./components/TextArea/TextArea.js";
42
- import { TimePicker as Fo } from "./components/TimePicker/TimePicker.js";
43
- import { Toast as Lo } from "./components/Toast/Toast.js";
44
- import { Tooltip as yo } from "./components/Tooltip/Tooltip.js";
45
- import { Typography as Oo } from "./components/Typography/Typography.js";
46
- import { ThemeContext as qo } from "./contexts/theme.context.js";
47
- import { useTheme as Eo } from "./contexts/theme.hook.js";
48
- import { ThemeProvider as Jo } from "./contexts/theme.provider.js";
49
- import { useToggle as Qo } from "./hooks/useToggle.js";
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
- R as BadgeMultiSelect,
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
- So as Content,
61
- P as DateFilterDropdown,
62
- b as DatePicker,
63
- v as Divider,
64
- D as Dropdown,
65
- B as Filter,
66
- Y as Footer,
67
- w as Input,
68
- ho as List,
69
- G as Loading,
70
- _ as Logo,
71
- M as Modal,
72
- oo as Navigation,
73
- eo as NavigationGroup,
74
- po as NavigationOption,
75
- xo as NavigationSeparator,
76
- I as NumberInput,
77
- j as ProgressBar,
78
- z as Radio,
79
- H as RadioCard,
80
- K as RadioCardGroup,
81
- U as RadioGroup,
82
- W as Range,
83
- ao as Sidebar,
84
- go as Slider,
85
- lo as Switch,
86
- uo as Table,
87
- so as Tabs,
88
- No as Tag,
89
- Ao as TagSelect,
90
- ko as TextArea,
91
- qo as ThemeContext,
92
- Jo as ThemeProvider,
93
- Fo as TimePicker,
94
- Lo as Toast,
95
- yo as Tooltip,
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
- Oo as Typography,
98
- Eo as useTheme,
99
- Qo as useToggle
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.14",
5
+ "version": "0.1.0-alpha.15",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
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.15",
5
+ "version": "0.1.0-alpha.16",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",