@adyen/bento-vue2 0.9.2 → 0.9.3
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/card/card.types.d.ts +4 -0
- package/dist/@types/components/card/card.vue.d.ts +17 -1
- package/dist/@types/components/checkbox/checkbox.types.d.ts +5 -0
- package/dist/@types/components/checkbox/checkbox.vue.d.ts +12 -2
- package/dist/@types/components/checkbox/components/checkbox-group/checkbox-group.types.d.ts +1 -0
- package/dist/@types/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +9 -0
- package/dist/@types/components/data-grid/data-grid.vue.d.ts +4 -0
- package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +1 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +1 -1
- package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +1 -1
- package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +1 -1
- package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +1 -1
- package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +1 -1
- package/dist/@types/components/dropdown/dropdown.vue.d.ts +2 -1
- package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +6 -3
- package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts +18 -8
- package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +11 -9
- package/dist/@types/components/filter-bar/components/select-filter/select-filter.vue.d.ts +9 -8
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +8 -8
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +8 -8
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +8 -8
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +8 -8
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +8 -8
- package/dist/@types/components/filter-bar/filter-bar.types.d.ts +4 -0
- package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +4 -2
- package/dist/@types/components/input-field/input-field.types.d.ts +4 -1
- package/dist/@types/components/internal/grid-layout/grid-layout.types.d.ts +5 -0
- package/dist/@types/components/internal/grid-layout/grid-layout.vue.d.ts +14 -1
- package/dist/@types/components/internal/grid-layout/index.d.ts +1 -0
- package/dist/@types/components/internal/listbox/listbox.vue.d.ts +8 -0
- package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +5 -0
- package/dist/@types/components/radio-group/components/radio-button/radio-button.types.d.ts +4 -0
- package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts +16 -3
- package/dist/@types/components/radio-group/radio-group.types.d.ts +1 -0
- package/dist/@types/components/radio-group/radio-group.vue.d.ts +9 -0
- package/dist/@types/components/tooltip/tooltip.vue.d.ts +5 -5
- package/dist/index.js +6786 -6330
- package/dist/index.js.map +1 -1
- package/dist/web-types.json +101 -50
- package/package.json +2 -2
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
3
3
|
import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
|
|
4
|
-
import { BentoCardBackground } from '@/components/card/card.types';
|
|
4
|
+
import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
6
6
|
background: {
|
|
7
7
|
type: PropType<BentoCardBackground>;
|
|
8
8
|
default: BentoCardBackground;
|
|
9
9
|
};
|
|
10
|
+
titleSize: {
|
|
11
|
+
type: PropType<BentoCardTitleSize>;
|
|
12
|
+
default: BentoCardTitleSize;
|
|
13
|
+
};
|
|
10
14
|
expandable: {
|
|
11
15
|
type: BooleanConstructor;
|
|
12
16
|
default: boolean;
|
|
@@ -55,6 +59,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
55
59
|
showContent: import("vue").Ref<boolean>;
|
|
56
60
|
tabIndex: import("vue").ComputedRef<-1 | 0>;
|
|
57
61
|
showHeader: import("vue").ComputedRef<boolean>;
|
|
62
|
+
typography: import("vue").ComputedRef<{
|
|
63
|
+
el: BentoTypographyElement;
|
|
64
|
+
variant: BentoTypographyVariant;
|
|
65
|
+
stronger: boolean;
|
|
66
|
+
strongest: boolean;
|
|
67
|
+
wide: boolean;
|
|
68
|
+
}>;
|
|
58
69
|
onClick: () => void;
|
|
59
70
|
toggleExpansion: () => void;
|
|
60
71
|
hasSlot: (name: string) => boolean;
|
|
@@ -65,6 +76,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
76
|
type: PropType<BentoCardBackground>;
|
|
66
77
|
default: BentoCardBackground;
|
|
67
78
|
};
|
|
79
|
+
titleSize: {
|
|
80
|
+
type: PropType<BentoCardTitleSize>;
|
|
81
|
+
default: BentoCardTitleSize;
|
|
82
|
+
};
|
|
68
83
|
expandable: {
|
|
69
84
|
type: BooleanConstructor;
|
|
70
85
|
default: boolean;
|
|
@@ -91,6 +106,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
91
106
|
background: BentoCardBackground;
|
|
92
107
|
closed: boolean;
|
|
93
108
|
actions: BentoButtonActionsList;
|
|
109
|
+
titleSize: BentoCardTitleSize;
|
|
94
110
|
expandable: boolean;
|
|
95
111
|
actionsLayout: BentoButtonActionsLayout;
|
|
96
112
|
}>;
|
|
@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
14
|
type: BooleanConstructor;
|
|
15
15
|
default: boolean;
|
|
16
16
|
};
|
|
17
|
+
hasError: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
17
21
|
indeterminate: {
|
|
18
22
|
type: BooleanConstructor;
|
|
19
23
|
default: boolean;
|
|
@@ -25,11 +29,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
29
|
}, {
|
|
26
30
|
ariaChecked: import("vue").ComputedRef<(boolean | "true" | "false") | "mixed">;
|
|
27
31
|
computedAriaLabel: import("vue").ComputedRef<string>;
|
|
32
|
+
ariaInvalid: import("vue").ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
|
|
28
33
|
conditionalClass: import("vue").ComputedRef<{
|
|
29
|
-
|
|
34
|
+
[x: string]: boolean;
|
|
30
35
|
}>;
|
|
31
36
|
conditionalClassOutline: import("vue").ComputedRef<{
|
|
32
|
-
|
|
37
|
+
[x: string]: boolean;
|
|
33
38
|
}>;
|
|
34
39
|
defaultSlotValue: boolean;
|
|
35
40
|
descriptionSlotValue: boolean;
|
|
@@ -52,6 +57,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
52
57
|
type: BooleanConstructor;
|
|
53
58
|
default: boolean;
|
|
54
59
|
};
|
|
60
|
+
hasError: {
|
|
61
|
+
type: BooleanConstructor;
|
|
62
|
+
default: boolean;
|
|
63
|
+
};
|
|
55
64
|
indeterminate: {
|
|
56
65
|
type: BooleanConstructor;
|
|
57
66
|
default: boolean;
|
|
@@ -65,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
74
|
disabled: boolean;
|
|
66
75
|
ariaLabel: string;
|
|
67
76
|
modelValue: BentoCheckboxType;
|
|
77
|
+
hasError: boolean;
|
|
68
78
|
indeterminate: boolean;
|
|
69
79
|
}>;
|
|
70
80
|
export default _default;
|
|
@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
type: BooleanConstructor;
|
|
19
19
|
default: boolean;
|
|
20
20
|
};
|
|
21
|
+
hasError: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
21
25
|
label: {
|
|
22
26
|
type: StringConstructor;
|
|
23
27
|
required: true;
|
|
@@ -46,6 +50,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
50
|
type: BooleanConstructor;
|
|
47
51
|
default: boolean;
|
|
48
52
|
};
|
|
53
|
+
hasError: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
49
57
|
label: {
|
|
50
58
|
type: StringConstructor;
|
|
51
59
|
required: true;
|
|
@@ -53,6 +61,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
61
|
}>>, {
|
|
54
62
|
variant: BentoCheckboxGroupVariant;
|
|
55
63
|
disabled: boolean;
|
|
64
|
+
hasError: boolean;
|
|
56
65
|
formId: string;
|
|
57
66
|
}>;
|
|
58
67
|
export default _default;
|
|
@@ -250,6 +250,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
250
250
|
onConfigSettingsUpdate: (isCompactView: boolean) => void;
|
|
251
251
|
onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
|
|
252
252
|
onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
|
|
253
|
+
columnsRef: import("vue").Ref<HTMLDivElement>;
|
|
254
|
+
configSettingsButtonStyle: import("vue").ComputedRef<{
|
|
255
|
+
height: string;
|
|
256
|
+
}>;
|
|
253
257
|
BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
|
|
254
258
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
255
259
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
@@ -52,6 +52,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
52
52
|
conditionalListboxClasses: import("vue").ComputedRef<{
|
|
53
53
|
'b-dropdown-options-container--small': boolean;
|
|
54
54
|
}>;
|
|
55
|
+
noResultsMessage: import("vue").ComputedRef<string>;
|
|
55
56
|
PopperContainerPosition: {
|
|
56
57
|
AUTO: import("@/components/popper-container").PopperContainerPositionExtended.AUTO;
|
|
57
58
|
AUTO_START: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_START;
|
package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts
CHANGED
|
@@ -143,10 +143,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
143
143
|
items: BentoAvatarListboxOptions;
|
|
144
144
|
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
145
145
|
multiple: boolean;
|
|
146
|
+
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
146
147
|
dynamicFiltering: boolean;
|
|
147
148
|
showSlotContentInMultiple: boolean;
|
|
148
149
|
optional: boolean;
|
|
149
150
|
placeholder: string;
|
|
150
|
-
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
151
151
|
}>;
|
|
152
152
|
export default _default;
|
|
@@ -152,10 +152,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
152
152
|
items: BentoCountryListboxOptions;
|
|
153
153
|
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
154
154
|
multiple: boolean;
|
|
155
|
+
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
155
156
|
dynamicFiltering: boolean;
|
|
156
157
|
showSlotContentInMultiple: boolean;
|
|
157
158
|
optional: boolean;
|
|
158
159
|
placeholder: string;
|
|
159
|
-
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
160
160
|
}>;
|
|
161
161
|
export default _default;
|
|
@@ -138,10 +138,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
138
138
|
items: BentoCurrencyListboxOptions;
|
|
139
139
|
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
140
140
|
multiple: boolean;
|
|
141
|
+
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
141
142
|
dynamicFiltering: boolean;
|
|
142
143
|
showSlotContentInMultiple: boolean;
|
|
143
144
|
optional: boolean;
|
|
144
145
|
placeholder: string;
|
|
145
|
-
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
146
146
|
}>;
|
|
147
147
|
export default _default;
|
|
@@ -138,10 +138,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
138
138
|
items: BentoPaymentMethodListboxOptions;
|
|
139
139
|
isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
|
|
140
140
|
multiple: boolean;
|
|
141
|
+
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
141
142
|
dynamicFiltering: boolean;
|
|
142
143
|
showSlotContentInMultiple: boolean;
|
|
143
144
|
optional: boolean;
|
|
144
145
|
placeholder: string;
|
|
145
|
-
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
146
146
|
}>;
|
|
147
147
|
export default _default;
|
package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts
CHANGED
|
@@ -143,10 +143,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
143
143
|
items: BentoTagListboxOptions;
|
|
144
144
|
isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
|
|
145
145
|
multiple: boolean;
|
|
146
|
+
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
146
147
|
dynamicFiltering: boolean;
|
|
147
148
|
showSlotContentInMultiple: boolean;
|
|
148
149
|
optional: boolean;
|
|
149
150
|
placeholder: string;
|
|
150
|
-
size: import("../../../dropdown.types").BentoDropdownSize;
|
|
151
151
|
}>;
|
|
152
152
|
export default _default;
|
|
@@ -82,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
82
82
|
toggleDropdown: () => void;
|
|
83
83
|
onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
|
|
84
84
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
85
|
+
BentoDropdownSize: typeof BentoDropdownSize;
|
|
85
86
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
86
87
|
ariaLabel: {
|
|
87
88
|
type: StringConstructor;
|
|
@@ -155,10 +156,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
155
156
|
items: BentoListboxOptions;
|
|
156
157
|
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
157
158
|
multiple: boolean;
|
|
159
|
+
size: BentoDropdownSize;
|
|
158
160
|
dynamicFiltering: boolean;
|
|
159
161
|
showSlotContentInMultiple: boolean;
|
|
160
162
|
optional: boolean;
|
|
161
163
|
placeholder: string;
|
|
162
|
-
size: BentoDropdownSize;
|
|
163
164
|
}>;
|
|
164
165
|
export default _default;
|
package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts
CHANGED
|
@@ -18,17 +18,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
allFiltersModalUniqueId: string;
|
|
19
19
|
allFiltersModalFiltersSection: import("vue").Ref<any[]>;
|
|
20
20
|
allFiltersModalFilterButtons: import("vue").Ref<{}>;
|
|
21
|
-
|
|
21
|
+
numberOfActiveFilters: import("vue").ComputedRef<number>;
|
|
22
|
+
isEmptyResultForSearchFilter: import("vue").ComputedRef<boolean>;
|
|
22
23
|
isModalOpen: import("vue").Ref<boolean>;
|
|
23
24
|
isClearButtonEnabled: import("vue").ComputedRef<boolean | import("../../../..").BentoListboxValue>;
|
|
24
25
|
activeFilters: import("vue").ComputedRef<BentoFilterBarModel>;
|
|
25
26
|
otherFilters: import("vue").ComputedRef<BentoFilterBarModel>;
|
|
26
27
|
modalActions: import("vue").ComputedRef<({
|
|
27
|
-
title:
|
|
28
|
+
title: any;
|
|
28
29
|
disabled: boolean;
|
|
29
30
|
event: () => void;
|
|
30
31
|
} | {
|
|
31
|
-
title:
|
|
32
|
+
title: any;
|
|
32
33
|
event: () => void;
|
|
33
34
|
disabled?: undefined;
|
|
34
35
|
})[]>;
|
|
@@ -528,6 +529,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
528
529
|
(hint: string): string | number;
|
|
529
530
|
};
|
|
530
531
|
};
|
|
532
|
+
visible?: boolean;
|
|
531
533
|
}>;
|
|
532
534
|
selectedFilterRef: any;
|
|
533
535
|
filters: {
|
|
@@ -1027,6 +1029,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1027
1029
|
(hint: string): string | number;
|
|
1028
1030
|
};
|
|
1029
1031
|
};
|
|
1032
|
+
visible?: boolean;
|
|
1030
1033
|
}[];
|
|
1031
1034
|
};
|
|
1032
1035
|
computedCounts: import("vue").ComputedRef<{
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoDateFilterOptions, BentoFilterEvent } from '../../filter-bar.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
isDateInput: {
|
|
5
|
+
type: BooleanConstructor;
|
|
6
|
+
default: boolean;
|
|
7
|
+
};
|
|
4
8
|
defaultValue: {
|
|
5
9
|
type: PropType<Date>;
|
|
6
10
|
default: any;
|
|
@@ -13,6 +17,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
17
|
type: StringConstructor;
|
|
14
18
|
required: true;
|
|
15
19
|
};
|
|
20
|
+
onlySlot: {
|
|
21
|
+
type: BooleanConstructor;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
16
24
|
options: {
|
|
17
25
|
type: PropType<BentoDateFilterOptions>;
|
|
18
26
|
default: any;
|
|
@@ -21,10 +29,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
29
|
type: PropType<Date>;
|
|
22
30
|
default: any;
|
|
23
31
|
};
|
|
24
|
-
onlySlot: {
|
|
25
|
-
type: BooleanConstructor;
|
|
26
|
-
default: boolean;
|
|
27
|
-
};
|
|
28
32
|
}, {
|
|
29
33
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
30
34
|
internalFilterValue: import("vue").Ref<{
|
|
@@ -99,7 +103,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
99
103
|
openFilter: () => void;
|
|
100
104
|
updateFilter: () => void;
|
|
101
105
|
resetFilter: () => void;
|
|
106
|
+
onDateInputSelected: (selectedDate: Date) => void;
|
|
102
107
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
108
|
+
isDateInput: {
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
103
112
|
defaultValue: {
|
|
104
113
|
type: PropType<Date>;
|
|
105
114
|
default: any;
|
|
@@ -112,6 +121,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
112
121
|
type: StringConstructor;
|
|
113
122
|
required: true;
|
|
114
123
|
};
|
|
124
|
+
onlySlot: {
|
|
125
|
+
type: BooleanConstructor;
|
|
126
|
+
default: boolean;
|
|
127
|
+
};
|
|
115
128
|
options: {
|
|
116
129
|
type: PropType<BentoDateFilterOptions>;
|
|
117
130
|
default: any;
|
|
@@ -120,14 +133,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
120
133
|
type: PropType<Date>;
|
|
121
134
|
default: any;
|
|
122
135
|
};
|
|
123
|
-
onlySlot: {
|
|
124
|
-
type: BooleanConstructor;
|
|
125
|
-
default: boolean;
|
|
126
|
-
};
|
|
127
136
|
}>>, {
|
|
128
137
|
value: Date;
|
|
129
138
|
options: any;
|
|
130
139
|
defaultValue: Date;
|
|
131
140
|
onlySlot: boolean;
|
|
141
|
+
isDateInput: boolean;
|
|
132
142
|
}>;
|
|
133
143
|
export default _default;
|
package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoDateRangeFilterOptions, BentoFilterEvent } from '../../filter-bar.types';
|
|
3
|
-
import { BentoDatePickerRangeDate } from '@/components/date-picker';
|
|
3
|
+
import { BentoDatePickerRangeDate, BentoDatePickerVariant } from '@/components/date-picker';
|
|
4
4
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
5
5
|
import { BentoButtonActionsList } from '@/components/button/components/button-actions';
|
|
6
6
|
declare const _default: import("vue").DefineComponent<{
|
|
@@ -16,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
16
16
|
type: StringConstructor;
|
|
17
17
|
required: true;
|
|
18
18
|
};
|
|
19
|
+
onlySlot: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
19
23
|
options: {
|
|
20
24
|
type: PropType<BentoDateRangeFilterOptions>;
|
|
21
25
|
default: any;
|
|
@@ -27,10 +31,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
31
|
endDate: any;
|
|
28
32
|
};
|
|
29
33
|
};
|
|
30
|
-
onlySlot: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
34
|
}, {
|
|
35
35
|
baseFilter: any;
|
|
36
36
|
actions: import("vue").ComputedRef<BentoButtonActionsList>;
|
|
@@ -181,6 +181,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
181
181
|
};
|
|
182
182
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
183
183
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
184
|
+
BentoDatePickerVariant: typeof BentoDatePickerVariant;
|
|
184
185
|
clearFilter: () => void;
|
|
185
186
|
onDateSelected: (selectedDate: BentoDatePickerRangeDate) => void;
|
|
186
187
|
openFilter: () => void;
|
|
@@ -188,6 +189,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
188
189
|
resetFilter: () => void;
|
|
189
190
|
onDatePickerRangeError: () => void;
|
|
190
191
|
onDatePickerRangeFormDateInputUpdate: () => void;
|
|
192
|
+
onDateInputSelected: (selectedDate: BentoDatePickerRangeDate) => void;
|
|
191
193
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
192
194
|
defaultValue: {
|
|
193
195
|
type: PropType<BentoDatePickerRangeDate>;
|
|
@@ -201,6 +203,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
201
203
|
type: StringConstructor;
|
|
202
204
|
required: true;
|
|
203
205
|
};
|
|
206
|
+
onlySlot: {
|
|
207
|
+
type: BooleanConstructor;
|
|
208
|
+
default: boolean;
|
|
209
|
+
};
|
|
204
210
|
options: {
|
|
205
211
|
type: PropType<BentoDateRangeFilterOptions>;
|
|
206
212
|
default: any;
|
|
@@ -212,10 +218,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
212
218
|
endDate: any;
|
|
213
219
|
};
|
|
214
220
|
};
|
|
215
|
-
onlySlot: {
|
|
216
|
-
type: BooleanConstructor;
|
|
217
|
-
default: boolean;
|
|
218
|
-
};
|
|
219
221
|
}>>, {
|
|
220
222
|
value: BentoDatePickerRangeDate;
|
|
221
223
|
options: any;
|
|
@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
14
|
type: StringConstructor;
|
|
15
15
|
required: true;
|
|
16
16
|
};
|
|
17
|
+
onlySlot: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
17
21
|
options: {
|
|
18
22
|
type: PropType<BentoSelectFilterOptions>;
|
|
19
23
|
default: any;
|
|
@@ -22,10 +26,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
26
|
type: PropType<BentoListboxSelectedValue>;
|
|
23
27
|
default: any;
|
|
24
28
|
};
|
|
25
|
-
onlySlot: {
|
|
26
|
-
type: BooleanConstructor;
|
|
27
|
-
default: boolean;
|
|
28
|
-
};
|
|
29
29
|
}, {
|
|
30
30
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
31
31
|
filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
|
|
@@ -33,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
33
33
|
isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
34
34
|
isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
35
35
|
listboxFilterId: import("vue").ComputedRef<string>;
|
|
36
|
+
noResultsMessage: import("vue").ComputedRef<string>;
|
|
36
37
|
buttonLabel: import("vue").ComputedRef<string>;
|
|
37
38
|
searchTerm: import("vue").Ref<string>;
|
|
38
39
|
clearFilter: () => void;
|
|
@@ -54,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
55
|
type: StringConstructor;
|
|
55
56
|
required: true;
|
|
56
57
|
};
|
|
58
|
+
onlySlot: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
57
62
|
options: {
|
|
58
63
|
type: PropType<BentoSelectFilterOptions>;
|
|
59
64
|
default: any;
|
|
@@ -62,10 +67,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
62
67
|
type: PropType<BentoListboxSelectedValue>;
|
|
63
68
|
default: any;
|
|
64
69
|
};
|
|
65
|
-
onlySlot: {
|
|
66
|
-
type: BooleanConstructor;
|
|
67
|
-
default: boolean;
|
|
68
|
-
};
|
|
69
70
|
}>>, {
|
|
70
71
|
value: BentoListboxSelectedValue;
|
|
71
72
|
options: BentoSelectFilterOptions;
|
|
@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
type: StringConstructor;
|
|
19
19
|
required: true;
|
|
20
20
|
};
|
|
21
|
-
value: {
|
|
22
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
23
|
-
default: any;
|
|
24
|
-
};
|
|
25
21
|
onlySlot: {
|
|
26
22
|
type: BooleanConstructor;
|
|
27
23
|
default: boolean;
|
|
28
24
|
};
|
|
25
|
+
value: {
|
|
26
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
27
|
+
default: any;
|
|
28
|
+
};
|
|
29
29
|
}, {
|
|
30
30
|
BentoFilterEvent: typeof BentoFilterEvent;
|
|
31
31
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
@@ -46,14 +46,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
46
|
type: StringConstructor;
|
|
47
47
|
required: true;
|
|
48
48
|
};
|
|
49
|
-
value: {
|
|
50
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
51
|
-
default: any;
|
|
52
|
-
};
|
|
53
49
|
onlySlot: {
|
|
54
50
|
type: BooleanConstructor;
|
|
55
51
|
default: boolean;
|
|
56
52
|
};
|
|
53
|
+
value: {
|
|
54
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
55
|
+
default: any;
|
|
56
|
+
};
|
|
57
57
|
}>>, {
|
|
58
58
|
value: BentoListboxSelectedValue;
|
|
59
59
|
options: BentoSelectAvatarFilterOptions;
|
|
@@ -19,14 +19,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
type: StringConstructor;
|
|
20
20
|
required: true;
|
|
21
21
|
};
|
|
22
|
-
value: {
|
|
23
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
24
|
-
default: any;
|
|
25
|
-
};
|
|
26
22
|
onlySlot: {
|
|
27
23
|
type: BooleanConstructor;
|
|
28
24
|
default: boolean;
|
|
29
25
|
};
|
|
26
|
+
value: {
|
|
27
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
28
|
+
default: any;
|
|
29
|
+
};
|
|
30
30
|
}, {
|
|
31
31
|
countryOptions: import("vue").ComputedRef<{
|
|
32
32
|
listboxItems: import("@/types").BentoListboxOptions;
|
|
@@ -61,14 +61,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
61
|
type: StringConstructor;
|
|
62
62
|
required: true;
|
|
63
63
|
};
|
|
64
|
-
value: {
|
|
65
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
66
|
-
default: any;
|
|
67
|
-
};
|
|
68
64
|
onlySlot: {
|
|
69
65
|
type: BooleanConstructor;
|
|
70
66
|
default: boolean;
|
|
71
67
|
};
|
|
68
|
+
value: {
|
|
69
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
70
|
+
default: any;
|
|
71
|
+
};
|
|
72
72
|
}>>, {
|
|
73
73
|
value: BentoListboxSelectedValue;
|
|
74
74
|
options: BentoSelectCountryFilterOptions;
|
|
@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
type: StringConstructor;
|
|
19
19
|
required: true;
|
|
20
20
|
};
|
|
21
|
-
value: {
|
|
22
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
23
|
-
default: any;
|
|
24
|
-
};
|
|
25
21
|
onlySlot: {
|
|
26
22
|
type: BooleanConstructor;
|
|
27
23
|
default: boolean;
|
|
28
24
|
};
|
|
25
|
+
value: {
|
|
26
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
27
|
+
default: any;
|
|
28
|
+
};
|
|
29
29
|
}, {
|
|
30
30
|
BentoFilterEvent: typeof BentoFilterEvent;
|
|
31
31
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
@@ -46,14 +46,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
46
|
type: StringConstructor;
|
|
47
47
|
required: true;
|
|
48
48
|
};
|
|
49
|
-
value: {
|
|
50
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
51
|
-
default: any;
|
|
52
|
-
};
|
|
53
49
|
onlySlot: {
|
|
54
50
|
type: BooleanConstructor;
|
|
55
51
|
default: boolean;
|
|
56
52
|
};
|
|
53
|
+
value: {
|
|
54
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
55
|
+
default: any;
|
|
56
|
+
};
|
|
57
57
|
}>>, {
|
|
58
58
|
value: BentoListboxSelectedValue;
|
|
59
59
|
options: BentoSelectCurrencyFilterOptions;
|
|
@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
18
|
type: StringConstructor;
|
|
19
19
|
required: true;
|
|
20
20
|
};
|
|
21
|
-
value: {
|
|
22
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
23
|
-
default: any;
|
|
24
|
-
};
|
|
25
21
|
onlySlot: {
|
|
26
22
|
type: BooleanConstructor;
|
|
27
23
|
default: boolean;
|
|
28
24
|
};
|
|
25
|
+
value: {
|
|
26
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
27
|
+
default: any;
|
|
28
|
+
};
|
|
29
29
|
}, {
|
|
30
30
|
BentoFilterEvent: typeof BentoFilterEvent;
|
|
31
31
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
@@ -46,14 +46,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
46
|
type: StringConstructor;
|
|
47
47
|
required: true;
|
|
48
48
|
};
|
|
49
|
-
value: {
|
|
50
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
51
|
-
default: any;
|
|
52
|
-
};
|
|
53
49
|
onlySlot: {
|
|
54
50
|
type: BooleanConstructor;
|
|
55
51
|
default: boolean;
|
|
56
52
|
};
|
|
53
|
+
value: {
|
|
54
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
55
|
+
default: any;
|
|
56
|
+
};
|
|
57
57
|
}>>, {
|
|
58
58
|
value: BentoListboxSelectedValue;
|
|
59
59
|
options: BentoSelectPaymentMethodFilterOptions;
|
|
@@ -19,14 +19,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
type: StringConstructor;
|
|
20
20
|
required: true;
|
|
21
21
|
};
|
|
22
|
-
value: {
|
|
23
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
24
|
-
default: any;
|
|
25
|
-
};
|
|
26
22
|
onlySlot: {
|
|
27
23
|
type: BooleanConstructor;
|
|
28
24
|
default: boolean;
|
|
29
25
|
};
|
|
26
|
+
value: {
|
|
27
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
28
|
+
default: any;
|
|
29
|
+
};
|
|
30
30
|
}, {
|
|
31
31
|
countryOptions: import("vue").ComputedRef<{
|
|
32
32
|
listboxItems: {
|
|
@@ -64,14 +64,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
64
64
|
type: StringConstructor;
|
|
65
65
|
required: true;
|
|
66
66
|
};
|
|
67
|
-
value: {
|
|
68
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
69
|
-
default: any;
|
|
70
|
-
};
|
|
71
67
|
onlySlot: {
|
|
72
68
|
type: BooleanConstructor;
|
|
73
69
|
default: boolean;
|
|
74
70
|
};
|
|
71
|
+
value: {
|
|
72
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
73
|
+
default: any;
|
|
74
|
+
};
|
|
75
75
|
}>>, {
|
|
76
76
|
value: BentoListboxSelectedValue;
|
|
77
77
|
options: BentoSelectTagFilterOptions;
|