@adyen/bento-vue2 0.9.1 → 0.9.2
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/avatar-image/avatar-image.vue.d.ts +2 -2
- package/dist/@types/components/button/button.vue.d.ts +6 -6
- package/dist/@types/components/button/components/loading-button/loading-button.vue.d.ts +2 -2
- package/dist/@types/components/card/card.vue.d.ts +3 -3
- package/dist/@types/components/checkbox/checkbox.vue.d.ts +3 -3
- package/dist/@types/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +1 -1
- package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts +1 -2
- package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts +1 -1
- package/dist/@types/components/country/country.vue.d.ts +1 -1
- package/dist/@types/components/data-grid/data-grid.vue.d.ts +4 -4
- package/dist/@types/components/date/date.vue.d.ts +2 -2
- package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/__test__/date-picker-calendar-day-stub.vue.d.ts +1 -1
- package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts +1 -1
- package/dist/@types/components/date-picker/date-picker.vue.d.ts +6 -6
- package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +3 -3
- package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +3 -3
- package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +2 -2
- package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
- package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +7 -7
- package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +8 -8
- package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +7 -7
- package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +7 -7
- package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +7 -7
- package/dist/@types/components/dropdown/dropdown.vue.d.ts +7 -7
- package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.types.d.ts +3 -0
- package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +1055 -0
- package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +9 -0
- package/dist/@types/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +9 -0
- package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +15 -2
- package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts +11 -3
- package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +11 -3
- package/dist/@types/components/filter-bar/components/index.d.ts +12 -0
- package/dist/@types/components/filter-bar/components/input-filter/input-filter.vue.d.ts +15 -1
- package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +14 -1
- package/dist/@types/components/filter-bar/components/select-filter/select-filter.vue.d.ts +11 -2
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +12 -2
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +14 -4
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +12 -2
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +12 -2
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +14 -4
- package/dist/@types/components/filter-bar/filter-bar.types.d.ts +5 -0
- package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +3 -2
- package/dist/@types/components/header/header.vue.d.ts +3 -3
- package/dist/@types/components/input-field/input-field.vue.d.ts +4 -4
- package/dist/@types/components/internal/base-button/base-button.vue.d.ts +4 -4
- package/dist/@types/components/internal/copy/copy.types.d.ts +5 -0
- package/dist/@types/components/internal/copy/copy.vue.d.ts +1 -1
- package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +1 -1
- package/dist/@types/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts +1 -1
- package/dist/@types/components/internal/listbox/listbox.vue.d.ts +1 -1
- package/dist/@types/components/loading-indicator/loading-indicator.vue.d.ts +1 -1
- package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +2 -2
- package/dist/@types/components/menu/menu.vue.d.ts +1 -1
- package/dist/@types/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts +123 -0
- package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +1 -1
- package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +2 -2
- package/dist/@types/components/modal/modal.vue.d.ts +1 -1
- package/dist/@types/components/pagination/pagination.vue.d.ts +1 -1
- package/dist/@types/components/popover/popover.vue.d.ts +3 -3
- package/dist/@types/components/popper-container/popper-container.vue.d.ts +2 -2
- package/dist/@types/components/radio-group/radio-group.vue.d.ts +1 -1
- package/dist/@types/components/search-bar/search-bar.types.d.ts +11 -0
- package/dist/@types/components/search-bar/search-bar.vue.d.ts +8 -6
- package/dist/@types/components/textarea/textarea.vue.d.ts +1 -1
- package/dist/@types/components/toggle/toggle.vue.d.ts +1 -1
- package/dist/@types/components/tooltip/tooltip.vue.d.ts +254 -7
- package/dist/@types/components/typography/typography.vue.d.ts +2 -2
- package/dist/@types/directives/tooltip/tooltip.d.ts +9 -2
- package/dist/@types/types/elements.d.ts +2 -3
- package/dist/@types/{components/focus-trap → utils/ts}/focus-trap.utils.d.ts +1 -1
- package/dist/@types/utils/ts/i18n.d.ts +12 -1
- package/dist/@types/utils/ts/toastController.d.ts +0 -1
- package/dist/index.js +6100 -4269
- package/dist/index.js.map +1 -1
- package/dist/web-types.json +204 -40
- package/package.json +3 -4
- package/dist/@types/components/filter-bar/components/date-filter/date-filter.types.d.ts +0 -3
- package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.types.d.ts +0 -3
|
@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
15
|
type: PropType<BentoFilterBarValue>;
|
|
16
16
|
default: any;
|
|
17
17
|
};
|
|
18
|
+
onlySlot: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: boolean;
|
|
21
|
+
};
|
|
18
22
|
controlled: {
|
|
19
23
|
type: BooleanConstructor;
|
|
20
24
|
default: boolean;
|
|
@@ -97,6 +101,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
97
101
|
type: PropType<BentoFilterBarValue>;
|
|
98
102
|
default: any;
|
|
99
103
|
};
|
|
104
|
+
onlySlot: {
|
|
105
|
+
type: BooleanConstructor;
|
|
106
|
+
default: boolean;
|
|
107
|
+
};
|
|
100
108
|
controlled: {
|
|
101
109
|
type: BooleanConstructor;
|
|
102
110
|
default: boolean;
|
|
@@ -126,6 +134,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
126
134
|
appliedFiltersCount: number;
|
|
127
135
|
buttonLabel: string;
|
|
128
136
|
defaultValue: BentoFilterBarValue;
|
|
137
|
+
onlySlot: boolean;
|
|
129
138
|
controlled: boolean;
|
|
130
139
|
disableApplyButton: boolean;
|
|
131
140
|
disableSecondaryButton: boolean;
|
package/dist/@types/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts
CHANGED
|
@@ -17,6 +17,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
17
17
|
type: BooleanConstructor;
|
|
18
18
|
default: boolean;
|
|
19
19
|
};
|
|
20
|
+
bold: {
|
|
21
|
+
type: BooleanConstructor;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
20
24
|
}, {
|
|
21
25
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
22
26
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
@@ -44,7 +48,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
48
|
type: BooleanConstructor;
|
|
45
49
|
default: boolean;
|
|
46
50
|
};
|
|
51
|
+
bold: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: boolean;
|
|
54
|
+
};
|
|
47
55
|
}>>, {
|
|
56
|
+
bold: boolean;
|
|
48
57
|
disabled: boolean;
|
|
49
58
|
amountAppliedValues: number;
|
|
50
59
|
isFilterOpen: boolean;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { BentoFilterEvent } from '../../filter-bar.types';
|
|
1
2
|
declare const _default: import("vue").DefineComponent<{
|
|
2
3
|
defaultValue: {
|
|
3
4
|
type: StringConstructor;
|
|
@@ -15,12 +16,19 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
16
|
type: StringConstructor;
|
|
16
17
|
default: any;
|
|
17
18
|
};
|
|
19
|
+
onlySlot: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
18
23
|
}, {
|
|
19
|
-
items: import("vue").
|
|
24
|
+
items: import("vue").ComputedRef<{
|
|
20
25
|
value: string;
|
|
21
26
|
label: string;
|
|
22
27
|
}[]>;
|
|
23
28
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
29
|
+
conditionalClasses: import("vue").ComputedRef<{
|
|
30
|
+
"b-boolean-filter--only-slot": boolean;
|
|
31
|
+
}>;
|
|
24
32
|
buttonLabel: import("vue").ComputedRef<string>;
|
|
25
33
|
internalFilterValue: import("vue").Ref<string>;
|
|
26
34
|
isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -30,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
38
|
clearFilter: () => void;
|
|
31
39
|
openFilter: () => void;
|
|
32
40
|
resetFilter: () => void;
|
|
33
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
41
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
34
42
|
defaultValue: {
|
|
35
43
|
type: StringConstructor;
|
|
36
44
|
default: any;
|
|
@@ -47,8 +55,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
47
55
|
type: StringConstructor;
|
|
48
56
|
default: any;
|
|
49
57
|
};
|
|
58
|
+
onlySlot: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
50
62
|
}>>, {
|
|
51
63
|
value: string;
|
|
52
64
|
defaultValue: string;
|
|
65
|
+
onlySlot: boolean;
|
|
53
66
|
}>;
|
|
54
67
|
export default _default;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoDateFilterOptions } from '../../filter-bar.types';
|
|
3
|
-
import { BentoDateFilterEvent } from './date-filter.types';
|
|
2
|
+
import { BentoDateFilterOptions, BentoFilterEvent } from '../../filter-bar.types';
|
|
4
3
|
declare const _default: import("vue").DefineComponent<{
|
|
5
4
|
defaultValue: {
|
|
6
5
|
type: PropType<Date>;
|
|
@@ -22,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
21
|
type: PropType<Date>;
|
|
23
22
|
default: any;
|
|
24
23
|
};
|
|
24
|
+
onlySlot: {
|
|
25
|
+
type: BooleanConstructor;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
25
28
|
}, {
|
|
26
29
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
27
30
|
internalFilterValue: import("vue").Ref<{
|
|
@@ -96,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
96
99
|
openFilter: () => void;
|
|
97
100
|
updateFilter: () => void;
|
|
98
101
|
resetFilter: () => void;
|
|
99
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
102
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
100
103
|
defaultValue: {
|
|
101
104
|
type: PropType<Date>;
|
|
102
105
|
default: any;
|
|
@@ -117,9 +120,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
117
120
|
type: PropType<Date>;
|
|
118
121
|
default: any;
|
|
119
122
|
};
|
|
123
|
+
onlySlot: {
|
|
124
|
+
type: BooleanConstructor;
|
|
125
|
+
default: boolean;
|
|
126
|
+
};
|
|
120
127
|
}>>, {
|
|
121
128
|
value: Date;
|
|
122
129
|
options: any;
|
|
123
130
|
defaultValue: Date;
|
|
131
|
+
onlySlot: boolean;
|
|
124
132
|
}>;
|
|
125
133
|
export default _default;
|
package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoDateRangeFilterOptions } from '../../filter-bar.types';
|
|
2
|
+
import { BentoDateRangeFilterOptions, BentoFilterEvent } from '../../filter-bar.types';
|
|
3
3
|
import { BentoDatePickerRangeDate } from '@/components/date-picker';
|
|
4
4
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
5
5
|
import { BentoButtonActionsList } from '@/components/button/components/button-actions';
|
|
6
|
-
import { BentoDateRangeFilterEvent } from './date-range-filter.types';
|
|
7
6
|
declare const _default: import("vue").DefineComponent<{
|
|
8
7
|
defaultValue: {
|
|
9
8
|
type: PropType<BentoDatePickerRangeDate>;
|
|
@@ -28,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
28
27
|
endDate: any;
|
|
29
28
|
};
|
|
30
29
|
};
|
|
30
|
+
onlySlot: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
31
34
|
}, {
|
|
32
35
|
baseFilter: any;
|
|
33
36
|
actions: import("vue").ComputedRef<BentoButtonActionsList>;
|
|
@@ -185,7 +188,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
185
188
|
resetFilter: () => void;
|
|
186
189
|
onDatePickerRangeError: () => void;
|
|
187
190
|
onDatePickerRangeFormDateInputUpdate: () => void;
|
|
188
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
191
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
189
192
|
defaultValue: {
|
|
190
193
|
type: PropType<BentoDatePickerRangeDate>;
|
|
191
194
|
default: any;
|
|
@@ -209,9 +212,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
209
212
|
endDate: any;
|
|
210
213
|
};
|
|
211
214
|
};
|
|
215
|
+
onlySlot: {
|
|
216
|
+
type: BooleanConstructor;
|
|
217
|
+
default: boolean;
|
|
218
|
+
};
|
|
212
219
|
}>>, {
|
|
213
220
|
value: BentoDatePickerRangeDate;
|
|
214
221
|
options: any;
|
|
215
222
|
defaultValue: BentoDatePickerRangeDate;
|
|
223
|
+
onlySlot: boolean;
|
|
216
224
|
}>;
|
|
217
225
|
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { BentoInputFilter } from './input-filter';
|
|
2
|
+
import { BentoDateFilter } from './date-filter';
|
|
3
|
+
import { BentoDateRangeFilter } from './date-range-filter';
|
|
4
|
+
import { BentoSelectAvatarFilter } from './select-filter/variants/select-avatar-filter';
|
|
5
|
+
import { BentoSelectFilter } from './select-filter';
|
|
6
|
+
import { BentoSelectCurrencyFilter } from './select-filter/variants/select-currency-filter';
|
|
7
|
+
import { BentoSelectCountryFilter } from './select-filter/variants/select-country-filter';
|
|
8
|
+
import { BentoSelectPaymentMethodFilter } from './select-filter/variants/select-payment-method-filter';
|
|
9
|
+
import { BentoSelectTagFilter } from './select-filter/variants/select-tag-filter';
|
|
10
|
+
import BentoBooleanFilter from './boolean-filter/boolean-filter.vue';
|
|
11
|
+
import BentoRangeFilter from './range-filter/range-filter.vue';
|
|
12
|
+
export { BentoInputFilter, BentoDateFilter, BentoDateRangeFilter, BentoSelectAvatarFilter, BentoSelectFilter, BentoSelectCurrencyFilter, BentoSelectCountryFilter, BentoSelectPaymentMethodFilter, BentoSelectTagFilter, BentoBooleanFilter, BentoRangeFilter, };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { BentoFilterEvent } from '../../filter-bar.types';
|
|
1
2
|
declare const _default: import("vue").DefineComponent<{
|
|
2
3
|
defaultValue: {
|
|
3
4
|
type: StringConstructor;
|
|
@@ -15,9 +16,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
16
|
type: StringConstructor;
|
|
16
17
|
default: any;
|
|
17
18
|
};
|
|
19
|
+
onlySlot: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
18
23
|
}, {
|
|
19
24
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
20
25
|
buttonLabel: import("vue").ComputedRef<string>;
|
|
26
|
+
conditionalClasses: import("vue").ComputedRef<{
|
|
27
|
+
"b-input-filter--only-slot": boolean;
|
|
28
|
+
}>;
|
|
21
29
|
internalFilterValue: import("vue").Ref<string>;
|
|
22
30
|
isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
23
31
|
isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -26,7 +34,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
26
34
|
clearFilter: () => void;
|
|
27
35
|
openFilter: () => void;
|
|
28
36
|
resetFilter: () => void;
|
|
29
|
-
|
|
37
|
+
onInput: () => void;
|
|
38
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
30
39
|
defaultValue: {
|
|
31
40
|
type: StringConstructor;
|
|
32
41
|
default: any;
|
|
@@ -43,8 +52,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
52
|
type: StringConstructor;
|
|
44
53
|
default: any;
|
|
45
54
|
};
|
|
55
|
+
onlySlot: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
46
59
|
}>>, {
|
|
47
60
|
value: string;
|
|
48
61
|
defaultValue: string;
|
|
62
|
+
onlySlot: boolean;
|
|
49
63
|
}>;
|
|
50
64
|
export default _default;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
+
import { BentoFilterEvent } from '../../filter-bar.types';
|
|
2
3
|
import { BentoInputFieldType } from '@/components/input-field';
|
|
3
4
|
declare const _default: import("vue").DefineComponent<{
|
|
4
5
|
defaultValue: {
|
|
@@ -17,10 +18,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
17
18
|
type: PropType<string[]>;
|
|
18
19
|
default: () => string[];
|
|
19
20
|
};
|
|
21
|
+
onlySlot: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
20
25
|
}, {
|
|
21
26
|
BentoInputFieldType: typeof BentoInputFieldType;
|
|
22
27
|
inputTextRef: any;
|
|
23
28
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
29
|
+
conditionalClasses: import("vue").ComputedRef<{
|
|
30
|
+
"b-range-filter--only-slot": boolean;
|
|
31
|
+
}>;
|
|
24
32
|
internalFilterValue: import("vue").Ref<string[]>;
|
|
25
33
|
isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
26
34
|
isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
|
|
@@ -31,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
39
|
clearFilter: () => void;
|
|
32
40
|
openFilter: () => void;
|
|
33
41
|
resetFilter: () => void;
|
|
34
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
42
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
35
43
|
defaultValue: {
|
|
36
44
|
type: PropType<string[]>;
|
|
37
45
|
default: any;
|
|
@@ -48,8 +56,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
48
56
|
type: PropType<string[]>;
|
|
49
57
|
default: () => string[];
|
|
50
58
|
};
|
|
59
|
+
onlySlot: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
51
63
|
}>>, {
|
|
52
64
|
value: string[];
|
|
53
65
|
defaultValue: string[];
|
|
66
|
+
onlySlot: boolean;
|
|
54
67
|
}>;
|
|
55
68
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoListboxOptionItem, BentoListboxSelectedValue } from '@/types';
|
|
3
|
-
import { BentoSelectFilterOptions } from '../../filter-bar.types';
|
|
3
|
+
import { BentoFilterEvent, BentoSelectFilterOptions } from '../../filter-bar.types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
defaultValue: {
|
|
6
6
|
type: PropType<BentoListboxSelectedValue>;
|
|
@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
type: PropType<BentoListboxSelectedValue>;
|
|
23
23
|
default: any;
|
|
24
24
|
};
|
|
25
|
+
onlySlot: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
25
29
|
}, {
|
|
26
30
|
appliedFiltersCount: import("vue").ComputedRef<number>;
|
|
27
31
|
filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
|
|
@@ -37,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
37
41
|
openFilter: () => void;
|
|
38
42
|
updateFilter: () => void;
|
|
39
43
|
resetFilter: () => void;
|
|
40
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
44
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
41
45
|
defaultValue: {
|
|
42
46
|
type: PropType<BentoListboxSelectedValue>;
|
|
43
47
|
default: any;
|
|
@@ -58,9 +62,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
58
62
|
type: PropType<BentoListboxSelectedValue>;
|
|
59
63
|
default: any;
|
|
60
64
|
};
|
|
65
|
+
onlySlot: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
61
69
|
}>>, {
|
|
62
70
|
value: BentoListboxSelectedValue;
|
|
63
71
|
options: BentoSelectFilterOptions;
|
|
64
72
|
defaultValue: BentoListboxSelectedValue;
|
|
73
|
+
onlySlot: boolean;
|
|
65
74
|
}>;
|
|
66
75
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoListboxSelectedValue } from '@/types';
|
|
3
|
-
import { BentoSelectAvatarFilterOptions } from '@/components/filter-bar';
|
|
3
|
+
import { BentoFilterEvent, BentoSelectAvatarFilterOptions } from '@/components/filter-bar';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
options: {
|
|
6
6
|
type: PropType<BentoSelectAvatarFilterOptions>;
|
|
@@ -22,9 +22,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
type: PropType<BentoListboxSelectedValue>;
|
|
23
23
|
default: any;
|
|
24
24
|
};
|
|
25
|
+
onlySlot: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
25
29
|
}, {
|
|
30
|
+
BentoFilterEvent: typeof BentoFilterEvent;
|
|
26
31
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
27
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
32
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
28
33
|
options: {
|
|
29
34
|
type: PropType<BentoSelectAvatarFilterOptions>;
|
|
30
35
|
default: any;
|
|
@@ -45,9 +50,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
50
|
type: PropType<BentoListboxSelectedValue>;
|
|
46
51
|
default: any;
|
|
47
52
|
};
|
|
53
|
+
onlySlot: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
48
57
|
}>>, {
|
|
49
58
|
value: BentoListboxSelectedValue;
|
|
50
59
|
options: BentoSelectAvatarFilterOptions;
|
|
51
60
|
defaultValue: BentoListboxSelectedValue;
|
|
61
|
+
onlySlot: boolean;
|
|
52
62
|
}>;
|
|
53
63
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoCountryVariant } from '@/components/country';
|
|
3
3
|
import { BentoListboxSelectedValue } from '@/types';
|
|
4
|
-
import { BentoSelectCountryFilterOptions } from '@/components/filter-bar';
|
|
4
|
+
import { BentoFilterEvent, BentoSelectCountryFilterOptions } from '@/components/filter-bar';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
6
6
|
options: {
|
|
7
7
|
type: PropType<BentoSelectCountryFilterOptions>;
|
|
@@ -23,11 +23,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
type: PropType<BentoListboxSelectedValue>;
|
|
24
24
|
default: any;
|
|
25
25
|
};
|
|
26
|
+
onlySlot: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
26
30
|
}, {
|
|
27
31
|
countryOptions: import("vue").ComputedRef<{
|
|
28
32
|
listboxItems: import("@/types").BentoListboxOptions;
|
|
29
|
-
multiple?: boolean;
|
|
30
|
-
isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
|
|
31
33
|
messages?: {
|
|
32
34
|
[key: string]: {
|
|
33
35
|
[key: string]: string;
|
|
@@ -35,11 +37,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
35
37
|
persistentButtonLabelAllSelected: string;
|
|
36
38
|
};
|
|
37
39
|
};
|
|
40
|
+
isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
|
|
41
|
+
multiple?: boolean;
|
|
38
42
|
variant: BentoCountryVariant;
|
|
39
43
|
}>;
|
|
40
44
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
41
45
|
BentoCountryVariant: typeof BentoCountryVariant;
|
|
42
|
-
|
|
46
|
+
BentoFilterEvent: typeof BentoFilterEvent;
|
|
47
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
43
48
|
options: {
|
|
44
49
|
type: PropType<BentoSelectCountryFilterOptions>;
|
|
45
50
|
default: any;
|
|
@@ -60,9 +65,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
60
65
|
type: PropType<BentoListboxSelectedValue>;
|
|
61
66
|
default: any;
|
|
62
67
|
};
|
|
68
|
+
onlySlot: {
|
|
69
|
+
type: BooleanConstructor;
|
|
70
|
+
default: boolean;
|
|
71
|
+
};
|
|
63
72
|
}>>, {
|
|
64
73
|
value: BentoListboxSelectedValue;
|
|
65
74
|
options: BentoSelectCountryFilterOptions;
|
|
66
75
|
defaultValue: BentoListboxSelectedValue;
|
|
76
|
+
onlySlot: boolean;
|
|
67
77
|
}>;
|
|
68
78
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoListboxSelectedValue } from '@/types';
|
|
3
|
-
import { BentoSelectCurrencyFilterOptions } from '@/components/filter-bar';
|
|
3
|
+
import { BentoFilterEvent, BentoSelectCurrencyFilterOptions } from '@/components/filter-bar';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
options: {
|
|
6
6
|
type: PropType<BentoSelectCurrencyFilterOptions>;
|
|
@@ -22,9 +22,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
type: PropType<BentoListboxSelectedValue>;
|
|
23
23
|
default: any;
|
|
24
24
|
};
|
|
25
|
+
onlySlot: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
25
29
|
}, {
|
|
30
|
+
BentoFilterEvent: typeof BentoFilterEvent;
|
|
26
31
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
27
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
32
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
28
33
|
options: {
|
|
29
34
|
type: PropType<BentoSelectCurrencyFilterOptions>;
|
|
30
35
|
default: any;
|
|
@@ -45,9 +50,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
50
|
type: PropType<BentoListboxSelectedValue>;
|
|
46
51
|
default: any;
|
|
47
52
|
};
|
|
53
|
+
onlySlot: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
48
57
|
}>>, {
|
|
49
58
|
value: BentoListboxSelectedValue;
|
|
50
59
|
options: BentoSelectCurrencyFilterOptions;
|
|
51
60
|
defaultValue: BentoListboxSelectedValue;
|
|
61
|
+
onlySlot: boolean;
|
|
52
62
|
}>;
|
|
53
63
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoListboxSelectedValue } from '@/types';
|
|
3
|
-
import { BentoSelectPaymentMethodFilterOptions } from '@/components/filter-bar';
|
|
3
|
+
import { BentoFilterEvent, BentoSelectPaymentMethodFilterOptions } from '@/components/filter-bar';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
options: {
|
|
6
6
|
type: PropType<BentoSelectPaymentMethodFilterOptions>;
|
|
@@ -22,9 +22,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
type: PropType<BentoListboxSelectedValue>;
|
|
23
23
|
default: any;
|
|
24
24
|
};
|
|
25
|
+
onlySlot: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
25
29
|
}, {
|
|
30
|
+
BentoFilterEvent: typeof BentoFilterEvent;
|
|
26
31
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
27
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin,
|
|
32
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
28
33
|
options: {
|
|
29
34
|
type: PropType<BentoSelectPaymentMethodFilterOptions>;
|
|
30
35
|
default: any;
|
|
@@ -45,9 +50,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
50
|
type: PropType<BentoListboxSelectedValue>;
|
|
46
51
|
default: any;
|
|
47
52
|
};
|
|
53
|
+
onlySlot: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
48
57
|
}>>, {
|
|
49
58
|
value: BentoListboxSelectedValue;
|
|
50
59
|
options: BentoSelectPaymentMethodFilterOptions;
|
|
51
60
|
defaultValue: BentoListboxSelectedValue;
|
|
61
|
+
onlySlot: boolean;
|
|
52
62
|
}>;
|
|
53
63
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoCountryVariant } from '@/components/country';
|
|
3
3
|
import { BentoListboxSelectedValue } from '@/types';
|
|
4
|
-
import { BentoSelectTagFilterOptions } from '@/components/filter-bar';
|
|
4
|
+
import { BentoFilterEvent, BentoSelectTagFilterOptions } from '@/components/filter-bar';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
6
6
|
options: {
|
|
7
7
|
type: PropType<BentoSelectTagFilterOptions>;
|
|
@@ -23,6 +23,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
type: PropType<BentoListboxSelectedValue>;
|
|
24
24
|
default: any;
|
|
25
25
|
};
|
|
26
|
+
onlySlot: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
26
30
|
}, {
|
|
27
31
|
countryOptions: import("vue").ComputedRef<{
|
|
28
32
|
listboxItems: {
|
|
@@ -30,8 +34,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
34
|
value: import("@/types").BentoListboxValue;
|
|
31
35
|
data: import("../../../../../tag").BentoTagVariant;
|
|
32
36
|
}[];
|
|
33
|
-
multiple?: boolean;
|
|
34
|
-
isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
|
|
35
37
|
messages?: {
|
|
36
38
|
[key: string]: {
|
|
37
39
|
[key: string]: string;
|
|
@@ -39,10 +41,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
41
|
persistentButtonLabelAllSelected: string;
|
|
40
42
|
};
|
|
41
43
|
};
|
|
44
|
+
isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
|
|
45
|
+
multiple?: boolean;
|
|
42
46
|
}>;
|
|
43
47
|
onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
|
|
44
48
|
BentoCountryVariant: typeof BentoCountryVariant;
|
|
45
|
-
|
|
49
|
+
BentoFilterEvent: typeof BentoFilterEvent;
|
|
50
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
46
51
|
options: {
|
|
47
52
|
type: PropType<BentoSelectTagFilterOptions>;
|
|
48
53
|
default: any;
|
|
@@ -63,9 +68,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
63
68
|
type: PropType<BentoListboxSelectedValue>;
|
|
64
69
|
default: any;
|
|
65
70
|
};
|
|
71
|
+
onlySlot: {
|
|
72
|
+
type: BooleanConstructor;
|
|
73
|
+
default: boolean;
|
|
74
|
+
};
|
|
66
75
|
}>>, {
|
|
67
76
|
value: BentoListboxSelectedValue;
|
|
68
77
|
options: BentoSelectTagFilterOptions;
|
|
69
78
|
defaultValue: BentoListboxSelectedValue;
|
|
79
|
+
onlySlot: boolean;
|
|
70
80
|
}>;
|
|
71
81
|
export default _default;
|
|
@@ -50,6 +50,10 @@ export type BentoDateFilterValue = Date | null;
|
|
|
50
50
|
export type BentoDateRangeFilterValue = BentoDatePickerRangeDate | null;
|
|
51
51
|
export type BentoFilterBarValue = BentoInputFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
|
|
52
52
|
export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | undefined;
|
|
53
|
+
export declare enum BentoFilterEvent {
|
|
54
|
+
INPUT = "input",
|
|
55
|
+
UPDATE = "update"
|
|
56
|
+
}
|
|
53
57
|
export declare enum BentoFilterItemType {
|
|
54
58
|
INPUT = "BentoInputFilter",
|
|
55
59
|
BOOLEAN = "BentoBooleanFilter",
|
|
@@ -66,6 +70,7 @@ export declare enum BentoFilterItemType {
|
|
|
66
70
|
export interface BentoFilterModel {
|
|
67
71
|
field: string;
|
|
68
72
|
label: string;
|
|
73
|
+
description?: string;
|
|
69
74
|
type: BentoFilterItemType;
|
|
70
75
|
options?: BentoFilterOptions;
|
|
71
76
|
value?: BentoFilterBarValue;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
|
|
3
3
|
import { BentoButtonVariant } from '@/components/button';
|
|
4
|
+
import { BentoSearchBarEvent } from '@/components/search-bar';
|
|
4
5
|
declare const _default: import("vue").DefineComponent<{
|
|
5
6
|
searchTerm: {
|
|
6
7
|
type: StringConstructor;
|
|
@@ -13,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
14
|
}, {
|
|
14
15
|
isClearAllVisible: import("vue").ComputedRef<boolean>;
|
|
15
16
|
isSearchBarEnabled: import("vue").ComputedRef<boolean>;
|
|
16
|
-
searchBarAriaLabel: string
|
|
17
|
+
searchBarAriaLabel: import("vue").ComputedRef<string>;
|
|
17
18
|
persistentFilters: import("vue").ComputedRef<BentoFilterModel[]>;
|
|
18
19
|
regularFilters: import("vue").ComputedRef<BentoFilterModel[]>;
|
|
19
20
|
isResetAllVisible: import("vue").ComputedRef<boolean>;
|
|
@@ -23,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
24
|
onSearchbarClear: () => void;
|
|
24
25
|
onSearchbarInput: (newSearchTerm: string) => void;
|
|
25
26
|
resetAllFilters: () => void;
|
|
26
|
-
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" |
|
|
27
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | BentoSearchBarEvent)[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
27
28
|
searchTerm: {
|
|
28
29
|
type: StringConstructor;
|
|
29
30
|
default: any;
|
|
@@ -21,12 +21,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
21
|
default: any;
|
|
22
22
|
};
|
|
23
23
|
lastUpdated: {
|
|
24
|
-
type: (
|
|
24
|
+
type: (DateConstructor | NumberConstructor)[];
|
|
25
25
|
default: any;
|
|
26
26
|
};
|
|
27
27
|
}, {
|
|
28
28
|
hasSlot: (name: string) => boolean;
|
|
29
|
-
timestamp: import("vue").ComputedRef<
|
|
29
|
+
timestamp: import("vue").ComputedRef<any>;
|
|
30
30
|
typography: import("vue").ComputedRef<{
|
|
31
31
|
el: BentoTypographyElement;
|
|
32
32
|
variant: BentoTypographyVariant;
|
|
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
54
|
default: any;
|
|
55
55
|
};
|
|
56
56
|
lastUpdated: {
|
|
57
|
-
type: (
|
|
57
|
+
type: (DateConstructor | NumberConstructor)[];
|
|
58
58
|
default: any;
|
|
59
59
|
};
|
|
60
60
|
}>>, {
|