@adyen/bento-vue2 0.4.1 → 0.6.0

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 (60) hide show
  1. package/dist/@types/components/button/button.demo.d.ts +6 -0
  2. package/dist/@types/components/button/button.vue.d.ts +1 -0
  3. package/dist/@types/components/button/components/button-actions/button-actions.vue.d.ts +4 -4
  4. package/dist/@types/components/currency/currency.vue.d.ts +9 -0
  5. package/dist/@types/components/data-grid/components/data-grid-columns/data-grid-columns-types.d.ts +2 -0
  6. package/dist/@types/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +15 -4
  7. package/dist/@types/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue.d.ts +8 -9
  8. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.types.d.ts +4 -0
  9. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +4 -3
  10. package/dist/@types/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +1 -0
  11. package/dist/@types/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +63 -2
  12. package/dist/@types/components/data-grid/data-grid.vue.d.ts +12 -29
  13. package/dist/@types/components/date/date.types.d.ts +1 -0
  14. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/__test__/date-picker-calendar-day-stub.vue.d.ts +34 -0
  15. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts +9 -0
  16. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts +39 -0
  17. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/index.d.ts +1 -0
  18. package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.types.d.ts +8 -0
  19. package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.vue.d.ts +121 -0
  20. package/dist/@types/components/date-picker/components/date-picker-calendar/index.d.ts +2 -0
  21. package/dist/@types/components/date-picker/components/date-picker-calendar-container/__test__/date-picker-calendar-container-stub.vue.d.ts +43 -0
  22. package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.types.d.ts +3 -0
  23. package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.vue.d.ts +99 -0
  24. package/dist/@types/components/date-picker/components/date-picker-calendar-container/index.d.ts +1 -0
  25. package/dist/@types/components/date-picker/date-picker.types.d.ts +16 -0
  26. package/dist/@types/components/date-picker/date-picker.vue.d.ts +102 -0
  27. package/dist/@types/components/date-picker/index.d.ts +2 -0
  28. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +2 -2
  29. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +3 -28
  30. package/dist/@types/components/header/header.types.d.ts +4 -0
  31. package/dist/@types/components/header/header.vue.d.ts +66 -0
  32. package/dist/@types/components/header/index.d.ts +1 -0
  33. package/dist/@types/components/internal/base-button/base-button.types.d.ts +15 -0
  34. package/dist/@types/components/internal/base-button/base-button.vue.d.ts +47 -0
  35. package/dist/@types/components/internal/base-button/index.d.ts +2 -0
  36. package/dist/@types/components/menu/components/index.d.ts +2 -0
  37. package/dist/@types/components/menu/components/menu-item/index.d.ts +2 -0
  38. package/dist/@types/components/menu/components/menu-item/menu-item.types.d.ts +12 -0
  39. package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +96 -0
  40. package/dist/@types/components/menu/components/menu-item-list/index.d.ts +1 -0
  41. package/dist/@types/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +56 -0
  42. package/dist/@types/components/menu/components/menu-list-container/menu-list-container.vue.d.ts +2 -0
  43. package/dist/@types/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +41 -0
  44. package/dist/@types/components/menu/index.d.ts +2 -0
  45. package/dist/@types/components/menu/menu.types.d.ts +4 -0
  46. package/dist/@types/components/menu/menu.vue.d.ts +53 -0
  47. package/dist/@types/components/popover/popover.vue.d.ts +10 -0
  48. package/dist/@types/components/tag/tag.types.d.ts +1 -1
  49. package/dist/@types/components/tooltip/tooltip.vue.d.ts +4 -5
  50. package/dist/@types/components.d.ts +6 -2
  51. package/dist/@types/index.d.ts +2 -0
  52. package/dist/@types/utils/ts/currency/currency.d.ts +2 -2
  53. package/dist/index.js +4774 -3678
  54. package/dist/index.js.map +1 -1
  55. package/dist/web-types.json +5296 -0
  56. package/package.json +15 -14
  57. package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts +0 -22
  58. package/dist/@types/components/page-header/index.d.ts +0 -1
  59. package/dist/@types/components/page-header/page-header.vue.d.ts +0 -22
  60. package/dist/@types/components/tooltip/index.d.ts +0 -1
