@adyen/bento-vue2 0.2.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 +4 -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 +16 -1
- package/dist/@types/components/data-grid/data-grid.vue.d.ts +18 -7
- package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts +5 -1
- package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +15 -5
- package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +14 -5
- 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 +14 -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 +15 -6
- package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +13 -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 +13 -4
- package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts +6 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +123 -0
- package/dist/@types/components/dropdown/dropdown.vue.d.ts +14 -4
- package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +33 -7
- package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +43 -0
- package/dist/@types/components/filter-bar/components/boolean-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/input-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +42 -0
- package/dist/@types/components/filter-bar/components/select-filter/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/{listbox-filter/listbox-filter.vue.d.ts → select-filter/select-filter.vue.d.ts} +9 -7
- 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 +38 -8
- package/dist/@types/components/input-field/input-field.types.d.ts +2 -1
- package/dist/@types/components/input-field/input-field.vue.d.ts +1 -0
- 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 +13 -1
- package/dist/@types/components/internal/listbox/components/listbox-option-tag/index.d.ts +1 -0
- package/dist/@types/components/internal/listbox/components/{listbox-option-currency/listbox-option-currency.vue.d.ts → listbox-option-tag/listbox-option-tag.vue.d.ts} +4 -2
- package/dist/@types/components/internal/listbox/index.d.ts +1 -1
- package/dist/@types/components/internal/listbox/listbox.vue.d.ts +12 -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/radio-group/radio-group.vue.d.ts +9 -0
- package/dist/@types/components/search-bar/search-bar.vue.d.ts +1 -0
- package/dist/@types/components/tabs/components/tab.types.d.ts +5 -0
- package/dist/@types/components/tabs/components/tab.vue.d.ts +3 -37
- package/dist/@types/components/tabs/index.d.ts +2 -3
- package/dist/@types/components/tabs/tabs.keys.d.ts +2 -1
- package/dist/@types/components/tabs/tabs.types.d.ts +4 -9
- package/dist/@types/components/tabs/tabs.utils.d.ts +3 -0
- package/dist/@types/components/tabs/tabs.vue.d.ts +13 -16
- package/dist/@types/components/toast/components/toast-item/toast-item.vue.d.ts +1 -0
- package/dist/@types/components/toast/index.d.ts +1 -1
- package/dist/@types/components.d.ts +2 -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 +1 -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 +4302 -3581
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
- package/dist/@types/components/filter-bar/components/listbox-filter/index.d.ts +0 -1
- package/dist/@types/components/filter-bar/components/text-filter/index.d.ts +0 -1
- package/dist/@types/components/internal/listbox/components/listbox-option-currency/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
|
@@ -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: {
|
|
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
42
42
|
type: BooleanConstructor;
|
|
43
43
|
default: boolean;
|
|
44
44
|
};
|
|
45
|
+
showSlotContentInMultiple: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
45
49
|
value: {
|
|
46
50
|
type: PropType<BentoListboxSelectedValue>;
|
|
47
51
|
default: any;
|
|
@@ -74,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
74
78
|
default: any;
|
|
75
79
|
};
|
|
76
80
|
isOptionDisabled: {
|
|
77
|
-
type: PropType<import("
|
|
81
|
+
type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
|
|
78
82
|
default: any;
|
|
79
83
|
};
|
|
80
84
|
multiple: {
|
|
@@ -89,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
89
93
|
type: BooleanConstructor;
|
|
90
94
|
default: boolean;
|
|
91
95
|
};
|
|
96
|
+
showSlotContentInMultiple: {
|
|
97
|
+
type: BooleanConstructor;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
92
100
|
value: {
|
|
93
101
|
type: PropType<BentoListboxSelectedValue>;
|
|
94
102
|
default: any;
|
|
@@ -103,7 +111,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
111
|
multiple: boolean;
|
|
104
112
|
description: string;
|
|
105
113
|
items: BentoPaymentMethodListboxOptions;
|
|
106
|
-
isOptionDisabled: import("
|
|
114
|
+
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
107
115
|
dynamicFiltering: boolean;
|
|
116
|
+
showSlotContentInMultiple: boolean;
|
|
108
117
|
}>;
|
|
109
118
|
export default _default;
|
package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { BentoListboxOptionItem, OmitStrict } from '@/types';
|
|
2
|
+
import { BentoTagVariant } from '../../../../tag';
|
|
3
|
+
export type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'data'> & {
|
|
4
|
+
variant: BentoTagVariant;
|
|
5
|
+
};
|
|
6
|
+
export type BentoTagListboxOptions = BentoTagListboxOptionItem[];
|
package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts
ADDED
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import type { BentoTagListboxOptions } from './dropdown-tag.types';
|
|
3
|
+
import type { BentoListboxSelectedValue } from '../../../../../types';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
items: {
|
|
6
|
+
type: PropType<BentoTagListboxOptions>;
|
|
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
|
+
showSlotContentInMultiple: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
49
|
+
value: {
|
|
50
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
51
|
+
default: any;
|
|
52
|
+
};
|
|
53
|
+
}, {
|
|
54
|
+
tagItems: import("vue").ComputedRef<{
|
|
55
|
+
label: string;
|
|
56
|
+
value: import("../../../../../types").BentoListboxValue;
|
|
57
|
+
data: import("../../../../tag").BentoTagVariant;
|
|
58
|
+
}[]>;
|
|
59
|
+
onInput: (selectedValue: BentoListboxSelectedValue) => void;
|
|
60
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
61
|
+
items: {
|
|
62
|
+
type: PropType<BentoTagListboxOptions>;
|
|
63
|
+
default: () => any[];
|
|
64
|
+
};
|
|
65
|
+
ariaLabel: {
|
|
66
|
+
type: StringConstructor;
|
|
67
|
+
default: any;
|
|
68
|
+
};
|
|
69
|
+
disabled: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
dynamicFiltering: {
|
|
74
|
+
type: BooleanConstructor;
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
77
|
+
label: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: any;
|
|
80
|
+
};
|
|
81
|
+
description: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: any;
|
|
84
|
+
};
|
|
85
|
+
isOptionDisabled: {
|
|
86
|
+
type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
|
|
87
|
+
default: any;
|
|
88
|
+
};
|
|
89
|
+
multiple: {
|
|
90
|
+
type: BooleanConstructor;
|
|
91
|
+
default: boolean;
|
|
92
|
+
};
|
|
93
|
+
optional: {
|
|
94
|
+
type: BooleanConstructor;
|
|
95
|
+
default: boolean;
|
|
96
|
+
};
|
|
97
|
+
required: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
101
|
+
showSlotContentInMultiple: {
|
|
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
|
+
items: BentoTagListboxOptions;
|
|
119
|
+
isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
|
|
120
|
+
dynamicFiltering: boolean;
|
|
121
|
+
showSlotContentInMultiple: boolean;
|
|
122
|
+
}>;
|
|
123
|
+
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import type { BentoListboxIsOptionDisabled,
|
|
3
|
-
import { BentoTypographyElement } from '
|
|
2
|
+
import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
|
|
3
|
+
import { BentoTypographyElement } from '@/components/typography';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
ariaLabel: {
|
|
6
6
|
type: StringConstructor;
|
|
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
42
42
|
type: BooleanConstructor;
|
|
43
43
|
default: boolean;
|
|
44
44
|
};
|
|
45
|
+
showSlotContentInMultiple: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
45
49
|
value: {
|
|
46
50
|
type: PropType<BentoListboxSelectedValue>;
|
|
47
51
|
default: any;
|
|
@@ -51,10 +55,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
51
55
|
isDropdownOpen: import("vue").Ref<boolean>;
|
|
52
56
|
displayValue: import("vue").ComputedRef<string>;
|
|
53
57
|
dropdownOptionsContainerId: string;
|
|
54
|
-
filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
|
|
58
|
+
filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem[]>;
|
|
59
|
+
isSearching: import("vue").ComputedRef<boolean>;
|
|
55
60
|
searchTerm: import("vue").Ref<string>;
|
|
56
61
|
labelId: string;
|
|
57
|
-
selectedValueItem: import("vue").ComputedRef<BentoListboxOptionItem>;
|
|
62
|
+
selectedValueItem: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem | import("@/types").BentoListboxOptionItem[]>;
|
|
58
63
|
inputContainerRef: any;
|
|
59
64
|
closeOpenedDropdown: () => void;
|
|
60
65
|
toggleDropdown: () => void;
|
|
@@ -101,6 +106,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
101
106
|
type: BooleanConstructor;
|
|
102
107
|
default: boolean;
|
|
103
108
|
};
|
|
109
|
+
showSlotContentInMultiple: {
|
|
110
|
+
type: BooleanConstructor;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
104
113
|
value: {
|
|
105
114
|
type: PropType<BentoListboxSelectedValue>;
|
|
106
115
|
default: any;
|
|
@@ -117,5 +126,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
117
126
|
items: BentoListboxOptions;
|
|
118
127
|
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
119
128
|
dynamicFiltering: boolean;
|
|
129
|
+
showSlotContentInMultiple: boolean;
|
|
120
130
|
}>;
|
|
121
131
|
export default _default;
|
|
@@ -6,11 +6,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6
6
|
};
|
|
7
7
|
disableApplyButton: {
|
|
8
8
|
type: BooleanConstructor;
|
|
9
|
-
|
|
9
|
+
default: boolean;
|
|
10
10
|
};
|
|
11
11
|
disableClearButton: {
|
|
12
12
|
type: BooleanConstructor;
|
|
13
|
-
|
|
13
|
+
default: boolean;
|
|
14
14
|
};
|
|
15
15
|
field: {
|
|
16
16
|
type: StringConstructor;
|
|
@@ -21,7 +21,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
21
|
required: true;
|
|
22
22
|
};
|
|
23
23
|
value: {
|
|
24
|
-
type: StringConstructor
|
|
24
|
+
type: (StringConstructor | {
|
|
25
|
+
(arrayLength: number): string[];
|
|
26
|
+
(...items: string[]): string[];
|
|
27
|
+
new (arrayLength: number): string[];
|
|
28
|
+
new (...items: string[]): string[];
|
|
29
|
+
isArray(arg: any): arg is any[];
|
|
30
|
+
readonly prototype: any[];
|
|
31
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
32
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
33
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
34
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
35
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
36
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
37
|
+
})[];
|
|
25
38
|
default: any;
|
|
26
39
|
};
|
|
27
40
|
}, {
|
|
@@ -75,11 +88,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
75
88
|
};
|
|
76
89
|
disableApplyButton: {
|
|
77
90
|
type: BooleanConstructor;
|
|
78
|
-
|
|
91
|
+
default: boolean;
|
|
79
92
|
};
|
|
80
93
|
disableClearButton: {
|
|
81
94
|
type: BooleanConstructor;
|
|
82
|
-
|
|
95
|
+
default: boolean;
|
|
83
96
|
};
|
|
84
97
|
field: {
|
|
85
98
|
type: StringConstructor;
|
|
@@ -90,11 +103,24 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
90
103
|
required: true;
|
|
91
104
|
};
|
|
92
105
|
value: {
|
|
93
|
-
type: StringConstructor
|
|
106
|
+
type: (StringConstructor | {
|
|
107
|
+
(arrayLength: number): string[];
|
|
108
|
+
(...items: string[]): string[];
|
|
109
|
+
new (arrayLength: number): string[];
|
|
110
|
+
new (...items: string[]): string[];
|
|
111
|
+
isArray(arg: any): arg is any[];
|
|
112
|
+
readonly prototype: any[];
|
|
113
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
114
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
115
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
116
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
117
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
118
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
119
|
+
})[];
|
|
94
120
|
default: any;
|
|
95
121
|
};
|
|
96
122
|
}>>, {
|
|
97
|
-
value: string;
|
|
123
|
+
value: string | string[];
|
|
98
124
|
appliedFiltersCount: number;
|
|
99
125
|
disableApplyButton: boolean;
|
|
100
126
|
disableClearButton: boolean;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
field: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
label: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
value: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: any;
|
|
13
|
+
};
|
|
14
|
+
}, {
|
|
15
|
+
items: import("vue").Ref<{
|
|
16
|
+
value: string;
|
|
17
|
+
label: string;
|
|
18
|
+
}[]>;
|
|
19
|
+
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
20
|
+
internalFilterValue: import("vue").Ref<string>;
|
|
21
|
+
isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
22
|
+
isClearButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
23
|
+
onInput: (event: any) => void;
|
|
24
|
+
updateFilter: () => void;
|
|
25
|
+
clearFilter: () => void;
|
|
26
|
+
openFilter: () => void;
|
|
27
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
28
|
+
field: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
label: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
required: true;
|
|
35
|
+
};
|
|
36
|
+
value: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: any;
|
|
39
|
+
};
|
|
40
|
+
}>>, {
|
|
41
|
+
value: string;
|
|
42
|
+
}>;
|
|
43
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoBooleanFilter } from './boolean-filter.vue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoInputFilter } from './input-filter.vue';
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoInputFieldType } from '@/components/input-field';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
field: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
required: true;
|
|
7
|
+
};
|
|
8
|
+
label: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
value: {
|
|
13
|
+
type: PropType<string[]>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
}, {
|
|
17
|
+
BentoInputFieldType: typeof BentoInputFieldType;
|
|
18
|
+
inputTextRef: any;
|
|
19
|
+
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
20
|
+
internalFilterValue: import("vue").Ref<string[]>;
|
|
21
|
+
isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
22
|
+
isClearButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
23
|
+
updateFrom: (newValue: any) => void;
|
|
24
|
+
updateTo: (newValue: any) => void;
|
|
25
|
+
updateFilter: () => void;
|
|
26
|
+
clearFilter: () => void;
|
|
27
|
+
openFilter: () => void;
|
|
28
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
29
|
+
field: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
label: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
value: {
|
|
38
|
+
type: PropType<string[]>;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
}>>, {}>;
|
|
42
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoSelectFilter } from './select-filter.vue';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoListboxSelectedValue } from '@/types';
|
|
3
|
-
import {
|
|
2
|
+
import { BentoListboxOptionItem, BentoListboxSelectedValue } from '@/types';
|
|
3
|
+
import { BentoSelectFilterOptions } from '../../filter-bar.types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
field: {
|
|
6
6
|
type: StringConstructor;
|
|
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
11
11
|
required: true;
|
|
12
12
|
};
|
|
13
13
|
options: {
|
|
14
|
-
type: PropType<
|
|
14
|
+
type: PropType<BentoSelectFilterOptions>;
|
|
15
15
|
default: any;
|
|
16
16
|
};
|
|
17
17
|
value: {
|
|
@@ -20,16 +20,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
20
|
};
|
|
21
21
|
}, {
|
|
22
22
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
23
|
-
filteredItems: import("vue").ComputedRef<
|
|
23
|
+
filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
|
|
24
24
|
internalFilterValue: import("vue").Ref<import("@/types").BentoListboxValue | import("@/types").BentoListboxValue[]>;
|
|
25
25
|
isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
26
26
|
isClearButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
27
27
|
listboxFilterId: import("vue").ComputedRef<string>;
|
|
28
|
+
searchTerm: import("vue").Ref<string>;
|
|
28
29
|
clearFilter: () => void;
|
|
30
|
+
closeFilter: () => void;
|
|
29
31
|
onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
|
|
30
32
|
openFilter: () => void;
|
|
31
33
|
updateFilter: () => void;
|
|
32
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
34
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
33
35
|
field: {
|
|
34
36
|
type: StringConstructor;
|
|
35
37
|
required: true;
|
|
@@ -39,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
41
|
required: true;
|
|
40
42
|
};
|
|
41
43
|
options: {
|
|
42
|
-
type: PropType<
|
|
44
|
+
type: PropType<BentoSelectFilterOptions>;
|
|
43
45
|
default: any;
|
|
44
46
|
};
|
|
45
47
|
value: {
|
|
@@ -48,6 +50,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
48
50
|
};
|
|
49
51
|
}>>, {
|
|
50
52
|
value: BentoListboxSelectedValue;
|
|
51
|
-
options:
|
|
53
|
+
options: BentoSelectFilterOptions;
|
|
52
54
|
}>;
|
|
53
55
|
export default _default;
|
|
@@ -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';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BentoListboxSelectedValue } from '@/types';
|
|
3
|
+
import { BentoSelectPaymentMethodFilterOptions } from '@/components/filter-bar';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
options: {
|
|
6
|
+
type: PropType<BentoSelectPaymentMethodFilterOptions>;
|
|
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<BentoSelectPaymentMethodFilterOptions>;
|
|
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: BentoSelectPaymentMethodFilterOptions;
|
|
43
|
+
}>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoSelectTagFilter } from './select-tag-filter.vue';
|