@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.
- package/dist/@types/components/button/button.demo.d.ts +6 -0
- package/dist/@types/components/button/button.vue.d.ts +1 -0
- package/dist/@types/components/button/components/button-actions/button-actions.vue.d.ts +4 -4
- package/dist/@types/components/currency/currency.vue.d.ts +9 -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 +15 -4
- 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
- package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.types.d.ts +4 -0
- package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +4 -3
- package/dist/@types/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +1 -0
- package/dist/@types/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +63 -2
- package/dist/@types/components/data-grid/data-grid.vue.d.ts +12 -29
- 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/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +2 -2
- package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +3 -28
- package/dist/@types/components/header/header.types.d.ts +4 -0
- package/dist/@types/components/header/header.vue.d.ts +66 -0
- package/dist/@types/components/header/index.d.ts +1 -0
- package/dist/@types/components/internal/base-button/base-button.types.d.ts +15 -0
- package/dist/@types/components/internal/base-button/base-button.vue.d.ts +47 -0
- package/dist/@types/components/internal/base-button/index.d.ts +2 -0
- package/dist/@types/components/menu/components/index.d.ts +2 -0
- package/dist/@types/components/menu/components/menu-item/index.d.ts +2 -0
- package/dist/@types/components/menu/components/menu-item/menu-item.types.d.ts +12 -0
- package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +96 -0
- package/dist/@types/components/menu/components/menu-item-list/index.d.ts +1 -0
- package/dist/@types/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +56 -0
- 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/index.d.ts +2 -0
- package/dist/@types/components/menu/menu.types.d.ts +4 -0
- package/dist/@types/components/menu/menu.vue.d.ts +53 -0
- package/dist/@types/components/popover/popover.vue.d.ts +10 -0
- package/dist/@types/components/tag/tag.types.d.ts +1 -1
- package/dist/@types/components/tooltip/tooltip.vue.d.ts +4 -5
- package/dist/@types/components.d.ts +6 -2
- package/dist/@types/index.d.ts +2 -0
- package/dist/@types/utils/ts/currency/currency.d.ts +2 -2
- package/dist/index.js +4774 -3678
- package/dist/index.js.map +1 -1
- package/dist/web-types.json +5296 -0
- package/package.json +15 -14
- package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts +0 -22
- package/dist/@types/components/page-header/index.d.ts +0 -1
- package/dist/@types/components/page-header/page-header.vue.d.ts +0 -22
- package/dist/@types/components/tooltip/index.d.ts +0 -1
|
@@ -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;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoButtonVariant } from '@/components/button';
|
|
3
|
+
import { BentoMenuItem } from './components';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
data: {
|
|
6
|
+
type: PropType<BentoMenuItem[]>;
|
|
7
|
+
required: true;
|
|
8
|
+
};
|
|
9
|
+
ghostButton: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
13
|
+
}, {
|
|
14
|
+
BentoButtonVariant: typeof BentoButtonVariant;
|
|
15
|
+
BentoPopoverPositions: {
|
|
16
|
+
AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
|
|
17
|
+
AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
|
|
18
|
+
AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
|
|
19
|
+
TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
|
|
20
|
+
TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
|
|
21
|
+
RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
|
|
22
|
+
RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
|
|
23
|
+
BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
|
|
24
|
+
BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
|
|
25
|
+
LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
|
|
26
|
+
LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
|
|
27
|
+
TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
|
|
28
|
+
RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
|
|
29
|
+
BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
|
|
30
|
+
LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
|
|
31
|
+
};
|
|
32
|
+
menuButtonRef: any;
|
|
33
|
+
menuId: string;
|
|
34
|
+
showMenu: import("vue").Ref<boolean>;
|
|
35
|
+
computedMenuButtonVariant: import("vue").ComputedRef<BentoButtonVariant.SECONDARY | BentoButtonVariant.TERTIARY>;
|
|
36
|
+
isLastElementFocused: import("vue").Ref<boolean>;
|
|
37
|
+
onKeyDown: () => void;
|
|
38
|
+
onKeyUp: () => void;
|
|
39
|
+
closeMenu: () => void;
|
|
40
|
+
toggleShowMenu: () => void;
|
|
41
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
42
|
+
data: {
|
|
43
|
+
type: PropType<BentoMenuItem[]>;
|
|
44
|
+
required: true;
|
|
45
|
+
};
|
|
46
|
+
ghostButton: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
}>>, {
|
|
51
|
+
ghostButton: boolean;
|
|
52
|
+
}>;
|
|
53
|
+
export default _default;
|
|
@@ -57,11 +57,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
57
57
|
type: PropType<import("../..").VueNodeElement>;
|
|
58
58
|
required: true;
|
|
59
59
|
};
|
|
60
|
+
withoutSpace: {
|
|
61
|
+
type: BooleanConstructor;
|
|
62
|
+
default: boolean;
|
|
63
|
+
};
|
|
60
64
|
}, {
|
|
61
65
|
conditionalClasses: import("vue").ComputedRef<{
|
|
62
66
|
'b-popover--small': boolean;
|
|
63
67
|
'b-popover--with-divider': boolean;
|
|
64
68
|
'b-popover--large': boolean;
|
|
69
|
+
'b-popover--without-space': boolean;
|
|
65
70
|
}>;
|
|
66
71
|
contentConditionalClasses: import("vue").ComputedRef<{
|
|
67
72
|
'b-popover__content--with-title': boolean;
|
|
@@ -124,6 +129,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
124
129
|
type: PropType<import("../..").VueNodeElement>;
|
|
125
130
|
required: true;
|
|
126
131
|
};
|
|
132
|
+
withoutSpace: {
|
|
133
|
+
type: BooleanConstructor;
|
|
134
|
+
default: boolean;
|
|
135
|
+
};
|
|
127
136
|
}>>, {
|
|
128
137
|
small: boolean;
|
|
129
138
|
position: import("@/components/popper-container").PopperContainerPosition;
|
|
@@ -137,5 +146,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
137
146
|
divider: boolean;
|
|
138
147
|
disableFocusTrap: boolean;
|
|
139
148
|
dismissible: boolean;
|
|
149
|
+
withoutSpace: boolean;
|
|
140
150
|
}>;
|
|
141
151
|
export default _default;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { PopperContainerAriaRole, PopperContainerPositionExtended } from '@/components/popper-container';
|
|
3
3
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
4
|
+
import { VueNodeElement } from '../../types';
|
|
4
5
|
declare const _default: import("vue").DefineComponent<{
|
|
5
6
|
id: {
|
|
6
7
|
type: StringConstructor;
|
|
7
8
|
default: any;
|
|
8
9
|
};
|
|
9
10
|
targetElement: {
|
|
10
|
-
type: PropType<
|
|
11
|
+
type: PropType<VueNodeElement>;
|
|
11
12
|
required: true;
|
|
12
13
|
};
|
|
13
14
|
position: {
|
|
@@ -36,13 +37,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
36
37
|
[x: string]: boolean;
|
|
37
38
|
}>;
|
|
38
39
|
tabIndex: import("vue").ComputedRef<number>;
|
|
39
|
-
}, {}, {}, {}, import("vue/types/v3-component-options
|
|
40
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
40
41
|
id: {
|
|
41
42
|
type: StringConstructor;
|
|
42
43
|
default: any;
|
|
43
44
|
};
|
|
44
45
|
targetElement: {
|
|
45
|
-
type: PropType<
|
|
46
|
+
type: PropType<VueNodeElement>;
|
|
46
47
|
required: true;
|
|
47
48
|
};
|
|
48
49
|
position: {
|
|
@@ -69,5 +70,3 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
69
70
|
isShown: boolean;
|
|
70
71
|
}>;
|
|
71
72
|
export default _default;
|
|
72
|
-
export declare class Tooltip {
|
|
73
|
-
}
|
|
@@ -3,7 +3,6 @@ import {
|
|
|
3
3
|
// AdlAccordion,
|
|
4
4
|
// AdlAccordionItem,
|
|
5
5
|
// AdlBadge,
|
|
6
|
-
// AdlPageHeader,
|
|
7
6
|
// AdlSegmentedControl,
|
|
8
7
|
// AdlSegmentedOption,
|
|
9
8
|
// AdlTab,
|
|
@@ -23,16 +22,19 @@ import {
|
|
|
23
22
|
BentoCurrency,
|
|
24
23
|
BentoDataGrid,
|
|
25
24
|
BentoDate,
|
|
25
|
+
BentoDatePicker,
|
|
26
26
|
BentoDropdown,
|
|
27
27
|
BentoDropdownAvatar,
|
|
28
28
|
BentoDropdownCountry,
|
|
29
29
|
BentoDropdownCurrency,
|
|
30
30
|
BentoDropdownPaymentMethod,
|
|
31
|
+
// BentoHeader,
|
|
31
32
|
BentoInfoIcon,
|
|
32
33
|
BentoInputField,
|
|
33
34
|
BentoLink,
|
|
34
35
|
BentoLoadingButton,
|
|
35
36
|
BentoLoadingIndicator,
|
|
37
|
+
BentoMenu,
|
|
36
38
|
BentoPagination,
|
|
37
39
|
BentoPaymentMethod,
|
|
38
40
|
BentoPopover,
|
|
@@ -52,7 +54,6 @@ declare module 'vue' {
|
|
|
52
54
|
// AdlAccordion: typeof AdlAccordion;
|
|
53
55
|
// AdlAccordionItem: typeof AdlAccordionItem;
|
|
54
56
|
// AdlBadge: typeof AdlBadge;
|
|
55
|
-
// AdlPageHeader: typeof AdlPageHeader;
|
|
56
57
|
// AdlSegmentedControl: typeof AdlSegmentedControl;
|
|
57
58
|
// AdlSegmentedOption: typeof AdlSegmentedOption;
|
|
58
59
|
// AdlTabs: typeof AdlTabs;
|
|
@@ -72,9 +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;
|
|
80
|
+
// BentoHeader: typeof BentoHeader;
|
|
78
81
|
BentoInfoIcon: typeof BentoInfoIcon;
|
|
79
82
|
BentoDropdownCurrency: typeof BentoDropdownCurrency;
|
|
80
83
|
BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;
|
|
@@ -82,6 +85,7 @@ declare module 'vue' {
|
|
|
82
85
|
BentoLink: typeof BentoLink;
|
|
83
86
|
BentoLoadingButton: typeof BentoLoadingButton;
|
|
84
87
|
BentoLoadingIndicator: typeof BentoLoadingIndicator;
|
|
88
|
+
BentoMenu: typeof BentoMenu;
|
|
85
89
|
BentoPagination: typeof BentoPagination;
|
|
86
90
|
BentoPaymentMethod: typeof BentoPaymentMethod;
|
|
87
91
|
BentoPopover: typeof BentoPopover;
|
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';
|
|
@@ -14,6 +15,7 @@ export * from './components/info-icon';
|
|
|
14
15
|
export * from './components/input-field';
|
|
15
16
|
export * from './components/loading-indicator';
|
|
16
17
|
export * from './components/link';
|
|
18
|
+
export * from './components/menu';
|
|
17
19
|
export * from './components/pagination';
|
|
18
20
|
export * from './components/payment-method';
|
|
19
21
|
export * from './components/popover';
|
|
@@ -2,5 +2,5 @@ import { CurrencyAmount, CurrencyOptions, NumberFormatOptionsResult } from './cu
|
|
|
2
2
|
export declare const getExponent: (currencyCode: string) => number;
|
|
3
3
|
export declare const getMinorUnitsAmount: (amount: CurrencyAmount) => number;
|
|
4
4
|
export declare const getNormalizedAmount: (amount: CurrencyAmount, exponent: number) => number;
|
|
5
|
-
export declare function getNumberFormatOptions(amount: CurrencyAmount, options?: CurrencyOptions): NumberFormatOptionsResult;
|
|
6
|
-
export declare const getLocalizedCurrencyValue: (amountValue: string, currency: string, isShort?: boolean) => string;
|
|
5
|
+
export declare function getNumberFormatOptions(amount: CurrencyAmount, options?: CurrencyOptions, majorUnits?: boolean): NumberFormatOptionsResult;
|
|
6
|
+
export declare const getLocalizedCurrencyValue: (amountValue: string, currency: string, isShort?: boolean, majorUnits?: boolean) => string;
|