@adyen/bento-vue2 0.7.0 → 0.7.1
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/date-picker/date-picker.vue.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +9 -0
- package/dist/@types/components/filter-bar/components/base-filter/components/filter-button/filter-button.vue.d.ts +23 -1
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +1 -0
- package/dist/@types/components/filter-bar/filter-bar.types.d.ts +1 -0
- package/dist/@types/components/header/header.vue.d.ts +3 -3
- package/dist/@types/components/link/link.vue.d.ts +2 -2
- package/dist/@types/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +4 -1
- package/dist/@types/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +16 -2
- package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +89 -0
- package/dist/@types/components/modal/components/index.d.ts +3 -0
- package/dist/@types/components/modal/components/modal-default/modal-default.vue.d.ts +110 -0
- package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +81 -0
- package/dist/@types/components/modal/index.d.ts +2 -0
- package/dist/@types/components/modal/modal.types.d.ts +22 -0
- package/dist/@types/components/modal/modal.vue.d.ts +129 -0
- package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts +1 -0
- package/dist/@types/components/summary-grid/components/grid-layout/grid-layout.types.d.ts +8 -0
- package/dist/@types/components/summary-grid/components/grid-layout/grid-layout.vue.d.ts +16 -0
- package/dist/@types/components/toggle/toggle.vue.d.ts +1 -0
- package/dist/@types/components.d.ts +2 -0
- package/dist/@types/directives/index.d.ts +1 -0
- package/dist/@types/directives/keyboard-navigation/index.d.ts +2 -0
- package/dist/@types/directives/keyboard-navigation/keyboard-navigation.d.ts +2 -0
- package/dist/@types/directives/keyboard-navigation/keyboard-navigation.types.d.ts +7 -0
- package/dist/@types/index.d.ts +1 -0
- package/dist/index.js +4271 -3549
- package/dist/index.js.map +1 -1
- package/dist/web-types.json +425 -7
- package/package.json +3 -3
|
@@ -55,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
55
55
|
onDateSelected: (selectedDate: Date) => void;
|
|
56
56
|
openDatePicker: () => void;
|
|
57
57
|
onDateInputChange: (stringDate: any) => void;
|
|
58
|
+
onEnterPressedOverInput: () => void;
|
|
58
59
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatePickerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
59
60
|
description: {
|
|
60
61
|
type: StringConstructor;
|
|
@@ -5,6 +5,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
type: NumberConstructor;
|
|
6
6
|
default: any;
|
|
7
7
|
};
|
|
8
|
+
buttonHasChevron: {
|
|
9
|
+
type: BooleanConstructor;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
8
12
|
disableApplyButton: {
|
|
9
13
|
type: BooleanConstructor;
|
|
10
14
|
default: boolean;
|
|
@@ -74,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
74
78
|
type: NumberConstructor;
|
|
75
79
|
default: any;
|
|
76
80
|
};
|
|
81
|
+
buttonHasChevron: {
|
|
82
|
+
type: BooleanConstructor;
|
|
83
|
+
default: boolean;
|
|
84
|
+
};
|
|
77
85
|
disableApplyButton: {
|
|
78
86
|
type: BooleanConstructor;
|
|
79
87
|
default: boolean;
|
|
@@ -96,6 +104,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
96
104
|
};
|
|
97
105
|
}>>, {
|
|
98
106
|
value: string | string[];
|
|
107
|
+
buttonHasChevron: boolean;
|
|
99
108
|
appliedFiltersCount: number;
|
|
100
109
|
disableApplyButton: boolean;
|
|
101
110
|
disableClearButton: boolean;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
2
|
+
import { BentoBaseButtonEvent } from '@/components/internal/base-button';
|
|
2
3
|
declare const _default: import("vue").DefineComponent<{
|
|
3
4
|
amountAppliedValues: {
|
|
4
5
|
type: NumberConstructor;
|
|
@@ -8,15 +9,26 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
9
|
type: BooleanConstructor;
|
|
9
10
|
default: boolean;
|
|
10
11
|
};
|
|
12
|
+
isFilterOpen: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
hasChevron: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
11
20
|
}, {
|
|
12
21
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
13
22
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
14
23
|
computedAriaLabel: import("vue").ComputedRef<string>;
|
|
15
24
|
conditionalClasses: import("vue").ComputedRef<{
|
|
16
25
|
"b-filter-button--with-counter": number;
|
|
26
|
+
"b-filter-button--with-chevron": boolean;
|
|
27
|
+
"b-filter-button--filter-open": boolean;
|
|
17
28
|
}>;
|
|
18
29
|
onClickButton: () => void;
|
|
19
|
-
|
|
30
|
+
hasSlot: (name: string) => boolean;
|
|
31
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoBaseButtonEvent.CLICK[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
20
32
|
amountAppliedValues: {
|
|
21
33
|
type: NumberConstructor;
|
|
22
34
|
default: any;
|
|
@@ -25,8 +37,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
37
|
type: BooleanConstructor;
|
|
26
38
|
default: boolean;
|
|
27
39
|
};
|
|
40
|
+
isFilterOpen: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
hasChevron: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
28
48
|
}>>, {
|
|
29
49
|
disabled: boolean;
|
|
30
50
|
amountAppliedValues: number;
|
|
51
|
+
isFilterOpen: boolean;
|
|
52
|
+
hasChevron: boolean;
|
|
31
53
|
}>;
|
|
32
54
|
export default _default;
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
listboxItems: import("@/types").BentoListboxOptions;
|
|
25
25
|
multiple?: boolean;
|
|
26
26
|
isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
|
|
27
|
+
buttonHasChevron?: boolean;
|
|
27
28
|
variant: BentoCountryVariant;
|
|
28
29
|
}>;
|
|
29
30
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
28
28
|
}[];
|
|
29
29
|
multiple?: boolean;
|
|
30
30
|
isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
|
|
31
|
+
buttonHasChevron?: boolean;
|
|
31
32
|
}>;
|
|
32
33
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
33
34
|
BentoCountryVariant: typeof BentoCountryVariant;
|
|
@@ -6,6 +6,7 @@ import { BentoCountryVariant } from '@/components/country';
|
|
|
6
6
|
import { BentoCurrencyListboxOptions } from '@/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types';
|
|
7
7
|
import { BentoPaymentMethodListboxOptions } from '@/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types';
|
|
8
8
|
export interface BentoSelectFilterOptions {
|
|
9
|
+
buttonHasChevron?: boolean;
|
|
9
10
|
listboxItems: BentoListboxOptions;
|
|
10
11
|
multiple?: boolean;
|
|
11
12
|
isOptionDisabled?: BentoListboxIsOptionDisabled;
|
|
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
21
|
default: any;
|
|
22
22
|
};
|
|
23
23
|
lastUpdated: {
|
|
24
|
-
type: DateConstructor;
|
|
24
|
+
type: (NumberConstructor | DateConstructor)[];
|
|
25
25
|
default: any;
|
|
26
26
|
};
|
|
27
27
|
}, {
|
|
@@ -54,13 +54,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
54
|
default: any;
|
|
55
55
|
};
|
|
56
56
|
lastUpdated: {
|
|
57
|
-
type: DateConstructor;
|
|
57
|
+
type: (NumberConstructor | DateConstructor)[];
|
|
58
58
|
default: any;
|
|
59
59
|
};
|
|
60
60
|
}>>, {
|
|
61
61
|
variant: BentoHeaderVariant;
|
|
62
62
|
actions: BentoButtonActionsList;
|
|
63
|
-
lastUpdated: Date;
|
|
63
|
+
lastUpdated: number | Date;
|
|
64
64
|
infoIconTooltipText: string;
|
|
65
65
|
}>;
|
|
66
66
|
export default _default;
|
|
@@ -6,7 +6,7 @@ export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
|
|
|
6
6
|
variant?: BentoLinkVariant;
|
|
7
7
|
}
|
|
8
8
|
import { BentoLinkVariant } from './link.types';
|
|
9
|
-
import type { RouterLinkProps
|
|
9
|
+
import type { RouterLinkProps } from 'vue-router/types/router';
|
|
10
10
|
import type { AnchorHTMLAttributes } from 'vue/types/jsx';
|
|
11
11
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
|
|
12
12
|
variant: BentoLinkVariant;
|
|
@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
17
17
|
}>>>, {
|
|
18
18
|
variant: BentoLinkVariant;
|
|
19
19
|
}>, {
|
|
20
|
-
default: (_:
|
|
20
|
+
default: (_: {}) => any;
|
|
21
21
|
}>;
|
|
22
22
|
export default _default;
|
|
23
23
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -27,10 +27,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
27
|
focusedIndex: import("vue").Ref<number>;
|
|
28
28
|
subMenuFocusedIndex: import("vue").Ref<number>;
|
|
29
29
|
showSubMenu: import("vue").Ref<boolean>;
|
|
30
|
-
|
|
30
|
+
visibleSubMenuIndex: any;
|
|
31
|
+
toggleMenu: (item: BentoMenuItem, index: number) => Promise<void>;
|
|
31
32
|
closeMenu: () => void;
|
|
32
33
|
focusPrevious: () => void;
|
|
33
34
|
focusNext: () => void;
|
|
35
|
+
focusRight: (item: any, index: any) => void;
|
|
36
|
+
focusLeft: () => void;
|
|
34
37
|
onBackButton: () => void;
|
|
35
38
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent.CLOSE[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
36
39
|
data: {
|
package/dist/@types/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts
CHANGED
|
@@ -15,8 +15,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
15
|
subMenuItemListRefLocal: any;
|
|
16
16
|
subMenuFocusedIndex: import("vue").Ref<number>;
|
|
17
17
|
ChevronLeftIcon: any;
|
|
18
|
-
computedItems: import("vue").ComputedRef<{
|
|
18
|
+
computedItems: import("vue").ComputedRef<({
|
|
19
19
|
indent: boolean;
|
|
20
|
+
isTitle: boolean;
|
|
21
|
+
clickHandler: () => void;
|
|
20
22
|
text: string;
|
|
21
23
|
handler: () => void;
|
|
22
24
|
secondaryText?: string;
|
|
@@ -25,9 +27,21 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
27
|
chevron?: boolean;
|
|
26
28
|
icon?: import("../../../..").VueNodeElement;
|
|
27
29
|
critical?: boolean;
|
|
28
|
-
}
|
|
30
|
+
} | {
|
|
31
|
+
text: string;
|
|
32
|
+
secondaryText: any;
|
|
33
|
+
critical: boolean;
|
|
34
|
+
icon: any;
|
|
35
|
+
isTitle: boolean;
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
indent: boolean;
|
|
38
|
+
handler: () => void;
|
|
39
|
+
clickHandler: () => void;
|
|
40
|
+
})[]>;
|
|
29
41
|
closeMenu: () => void;
|
|
30
42
|
onBackButton: () => void;
|
|
43
|
+
focusPrevious: () => void;
|
|
44
|
+
focusNext: () => void;
|
|
31
45
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
32
46
|
items: {
|
|
33
47
|
type: PropType<BentoMenuItem[]>;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
|
|
3
|
+
import { BentoButtonVariant } from '@/components/button/button.types';
|
|
4
|
+
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
5
|
+
declare const _default: import("vue").DefineComponent<{
|
|
6
|
+
modalRole: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: BentoModalRole;
|
|
9
|
+
};
|
|
10
|
+
isDismissible: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
hideCloseButton: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
customPadding: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
default: any;
|
|
21
|
+
};
|
|
22
|
+
isOpen: {
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
size: {
|
|
27
|
+
type: PropType<BentoModalSize>;
|
|
28
|
+
default: BentoModalSize;
|
|
29
|
+
};
|
|
30
|
+
initiallyOpen: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
34
|
+
}, {
|
|
35
|
+
modal: any;
|
|
36
|
+
computedAriaLabel: import("vue").ComputedRef<string>;
|
|
37
|
+
openModal: () => void;
|
|
38
|
+
closeModalOnClickOutside: ({ target }: Event) => void;
|
|
39
|
+
onCloseButtonClick: () => void;
|
|
40
|
+
hasSlot: (name: string) => boolean;
|
|
41
|
+
emitCloseEvent: () => void;
|
|
42
|
+
modalConditionalClasses: import("vue").ComputedRef<{
|
|
43
|
+
[x: string]: boolean | BentoModalSize;
|
|
44
|
+
"b-modal-base__container--visible": boolean;
|
|
45
|
+
}>;
|
|
46
|
+
wrapperStyles: import("vue").ComputedRef<{
|
|
47
|
+
padding: string;
|
|
48
|
+
} | {
|
|
49
|
+
padding?: undefined;
|
|
50
|
+
}>;
|
|
51
|
+
BentoButtonVariant: typeof BentoButtonVariant;
|
|
52
|
+
BentoTypographyElement: typeof BentoTypographyElement;
|
|
53
|
+
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
54
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
55
|
+
modalRole: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: BentoModalRole;
|
|
58
|
+
};
|
|
59
|
+
isDismissible: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
required: true;
|
|
62
|
+
};
|
|
63
|
+
hideCloseButton: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
required: true;
|
|
66
|
+
};
|
|
67
|
+
customPadding: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: any;
|
|
70
|
+
};
|
|
71
|
+
isOpen: {
|
|
72
|
+
type: BooleanConstructor;
|
|
73
|
+
required: true;
|
|
74
|
+
};
|
|
75
|
+
size: {
|
|
76
|
+
type: PropType<BentoModalSize>;
|
|
77
|
+
default: BentoModalSize;
|
|
78
|
+
};
|
|
79
|
+
initiallyOpen: {
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
default: boolean;
|
|
82
|
+
};
|
|
83
|
+
}>>, {
|
|
84
|
+
size: BentoModalSize;
|
|
85
|
+
modalRole: string;
|
|
86
|
+
customPadding: string;
|
|
87
|
+
initiallyOpen: boolean;
|
|
88
|
+
}>;
|
|
89
|
+
export default _default;
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
|
|
3
|
+
import { BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
|
|
4
|
+
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
5
|
+
declare const _default: import("vue").DefineComponent<{
|
|
6
|
+
isOpen: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
isDismissible: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
hideCloseButton: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
18
|
+
size: {
|
|
19
|
+
type: PropType<BentoModalSize>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
customPadding: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
default: any;
|
|
25
|
+
};
|
|
26
|
+
actions: {
|
|
27
|
+
type: PropType<BentoButtonActionsList>;
|
|
28
|
+
default: any;
|
|
29
|
+
};
|
|
30
|
+
actionsLabel: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: any;
|
|
33
|
+
};
|
|
34
|
+
destructiveActions: {
|
|
35
|
+
type: BooleanConstructor;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
38
|
+
initiallyOpen: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
default: boolean;
|
|
41
|
+
};
|
|
42
|
+
}, {
|
|
43
|
+
alignedActions: import("vue").ComputedRef<{
|
|
44
|
+
leftAligned: {
|
|
45
|
+
variant: BentoButtonVariant;
|
|
46
|
+
title: string;
|
|
47
|
+
event: (event: Event) => void;
|
|
48
|
+
icon?: import("../../../../index.js").VueNodeElement;
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
critical?: boolean;
|
|
51
|
+
}[];
|
|
52
|
+
rightAligned: BentoButtonActionsList;
|
|
53
|
+
}>;
|
|
54
|
+
onCloseModal: () => void;
|
|
55
|
+
hasSlot: (name: string) => boolean;
|
|
56
|
+
BentoButtonActionsLayout: {
|
|
57
|
+
BUTTONS_START: import("@/components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
|
|
58
|
+
BUTTONS_END: import("@/components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
|
|
59
|
+
FILL_CONTAINER: import("@/components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
|
|
60
|
+
SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
|
|
61
|
+
VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
|
|
62
|
+
};
|
|
63
|
+
BentoTypographyElement: typeof BentoTypographyElement;
|
|
64
|
+
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
65
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
66
|
+
isOpen: {
|
|
67
|
+
type: BooleanConstructor;
|
|
68
|
+
required: true;
|
|
69
|
+
};
|
|
70
|
+
isDismissible: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
required: true;
|
|
73
|
+
};
|
|
74
|
+
hideCloseButton: {
|
|
75
|
+
type: BooleanConstructor;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
78
|
+
size: {
|
|
79
|
+
type: PropType<BentoModalSize>;
|
|
80
|
+
required: true;
|
|
81
|
+
};
|
|
82
|
+
customPadding: {
|
|
83
|
+
type: StringConstructor;
|
|
84
|
+
default: any;
|
|
85
|
+
};
|
|
86
|
+
actions: {
|
|
87
|
+
type: PropType<BentoButtonActionsList>;
|
|
88
|
+
default: any;
|
|
89
|
+
};
|
|
90
|
+
actionsLabel: {
|
|
91
|
+
type: StringConstructor;
|
|
92
|
+
default: any;
|
|
93
|
+
};
|
|
94
|
+
destructiveActions: {
|
|
95
|
+
type: BooleanConstructor;
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
98
|
+
initiallyOpen: {
|
|
99
|
+
type: BooleanConstructor;
|
|
100
|
+
default: boolean;
|
|
101
|
+
};
|
|
102
|
+
}>>, {
|
|
103
|
+
actions: BentoButtonActionsList;
|
|
104
|
+
hideCloseButton: boolean;
|
|
105
|
+
customPadding: string;
|
|
106
|
+
initiallyOpen: boolean;
|
|
107
|
+
actionsLabel: string;
|
|
108
|
+
destructiveActions: boolean;
|
|
109
|
+
}>;
|
|
110
|
+
export default _default;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoModalDialogType, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
|
|
3
|
+
import { BentoButtonActionObject, BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
isOpen: {
|
|
6
|
+
type: BooleanConstructor;
|
|
7
|
+
required: true;
|
|
8
|
+
};
|
|
9
|
+
isDismissible: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
dialogType: {
|
|
14
|
+
type: PropType<BentoModalDialogType>;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
content: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
actions: {
|
|
22
|
+
type: PropType<BentoButtonActionsList>;
|
|
23
|
+
default: any;
|
|
24
|
+
};
|
|
25
|
+
initiallyOpen: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
dialogActions: import("vue").ComputedRef<BentoButtonActionObject[]>;
|
|
31
|
+
acknowledgementDialogActions: {
|
|
32
|
+
title: string;
|
|
33
|
+
event: () => void;
|
|
34
|
+
variant: BentoButtonVariant;
|
|
35
|
+
}[];
|
|
36
|
+
onCloseModal: () => void;
|
|
37
|
+
onCloseActionButton: () => void;
|
|
38
|
+
modalDialogConditionalClasses: import("vue").ComputedRef<{
|
|
39
|
+
[x: string]: BentoModalDialogType;
|
|
40
|
+
}>;
|
|
41
|
+
BentoModalRole: typeof BentoModalRole;
|
|
42
|
+
BentoModalSize: typeof BentoModalSize;
|
|
43
|
+
BentoButtonVariant: typeof BentoButtonVariant;
|
|
44
|
+
BentoModalDialogType: typeof BentoModalDialogType;
|
|
45
|
+
BentoButtonActionsLayout: {
|
|
46
|
+
BUTTONS_START: import("@/components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
|
|
47
|
+
BUTTONS_END: import("@/components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
|
|
48
|
+
FILL_CONTAINER: import("@/components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
|
|
49
|
+
SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
|
|
50
|
+
VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
|
|
51
|
+
};
|
|
52
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
53
|
+
isOpen: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
required: true;
|
|
56
|
+
};
|
|
57
|
+
isDismissible: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
required: true;
|
|
60
|
+
};
|
|
61
|
+
dialogType: {
|
|
62
|
+
type: PropType<BentoModalDialogType>;
|
|
63
|
+
required: true;
|
|
64
|
+
};
|
|
65
|
+
content: {
|
|
66
|
+
type: StringConstructor;
|
|
67
|
+
required: true;
|
|
68
|
+
};
|
|
69
|
+
actions: {
|
|
70
|
+
type: PropType<BentoButtonActionsList>;
|
|
71
|
+
default: any;
|
|
72
|
+
};
|
|
73
|
+
initiallyOpen: {
|
|
74
|
+
type: BooleanConstructor;
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
77
|
+
}>>, {
|
|
78
|
+
actions: BentoButtonActionsList;
|
|
79
|
+
initiallyOpen: boolean;
|
|
80
|
+
}>;
|
|
81
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare enum BentoModalVariant {
|
|
2
|
+
DEFAULT = "BentoModalDefault",
|
|
3
|
+
DIALOG = "BentoModalDialog"
|
|
4
|
+
}
|
|
5
|
+
export declare enum BentoModalSize {
|
|
6
|
+
SMALL = "small",
|
|
7
|
+
MEDIUM = "medium",
|
|
8
|
+
LARGE = "large"
|
|
9
|
+
}
|
|
10
|
+
export declare enum BentoModalRole {
|
|
11
|
+
DIALOG = "dialog",
|
|
12
|
+
ALERT_DIALOG = "alertdialog"
|
|
13
|
+
}
|
|
14
|
+
export declare enum BentoModalDialogType {
|
|
15
|
+
CONFIRMATION = "confirmation",
|
|
16
|
+
DESTRUCTIVE = "destructive",
|
|
17
|
+
INFO = "info",
|
|
18
|
+
ACKNOWLEDGEMENT = "acknowledgement"
|
|
19
|
+
}
|
|
20
|
+
export declare enum BentoModalEvent {
|
|
21
|
+
CLOSE_MODAL = "close-modal"
|
|
22
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
|
|
3
|
+
import { BentoButtonActionsList } from '@/components/button';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
variant: {
|
|
6
|
+
type: PropType<BentoModalVariant>;
|
|
7
|
+
default: BentoModalVariant;
|
|
8
|
+
};
|
|
9
|
+
isDismissible: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: any;
|
|
12
|
+
};
|
|
13
|
+
isOpen: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
actions: {
|
|
18
|
+
type: PropType<BentoButtonActionsList>;
|
|
19
|
+
default: any;
|
|
20
|
+
};
|
|
21
|
+
hideCloseButton: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
25
|
+
size: {
|
|
26
|
+
type: PropType<BentoModalSize>;
|
|
27
|
+
default: BentoModalSize;
|
|
28
|
+
};
|
|
29
|
+
customPadding: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: any;
|
|
32
|
+
};
|
|
33
|
+
actionsLabel: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: any;
|
|
36
|
+
};
|
|
37
|
+
destructiveActions: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
dialogType: {
|
|
42
|
+
type: PropType<BentoModalDialogType>;
|
|
43
|
+
default: BentoModalDialogType;
|
|
44
|
+
};
|
|
45
|
+
content: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
default: any;
|
|
48
|
+
};
|
|
49
|
+
}, {
|
|
50
|
+
onCloseModal: () => void;
|
|
51
|
+
customProps: import("vue").ComputedRef<{
|
|
52
|
+
hideCloseButton: boolean;
|
|
53
|
+
size: BentoModalSize;
|
|
54
|
+
customPadding: string;
|
|
55
|
+
actionsLabel: string;
|
|
56
|
+
destructiveActions: boolean;
|
|
57
|
+
isDismissible: boolean;
|
|
58
|
+
dialogType?: undefined;
|
|
59
|
+
content?: undefined;
|
|
60
|
+
} | {
|
|
61
|
+
dialogType: BentoModalDialogType;
|
|
62
|
+
content: string;
|
|
63
|
+
isDismissible: boolean;
|
|
64
|
+
hideCloseButton?: undefined;
|
|
65
|
+
size?: undefined;
|
|
66
|
+
customPadding?: undefined;
|
|
67
|
+
actionsLabel?: undefined;
|
|
68
|
+
destructiveActions?: undefined;
|
|
69
|
+
}>;
|
|
70
|
+
hasSlot: (name: string) => boolean;
|
|
71
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
72
|
+
variant: {
|
|
73
|
+
type: PropType<BentoModalVariant>;
|
|
74
|
+
default: BentoModalVariant;
|
|
75
|
+
};
|
|
76
|
+
isDismissible: {
|
|
77
|
+
type: BooleanConstructor;
|
|
78
|
+
default: any;
|
|
79
|
+
};
|
|
80
|
+
isOpen: {
|
|
81
|
+
type: BooleanConstructor;
|
|
82
|
+
default: boolean;
|
|
83
|
+
};
|
|
84
|
+
actions: {
|
|
85
|
+
type: PropType<BentoButtonActionsList>;
|
|
86
|
+
default: any;
|
|
87
|
+
};
|
|
88
|
+
hideCloseButton: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
size: {
|
|
93
|
+
type: PropType<BentoModalSize>;
|
|
94
|
+
default: BentoModalSize;
|
|
95
|
+
};
|
|
96
|
+
customPadding: {
|
|
97
|
+
type: StringConstructor;
|
|
98
|
+
default: any;
|
|
99
|
+
};
|
|
100
|
+
actionsLabel: {
|
|
101
|
+
type: StringConstructor;
|
|
102
|
+
default: any;
|
|
103
|
+
};
|
|
104
|
+
destructiveActions: {
|
|
105
|
+
type: BooleanConstructor;
|
|
106
|
+
default: boolean;
|
|
107
|
+
};
|
|
108
|
+
dialogType: {
|
|
109
|
+
type: PropType<BentoModalDialogType>;
|
|
110
|
+
default: BentoModalDialogType;
|
|
111
|
+
};
|
|
112
|
+
content: {
|
|
113
|
+
type: StringConstructor;
|
|
114
|
+
default: any;
|
|
115
|
+
};
|
|
116
|
+
}>>, {
|
|
117
|
+
content: string;
|
|
118
|
+
size: BentoModalSize;
|
|
119
|
+
variant: BentoModalVariant;
|
|
120
|
+
actions: BentoButtonActionsList;
|
|
121
|
+
isDismissible: boolean;
|
|
122
|
+
hideCloseButton: boolean;
|
|
123
|
+
customPadding: string;
|
|
124
|
+
isOpen: boolean;
|
|
125
|
+
actionsLabel: string;
|
|
126
|
+
destructiveActions: boolean;
|
|
127
|
+
dialogType: BentoModalDialogType;
|
|
128
|
+
}>;
|
|
129
|
+
export default _default;
|
|
@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
isChecked: ComputedRef<boolean>;
|
|
19
19
|
defaultSlotValue: string;
|
|
20
20
|
subLabelSlotValue: string;
|
|
21
|
+
descriptionSlotValue: string;
|
|
21
22
|
conditionalClass: ComputedRef<{
|
|
22
23
|
'b-radio-button--disabled': boolean;
|
|
23
24
|
}>;
|