@adyen/bento-vue2 0.3.0 → 0.4.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/alert/alert.vue.d.ts +1 -1
- package/dist/@types/components/button/button.vue.d.ts +1 -1
- package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts +1 -1
- package/dist/@types/components/card/card.vue.d.ts +20 -1
- package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts +1 -1
- package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts +1 -1
- package/dist/@types/components/country/composables/useCountryPhoneCode/useCountryPhoneCode.d.ts +1 -1
- package/dist/@types/components/country/country.vue.d.ts +1 -1
- package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +3 -3
- package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts +1 -1
- package/dist/@types/components/data-grid/composables/useConfigSettings.d.ts +4 -4
- package/dist/@types/components/data-grid/data-grid.types.d.ts +3 -2
- package/dist/@types/components/data-grid/data-grid.vue.d.ts +5 -6
- package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts +1 -1
- package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +2 -2
- package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +9 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types.d.ts +1 -1
- package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +5 -5
- package/dist/@types/components/dropdown/components/variants/dropdown-country/composables/useCountryItems.d.ts +2 -2
- package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.types.d.ts +2 -2
- package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +6 -6
- package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +4 -4
- package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts +2 -2
- package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +4 -4
- package/dist/@types/components/dropdown/dropdown.vue.d.ts +2 -1
- package/dist/@types/components/filter-bar/components/input-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +44 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +52 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +44 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +44 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +55 -0
- package/dist/@types/components/filter-bar/filter-bar.types.d.ts +34 -7
- package/dist/@types/components/internal/index.d.ts +1 -0
- package/dist/@types/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options.vue.d.ts +37 -0
- package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +4 -1
- package/dist/@types/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue.d.ts +3 -3
- package/dist/@types/components/internal/listbox/listbox.vue.d.ts +3 -0
- package/dist/@types/components/payment-method/payment-method.vue.d.ts +1 -1
- package/dist/@types/components/popper-container/popper-container.utils.d.ts +1 -1
- package/dist/@types/components.d.ts +0 -2
- package/dist/@types/composables/initials.d.ts +1 -1
- package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts +2 -2
- package/dist/@types/composables/useDynamicImport.d.ts +1 -1
- package/dist/@types/directives/click-outside/on-click-outside.d.ts +1 -1
- package/dist/@types/directives/click-outside/useEventListener/index.d.ts +1 -1
- package/dist/@types/directives/click-outside/utils.d.ts +1 -1
- package/dist/@types/directives/tooltip/tooltip.types.d.ts +1 -1
- package/dist/@types/index.d.ts +0 -1
- package/dist/@types/plugins/toastController.d.ts +1 -1
- package/dist/@types/types/listbox.d.ts +1 -1
- package/dist/@types/utils/ts/aria-label.d.ts +1 -1
- package/dist/@types/utils/ts/events.d.ts +1 -1
- package/dist/index.js +3512 -3145
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
- package/dist/@types/components/filter-bar/components/text-filter/index.d.ts +0 -1
- /package/dist/@types/components/filter-bar/components/{text-filter/text-filter.vue.d.ts → input-filter/input-filter.vue.d.ts} +0 -0
- /package/dist/@types/components/{avatar → internal/avatar}/avatar.vue.d.ts +0 -0
- /package/dist/@types/components/{avatar → internal/avatar}/index.d.ts +0 -0
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
26
26
|
BentoAlertSeverityOption: typeof BentoAlertSeverityOption;
|
|
27
27
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
28
28
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
29
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "close-alert"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
29
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "close-alert"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
30
30
|
severity: {
|
|
31
31
|
type: PropType<BentoAlertSeverityOption>;
|
|
32
32
|
default: BentoAlertSeverityOption;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoButtonVariant } from './button.types';
|
|
3
3
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
4
|
-
import { Booleanish } from '
|
|
4
|
+
import { Booleanish } from '@/types';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
6
6
|
disabled: {
|
|
7
7
|
type: BooleanConstructor;
|
|
@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
11
11
|
type: BooleanConstructor;
|
|
12
12
|
default: boolean;
|
|
13
13
|
};
|
|
14
|
+
closed: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
14
18
|
disabled: {
|
|
15
19
|
type: BooleanConstructor;
|
|
16
20
|
default: boolean;
|
|
@@ -33,13 +37,23 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
33
37
|
}>;
|
|
34
38
|
cardBodyConditionalClasses: import("vue").ComputedRef<{
|
|
35
39
|
'b-card__body--expandable': boolean;
|
|
40
|
+
'b-card__body--without-header': boolean;
|
|
36
41
|
}>;
|
|
37
42
|
cardHeaderConditionalClasses: import("vue").ComputedRef<{
|
|
38
|
-
'b-card__header--
|
|
43
|
+
'b-card__header--expandable': boolean;
|
|
44
|
+
'b-card__header--without-body': boolean;
|
|
45
|
+
}>;
|
|
46
|
+
cardContentConditionalClasses: import("vue").ComputedRef<{
|
|
47
|
+
'b-card__content--without-header': boolean;
|
|
48
|
+
'b-card__content--expandable': boolean;
|
|
49
|
+
}>;
|
|
50
|
+
cardActionsConditionalClasses: import("vue").ComputedRef<{
|
|
51
|
+
'b-card__actions--without-content': boolean;
|
|
39
52
|
}>;
|
|
40
53
|
showCardBody: import("vue").ComputedRef<boolean>;
|
|
41
54
|
showContent: import("vue").Ref<boolean>;
|
|
42
55
|
tabIndex: import("vue").ComputedRef<0 | -1>;
|
|
56
|
+
showHeader: import("vue").ComputedRef<boolean>;
|
|
43
57
|
onClick: () => void;
|
|
44
58
|
toggleExpansion: () => void;
|
|
45
59
|
hasSlot: (name: string) => boolean;
|
|
@@ -54,6 +68,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
68
|
type: BooleanConstructor;
|
|
55
69
|
default: boolean;
|
|
56
70
|
};
|
|
71
|
+
closed: {
|
|
72
|
+
type: BooleanConstructor;
|
|
73
|
+
default: boolean;
|
|
74
|
+
};
|
|
57
75
|
disabled: {
|
|
58
76
|
type: BooleanConstructor;
|
|
59
77
|
default: boolean;
|
|
@@ -68,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
68
86
|
validator: (value: BentoButtonActionsLayout) => boolean;
|
|
69
87
|
};
|
|
70
88
|
}>>, {
|
|
89
|
+
closed: boolean;
|
|
71
90
|
background: BentoCardBackground;
|
|
72
91
|
disabled: boolean;
|
|
73
92
|
actions: BentoButtonActionsList;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MaybeRef } from '
|
|
1
|
+
import { MaybeRef } from '@/types';
|
|
2
2
|
import VueI18n from 'vue-i18n';
|
|
3
3
|
export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<VueI18n.TranslateResult>;
|
|
4
4
|
export default useCountryCapital;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MaybeRef } from '
|
|
1
|
+
import { MaybeRef } from '@/types';
|
|
2
2
|
export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<string>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoTypographyElement } from '
|
|
2
|
+
import { BentoTypographyElement } from '@/components/typography';
|
|
3
3
|
import { BentoCountryCode, BentoCountryVariant } from './country.types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
code: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoButtonVariant } from '
|
|
3
|
-
import { BentoTypographyElement, BentoTypographyVariant } from '
|
|
4
|
-
import { AdlLabelPosition } from '
|
|
2
|
+
import { BentoButtonVariant } from '@/components/button';
|
|
3
|
+
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
4
|
+
import { AdlLabelPosition } from '@/types';
|
|
5
5
|
import { BentoColumn } from '../../data-grid.types';
|
|
6
6
|
declare const _default: import("vue").DefineComponent<{
|
|
7
7
|
columns: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BentoColumn, BentoColumnWidthOverridesLookup } from '../../data-grid.types';
|
|
2
2
|
import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
|
|
3
|
-
import { MaybeRef } from '
|
|
3
|
+
import { MaybeRef } from '@/types';
|
|
4
4
|
export declare const DEFAULT_COLUMN_WIDTH = 100;
|
|
5
5
|
export declare const DEFAULT_COLUMN_MIN_WIDTH = 50;
|
|
6
6
|
export declare const DATAGRID_SELECT_FIELD_NAME = "b-select";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { MaybeRef } from '
|
|
1
|
+
import { MaybeRef } from '@/types';
|
|
2
2
|
import { BentoColumn } from '../data-grid.types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
onConfigSettingsUpdate: (isCompactView: boolean) =>
|
|
3
|
+
import type { EmitFn } from 'vue/types/v3-setup-context';
|
|
4
|
+
export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, emit: EmitFn) => {
|
|
5
|
+
onConfigSettingsUpdate: (isCompactView: boolean) => void;
|
|
6
6
|
onColumnVisibiltyChange: (columnIndexes: string[]) => void;
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BentoPagination } from '
|
|
1
|
+
import { BentoPagination } from '@/components/pagination';
|
|
2
2
|
export declare enum BentoColumnOverflow {
|
|
3
3
|
WRAP = "wrap",
|
|
4
4
|
ELLIPSIS = "ellipsis"
|
|
@@ -62,5 +62,6 @@ export declare enum BentoDatagridEvent {
|
|
|
62
62
|
FILTER_SEARCH_CLEAR = "filter-search-clear",
|
|
63
63
|
COLUMNS = "columns",
|
|
64
64
|
UPDATE_COLUMNS = "update:columns",
|
|
65
|
-
ROW_CLICK = "row-click"
|
|
65
|
+
ROW_CLICK = "row-click",
|
|
66
|
+
UPDATE_CONDENSED = "update:condensed"
|
|
66
67
|
}
|
|
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
required: true;
|
|
24
24
|
};
|
|
25
25
|
filters: {
|
|
26
|
-
type: PropType<import("
|
|
26
|
+
type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
|
|
27
27
|
default: any;
|
|
28
28
|
};
|
|
29
29
|
filterSearchTerm: {
|
|
@@ -192,8 +192,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
192
192
|
onRowSelect: () => void;
|
|
193
193
|
DATAGRID_SELECT_FIELD_NAME: string;
|
|
194
194
|
onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
|
|
195
|
-
|
|
196
|
-
onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
|
|
195
|
+
onConfigSettingsUpdate: (isCompactView: boolean) => void;
|
|
197
196
|
onColumnVisibiltyChange: (columnIndexes: string[]) => void;
|
|
198
197
|
BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
|
|
199
198
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
@@ -203,7 +202,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
203
202
|
onItemsPerPageChange: (itemsPerPage: number) => void;
|
|
204
203
|
onSearchTermCleared: () => void;
|
|
205
204
|
onSearchTermInput: (newSearchTerm: any) => void;
|
|
206
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
205
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.SORT | BentoDatagridEvent.SELECT | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.UPDATE_FILERS | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.COLUMNS | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.ROW_CLICK)[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
207
206
|
allowRowClicks: {
|
|
208
207
|
type: BooleanConstructor;
|
|
209
208
|
default: boolean;
|
|
@@ -225,7 +224,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
225
224
|
required: true;
|
|
226
225
|
};
|
|
227
226
|
filters: {
|
|
228
|
-
type: PropType<import("
|
|
227
|
+
type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
|
|
229
228
|
default: any;
|
|
230
229
|
};
|
|
231
230
|
filterSearchTerm: {
|
|
@@ -337,7 +336,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
337
336
|
outline: boolean;
|
|
338
337
|
loading: boolean;
|
|
339
338
|
condensed: boolean;
|
|
340
|
-
filters: import("
|
|
339
|
+
filters: import("@/components/filter-bar").BentoFilterBarModel;
|
|
341
340
|
hasResizableColumns: boolean;
|
|
342
341
|
sortBy: BentoDatagridSortByColumn[];
|
|
343
342
|
allowRowClicks: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import type { BentoListboxOptionItem } from '@/types';
|
|
3
|
-
import { Booleanish } from '
|
|
3
|
+
import { Booleanish } from '@/types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
additionalItemsSelected: {
|
|
6
6
|
type: NumberConstructor;
|
|
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
69
69
|
'b-dropdown-default-textbox--opened': boolean;
|
|
70
70
|
}>;
|
|
71
71
|
isDropdownOpen: import("vue").ComputedRef<boolean>;
|
|
72
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
72
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
73
73
|
additionalItemsSelected: {
|
|
74
74
|
type: NumberConstructor;
|
|
75
75
|
default: number;
|
|
@@ -33,6 +33,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
33
33
|
type: PropType<BentoListboxSelectedValue>;
|
|
34
34
|
default: any;
|
|
35
35
|
};
|
|
36
|
+
searching: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
default: boolean;
|
|
39
|
+
};
|
|
36
40
|
targetElement: {
|
|
37
41
|
type: PropType<import("@/types").VueNodeElement>;
|
|
38
42
|
required: true;
|
|
@@ -90,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
90
94
|
type: PropType<BentoListboxSelectedValue>;
|
|
91
95
|
default: any;
|
|
92
96
|
};
|
|
97
|
+
searching: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
93
101
|
targetElement: {
|
|
94
102
|
type: PropType<import("@/types").VueNodeElement>;
|
|
95
103
|
required: true;
|
|
@@ -99,6 +107,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
99
107
|
disabled: boolean;
|
|
100
108
|
multiple: boolean;
|
|
101
109
|
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
110
|
+
searching: boolean;
|
|
102
111
|
selectedValue: BentoListboxSelectedValue;
|
|
103
112
|
}>;
|
|
104
113
|
export default _default;
|
package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoListboxSelectedValue } from '
|
|
2
|
+
import { BentoListboxSelectedValue } from '@/types';
|
|
3
3
|
import { BentoAvatarListboxOptions } from './dropdown-avatar.types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
items: {
|
|
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
27
|
default: any;
|
|
28
28
|
};
|
|
29
29
|
isOptionDisabled: {
|
|
30
|
-
type: PropType<import("
|
|
30
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
31
31
|
default: any;
|
|
32
32
|
};
|
|
33
33
|
multiple: {
|
|
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
52
52
|
};
|
|
53
53
|
}, {
|
|
54
54
|
dropdownItems: import("vue").ComputedRef<{
|
|
55
|
-
value: import("
|
|
55
|
+
value: import("@/types").BentoListboxValue;
|
|
56
56
|
label: string;
|
|
57
57
|
data: string;
|
|
58
58
|
}[]>;
|
|
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
83
83
|
default: any;
|
|
84
84
|
};
|
|
85
85
|
isOptionDisabled: {
|
|
86
|
-
type: PropType<import("
|
|
86
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
87
87
|
default: any;
|
|
88
88
|
};
|
|
89
89
|
multiple: {
|
|
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
116
116
|
multiple: boolean;
|
|
117
117
|
description: string;
|
|
118
118
|
items: BentoAvatarListboxOptions;
|
|
119
|
-
isOptionDisabled: import("
|
|
119
|
+
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
120
120
|
dynamicFiltering: boolean;
|
|
121
121
|
showSlotContentInMultiple: boolean;
|
|
122
122
|
}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComputedRef, Ref } from 'vue';
|
|
2
|
-
import { BentoCountryVariant } from '
|
|
2
|
+
import { BentoCountryVariant } from '@/components/country';
|
|
3
3
|
import { BentoCountryListboxOptions } from '../dropdown-country.types';
|
|
4
|
-
import { BentoListboxOptions } from '
|
|
4
|
+
import { BentoListboxOptions } from '@/types';
|
|
5
5
|
export declare const useCountryItems: (variant: Ref<BentoCountryVariant>, items: Ref<BentoCountryListboxOptions>) => ComputedRef<BentoListboxOptions>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BentoListboxOptionItem, OmitStrict } from '
|
|
2
|
-
import { BentoCountryCode } from '
|
|
1
|
+
import { BentoListboxOptionItem, OmitStrict } from '@/types';
|
|
2
|
+
import { BentoCountryCode } from '@/components/country';
|
|
3
3
|
export type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
|
|
4
4
|
value: BentoCountryCode;
|
|
5
5
|
label?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoCountryListboxOptions } from './dropdown-country.types';
|
|
3
|
-
import { BentoListboxSelectedValue } from '
|
|
4
|
-
import { BentoCountryVariant } from '
|
|
3
|
+
import { BentoListboxSelectedValue } from '@/types';
|
|
4
|
+
import { BentoCountryVariant } from '@/components/country';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
6
6
|
items: {
|
|
7
7
|
type: PropType<BentoCountryListboxOptions>;
|
|
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
33
33
|
default: any;
|
|
34
34
|
};
|
|
35
35
|
isOptionDisabled: {
|
|
36
|
-
type: PropType<import("
|
|
36
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
37
37
|
default: any;
|
|
38
38
|
};
|
|
39
39
|
multiple: {
|
|
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
57
57
|
default: any;
|
|
58
58
|
};
|
|
59
59
|
}, {
|
|
60
|
-
countryItems: import("vue").ComputedRef<import("
|
|
60
|
+
countryItems: import("vue").ComputedRef<import("@/types").BentoListboxOptions>;
|
|
61
61
|
onInput: (selectedValue: BentoListboxSelectedValue) => void;
|
|
62
62
|
BentoCountryVariant: typeof BentoCountryVariant;
|
|
63
63
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
91
91
|
default: any;
|
|
92
92
|
};
|
|
93
93
|
isOptionDisabled: {
|
|
94
|
-
type: PropType<import("
|
|
94
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
95
95
|
default: any;
|
|
96
96
|
};
|
|
97
97
|
multiple: {
|
|
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
125
125
|
description: string;
|
|
126
126
|
variant: BentoCountryVariant;
|
|
127
127
|
items: BentoCountryListboxOptions;
|
|
128
|
-
isOptionDisabled: import("
|
|
128
|
+
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
129
129
|
dynamicFiltering: boolean;
|
|
130
130
|
showSlotContentInMultiple: boolean;
|
|
131
131
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import type { BentoCurrencyListboxOptions } from './dropdown-currency.types';
|
|
3
|
-
import type { BentoListboxSelectedValue } from '
|
|
3
|
+
import type { BentoListboxSelectedValue } from '@/types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
items: {
|
|
6
6
|
type: PropType<BentoCurrencyListboxOptions>;
|
|
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
27
|
default: any;
|
|
28
28
|
};
|
|
29
29
|
isOptionDisabled: {
|
|
30
|
-
type: PropType<import("
|
|
30
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
31
31
|
default: any;
|
|
32
32
|
};
|
|
33
33
|
multiple: {
|
|
@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
78
|
default: any;
|
|
79
79
|
};
|
|
80
80
|
isOptionDisabled: {
|
|
81
|
-
type: PropType<import("
|
|
81
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
82
82
|
default: any;
|
|
83
83
|
};
|
|
84
84
|
multiple: {
|
|
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
111
111
|
multiple: boolean;
|
|
112
112
|
description: string;
|
|
113
113
|
items: BentoCurrencyListboxOptions;
|
|
114
|
-
isOptionDisabled: import("
|
|
114
|
+
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
115
115
|
dynamicFiltering: boolean;
|
|
116
116
|
showSlotContentInMultiple: boolean;
|
|
117
117
|
}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BentoListboxOptionItem, OmitStrict } from '
|
|
2
|
-
import { BentoPaymentMethodType } from '
|
|
1
|
+
import { BentoListboxOptionItem, OmitStrict } from '@/types';
|
|
2
|
+
import { BentoPaymentMethodType } from '@/components/payment-method';
|
|
3
3
|
export type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
|
|
4
4
|
value: BentoPaymentMethodType;
|
|
5
5
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoPaymentMethodListboxOptions } from './dropdown-payment-method.types';
|
|
3
|
-
import { BentoListboxSelectedValue } from '
|
|
3
|
+
import { BentoListboxSelectedValue } from '@/types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
items: {
|
|
6
6
|
type: PropType<BentoPaymentMethodListboxOptions>;
|
|
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
27
|
default: any;
|
|
28
28
|
};
|
|
29
29
|
isOptionDisabled: {
|
|
30
|
-
type: PropType<import("
|
|
30
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
31
31
|
default: any;
|
|
32
32
|
};
|
|
33
33
|
multiple: {
|
|
@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
78
|
default: any;
|
|
79
79
|
};
|
|
80
80
|
isOptionDisabled: {
|
|
81
|
-
type: PropType<import("
|
|
81
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
82
82
|
default: any;
|
|
83
83
|
};
|
|
84
84
|
multiple: {
|
|
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
111
111
|
multiple: boolean;
|
|
112
112
|
description: string;
|
|
113
113
|
items: BentoPaymentMethodListboxOptions;
|
|
114
|
-
isOptionDisabled: import("
|
|
114
|
+
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
115
115
|
dynamicFiltering: boolean;
|
|
116
116
|
showSlotContentInMultiple: boolean;
|
|
117
117
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
|
|
3
|
-
import { BentoTypographyElement } from '
|
|
3
|
+
import { BentoTypographyElement } from '@/components/typography';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
ariaLabel: {
|
|
6
6
|
type: StringConstructor;
|
|
@@ -56,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
56
56
|
displayValue: import("vue").ComputedRef<string>;
|
|
57
57
|
dropdownOptionsContainerId: string;
|
|
58
58
|
filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem[]>;
|
|
59
|
+
isSearching: import("vue").ComputedRef<boolean>;
|
|
59
60
|
searchTerm: import("vue").Ref<string>;
|
|
60
61
|
labelId: string;
|
|
61
62
|
selectedValueItem: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem | import("@/types").BentoListboxOptionItem[]>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoInputFilter } from './input-filter.vue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoSelectAvatarFilter } from './select-avatar-filter.vue';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoListboxSelectedValue } from '@/types';
|
|
3
|
+
import { BentoSelectAvatarFilterOptions } from '@/components/filter-bar';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
options: {
|
|
6
|
+
type: PropType<BentoSelectAvatarFilterOptions>;
|
|
7
|
+
default: any;
|
|
8
|
+
};
|
|
9
|
+
field: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
label: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
value: {
|
|
18
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
19
|
+
default: any;
|
|
20
|
+
};
|
|
21
|
+
}, {
|
|
22
|
+
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
23
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
options: {
|
|
25
|
+
type: PropType<BentoSelectAvatarFilterOptions>;
|
|
26
|
+
default: any;
|
|
27
|
+
};
|
|
28
|
+
field: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
label: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
required: true;
|
|
35
|
+
};
|
|
36
|
+
value: {
|
|
37
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
38
|
+
default: any;
|
|
39
|
+
};
|
|
40
|
+
}>>, {
|
|
41
|
+
value: BentoListboxSelectedValue;
|
|
42
|
+
options: BentoSelectAvatarFilterOptions;
|
|
43
|
+
}>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoSelectCountryFilter } from './select-country-filter.vue';
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoCountryVariant } from '@/components/country';
|
|
3
|
+
import { BentoListboxSelectedValue } from '@/types';
|
|
4
|
+
import { BentoSelectCountryFilterOptions } from '@/components/filter-bar';
|
|
5
|
+
declare const _default: import("vue").DefineComponent<{
|
|
6
|
+
options: {
|
|
7
|
+
type: PropType<BentoSelectCountryFilterOptions>;
|
|
8
|
+
default: any;
|
|
9
|
+
};
|
|
10
|
+
field: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
label: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
value: {
|
|
19
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
20
|
+
default: any;
|
|
21
|
+
};
|
|
22
|
+
}, {
|
|
23
|
+
countryOptions: import("vue").ComputedRef<{
|
|
24
|
+
listboxItems: import("@/types").BentoListboxOptions;
|
|
25
|
+
multiple?: boolean;
|
|
26
|
+
isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
|
|
27
|
+
variant: BentoCountryVariant;
|
|
28
|
+
}>;
|
|
29
|
+
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
30
|
+
BentoCountryVariant: typeof BentoCountryVariant;
|
|
31
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
32
|
+
options: {
|
|
33
|
+
type: PropType<BentoSelectCountryFilterOptions>;
|
|
34
|
+
default: any;
|
|
35
|
+
};
|
|
36
|
+
field: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
40
|
+
label: {
|
|
41
|
+
type: StringConstructor;
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
value: {
|
|
45
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
46
|
+
default: any;
|
|
47
|
+
};
|
|
48
|
+
}>>, {
|
|
49
|
+
value: BentoListboxSelectedValue;
|
|
50
|
+
options: BentoSelectCountryFilterOptions;
|
|
51
|
+
}>;
|
|
52
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoSelectCurrencyFilter } from './select-currency-filter.vue';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoListboxSelectedValue } from '@/types';
|
|
3
|
+
import { BentoSelectCurrencyFilterOptions } from '@/components/filter-bar';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
options: {
|
|
6
|
+
type: PropType<BentoSelectCurrencyFilterOptions>;
|
|
7
|
+
default: any;
|
|
8
|
+
};
|
|
9
|
+
field: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
label: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
value: {
|
|
18
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
19
|
+
default: any;
|
|
20
|
+
};
|
|
21
|
+
}, {
|
|
22
|
+
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
23
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
options: {
|
|
25
|
+
type: PropType<BentoSelectCurrencyFilterOptions>;
|
|
26
|
+
default: any;
|
|
27
|
+
};
|
|
28
|
+
field: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
label: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
required: true;
|
|
35
|
+
};
|
|
36
|
+
value: {
|
|
37
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
38
|
+
default: any;
|
|
39
|
+
};
|
|
40
|
+
}>>, {
|
|
41
|
+
value: BentoListboxSelectedValue;
|
|
42
|
+
options: BentoSelectCurrencyFilterOptions;
|
|
43
|
+
}>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoSelectPaymentMethodFilter } from './select-payment-method-filter.vue';
|