@adyen/bento-vue2 0.9.1 → 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.
Files changed (88) hide show
  1. package/dist/@types/components/avatar-image/avatar-image.vue.d.ts +2 -2
  2. package/dist/@types/components/button/button.vue.d.ts +6 -6
  3. package/dist/@types/components/button/components/loading-button/loading-button.vue.d.ts +2 -2
  4. package/dist/@types/components/card/card.types.d.ts +4 -0
  5. package/dist/@types/components/card/card.vue.d.ts +20 -4
  6. package/dist/@types/components/checkbox/checkbox.types.d.ts +5 -0
  7. package/dist/@types/components/checkbox/checkbox.vue.d.ts +15 -5
  8. package/dist/@types/components/checkbox/components/checkbox-group/checkbox-group.types.d.ts +1 -0
  9. package/dist/@types/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +10 -1
  10. package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts +1 -2
  11. package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts +1 -1
  12. package/dist/@types/components/country/country.vue.d.ts +1 -1
  13. package/dist/@types/components/data-grid/data-grid.vue.d.ts +8 -4
  14. package/dist/@types/components/date/date.vue.d.ts +2 -2
  15. 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
  16. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts +1 -1
  17. package/dist/@types/components/date-picker/date-picker.vue.d.ts +6 -6
  18. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +3 -3
  19. package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +3 -3
  20. package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +3 -2
  21. package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
  22. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +7 -7
  23. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +8 -8
  24. package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +7 -7
  25. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +7 -7
  26. package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +7 -7
  27. package/dist/@types/components/dropdown/dropdown.vue.d.ts +8 -7
  28. package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.types.d.ts +3 -0
  29. package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +1058 -0
  30. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +9 -0
  31. package/dist/@types/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +9 -0
  32. package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +15 -2
  33. package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts +21 -3
  34. package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +14 -4
  35. package/dist/@types/components/filter-bar/components/index.d.ts +12 -0
  36. package/dist/@types/components/filter-bar/components/input-filter/input-filter.vue.d.ts +15 -1
  37. package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +14 -1
  38. package/dist/@types/components/filter-bar/components/select-filter/select-filter.vue.d.ts +12 -2
  39. package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +12 -2
  40. package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +14 -4
  41. package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +12 -2
  42. package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +12 -2
  43. package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +14 -4
  44. package/dist/@types/components/filter-bar/filter-bar.types.d.ts +9 -0
  45. package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +6 -3
  46. package/dist/@types/components/header/header.vue.d.ts +3 -3
  47. package/dist/@types/components/input-field/input-field.types.d.ts +4 -1
  48. package/dist/@types/components/input-field/input-field.vue.d.ts +4 -4
  49. package/dist/@types/components/internal/base-button/base-button.vue.d.ts +4 -4
  50. package/dist/@types/components/internal/copy/copy.types.d.ts +5 -0
  51. package/dist/@types/components/internal/copy/copy.vue.d.ts +1 -1
  52. package/dist/@types/components/internal/grid-layout/grid-layout.types.d.ts +5 -0
  53. package/dist/@types/components/internal/grid-layout/grid-layout.vue.d.ts +14 -1
  54. package/dist/@types/components/internal/grid-layout/index.d.ts +1 -0
  55. package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +1 -1
  56. package/dist/@types/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts +1 -1
  57. package/dist/@types/components/internal/listbox/listbox.vue.d.ts +9 -1
  58. package/dist/@types/components/loading-indicator/loading-indicator.vue.d.ts +1 -1
  59. package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +2 -2
  60. package/dist/@types/components/menu/menu.vue.d.ts +1 -1
  61. package/dist/@types/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts +123 -0
  62. package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +6 -1
  63. package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +2 -2
  64. package/dist/@types/components/modal/modal.vue.d.ts +1 -1
  65. package/dist/@types/components/pagination/pagination.vue.d.ts +1 -1
  66. package/dist/@types/components/popover/popover.vue.d.ts +3 -3
  67. package/dist/@types/components/popper-container/popper-container.vue.d.ts +2 -2
  68. package/dist/@types/components/radio-group/components/radio-button/radio-button.types.d.ts +4 -0
  69. package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts +16 -3
  70. package/dist/@types/components/radio-group/radio-group.types.d.ts +1 -0
  71. package/dist/@types/components/radio-group/radio-group.vue.d.ts +10 -1
  72. package/dist/@types/components/search-bar/search-bar.types.d.ts +11 -0
  73. package/dist/@types/components/search-bar/search-bar.vue.d.ts +8 -6
  74. package/dist/@types/components/textarea/textarea.vue.d.ts +1 -1
  75. package/dist/@types/components/toggle/toggle.vue.d.ts +1 -1
  76. package/dist/@types/components/tooltip/tooltip.vue.d.ts +256 -9
  77. package/dist/@types/components/typography/typography.vue.d.ts +2 -2
  78. package/dist/@types/directives/tooltip/tooltip.d.ts +9 -2
  79. package/dist/@types/types/elements.d.ts +2 -3
  80. package/dist/@types/{components/focus-trap → utils/ts}/focus-trap.utils.d.ts +1 -1
  81. package/dist/@types/utils/ts/i18n.d.ts +12 -1
  82. package/dist/@types/utils/ts/toastController.d.ts +0 -1
  83. package/dist/index.js +8579 -6292
  84. package/dist/index.js.map +1 -1
  85. package/dist/web-types.json +278 -63
  86. package/package.json +3 -4
  87. package/dist/@types/components/filter-bar/components/date-filter/date-filter.types.d.ts +0 -3
  88. 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;
