@adyen/bento-vue2 0.1.4 → 0.2.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 +1 -0
- package/dist/@types/components/checkbox/checkbox.vue.d.ts +2 -2
- package/dist/@types/components/country/country.types.d.ts +2 -1
- package/dist/@types/components/country/country.vue.d.ts +10 -1
- package/dist/@types/components/country/index.d.ts +1 -0
- package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts +1 -0
- package/dist/@types/components/data-grid/data-grid.types.d.ts +1 -0
- package/dist/@types/components/data-grid/data-grid.vue.d.ts +13 -1
- package/dist/@types/components/date/date.types.d.ts +17 -0
- package/dist/@types/components/date/date.vue.d.ts +30 -0
- package/dist/@types/components/date/index.d.ts +2 -0
- package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +19 -1
- package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +19 -0
- package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +13 -13
- package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types.d.ts +5 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +114 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-country/composables/useCountryItems.d.ts +5 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.types.d.ts +7 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +123 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types.d.ts +6 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +109 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts +6 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +109 -0
- package/dist/@types/components/dropdown/dropdown.vue.d.ts +13 -12
- package/dist/@types/components/dropdown/index.d.ts +4 -1
- package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +33 -10
- package/dist/@types/components/filter-bar/components/base-filter/composables/use-base-filter.d.ts +6 -0
- package/dist/@types/components/filter-bar/components/base-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/listbox-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/listbox-filter/listbox-filter.vue.d.ts +53 -0
- package/dist/@types/components/filter-bar/components/text-filter/text-filter.vue.d.ts +4 -5
- package/dist/@types/components/filter-bar/filter-bar.types.d.ts +12 -4
- package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +19 -4
- package/dist/@types/components/info-icon/index.d.ts +1 -0
- package/dist/@types/components/info-icon/info-icon.vue.d.ts +12 -0
- package/dist/@types/components/internal/index.d.ts +1 -0
- package/dist/@types/components/internal/listbox/components/listbox-multi-select/index.d.ts +1 -0
- package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-multi-select/dropdown-multi-select.vue.d.ts → internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts} +13 -13
- package/dist/@types/components/internal/listbox/components/listbox-option/index.d.ts +1 -0
- package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-option/dropdown-option.vue.d.ts → internal/listbox/components/listbox-option/listbox-option.vue.d.ts} +2 -2
- package/dist/@types/components/internal/listbox/components/listbox-option-currency/index.d.ts +1 -0
- package/dist/@types/components/internal/listbox/components/listbox-option-currency/listbox-option-currency.vue.d.ts +17 -0
- package/dist/@types/components/internal/listbox/components/listbox-single-select-option/index.d.ts +1 -0
- package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-single-select-option/dropdown-single-select-option.vue.d.ts → internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts} +5 -22
- package/dist/@types/components/internal/listbox/index.d.ts +2 -0
- package/dist/@types/components/internal/listbox/listbox.vue.d.ts +61 -0
- package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts +11 -1
- package/dist/@types/components/page-header/page-header.vue.d.ts +11 -1
- package/dist/@types/components/pagination/components/pagination-context/pagination-context.vue.d.ts +2 -2
- package/dist/@types/components/payment-method/composables/index.d.ts +1 -0
- package/dist/@types/components/payment-method/composables/usePaymentIcon.d.ts +3 -0
- package/dist/@types/components/payment-method/index.d.ts +2 -0
- package/dist/@types/components/payment-method/payment-method.types.d.ts +1079 -0
- package/dist/@types/components/payment-method/payment-method.vue.d.ts +28 -0
- package/dist/@types/components/popover/popover.vue.d.ts +1 -1
- package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts +2 -3
- package/dist/@types/components/search-bar/search-bar.vue.d.ts +2 -2
- package/dist/@types/components/toast/components/toast-item/index.d.ts +2 -0
- package/dist/@types/components/toast/components/toast-item/toast-item.types.d.ts +9 -0
- package/dist/@types/components/toast/components/toast-item/toast-item.vue.d.ts +32 -0
- package/dist/@types/components/toast/index.d.ts +2 -0
- package/dist/@types/components/toast/toast.vue.d.ts +13 -0
- package/dist/@types/components/toggle/toggle.vue.d.ts +2 -2
- package/dist/@types/components.d.ts +16 -0
- package/dist/@types/composables/index.d.ts +1 -0
- package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts +2 -2
- package/dist/@types/composables/use-default-slot-validator.d.ts +1 -0
- package/dist/@types/composables/useDynamicImport.d.ts +2 -0
- package/dist/@types/index.d.ts +4 -0
- package/dist/@types/install.d.ts +1 -0
- package/dist/@types/plugins/toastController.d.ts +12 -0
- package/dist/@types/types/index.d.ts +2 -0
- package/dist/@types/types/listbox.d.ts +11 -0
- package/dist/@types/types/omit-strict.d.ts +1 -0
- package/dist/@types/utils/ts/toastController.d.ts +3 -0
- package/dist/@types/utils/ts/use-slot-text.d.ts +2 -0
- package/dist/index.js +7111 -4317
- package/dist/index.js.map +1 -1
- package/package.json +9 -7
- package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-multi-select/index.d.ts +0 -1
- package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-option/index.d.ts +0 -1
- package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-single-select-option/index.d.ts +0 -1
- package/dist/@types/components/dropdown/dropdown.types.d.ts +0 -10
|
@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
31
|
conditionalClassOutline: import("vue").ComputedRef<{
|
|
32
32
|
'b-checkbox__outline--unchecked': boolean;
|
|
33
33
|
}>;
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
defaultSlotValue: string;
|
|
35
|
+
descriptionSlotValue: string;
|
|
36
36
|
isCheckboxGroup: import("vue").ComputedRef<boolean>;
|
|
37
37
|
isChecked: import("vue").ComputedRef<boolean>;
|
|
38
38
|
isIndeterminate: import("vue").ComputedRef<boolean>;
|
|
@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6
6
|
type: PropType<BentoCountryCode>;
|
|
7
7
|
default: BentoCountryCode;
|
|
8
8
|
};
|
|
9
|
+
label: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
default: any;
|
|
12
|
+
};
|
|
9
13
|
variant: {
|
|
10
14
|
type: PropType<BentoCountryVariant>;
|
|
11
15
|
default: BentoCountryVariant;
|
|
@@ -14,13 +18,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
18
|
}, {
|
|
15
19
|
flagIconSrc: import("vue").Ref<string>;
|
|
16
20
|
countryName: import("vue").ComputedRef<string>;
|
|
17
|
-
|
|
21
|
+
countryLabel: import("vue").Ref<any>;
|
|
18
22
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
19
23
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
20
24
|
code: {
|
|
21
25
|
type: PropType<BentoCountryCode>;
|
|
22
26
|
default: BentoCountryCode;
|
|
23
27
|
};
|
|
28
|
+
label: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: any;
|
|
31
|
+
};
|
|
24
32
|
variant: {
|
|
25
33
|
type: PropType<BentoCountryVariant>;
|
|
26
34
|
default: BentoCountryVariant;
|
|
@@ -28,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
28
36
|
};
|
|
29
37
|
}>>, {
|
|
30
38
|
code: BentoCountryCode;
|
|
39
|
+
label: string;
|
|
31
40
|
variant: BentoCountryVariant;
|
|
32
41
|
}>;
|
|
33
42
|
export default _default;
|
|
@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
type: PropType<import("../filter-bar").BentoFilterBarModel>;
|
|
23
23
|
default: any;
|
|
24
24
|
};
|
|
25
|
+
filterSearchTerm: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: any;
|
|
28
|
+
};
|
|
25
29
|
getDataItemId: {
|
|
26
30
|
type: PropType<BentoDatagridGetDataItemIdFn>;
|
|
27
31
|
default: (item: BentoDatagridDataItem) => string;
|
|
@@ -133,6 +137,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
133
137
|
flex?: number;
|
|
134
138
|
sortable?: boolean;
|
|
135
139
|
numeric?: boolean;
|
|
140
|
+
infoIconTooltip?: string;
|
|
136
141
|
padding?: {
|
|
137
142
|
left?: boolean;
|
|
138
143
|
right?: boolean;
|
|
@@ -189,7 +194,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
189
194
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
190
195
|
onPaginationNavigate: (page: number) => void;
|
|
191
196
|
onItemsPerPageChange: (itemsPerPage: number) => void;
|
|
192
|
-
|
|
197
|
+
onSearchTermCleared: () => void;
|
|
198
|
+
onSearchTermInput: (newSearchTerm: any) => void;
|
|
199
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters" | "update:filter-search-term" | "filter-search-input" | "filter-search-clear")[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
193
200
|
condensed: {
|
|
194
201
|
type: BooleanConstructor;
|
|
195
202
|
default: boolean;
|
|
@@ -210,6 +217,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
210
217
|
type: PropType<import("../filter-bar").BentoFilterBarModel>;
|
|
211
218
|
default: any;
|
|
212
219
|
};
|
|
220
|
+
filterSearchTerm: {
|
|
221
|
+
type: StringConstructor;
|
|
222
|
+
default: any;
|
|
223
|
+
};
|
|
213
224
|
getDataItemId: {
|
|
214
225
|
type: PropType<BentoDatagridGetDataItemIdFn>;
|
|
215
226
|
default: (item: BentoDatagridDataItem) => string;
|
|
@@ -319,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
319
330
|
hasResizableColumns: boolean;
|
|
320
331
|
sortBy: BentoDatagridSortByColumn[];
|
|
321
332
|
columnPanel: boolean;
|
|
333
|
+
filterSearchTerm: string;
|
|
322
334
|
getDataItemId: BentoDatagridGetDataItemIdFn;
|
|
323
335
|
isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
|
|
324
336
|
pagination: any;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare enum BentoDateFormat {
|
|
2
|
+
LONG_WEEKDAY = "EEEE",
|
|
3
|
+
SHORT_TIME_WITH_PERIOD = "h:mm aa",
|
|
4
|
+
SHORT_TIME_WITHOUT_PERIOD = "H:mm",
|
|
5
|
+
EXACT_TIME_WITH_PERIOD = "h:mm:ss aa",
|
|
6
|
+
EXACT_TIME_WITHOUT_PERIOD = "H:mm:ss",
|
|
7
|
+
LONG_DATE = "LLLL dd, yyyy",
|
|
8
|
+
SHORT_DATE = "LLL dd, yyyy",
|
|
9
|
+
FULL_DATE_EXACT_TIME_WITH_PERIOD = "LLL dd, yyyy, h:mm:ss aa",
|
|
10
|
+
FULL_DATE_EXACT_TIME_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm:ss",
|
|
11
|
+
FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_PERIOD = "LLL dd, yyyy, h:mm:ss aa O",
|
|
12
|
+
FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm:ss O",
|
|
13
|
+
FULL_DATE_TIME_WITH_PERIOD = "LLL dd, yyyy, h:mm aa",
|
|
14
|
+
FULL_DATE_TIME_WITH_TIMEZONE_AND_PERIOD = "LLL dd, yyyy, h:mm aa O",
|
|
15
|
+
FULL_DATE_TIME_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm",
|
|
16
|
+
FULL_DATE_TIME_WITH_TIMEZONE_AND_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm O"
|
|
17
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoDateFormat } from '@/components/date/date.types';
|
|
3
|
+
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
date: {
|
|
6
|
+
type: DateConstructor;
|
|
7
|
+
default: any;
|
|
8
|
+
};
|
|
9
|
+
format: {
|
|
10
|
+
type: PropType<BentoDateFormat>;
|
|
11
|
+
default: BentoDateFormat;
|
|
12
|
+
};
|
|
13
|
+
}, {
|
|
14
|
+
formattedDate: import("vue").ComputedRef<string>;
|
|
15
|
+
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
16
|
+
BentoTypographyElement: typeof BentoTypographyElement;
|
|
17
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
+
date: {
|
|
19
|
+
type: DateConstructor;
|
|
20
|
+
default: any;
|
|
21
|
+
};
|
|
22
|
+
format: {
|
|
23
|
+
type: PropType<BentoDateFormat>;
|
|
24
|
+
default: BentoDateFormat;
|
|
25
|
+
};
|
|
26
|
+
}>>, {
|
|
27
|
+
date: Date;
|
|
28
|
+
format: BentoDateFormat;
|
|
29
|
+
}>;
|
|
30
|
+
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
3
|
-
import { Booleanish } from '@/types';
|
|
3
|
+
import { BentoListboxOptionItem, Booleanish } from '@/types';
|
|
4
4
|
import type { HTMLAttributes } from 'vue/types/jsx';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
6
6
|
additionalItemsSelected: {
|
|
@@ -51,6 +51,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
51
51
|
type: StringConstructor;
|
|
52
52
|
default: string;
|
|
53
53
|
};
|
|
54
|
+
selectedValueItem: {
|
|
55
|
+
type: PropType<BentoListboxOptionItem>;
|
|
56
|
+
default: any;
|
|
57
|
+
};
|
|
58
|
+
multiple: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
54
62
|
}, {
|
|
55
63
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
56
64
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
@@ -116,16 +124,26 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
116
124
|
type: StringConstructor;
|
|
117
125
|
default: string;
|
|
118
126
|
};
|
|
127
|
+
selectedValueItem: {
|
|
128
|
+
type: PropType<BentoListboxOptionItem>;
|
|
129
|
+
default: any;
|
|
130
|
+
};
|
|
131
|
+
multiple: {
|
|
132
|
+
type: BooleanConstructor;
|
|
133
|
+
default: boolean;
|
|
134
|
+
};
|
|
119
135
|
}>>, {
|
|
120
136
|
open: boolean;
|
|
121
137
|
value: string;
|
|
122
138
|
ariaLabel: string;
|
|
123
139
|
disabled: boolean;
|
|
140
|
+
multiple: boolean;
|
|
124
141
|
debounceTime: number;
|
|
125
142
|
additionalItemsSelected: number;
|
|
126
143
|
ariaLabelledby: string;
|
|
127
144
|
displayValue: string;
|
|
128
145
|
dynamicFiltering: boolean;
|
|
129
146
|
isInvalid: boolean;
|
|
147
|
+
selectedValueItem: BentoListboxOptionItem;
|
|
130
148
|
}>;
|
|
131
149
|
export default _default;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
+
import type { BentoListboxOptionItem } from '@/types';
|
|
2
3
|
import { Booleanish } from '../../../../types';
|
|
3
4
|
declare const _default: import("vue").DefineComponent<{
|
|
4
5
|
additionalItemsSelected: {
|
|
@@ -45,10 +46,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
46
|
type: BooleanConstructor;
|
|
46
47
|
default: boolean;
|
|
47
48
|
};
|
|
49
|
+
selectedValueItem: {
|
|
50
|
+
type: PropType<BentoListboxOptionItem>;
|
|
51
|
+
default: any;
|
|
52
|
+
};
|
|
48
53
|
value: {
|
|
49
54
|
type: StringConstructor;
|
|
50
55
|
default: string;
|
|
51
56
|
};
|
|
57
|
+
multiple: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
default: boolean;
|
|
60
|
+
};
|
|
52
61
|
}, {
|
|
53
62
|
conditionalClasses: import("vue").ComputedRef<{
|
|
54
63
|
'b-dropdown-default-textbox--error': boolean;
|
|
@@ -101,20 +110,30 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
101
110
|
type: BooleanConstructor;
|
|
102
111
|
default: boolean;
|
|
103
112
|
};
|
|
113
|
+
selectedValueItem: {
|
|
114
|
+
type: PropType<BentoListboxOptionItem>;
|
|
115
|
+
default: any;
|
|
116
|
+
};
|
|
104
117
|
value: {
|
|
105
118
|
type: StringConstructor;
|
|
106
119
|
default: string;
|
|
107
120
|
};
|
|
121
|
+
multiple: {
|
|
122
|
+
type: BooleanConstructor;
|
|
123
|
+
default: boolean;
|
|
124
|
+
};
|
|
108
125
|
}>>, {
|
|
109
126
|
open: boolean;
|
|
110
127
|
value: string;
|
|
111
128
|
ariaLabel: string;
|
|
112
129
|
disabled: boolean;
|
|
130
|
+
multiple: boolean;
|
|
113
131
|
debounceTime: number;
|
|
114
132
|
additionalItemsSelected: number;
|
|
115
133
|
ariaLabelledby: string;
|
|
116
134
|
displayValue: string;
|
|
117
135
|
dynamicFiltering: boolean;
|
|
118
136
|
isInvalid: boolean;
|
|
137
|
+
selectedValueItem: BentoListboxOptionItem;
|
|
119
138
|
}>;
|
|
120
139
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import
|
|
2
|
+
import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
ariaLabel: {
|
|
5
5
|
type: StringConstructor;
|
|
@@ -14,11 +14,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
14
|
required: true;
|
|
15
15
|
};
|
|
16
16
|
isOptionDisabled: {
|
|
17
|
-
type: PropType<
|
|
17
|
+
type: PropType<BentoListboxIsOptionDisabled>;
|
|
18
18
|
default: any;
|
|
19
19
|
};
|
|
20
20
|
items: {
|
|
21
|
-
type: PropType<
|
|
21
|
+
type: PropType<BentoListboxOptions>;
|
|
22
22
|
required: true;
|
|
23
23
|
};
|
|
24
24
|
multiple: {
|
|
@@ -30,11 +30,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
30
|
required: true;
|
|
31
31
|
};
|
|
32
32
|
selectedValue: {
|
|
33
|
-
type: PropType<
|
|
33
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
34
34
|
default: any;
|
|
35
35
|
};
|
|
36
36
|
targetElement: {
|
|
37
|
-
type: PropType<import("
|
|
37
|
+
type: PropType<import("@/types").VueNodeElement>;
|
|
38
38
|
required: true;
|
|
39
39
|
};
|
|
40
40
|
}, {
|
|
@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
56
56
|
BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
|
|
57
57
|
LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
|
|
58
58
|
};
|
|
59
|
-
onOptionSelected: (selectedValue:
|
|
60
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
59
|
+
onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
|
|
60
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
61
61
|
ariaLabel: {
|
|
62
62
|
type: StringConstructor;
|
|
63
63
|
default: any;
|
|
@@ -71,11 +71,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
71
71
|
required: true;
|
|
72
72
|
};
|
|
73
73
|
isOptionDisabled: {
|
|
74
|
-
type: PropType<
|
|
74
|
+
type: PropType<BentoListboxIsOptionDisabled>;
|
|
75
75
|
default: any;
|
|
76
76
|
};
|
|
77
77
|
items: {
|
|
78
|
-
type: PropType<
|
|
78
|
+
type: PropType<BentoListboxOptions>;
|
|
79
79
|
required: true;
|
|
80
80
|
};
|
|
81
81
|
multiple: {
|
|
@@ -87,18 +87,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
87
87
|
required: true;
|
|
88
88
|
};
|
|
89
89
|
selectedValue: {
|
|
90
|
-
type: PropType<
|
|
90
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
91
91
|
default: any;
|
|
92
92
|
};
|
|
93
93
|
targetElement: {
|
|
94
|
-
type: PropType<import("
|
|
94
|
+
type: PropType<import("@/types").VueNodeElement>;
|
|
95
95
|
required: true;
|
|
96
96
|
};
|
|
97
97
|
}>>, {
|
|
98
98
|
ariaLabel: string;
|
|
99
99
|
disabled: boolean;
|
|
100
100
|
multiple: boolean;
|
|
101
|
-
isOptionDisabled:
|
|
102
|
-
selectedValue:
|
|
101
|
+
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
102
|
+
selectedValue: BentoListboxSelectedValue;
|
|
103
103
|
}>;
|
|
104
104
|
export default _default;
|
package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts
ADDED
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoListboxSelectedValue } from '../../../../../types';
|
|
3
|
+
import { BentoAvatarListboxOptions } from './dropdown-avatar.types';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
items: {
|
|
6
|
+
type: PropType<BentoAvatarListboxOptions>;
|
|
7
|
+
default: () => any[];
|
|
8
|
+
};
|
|
9
|
+
ariaLabel: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
default: any;
|
|
12
|
+
};
|
|
13
|
+
disabled: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
dynamicFiltering: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
label: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
default: any;
|
|
24
|
+
};
|
|
25
|
+
description: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: any;
|
|
28
|
+
};
|
|
29
|
+
isOptionDisabled: {
|
|
30
|
+
type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
|
|
31
|
+
default: any;
|
|
32
|
+
};
|
|
33
|
+
multiple: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
optional: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
required: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
default: boolean;
|
|
44
|
+
};
|
|
45
|
+
value: {
|
|
46
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
47
|
+
default: any;
|
|
48
|
+
};
|
|
49
|
+
}, {
|
|
50
|
+
dropdownItems: import("vue").ComputedRef<{
|
|
51
|
+
value: import("../../../../../types").BentoListboxValue;
|
|
52
|
+
label: string;
|
|
53
|
+
data: string;
|
|
54
|
+
}[]>;
|
|
55
|
+
onInput: (selectedValue: BentoListboxSelectedValue) => void;
|
|
56
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
57
|
+
items: {
|
|
58
|
+
type: PropType<BentoAvatarListboxOptions>;
|
|
59
|
+
default: () => any[];
|
|
60
|
+
};
|
|
61
|
+
ariaLabel: {
|
|
62
|
+
type: StringConstructor;
|
|
63
|
+
default: any;
|
|
64
|
+
};
|
|
65
|
+
disabled: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
69
|
+
dynamicFiltering: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
label: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: any;
|
|
76
|
+
};
|
|
77
|
+
description: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: any;
|
|
80
|
+
};
|
|
81
|
+
isOptionDisabled: {
|
|
82
|
+
type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
|
|
83
|
+
default: any;
|
|
84
|
+
};
|
|
85
|
+
multiple: {
|
|
86
|
+
type: BooleanConstructor;
|
|
87
|
+
default: boolean;
|
|
88
|
+
};
|
|
89
|
+
optional: {
|
|
90
|
+
type: BooleanConstructor;
|
|
91
|
+
default: boolean;
|
|
92
|
+
};
|
|
93
|
+
required: {
|
|
94
|
+
type: BooleanConstructor;
|
|
95
|
+
default: boolean;
|
|
96
|
+
};
|
|
97
|
+
value: {
|
|
98
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
99
|
+
default: any;
|
|
100
|
+
};
|
|
101
|
+
}>>, {
|
|
102
|
+
required: boolean;
|
|
103
|
+
optional: boolean;
|
|
104
|
+
value: BentoListboxSelectedValue;
|
|
105
|
+
label: string;
|
|
106
|
+
ariaLabel: string;
|
|
107
|
+
disabled: boolean;
|
|
108
|
+
multiple: boolean;
|
|
109
|
+
description: string;
|
|
110
|
+
items: BentoAvatarListboxOptions;
|
|
111
|
+
isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
|
|
112
|
+
dynamicFiltering: boolean;
|
|
113
|
+
}>;
|
|
114
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import { BentoCountryVariant } from '../../../../../country';
|
|
3
|
+
import { BentoCountryListboxOptions } from '../dropdown-country.types';
|
|
4
|
+
import { BentoListboxOptions } from '../../../../../../types';
|
|
5
|
+
export declare const useCountryItems: (variant: Ref<BentoCountryVariant>, items: Ref<BentoCountryListboxOptions>) => ComputedRef<BentoListboxOptions>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { BentoListboxOptionItem, OmitStrict } from '../../../../../types';
|
|
2
|
+
import { BentoCountryCode } from '../../../../country';
|
|
3
|
+
export type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
|
|
4
|
+
value: BentoCountryCode;
|
|
5
|
+
label?: string;
|
|
6
|
+
};
|
|
7
|
+
export type BentoCountryListboxOptions = BentoCountryListboxOptionItem[];
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoCountryListboxOptions } from './dropdown-country.types';
|
|
3
|
+
import { BentoListboxSelectedValue } from '../../../../../types';
|
|
4
|
+
import { BentoCountryVariant } from '../../../../country';
|
|
5
|
+
declare const _default: import("vue").DefineComponent<{
|
|
6
|
+
items: {
|
|
7
|
+
type: PropType<BentoCountryListboxOptions>;
|
|
8
|
+
default: () => any[];
|
|
9
|
+
};
|
|
10
|
+
variant: {
|
|
11
|
+
type: PropType<BentoCountryVariant>;
|
|
12
|
+
default: BentoCountryVariant;
|
|
13
|
+
validator: (value: BentoCountryVariant) => boolean;
|
|
14
|
+
};
|
|
15
|
+
ariaLabel: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: any;
|
|
18
|
+
};
|
|
19
|
+
disabled: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
dynamicFiltering: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
label: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: any;
|
|
30
|
+
};
|
|
31
|
+
description: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: any;
|
|
34
|
+
};
|
|
35
|
+
isOptionDisabled: {
|
|
36
|
+
type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
|
|
37
|
+
default: any;
|
|
38
|
+
};
|
|
39
|
+
multiple: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
optional: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
required: {
|
|
48
|
+
type: BooleanConstructor;
|
|
49
|
+
default: boolean;
|
|
50
|
+
};
|
|
51
|
+
value: {
|
|
52
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
53
|
+
default: any;
|
|
54
|
+
};
|
|
55
|
+
}, {
|
|
56
|
+
countryItems: import("vue").ComputedRef<import("../../../../../types").BentoListboxOptions>;
|
|
57
|
+
onInput: (selectedValue: BentoListboxSelectedValue) => void;
|
|
58
|
+
BentoCountryVariant: typeof BentoCountryVariant;
|
|
59
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
60
|
+
items: {
|
|
61
|
+
type: PropType<BentoCountryListboxOptions>;
|
|
62
|
+
default: () => any[];
|
|
63
|
+
};
|
|
64
|
+
variant: {
|
|
65
|
+
type: PropType<BentoCountryVariant>;
|
|
66
|
+
default: BentoCountryVariant;
|
|
67
|
+
validator: (value: BentoCountryVariant) => boolean;
|
|
68
|
+
};
|
|
69
|
+
ariaLabel: {
|
|
70
|
+
type: StringConstructor;
|
|
71
|
+
default: any;
|
|
72
|
+
};
|
|
73
|
+
disabled: {
|
|
74
|
+
type: BooleanConstructor;
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
77
|
+
dynamicFiltering: {
|
|
78
|
+
type: BooleanConstructor;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
81
|
+
label: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: any;
|
|
84
|
+
};
|
|
85
|
+
description: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
default: any;
|
|
88
|
+
};
|
|
89
|
+
isOptionDisabled: {
|
|
90
|
+
type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
|
|
91
|
+
default: any;
|
|
92
|
+
};
|
|
93
|
+
multiple: {
|
|
94
|
+
type: BooleanConstructor;
|
|
95
|
+
default: boolean;
|
|
96
|
+
};
|
|
97
|
+
optional: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
101
|
+
required: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
105
|
+
value: {
|
|
106
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
107
|
+
default: any;
|
|
108
|
+
};
|
|
109
|
+
}>>, {
|
|
110
|
+
required: boolean;
|
|
111
|
+
optional: boolean;
|
|
112
|
+
value: BentoListboxSelectedValue;
|
|
113
|
+
label: string;
|
|
114
|
+
ariaLabel: string;
|
|
115
|
+
disabled: boolean;
|
|
116
|
+
multiple: boolean;
|
|
117
|
+
description: string;
|
|
118
|
+
variant: BentoCountryVariant;
|
|
119
|
+
items: BentoCountryListboxOptions;
|
|
120
|
+
isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
|
|
121
|
+
dynamicFiltering: boolean;
|
|
122
|
+
}>;
|
|
123
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { BentoListboxOptionItem, OmitStrict } from '@/types';
|
|
2
|
+
import { BentoCurrencyISOCode } from '@/components/currency';
|
|
3
|
+
export type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
|
|
4
|
+
value: BentoCurrencyISOCode;
|
|
5
|
+
};
|
|
6
|
+
export type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem[];
|