@adyen/bento-vue2 0.5.0 → 0.7.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.
- package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts +3 -0
- package/dist/@types/components/data-grid/components/data-grid-columns/data-grid-columns-types.d.ts +2 -0
- package/dist/@types/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +29 -1
- package/dist/@types/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +1 -1
- package/dist/@types/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +3 -2
- package/dist/@types/components/data-grid/data-grid.vue.d.ts +2 -0
- package/dist/@types/components/date/date.types.d.ts +1 -0
- 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
- package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts +9 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts +39 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/index.d.ts +1 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.types.d.ts +8 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.vue.d.ts +121 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar/index.d.ts +2 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar-container/__test__/date-picker-calendar-container-stub.vue.d.ts +43 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.types.d.ts +3 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.vue.d.ts +99 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar-container/index.d.ts +1 -0
- package/dist/@types/components/date-picker/date-picker.types.d.ts +16 -0
- package/dist/@types/components/date-picker/date-picker.vue.d.ts +102 -0
- package/dist/@types/components/date-picker/index.d.ts +2 -0
- package/dist/@types/components/menu/components/menu-item/menu-item.types.d.ts +1 -0
- package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +12 -0
- package/dist/@types/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +9 -2
- package/dist/@types/components/menu/components/menu-list-container/menu-list-container.vue.d.ts +2 -0
- package/dist/@types/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +41 -0
- package/dist/@types/components/menu/menu.types.d.ts +2 -1
- package/dist/@types/components/menu/menu.vue.d.ts +24 -3
- package/dist/@types/components/tag/tag.types.d.ts +1 -1
- package/dist/@types/components.d.ts +4 -2
- package/dist/@types/index.d.ts +2 -0
- package/dist/index.js +4364 -3465
- package/dist/index.js.map +1 -1
- package/dist/web-types.json +389 -11
- package/package.json +5 -5
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import type { VueNodeElement } from '@/types';
|
|
3
3
|
import { BentoBaseButtonEvent } from '@/components/internal/base-button';
|
|
4
|
+
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
4
5
|
declare const _default: import("vue").DefineComponent<{
|
|
5
6
|
text: {
|
|
6
7
|
type: StringConstructor;
|
|
@@ -34,7 +35,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
34
35
|
type: BooleanConstructor;
|
|
35
36
|
default: boolean;
|
|
36
37
|
};
|
|
38
|
+
isTitle: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
default: boolean;
|
|
41
|
+
};
|
|
37
42
|
}, {
|
|
43
|
+
BentoTypographyElement: typeof BentoTypographyElement;
|
|
44
|
+
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
38
45
|
conditionalClasses: import("vue").ComputedRef<{
|
|
39
46
|
'b-menu-item--critical': boolean;
|
|
40
47
|
'b-menu-item--indent': boolean;
|
|
@@ -73,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
73
80
|
type: BooleanConstructor;
|
|
74
81
|
default: boolean;
|
|
75
82
|
};
|
|
83
|
+
isTitle: {
|
|
84
|
+
type: BooleanConstructor;
|
|
85
|
+
default: boolean;
|
|
86
|
+
};
|
|
76
87
|
}>>, {
|
|
77
88
|
disabled: boolean;
|
|
78
89
|
icon: VueNodeElement;
|
|
@@ -80,5 +91,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
80
91
|
secondaryText: string;
|
|
81
92
|
chevron: boolean;
|
|
82
93
|
indent: boolean;
|
|
94
|
+
isTitle: boolean;
|
|
83
95
|
}>;
|
|
84
96
|
export default _default;
|
|
@@ -19,13 +19,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
default: boolean;
|
|
20
20
|
};
|
|
21
21
|
}, {
|
|
22
|
+
menuItemListRef: any;
|
|
23
|
+
menuItemListWrapperRef: any;
|
|
24
|
+
subMenuItemListRef: any;
|
|
22
25
|
computedData: import("vue").ComputedRef<BentoMenuItem[]>;
|
|
26
|
+
computedHeight: import("vue").ComputedRef<string>;
|
|
23
27
|
focusedIndex: import("vue").Ref<number>;
|
|
24
|
-
|
|
28
|
+
subMenuFocusedIndex: import("vue").Ref<number>;
|
|
29
|
+
showSubMenu: import("vue").Ref<boolean>;
|
|
30
|
+
toggleMenu: (item: BentoMenuItem) => Promise<void>;
|
|
25
31
|
closeMenu: () => void;
|
|
26
32
|
focusPrevious: () => void;
|
|
27
33
|
focusNext: () => void;
|
|
28
|
-
|
|
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<{
|
|
29
36
|
data: {
|
|
30
37
|
type: PropType<BentoMenuItem[]>;
|
|
31
38
|
required: true;
|
package/dist/@types/components/menu/components/menu-list-container/menu-list-container.vue.d.ts
ADDED
|
@@ -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;
|
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
items: {
|
|
6
|
+
type: PropType<BentoMenuItem[]>;
|
|
7
|
+
required: true;
|
|
8
|
+
};
|
|
9
|
+
title: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
}, {
|
|
14
|
+
BentoMenuEvent: typeof BentoMenuEvent;
|
|
15
|
+
subMenuItemListRefLocal: any;
|
|
16
|
+
subMenuFocusedIndex: import("vue").Ref<number>;
|
|
17
|
+
ChevronLeftIcon: any;
|
|
18
|
+
computedItems: import("vue").ComputedRef<{
|
|
19
|
+
indent: boolean;
|
|
20
|
+
text: string;
|
|
21
|
+
handler: () => void;
|
|
22
|
+
secondaryText?: string;
|
|
23
|
+
items?: BentoMenuItem[];
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
chevron?: boolean;
|
|
26
|
+
icon?: import("../../../..").VueNodeElement;
|
|
27
|
+
critical?: boolean;
|
|
28
|
+
}[]>;
|
|
29
|
+
closeMenu: () => void;
|
|
30
|
+
onBackButton: () => void;
|
|
31
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
32
|
+
items: {
|
|
33
|
+
type: PropType<BentoMenuItem[]>;
|
|
34
|
+
required: true;
|
|
35
|
+
};
|
|
36
|
+
title: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
40
|
+
}>>, {}>;
|
|
41
|
+
export default _default;
|
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoButtonVariant } from '@/components/button';
|
|
3
|
+
import { BentoPopoverPositions } from '@/components/popover';
|
|
3
4
|
import { BentoMenuItem } from './components';
|
|
4
5
|
declare const _default: import("vue").DefineComponent<{
|
|
5
6
|
data: {
|
|
6
7
|
type: PropType<BentoMenuItem[]>;
|
|
7
8
|
required: true;
|
|
8
9
|
};
|
|
9
|
-
|
|
10
|
+
tertiaryButton: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
14
|
+
menuPosition: {
|
|
15
|
+
type: PropType<import("../popper-container").PopperContainerPosition>;
|
|
16
|
+
default: import("../popper-container").PopperContainerPositionExtended;
|
|
17
|
+
validator: (value: BentoPopoverPositions) => boolean;
|
|
18
|
+
};
|
|
19
|
+
menuFixedPositioning: {
|
|
10
20
|
type: BooleanConstructor;
|
|
11
21
|
default: boolean;
|
|
12
22
|
};
|
|
@@ -43,11 +53,22 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
53
|
type: PropType<BentoMenuItem[]>;
|
|
44
54
|
required: true;
|
|
45
55
|
};
|
|
46
|
-
|
|
56
|
+
tertiaryButton: {
|
|
57
|
+
type: BooleanConstructor;
|
|
58
|
+
default: boolean;
|
|
59
|
+
};
|
|
60
|
+
menuPosition: {
|
|
61
|
+
type: PropType<import("../popper-container").PopperContainerPosition>;
|
|
62
|
+
default: import("../popper-container").PopperContainerPositionExtended;
|
|
63
|
+
validator: (value: BentoPopoverPositions) => boolean;
|
|
64
|
+
};
|
|
65
|
+
menuFixedPositioning: {
|
|
47
66
|
type: BooleanConstructor;
|
|
48
67
|
default: boolean;
|
|
49
68
|
};
|
|
50
69
|
}>>, {
|
|
51
|
-
|
|
70
|
+
tertiaryButton: boolean;
|
|
71
|
+
menuPosition: import("../popper-container").PopperContainerPosition;
|
|
72
|
+
menuFixedPositioning: boolean;
|
|
52
73
|
}>;
|
|
53
74
|
export default _default;
|
|
@@ -22,12 +22,13 @@ import {
|
|
|
22
22
|
BentoCurrency,
|
|
23
23
|
BentoDataGrid,
|
|
24
24
|
BentoDate,
|
|
25
|
+
BentoDatePicker,
|
|
25
26
|
BentoDropdown,
|
|
26
27
|
BentoDropdownAvatar,
|
|
27
28
|
BentoDropdownCountry,
|
|
28
29
|
BentoDropdownCurrency,
|
|
29
30
|
BentoDropdownPaymentMethod,
|
|
30
|
-
|
|
31
|
+
BentoHeader,
|
|
31
32
|
BentoInfoIcon,
|
|
32
33
|
BentoInputField,
|
|
33
34
|
BentoLink,
|
|
@@ -72,10 +73,11 @@ declare module 'vue' {
|
|
|
72
73
|
BentoCurrency: typeof BentoCurrency;
|
|
73
74
|
BentoDataGrid: typeof BentoDataGrid;
|
|
74
75
|
BentoDate: typeof BentoDate;
|
|
76
|
+
BentoDatePicker: typeof BentoDatePicker;
|
|
75
77
|
BentoDropdown: typeof BentoDropdown;
|
|
76
78
|
BentoDropdownAvatar: typeof BentoDropdownAvatar;
|
|
77
79
|
BentoDropdownCountry: typeof BentoDropdownCountry;
|
|
78
|
-
|
|
80
|
+
BentoHeader: typeof BentoHeader;
|
|
79
81
|
BentoInfoIcon: typeof BentoInfoIcon;
|
|
80
82
|
BentoDropdownCurrency: typeof BentoDropdownCurrency;
|
|
81
83
|
BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;
|
package/dist/@types/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * from './components/alert';
|
|
|
3
3
|
export * from './components/button';
|
|
4
4
|
export * from './components/data-grid';
|
|
5
5
|
export * from './components/card';
|
|
6
|
+
export * from './components/date-picker';
|
|
6
7
|
export * from './components/dropdown';
|
|
7
8
|
export * from './components/checkbox';
|
|
8
9
|
export * from './components/click-outside';
|
|
@@ -15,6 +16,7 @@ export * from './components/input-field';
|
|
|
15
16
|
export * from './components/loading-indicator';
|
|
16
17
|
export * from './components/link';
|
|
17
18
|
export * from './components/menu';
|
|
19
|
+
export * from './components/header';
|
|
18
20
|
export * from './components/pagination';
|
|
19
21
|
export * from './components/payment-method';
|
|
20
22
|
export * from './components/popover';
|