@@ -0,0 +1,43 @@
1
+ import { DatePickerCalendarContainerEvent } from '../date-picker-calendar-container.types';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ month: {
4
+ type: DateConstructor;
5
+ required: true;
6
+ };
7
+ open: {
8
+ type: BooleanConstructor;
9
+ required: true;
10
+ };
11
+ disabled: {
12
+ type: BooleanConstructor;
13
+ default: boolean;
14
+ };
15
+ value: {
16
+ type: DateConstructor;
17
+ default: any;
18
+ };
19
+ }, {
20
+ inputContainerRef: import("vue").Ref<any>;
21
+ DatePickerCalendarContainerEvent: typeof DatePickerCalendarContainerEvent;
22
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
23
+ month: {
24
+ type: DateConstructor;
25
+ required: true;
26
+ };
27
+ open: {
28
+ type: BooleanConstructor;
29
+ required: true;
30
+ };
31
+ disabled: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ value: {
36
+ type: DateConstructor;
37
+ default: any;
38
+ };
39
+ }>>, {
40
+ value: Date;
41
+ disabled: boolean;
42
+ }>;
43
+ export default _default;
@@ -0,0 +1,3 @@
1
+ export declare enum DatePickerCalendarContainerEvent {
2
+ INPUT = "input"
3
+ }
@@ -0,0 +1,99 @@
1
+ import { DatePickerCalendarFirstDayOfWeek } from '../date-picker-calendar';
2
+ import { DatePickerCalendarContainerEvent } from './date-picker-calendar-container.types';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ disabled: {
5
+ type: BooleanConstructor;
6
+ default: boolean;
7
+ };
8
+ firstDayOfWeek: {
9
+ type: NumberConstructor;
10
+ default: DatePickerCalendarFirstDayOfWeek;
11
+ validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
12
+ };
13
+ isDateDisabled: {
14
+ type: FunctionConstructor;
15
+ default: any;
16
+ };
17
+ label: {
18
+ type: StringConstructor;
19
+ default: any;
20
+ };
21
+ month: {
22
+ type: DateConstructor;
23
+ required: true;
24
+ };
25
+ open: {
26
+ type: BooleanConstructor;
27
+ required: true;
28
+ };
29
+ value: {
30
+ type: DateConstructor;
31
+ default: any;
32
+ };
33
+ targetElement: {
34
+ type: import("vue").PropType<import("../../../..").VueNodeElement>;
35
+ required: true;
36
+ };
37
+ }, {
38
+ isDatePickerOpen: import("vue").ComputedRef<boolean>;
39
+ popoverAriaLabel: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
40
+ BentoPopoverPositions: {
41
+ AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
42
+ AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
43
+ AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
44
+ TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
45
+ TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
46
+ RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
47
+ RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
48
+ BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
49
+ BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
50
+ LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
51
+ LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
52
+ TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
53
+ RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
54
+ BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
55
+ LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
56
+ };
57
+ onDateInput: (selectedDate: Date) => void;
58
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarContainerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
59
+ disabled: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ firstDayOfWeek: {
64
+ type: NumberConstructor;
65
+ default: DatePickerCalendarFirstDayOfWeek;
66
+ validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
67
+ };
68
+ isDateDisabled: {
69
+ type: FunctionConstructor;
70
+ default: any;
71
+ };
72
+ label: {
73
+ type: StringConstructor;
74
+ default: any;
75
+ };
76
+ month: {
77
+ type: DateConstructor;
78
+ required: true;
79
+ };
80
+ open: {
81
+ type: BooleanConstructor;
82
+ required: true;
83
+ };
84
+ value: {
85
+ type: DateConstructor;
86
+ default: any;
87
+ };
88
+ targetElement: {
89
+ type: import("vue").PropType<import("../../../..").VueNodeElement>;
90
+ required: true;
91
+ };
92
+ }>>, {
93
+ value: Date;
94
+ label: string;
95
+ disabled: boolean;
96
+ firstDayOfWeek: number;
97
+ isDateDisabled: Function;
98
+ }>;
99
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as DatePickerCalendarContainer } from './date-picker-calendar-container.vue';
@@ -0,0 +1,16 @@
1
+ export { DatePickerCalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek } from './components/date-picker-calendar';
2
+ export declare enum BentoDatePickerEvent {
3
+ INPUT = "input"
4
+ }
5
+ export declare enum BentoDatePickerDateFormat {
6
+ DAY_OF_MONTH = "d",
7
+ NUMERIC_DAY = "dd",
8
+ SHORT_WEEKDAY = "EEE",
9
+ NUMERIC_MONTH = "MM",
10
+ SHORT_MONTH = "MMM",
11
+ LONG_MONTH = "MMMM",
12
+ LONG_MONTH_YEAR = "MMMM yyyy",
13
+ FULL_YEAR = "yyyy",
14
+ FULL_DATE = "d MMM, yyyy",
15
+ NUMERIC_DATE = "yyyy-MM-dd"
16
+ }
@@ -0,0 +1,102 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoDatePickerEvent, BentoDatePickerFirstDayOfWeek } from './date-picker.types';
3
+ import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ description: {
6
+ type: StringConstructor;
7
+ default: any;
8
+ };
9
+ disabled: {
10
+ type: BooleanConstructor;
11
+ default: boolean;
12
+ };
13
+ firstDayOfWeek: {
14
+ type: PropType<BentoDatePickerFirstDayOfWeek>;
15
+ default: BentoDatePickerFirstDayOfWeek;
16
+ validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
17
+ };
18
+ isDateDisabled: {
19
+ type: FunctionConstructor;
20
+ default: any;
21
+ };
22
+ label: {
23
+ type: StringConstructor;
24
+ default: any;
25
+ };
26
+ optional: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
30
+ required: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ value: {
35
+ type: DateConstructor;
36
+ default: any;
37
+ };
38
+ }, {
39
+ inputContainerRef: any;
40
+ dateDisplayValue: import("vue").ComputedRef<any>;
41
+ isDateIncorrect: import("vue").Ref<boolean>;
42
+ isDatePickerOpen: import("vue").Ref<boolean>;
43
+ datePickerContainerId: string;
44
+ labelId: string;
45
+ supportDescriptionText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
46
+ descriptionConditionalClasses: import("vue").ComputedRef<{
47
+ 'b-date-picker__description--error': boolean;
48
+ }>;
49
+ textInputDisplayValue: any;
50
+ visibleMonth: import("vue").ComputedRef<Date>;
51
+ BentoTypographyElement: typeof BentoTypographyElement;
52
+ BentoTypographyVariant: typeof BentoTypographyVariant;
53
+ closeDatePicker: () => void;
54
+ clearDatePickerValue: () => Promise<void>;
55
+ onDateSelected: (selectedDate: Date) => void;
56
+ openDatePicker: () => void;
57
+ onDateInputChange: (stringDate: any) => void;
58
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatePickerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
59
+ description: {
60
+ type: StringConstructor;
61
+ default: any;
62
+ };
63
+ disabled: {
64
+ type: BooleanConstructor;
65
+ default: boolean;
66
+ };
67
+ firstDayOfWeek: {
68
+ type: PropType<BentoDatePickerFirstDayOfWeek>;
69
+ default: BentoDatePickerFirstDayOfWeek;
70
+ validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
71
+ };
72
+ isDateDisabled: {
73
+ type: FunctionConstructor;
74
+ default: any;
75
+ };
76
+ label: {
77
+ type: StringConstructor;
78
+ default: any;
79
+ };
80
+ optional: {
81
+ type: BooleanConstructor;
82
+ default: boolean;
83
+ };
84
+ required: {
85
+ type: BooleanConstructor;
86
+ default: boolean;
87
+ };
88
+ value: {
89
+ type: DateConstructor;
90
+ default: any;
91
+ };
92
+ }>>, {
93
+ required: boolean;
94
+ optional: boolean;
95
+ value: Date;
96
+ label: string;
97
+ disabled: boolean;
98
+ description: string;
99
+ firstDayOfWeek: BentoDatePickerFirstDayOfWeek;
100
+ isDateDisabled: Function;
101
+ }>;
102
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as BentoDatePicker } from './date-picker.vue';
2
+ export * from './date-picker.types';
@@ -75,10 +75,10 @@ declare const _default: import("vue").DefineComponent<{
75
75
  ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
76
76
  selectedValueItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
77
77
  onCloseDropdown: () => void;
78
- onToggleDropdown: () => void;
78
+ onToggleDropdown: (event: Event) => void;
79
79
  onClearSearch: () => void;
80
80
  onInputEvent: (event: Event) => void;
81
- onSpaceBar: () => void;
81
+ onSpaceBar: (event: Event) => void;
82
82
  hasSlot: (name: string) => boolean;
83
83
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
84
84
  additionalItemsSelected: {
@@ -1,3 +1,4 @@
1
+ import { PropType } from 'vue';
1
2
  import { BentoButtonVariant } from '@/components/button';
2
3
  declare const _default: import("vue").DefineComponent<{
3
4
  appliedFiltersCount: {
@@ -21,20 +22,7 @@ declare const _default: import("vue").DefineComponent<{
21
22
  required: true;
22
23
  };
23
24
  value: {
24
- type: (StringConstructor | {
25
- (arrayLength: number): string[];
26
- (...items: string[]): string[];
27
- new (arrayLength: number): string[];
28
- new (...items: string[]): string[];
29
- isArray(arg: any): arg is any[];
30
- readonly prototype: any[];
31
- from<T>(arrayLike: ArrayLike<T>): T[];
32
- from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
33
- from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
34
- from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
35
- of<T_4>(...items: T_4[]): T_4[];
36
- readonly [Symbol.species]: ArrayConstructor;
37
- })[];
25
+ type: PropType<string | string[]>;
38
26
  default: any;
39
27
  };
40
28
  }, {
@@ -103,20 +91,7 @@ declare const _default: import("vue").DefineComponent<{
103
91
  required: true;
104
92
  };
105
93
  value: {
106
- type: (StringConstructor | {
107
- (arrayLength: number): string[];
108
- (...items: string[]): string[];
109
- new (arrayLength: number): string[];
110
- new (...items: string[]): string[];
111
- isArray(arg: any): arg is any[];
112
- readonly prototype: any[];
113
- from<T>(arrayLike: ArrayLike<T>): T[];
114
- from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
115
- from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
116
- from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
117
- of<T_4>(...items: T_4[]): T_4[];
118
- readonly [Symbol.species]: ArrayConstructor;
119
- })[];
94
+ type: PropType<string | string[]>;
120
95
  default: any;
121
96
  };
122
97
  }>>, {
@@ -0,0 +1,4 @@
1
+ export declare enum BentoHeaderVariant {
2
+ PAGE = "page",
3
+ COMPONENT = "component"
4
+ }
@@ -0,0 +1,66 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoButtonActionsList } from '@/components/button';
3
+ import { BentoHeaderVariant } from './header.types';
4
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ variant: {
7
+ type: PropType<BentoHeaderVariant>;
8
+ default: BentoHeaderVariant;
9
+ validator: (value: BentoHeaderVariant) => boolean;
10
+ };
11
+ title: {
12
+ type: StringConstructor;
13
+ required: true;
14
+ };
15
+ infoIconTooltipText: {
16
+ type: StringConstructor;
17
+ default: any;
18
+ };
19
+ actions: {
20
+ type: PropType<BentoButtonActionsList>;
21
+ default: any;
22
+ };
23
+ lastUpdated: {
24
+ type: DateConstructor;
25
+ default: any;
26
+ };
27
+ }, {
28
+ hasSlot: (name: string) => boolean;
29
+ timestamp: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
30
+ typography: import("vue").ComputedRef<{
31
+ el: BentoTypographyElement;
32
+ variant: BentoTypographyVariant;
33
+ medium: boolean;
34
+ large: boolean;
35
+ }>;
36
+ BentoTypographyElement: typeof BentoTypographyElement;
37
+ BentoTypographyVariant: typeof BentoTypographyVariant;
38
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
39
+ variant: {
40
+ type: PropType<BentoHeaderVariant>;
41
+ default: BentoHeaderVariant;
42
+ validator: (value: BentoHeaderVariant) => boolean;
43
+ };
44
+ title: {
45
+ type: StringConstructor;
46
+ required: true;
47
+ };
48
+ infoIconTooltipText: {
49
+ type: StringConstructor;
50
+ default: any;
51
+ };
52
+ actions: {
53
+ type: PropType<BentoButtonActionsList>;
54
+ default: any;
55
+ };
56
+ lastUpdated: {
57
+ type: DateConstructor;
58
+ default: any;
59
+ };
60
+ }>>, {
61
+ variant: BentoHeaderVariant;
62
+ actions: BentoButtonActionsList;
63
+ lastUpdated: Date;
64
+ infoIconTooltipText: string;
65
+ }>;
66
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoHeader } from './header.vue';
@@ -0,0 +1,15 @@
1
+ export declare enum BentoBaseButtonPropClass {
2
+ DESTRUCTIVE = "critical",
3
+ ICON_ONLY = "icon-only"
4
+ }
5
+ export declare enum BentoBaseButtonEvent {
6
+ BLUR = "blur",
7
+ CLICK = "click",
8
+ FOCUS = "focus",
9
+ KEYDOWN_ESC = "keydown.esc"
10
+ }
11
+ export declare enum BaseButtonType {
12
+ BUTTON = "button",
13
+ RESET = "reset",
14
+ SUBMIT = "submit"
15
+ }
@@ -0,0 +1,47 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoBaseButtonEvent } from './base-button.types';
3
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
+ import { Booleanish } from '@/types';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ disabled: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ critical: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ type: {
15
+ type: PropType<"button" | "reset" | "submit">;
16
+ default: string;
17
+ };
18
+ }, {
19
+ BentoTypographyElement: typeof BentoTypographyElement;
20
+ BentoTypographyVariant: typeof BentoTypographyVariant;
21
+ ariaAttributes: import("vue").ComputedRef<{
22
+ 'aria-expanded': Booleanish;
23
+ }>;
24
+ conditionalClasses: import("vue").ComputedRef<{
25
+ [x: string]: boolean;
26
+ }>;
27
+ onClickButton: (e: MouseEvent) => void;
28
+ hasSlot: (name: string) => boolean;
29
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoBaseButtonEvent[], string, Readonly<import("vue").ExtractPropTypes<{
30
+ disabled: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ critical: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ type: {
39
+ type: PropType<"button" | "reset" | "submit">;
40
+ default: string;
41
+ };
42
+ }>>, {
43
+ type: "button" | "reset" | "submit";
44
+ disabled: boolean;
45
+ critical: boolean;
46
+ }>;
47
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as BaseButton } from './base-button.vue';
2
+ export * from './base-button.types';
@@ -0,0 +1,2 @@
1
+ export * from './menu-item';
2
+ export * from './menu-item-list';
@@ -0,0 +1,2 @@
1
+ export { default as MenuItem } from './menu-item.vue';
2
+ export * from './menu-item.types';
@@ -0,0 +1,12 @@
1
+ import type { VueNodeElement } from '@/types';
2
+ export interface BentoMenuItem {
3
+ text: string;
4
+ handler: () => void;
5
+ secondaryText?: string;
6
+ items?: Array<BentoMenuItem>;
7
+ disabled?: boolean;
8
+ chevron?: boolean;
9
+ icon?: VueNodeElement;
10
+ critical?: boolean;
11
+ indent?: boolean;
12
+ }
@@ -0,0 +1,96 @@
1
+ import { PropType } from 'vue';
2
+ import type { VueNodeElement } from '@/types';
3
+ import { BentoBaseButtonEvent } from '@/components/internal/base-button';
4
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ text: {
7
+ type: StringConstructor;
8
+ required: true;
9
+ };
10
+ handler: {
11
+ type: PropType<() => void>;
12
+ required: true;
13
+ };
14
+ secondaryText: {
15
+ type: StringConstructor;
16
+ default: any;
17
+ };
18
+ chevron: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ icon: {
23
+ type: PropType<VueNodeElement>;
24
+ default: any;
25
+ };
26
+ disabled: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
30
+ indent: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ critical: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ isTitle: {
39
+ type: BooleanConstructor;
40
+ default: boolean;
41
+ };
42
+ }, {
43
+ BentoTypographyElement: typeof BentoTypographyElement;
44
+ BentoTypographyVariant: typeof BentoTypographyVariant;
45
+ conditionalClasses: import("vue").ComputedRef<{
46
+ 'b-menu-item--critical': boolean;
47
+ 'b-menu-item--indent': boolean;
48
+ }>;
49
+ onClick: () => void;
50
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoBaseButtonEvent.CLICK[], string, Readonly<import("vue").ExtractPropTypes<{
51
+ text: {
52
+ type: StringConstructor;
53
+ required: true;
54
+ };
55
+ handler: {
56
+ type: PropType<() => void>;
57
+ required: true;
58
+ };
59
+ secondaryText: {
60
+ type: StringConstructor;
61
+ default: any;
62
+ };
63
+ chevron: {
64
+ type: BooleanConstructor;
65
+ default: boolean;
66
+ };
67
+ icon: {
68
+ type: PropType<VueNodeElement>;
69
+ default: any;
70
+ };
71
+ disabled: {
72
+ type: BooleanConstructor;
73
+ default: boolean;
74
+ };
75
+ indent: {
76
+ type: BooleanConstructor;
77
+ default: boolean;
78
+ };
79
+ critical: {
80
+ type: BooleanConstructor;
81
+ default: boolean;
82
+ };
83
+ isTitle: {
84
+ type: BooleanConstructor;
85
+ default: boolean;
86
+ };
87
+ }>>, {
88
+ disabled: boolean;
89
+ icon: VueNodeElement;
90
+ critical: boolean;
91
+ secondaryText: string;
92
+ chevron: boolean;
93
+ indent: boolean;
94
+ isTitle: boolean;
95
+ }>;
96
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as MenuItemList } from './menu-item-list.vue';
@@ -0,0 +1,56 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoMenuItem } from '../menu-item';
3
+ import { BentoMenuEvent } from '../../menu.types';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ data: {
6
+ type: PropType<BentoMenuItem[]>;
7
+ required: true;
8
+ };
9
+ indentItems: {
10
+ type: BooleanConstructor;
11
+ default: boolean;
12
+ };
13
+ id: {
14
+ type: StringConstructor;
15
+ required: true;
16
+ };
17
+ focusLastElement: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ }, {
22
+ menuItemListRef: any;
23
+ menuItemListWrapperRef: any;
24
+ subMenuItemListRef: any;
25
+ computedData: import("vue").ComputedRef<BentoMenuItem[]>;
26
+ computedHeight: import("vue").ComputedRef<string>;
27
+ focusedIndex: import("vue").Ref<number>;
28
+ subMenuFocusedIndex: import("vue").Ref<number>;
29
+ showSubMenu: import("vue").Ref<boolean>;
30
+ toggleMenu: (item: BentoMenuItem) => Promise<void>;
31
+ closeMenu: () => void;
32
+ focusPrevious: () => void;
33
+ focusNext: () => void;
34
+ onBackButton: () => void;
35
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent.CLOSE[], string, Readonly<import("vue").ExtractPropTypes<{
36
+ data: {
37
+ type: PropType<BentoMenuItem[]>;
38
+ required: true;
39
+ };
40
+ indentItems: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
44
+ id: {
45
+ type: StringConstructor;
46
+ required: true;
47
+ };
48
+ focusLastElement: {
49
+ type: BooleanConstructor;
50
+ default: boolean;
51
+ };
52
+ }>>, {
53
+ indentItems: boolean;
54
+ focusLastElement: boolean;
55
+ }>;
56
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ export default _default;