@@ -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").Ref<{
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, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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,7 +1,10 @@
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<{
4
+ isDateInput: {
5
+ type: BooleanConstructor;
6
+ default: boolean;
7
+ };
5
8
  defaultValue: {
6
9
  type: PropType<Date>;
7
10
  default: any;
@@ -14,6 +17,10 @@ declare const _default: import("vue").DefineComponent<{
14
17
  type: StringConstructor;
15
18
  required: true;
16
19
  };
20
+ onlySlot: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
17
24
  options: {
18
25
  type: PropType<BentoDateFilterOptions>;
19
26
  default: any;
@@ -96,7 +103,12 @@ declare const _default: import("vue").DefineComponent<{
96
103
  openFilter: () => void;
97
104
  updateFilter: () => void;
98
105
  resetFilter: () => void;
99
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDateFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
106
+ onDateInputSelected: (selectedDate: Date) => void;
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
+ };
100
112
  defaultValue: {
101
113
  type: PropType<Date>;
102
114
  default: any;
@@ -109,6 +121,10 @@ declare const _default: import("vue").DefineComponent<{
109
121
  type: StringConstructor;
110
122
  required: true;
111
123
  };
124
+ onlySlot: {
125
+ type: BooleanConstructor;
126
+ default: boolean;
127
+ };
112
128
  options: {
113
129
  type: PropType<BentoDateFilterOptions>;
114
130
  default: any;
@@ -121,5 +137,7 @@ declare const _default: import("vue").DefineComponent<{
121
137
  value: Date;
122
138
  options: any;
123
139
  defaultValue: Date;
140
+ onlySlot: boolean;
141
+ isDateInput: boolean;
124
142
  }>;
125
143
  export default _default;
@@ -1,9 +1,8 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoDateRangeFilterOptions } from '../../filter-bar.types';
3
- import { BentoDatePickerRangeDate } from '@/components/date-picker';
2
+ import { BentoDateRangeFilterOptions, BentoFilterEvent } from '../../filter-bar.types';
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
- import { BentoDateRangeFilterEvent } from './date-range-filter.types';
7
6
  declare const _default: import("vue").DefineComponent<{
8
7
  defaultValue: {
9
8
  type: PropType<BentoDatePickerRangeDate>;
@@ -17,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
17
16
  type: StringConstructor;
18
17
  required: true;
19
18
  };
19
+ onlySlot: {
20
+ type: BooleanConstructor;
21
+ default: boolean;
22
+ };
20
23
  options: {
21
24
  type: PropType<BentoDateRangeFilterOptions>;
22
25
  default: any;
@@ -178,6 +181,7 @@ declare const _default: import("vue").DefineComponent<{
178
181
  };
179
182
  BentoTypographyElement: typeof BentoTypographyElement;
180
183
  BentoTypographyVariant: typeof BentoTypographyVariant;
184
+ BentoDatePickerVariant: typeof BentoDatePickerVariant;
181
185
  clearFilter: () => void;
182
186
  onDateSelected: (selectedDate: BentoDatePickerRangeDate) => void;
183
187
  openFilter: () => void;
@@ -185,7 +189,8 @@ declare const _default: import("vue").DefineComponent<{
185
189
  resetFilter: () => void;
186
190
  onDatePickerRangeError: () => void;
187
191
  onDatePickerRangeFormDateInputUpdate: () => void;
188
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDateRangeFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
192
+ onDateInputSelected: (selectedDate: BentoDatePickerRangeDate) => void;
193
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
189
194
  defaultValue: {
190
195
  type: PropType<BentoDatePickerRangeDate>;
191
196
  default: any;
@@ -198,6 +203,10 @@ declare const _default: import("vue").DefineComponent<{
198
203
  type: StringConstructor;
199
204
  required: true;
200
205
  };
206
+ onlySlot: {
207
+ type: BooleanConstructor;
208
+ default: boolean;
209
+ };
201
210
  options: {
202
211
  type: PropType<BentoDateRangeFilterOptions>;
203
212
  default: any;
@@ -213,5 +222,6 @@ declare const _default: import("vue").DefineComponent<{
213
222
  value: BentoDatePickerRangeDate;
214
223
  options: any;
215
224
  defaultValue: BentoDatePickerRangeDate;
225
+ onlySlot: boolean;
216
226
  }>;
217
227
  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
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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>;
@@ -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;
@@ -29,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
29
33
  isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
30
34
  isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
31
35
  listboxFilterId: import("vue").ComputedRef<string>;
36
+ noResultsMessage: import("vue").ComputedRef<string>;
32
37
  buttonLabel: import("vue").ComputedRef<string>;
33
38
  searchTerm: import("vue").Ref<string>;
34
39
  clearFilter: () => void;
@@ -37,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
37
42
  openFilter: () => void;
38
43
  updateFilter: () => void;
39
44
  resetFilter: () => void;
40
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
45
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
41
46
  defaultValue: {
42
47
  type: PropType<BentoListboxSelectedValue>;
43
48
  default: any;
@@ -50,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
50
55
  type: StringConstructor;
51
56
  required: true;
52
57
  };
58
+ onlySlot: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
53
62
  options: {
54
63
  type: PropType<BentoSelectFilterOptions>;
55
64
  default: any;
@@ -62,5 +71,6 @@ declare const _default: import("vue").DefineComponent<{
62
71
  value: BentoListboxSelectedValue;
63
72
  options: BentoSelectFilterOptions;
64
73
  defaultValue: BentoListboxSelectedValue;
74
+ onlySlot: boolean;
65
75
  }>;
66
76
  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>;
@@ -18,13 +18,18 @@ declare const _default: import("vue").DefineComponent<{
18
18
  type: StringConstructor;
19
19
  required: true;
20
20
  };
21
+ onlySlot: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
21
25
  value: {
22
26
  type: PropType<BentoListboxSelectedValue>;
23
27
  default: any;
24
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, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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;
@@ -41,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
41
46
  type: StringConstructor;
42
47
  required: true;
43
48
  };
49
+ onlySlot: {
50
+ type: BooleanConstructor;
51
+ default: boolean;
52
+ };
44
53
  value: {
45
54
  type: PropType<BentoListboxSelectedValue>;
46
55
  default: any;
@@ -49,5 +58,6 @@ declare const _default: import("vue").DefineComponent<{
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>;
@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: StringConstructor;
20
20
  required: true;
21
21
  };
22
+ onlySlot: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
22
26
  value: {
23
27
  type: PropType<BentoListboxSelectedValue>;
24
28
  default: any;
@@ -26,8 +30,6 @@ declare const _default: import("vue").DefineComponent<{
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
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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;
@@ -56,6 +61,10 @@ declare const _default: import("vue").DefineComponent<{
56
61
  type: StringConstructor;
57
62
  required: true;
58
63
  };
64
+ onlySlot: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
59
68
  value: {
60
69
  type: PropType<BentoListboxSelectedValue>;
61
70
  default: any;
@@ -64,5 +73,6 @@ declare const _default: import("vue").DefineComponent<{
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>;
@@ -18,13 +18,18 @@ declare const _default: import("vue").DefineComponent<{
18
18
  type: StringConstructor;
19
19
  required: true;
20
20
  };
21
+ onlySlot: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
21
25
  value: {
22
26
  type: PropType<BentoListboxSelectedValue>;
23
27
  default: any;
24
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, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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;
@@ -41,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
41
46
  type: StringConstructor;
42
47
  required: true;
43
48
  };
49
+ onlySlot: {
50
+ type: BooleanConstructor;
51
+ default: boolean;
52
+ };
44
53
  value: {
45
54
  type: PropType<BentoListboxSelectedValue>;
46
55
  default: any;
@@ -49,5 +58,6 @@ declare const _default: import("vue").DefineComponent<{
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>;
@@ -18,13 +18,18 @@ declare const _default: import("vue").DefineComponent<{
18
18
  type: StringConstructor;
19
19
  required: true;
20
20
  };
21
+ onlySlot: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
21
25
  value: {
22
26
  type: PropType<BentoListboxSelectedValue>;
23
27
  default: any;
24
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, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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;
@@ -41,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
41
46
  type: StringConstructor;
42
47
  required: true;
43
48
  };
49
+ onlySlot: {
50
+ type: BooleanConstructor;
51
+ default: boolean;
52
+ };
44
53
  value: {
45
54
  type: PropType<BentoListboxSelectedValue>;
46
55
  default: any;
@@ -49,5 +58,6 @@ declare const _default: import("vue").DefineComponent<{
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>;
@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: StringConstructor;
20
20
  required: true;
21
21
  };
22
+ onlySlot: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
22
26
  value: {
23
27
  type: PropType<BentoListboxSelectedValue>;
24
28
  default: any;
@@ -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
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
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;
@@ -59,6 +64,10 @@ declare const _default: import("vue").DefineComponent<{
59
64
  type: StringConstructor;
60
65
  required: true;
61
66
  };
67
+ onlySlot: {
68
+ type: BooleanConstructor;
69
+ default: boolean;
70
+ };
62
71
  value: {
63
72
  type: PropType<BentoListboxSelectedValue>;
64
73
  default: any;
@@ -67,5 +76,6 @@ declare const _default: import("vue").DefineComponent<{
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,13 @@ 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
+ }
57
+ export declare enum BentoFilterBarEvent {
58
+ INPUT = "input"
59
+ }
53
60
  export declare enum BentoFilterItemType {
54
61
  INPUT = "BentoInputFilter",
55
62
  BOOLEAN = "BentoBooleanFilter",
@@ -66,9 +73,11 @@ export declare enum BentoFilterItemType {
66
73
  export interface BentoFilterModel {
67
74
  field: string;
68
75
  label: string;
76
+ description?: string;
69
77
  type: BentoFilterItemType;
70
78
  options?: BentoFilterOptions;
71
79
  value?: BentoFilterBarValue;
72
80
  defaultValue?: BentoFilterBarValue;
81
+ visible?: boolean;
73
82
  }
74
83
  export type BentoFilterBarModel = Array<BentoFilterModel>;