@adyen/bento-vue2 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/dist/@types/components/alert/alert.vue.d.ts +1 -1
  2. package/dist/@types/components/button/button.vue.d.ts +4 -1
  3. package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts +1 -1
  4. package/dist/@types/components/card/card.vue.d.ts +20 -1
  5. package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts +1 -1
  6. package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts +1 -1
  7. package/dist/@types/components/country/composables/useCountryPhoneCode/useCountryPhoneCode.d.ts +1 -1
  8. package/dist/@types/components/country/country.vue.d.ts +1 -1
  9. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +3 -3
  10. package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts +1 -1
  11. package/dist/@types/components/data-grid/composables/useConfigSettings.d.ts +4 -4
  12. package/dist/@types/components/data-grid/data-grid.types.d.ts +16 -1
  13. package/dist/@types/components/data-grid/data-grid.vue.d.ts +18 -7
  14. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts +5 -1
  15. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +15 -5
  16. package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +14 -5
  17. package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +9 -0
  18. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types.d.ts +1 -1
  19. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +14 -5
  20. package/dist/@types/components/dropdown/components/variants/dropdown-country/composables/useCountryItems.d.ts +2 -2
  21. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.types.d.ts +2 -2
  22. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +15 -6
  23. package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +13 -4
  24. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts +2 -2
  25. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +13 -4
  26. package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts +6 -0
  27. package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +123 -0
  28. package/dist/@types/components/dropdown/dropdown.vue.d.ts +14 -4
  29. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +33 -7
  30. package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +43 -0
  31. package/dist/@types/components/filter-bar/components/boolean-filter/index.d.ts +1 -0
  32. package/dist/@types/components/filter-bar/components/input-filter/index.d.ts +1 -0
  33. package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +42 -0
  34. package/dist/@types/components/filter-bar/components/select-filter/index.d.ts +1 -0
  35. package/dist/@types/components/filter-bar/components/{listbox-filter/listbox-filter.vue.d.ts → select-filter/select-filter.vue.d.ts} +9 -7
  36. package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/index.d.ts +1 -0
  37. package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +44 -0
  38. package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/index.d.ts +1 -0
  39. package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +52 -0
  40. package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/index.d.ts +1 -0
  41. package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +44 -0
  42. package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/index.d.ts +1 -0
  43. package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +44 -0
  44. package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/index.d.ts +1 -0
  45. package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +55 -0
  46. package/dist/@types/components/filter-bar/filter-bar.types.d.ts +38 -8
  47. package/dist/@types/components/input-field/input-field.types.d.ts +2 -1
  48. package/dist/@types/components/input-field/input-field.vue.d.ts +1 -0
  49. package/dist/@types/components/internal/index.d.ts +1 -0
  50. package/dist/@types/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options.vue.d.ts +37 -0
  51. package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +13 -1
  52. package/dist/@types/components/internal/listbox/components/listbox-option-tag/index.d.ts +1 -0
  53. package/dist/@types/components/internal/listbox/components/{listbox-option-currency/listbox-option-currency.vue.d.ts → listbox-option-tag/listbox-option-tag.vue.d.ts} +4 -2
  54. package/dist/@types/components/internal/listbox/index.d.ts +1 -1
  55. package/dist/@types/components/internal/listbox/listbox.vue.d.ts +12 -0
  56. package/dist/@types/components/payment-method/payment-method.vue.d.ts +1 -1
  57. package/dist/@types/components/popper-container/popper-container.utils.d.ts +1 -1
  58. package/dist/@types/components/radio-group/radio-group.vue.d.ts +9 -0
  59. package/dist/@types/components/search-bar/search-bar.vue.d.ts +1 -0
  60. package/dist/@types/components/tabs/components/tab.types.d.ts +5 -0
  61. package/dist/@types/components/tabs/components/tab.vue.d.ts +3 -37
  62. package/dist/@types/components/tabs/index.d.ts +2 -3
  63. package/dist/@types/components/tabs/tabs.keys.d.ts +2 -1
  64. package/dist/@types/components/tabs/tabs.types.d.ts +4 -9
  65. package/dist/@types/components/tabs/tabs.utils.d.ts +3 -0
  66. package/dist/@types/components/tabs/tabs.vue.d.ts +13 -16
  67. package/dist/@types/components/toast/components/toast-item/toast-item.vue.d.ts +1 -0
  68. package/dist/@types/components/toast/index.d.ts +1 -1
  69. package/dist/@types/components.d.ts +2 -2
  70. package/dist/@types/composables/initials.d.ts +1 -1
  71. package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts +2 -2
  72. package/dist/@types/composables/useDynamicImport.d.ts +1 -1
  73. package/dist/@types/directives/click-outside/on-click-outside.d.ts +1 -1
  74. package/dist/@types/directives/click-outside/useEventListener/index.d.ts +1 -1
  75. package/dist/@types/directives/click-outside/utils.d.ts +1 -1
  76. package/dist/@types/directives/tooltip/tooltip.types.d.ts +1 -1
  77. package/dist/@types/index.d.ts +1 -1
  78. package/dist/@types/plugins/toastController.d.ts +1 -1
  79. package/dist/@types/types/listbox.d.ts +1 -1
  80. package/dist/@types/utils/ts/aria-label.d.ts +1 -1
  81. package/dist/@types/utils/ts/events.d.ts +1 -1
  82. package/dist/index.js +4302 -3581
  83. package/dist/index.js.map +1 -1
  84. package/package.json +5 -5
  85. package/dist/@types/components/filter-bar/components/listbox-filter/index.d.ts +0 -1
  86. package/dist/@types/components/filter-bar/components/text-filter/index.d.ts +0 -1
  87. package/dist/@types/components/internal/listbox/components/listbox-option-currency/index.d.ts +0 -1
  88. /package/dist/@types/components/filter-bar/components/{text-filter/text-filter.vue.d.ts → input-filter/input-filter.vue.d.ts} +0 -0
  89. /package/dist/@types/components/{avatar → internal/avatar}/avatar.vue.d.ts +0 -0
  90. /package/dist/@types/components/{avatar → internal/avatar}/index.d.ts +0 -0
@@ -1,6 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { BentoPaymentMethodListboxOptions } from './dropdown-payment-method.types';
3
- import { BentoListboxSelectedValue } from '../../../../../types';
3
+ import { BentoListboxSelectedValue } from '@/types';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  items: {
6
6
  type: PropType<BentoPaymentMethodListboxOptions>;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
27
27
  default: any;
28
28
  };
29
29
  isOptionDisabled: {
30
- type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
30
+ type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
31
31
  default: any;
32
32
  };
33
33
  multiple: {
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
42
42
  type: BooleanConstructor;
43
43
  default: boolean;
44
44
  };
45
+ showSlotContentInMultiple: {
46
+ type: BooleanConstructor;
47
+ default: boolean;
48
+ };
45
49
  value: {
46
50
  type: PropType<BentoListboxSelectedValue>;
47
51
  default: any;
@@ -74,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
74
78
  default: any;
75
79
  };
76
80
  isOptionDisabled: {
77
- type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
81
+ type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
78
82
  default: any;
79
83
  };
80
84
  multiple: {
@@ -89,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
89
93
  type: BooleanConstructor;
90
94
  default: boolean;
91
95
  };
96
+ showSlotContentInMultiple: {
97
+ type: BooleanConstructor;
98
+ default: boolean;
99
+ };
92
100
  value: {
93
101
  type: PropType<BentoListboxSelectedValue>;
94
102
  default: any;
@@ -103,7 +111,8 @@ declare const _default: import("vue").DefineComponent<{
103
111
  multiple: boolean;
104
112
  description: string;
105
113
  items: BentoPaymentMethodListboxOptions;
106
- isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
114
+ isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
107
115
  dynamicFiltering: boolean;
116
+ showSlotContentInMultiple: boolean;
108
117
  }>;
109
118
  export default _default;
@@ -0,0 +1,6 @@
1
+ import { BentoListboxOptionItem, OmitStrict } from '@/types';
2
+ import { BentoTagVariant } from '../../../../tag';
3
+ export type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'data'> & {
4
+ variant: BentoTagVariant;
5
+ };
6
+ export type BentoTagListboxOptions = BentoTagListboxOptionItem[];
@@ -0,0 +1,123 @@
1
+ import { PropType } from 'vue';
2
+ import type { BentoTagListboxOptions } from './dropdown-tag.types';
3
+ import type { BentoListboxSelectedValue } from '../../../../../types';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ items: {
6
+ type: PropType<BentoTagListboxOptions>;
7
+ default: () => any[];
8
+ };
9
+ ariaLabel: {
10
+ type: StringConstructor;
11
+ default: any;
12
+ };
13
+ disabled: {
14
+ type: BooleanConstructor;
15
+ default: boolean;
16
+ };
17
+ dynamicFiltering: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ label: {
22
+ type: StringConstructor;
23
+ default: any;
24
+ };
25
+ description: {
26
+ type: StringConstructor;
27
+ default: any;
28
+ };
29
+ isOptionDisabled: {
30
+ type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
31
+ default: any;
32
+ };
33
+ multiple: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ optional: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ required: {
42
+ type: BooleanConstructor;
43
+ default: boolean;
44
+ };
45
+ showSlotContentInMultiple: {
46
+ type: BooleanConstructor;
47
+ default: boolean;
48
+ };
49
+ value: {
50
+ type: PropType<BentoListboxSelectedValue>;
51
+ default: any;
52
+ };
53
+ }, {
54
+ tagItems: import("vue").ComputedRef<{
55
+ label: string;
56
+ value: import("../../../../../types").BentoListboxValue;
57
+ data: import("../../../../tag").BentoTagVariant;
58
+ }[]>;
59
+ onInput: (selectedValue: BentoListboxSelectedValue) => void;
60
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
61
+ items: {
62
+ type: PropType<BentoTagListboxOptions>;
63
+ default: () => any[];
64
+ };
65
+ ariaLabel: {
66
+ type: StringConstructor;
67
+ default: any;
68
+ };
69
+ disabled: {
70
+ type: BooleanConstructor;
71
+ default: boolean;
72
+ };
73
+ dynamicFiltering: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
77
+ label: {
78
+ type: StringConstructor;
79
+ default: any;
80
+ };
81
+ description: {
82
+ type: StringConstructor;
83
+ default: any;
84
+ };
85
+ isOptionDisabled: {
86
+ type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
87
+ default: any;
88
+ };
89
+ multiple: {
90
+ type: BooleanConstructor;
91
+ default: boolean;
92
+ };
93
+ optional: {
94
+ type: BooleanConstructor;
95
+ default: boolean;
96
+ };
97
+ required: {
98
+ type: BooleanConstructor;
99
+ default: boolean;
100
+ };
101
+ showSlotContentInMultiple: {
102
+ type: BooleanConstructor;
103
+ default: boolean;
104
+ };
105
+ value: {
106
+ type: PropType<BentoListboxSelectedValue>;
107
+ default: any;
108
+ };
109
+ }>>, {
110
+ required: boolean;
111
+ optional: boolean;
112
+ value: BentoListboxSelectedValue;
113
+ label: string;
114
+ ariaLabel: string;
115
+ disabled: boolean;
116
+ multiple: boolean;
117
+ description: string;
118
+ items: BentoTagListboxOptions;
119
+ isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
120
+ dynamicFiltering: boolean;
121
+ showSlotContentInMultiple: boolean;
122
+ }>;
123
+ export default _default;
@@ -1,6 +1,6 @@
1
1
  import { PropType } from 'vue';
2
- import type { BentoListboxIsOptionDisabled, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
3
- import { BentoTypographyElement } from '../typography';
2
+ import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
3
+ import { BentoTypographyElement } from '@/components/typography';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  ariaLabel: {
6
6
  type: StringConstructor;
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
42
42
  type: BooleanConstructor;
43
43
  default: boolean;
44
44
  };
45
+ showSlotContentInMultiple: {
46
+ type: BooleanConstructor;
47
+ default: boolean;
48
+ };
45
49
  value: {
46
50
  type: PropType<BentoListboxSelectedValue>;
47
51
  default: any;
@@ -51,10 +55,11 @@ declare const _default: import("vue").DefineComponent<{
51
55
  isDropdownOpen: import("vue").Ref<boolean>;
52
56
  displayValue: import("vue").ComputedRef<string>;
53
57
  dropdownOptionsContainerId: string;
54
- filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
58
+ filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem[]>;
59
+ isSearching: import("vue").ComputedRef<boolean>;
55
60
  searchTerm: import("vue").Ref<string>;
56
61
  labelId: string;
57
- selectedValueItem: import("vue").ComputedRef<BentoListboxOptionItem>;
62
+ selectedValueItem: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem | import("@/types").BentoListboxOptionItem[]>;
58
63
  inputContainerRef: any;
59
64
  closeOpenedDropdown: () => void;
60
65
  toggleDropdown: () => void;
@@ -101,6 +106,10 @@ declare const _default: import("vue").DefineComponent<{
101
106
  type: BooleanConstructor;
102
107
  default: boolean;
103
108
  };
109
+ showSlotContentInMultiple: {
110
+ type: BooleanConstructor;
111
+ default: boolean;
112
+ };
104
113
  value: {
105
114
  type: PropType<BentoListboxSelectedValue>;
106
115
  default: any;
@@ -117,5 +126,6 @@ declare const _default: import("vue").DefineComponent<{
117
126
  items: BentoListboxOptions;
118
127
  isOptionDisabled: BentoListboxIsOptionDisabled;
119
128
  dynamicFiltering: boolean;
129
+ showSlotContentInMultiple: boolean;
120
130
  }>;
121
131
  export default _default;
@@ -6,11 +6,11 @@ declare const _default: import("vue").DefineComponent<{
6
6
  };
7
7
  disableApplyButton: {
8
8
  type: BooleanConstructor;
9
- deafault: boolean;
9
+ default: boolean;
10
10
  };
11
11
  disableClearButton: {
12
12
  type: BooleanConstructor;
13
- deafault: boolean;
13
+ default: boolean;
14
14
  };
15
15
  field: {
16
16
  type: StringConstructor;
@@ -21,7 +21,20 @@ declare const _default: import("vue").DefineComponent<{
21
21
  required: true;
22
22
  };
23
23
  value: {
24
- type: StringConstructor;
24
+ type: (StringConstructor | {
25
+ (arrayLength: number): string[];
26
+ (...items: string[]): string[];
27
+ new (arrayLength: number): string[];
28
+ new (...items: string[]): string[];
29
+ isArray(arg: any): arg is any[];
30
+ readonly prototype: any[];
31
+ from<T>(arrayLike: ArrayLike<T>): T[];
32
+ from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
33
+ from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
34
+ from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
35
+ of<T_4>(...items: T_4[]): T_4[];
36
+ readonly [Symbol.species]: ArrayConstructor;
37
+ })[];
25
38
  default: any;
26
39
  };
27
40
  }, {
@@ -75,11 +88,11 @@ declare const _default: import("vue").DefineComponent<{
75
88
  };
76
89
  disableApplyButton: {
77
90
  type: BooleanConstructor;
78
- deafault: boolean;
91
+ default: boolean;
79
92
  };
80
93
  disableClearButton: {
81
94
  type: BooleanConstructor;
82
- deafault: boolean;
95
+ default: boolean;
83
96
  };
84
97
  field: {
85
98
  type: StringConstructor;
@@ -90,11 +103,24 @@ declare const _default: import("vue").DefineComponent<{
90
103
  required: true;
91
104
  };
92
105
  value: {
93
- type: StringConstructor;
106
+ type: (StringConstructor | {
107
+ (arrayLength: number): string[];
108
+ (...items: string[]): string[];
109
+ new (arrayLength: number): string[];
110
+ new (...items: string[]): string[];
111
+ isArray(arg: any): arg is any[];
112
+ readonly prototype: any[];
113
+ from<T>(arrayLike: ArrayLike<T>): T[];
114
+ from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
115
+ from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
116
+ from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
117
+ of<T_4>(...items: T_4[]): T_4[];
118
+ readonly [Symbol.species]: ArrayConstructor;
119
+ })[];
94
120
  default: any;
95
121
  };
96
122
  }>>, {
97
- value: string;
123
+ value: string | string[];
98
124
  appliedFiltersCount: number;
99
125
  disableApplyButton: boolean;
100
126
  disableClearButton: boolean;
@@ -0,0 +1,43 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ field: {
3
+ type: StringConstructor;
4
+ required: true;
5
+ };
6
+ label: {
7
+ type: StringConstructor;
8
+ required: true;
9
+ };
10
+ value: {
11
+ type: StringConstructor;
12
+ default: any;
13
+ };
14
+ }, {
15
+ items: import("vue").Ref<{
16
+ value: string;
17
+ label: string;
18
+ }[]>;
19
+ appliedFiltersCount: import("vue").ComputedRef<number>;
20
+ internalFilterValue: import("vue").Ref<string>;
21
+ isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
22
+ isClearButtonDisabled: import("vue").ComputedRef<boolean>;
23
+ onInput: (event: any) => void;
24
+ updateFilter: () => void;
25
+ clearFilter: () => void;
26
+ openFilter: () => void;
27
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
28
+ field: {
29
+ type: StringConstructor;
30
+ required: true;
31
+ };
32
+ label: {
33
+ type: StringConstructor;
34
+ required: true;
35
+ };
36
+ value: {
37
+ type: StringConstructor;
38
+ default: any;
39
+ };
40
+ }>>, {
41
+ value: string;
42
+ }>;
43
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoBooleanFilter } from './boolean-filter.vue';
@@ -0,0 +1 @@
1
+ export { default as BentoInputFilter } from './input-filter.vue';
@@ -0,0 +1,42 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoInputFieldType } from '@/components/input-field';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ field: {
5
+ type: StringConstructor;
6
+ required: true;
7
+ };
8
+ label: {
9
+ type: StringConstructor;
10
+ required: true;
11
+ };
12
+ value: {
13
+ type: PropType<string[]>;
14
+ required: true;
15
+ };
16
+ }, {
17
+ BentoInputFieldType: typeof BentoInputFieldType;
18
+ inputTextRef: any;
19
+ appliedFiltersCount: import("vue").ComputedRef<number>;
20
+ internalFilterValue: import("vue").Ref<string[]>;
21
+ isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
22
+ isClearButtonDisabled: import("vue").ComputedRef<boolean>;
23
+ updateFrom: (newValue: any) => void;
24
+ updateTo: (newValue: any) => void;
25
+ updateFilter: () => void;
26
+ clearFilter: () => void;
27
+ openFilter: () => void;
28
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
29
+ field: {
30
+ type: StringConstructor;
31
+ required: true;
32
+ };
33
+ label: {
34
+ type: StringConstructor;
35
+ required: true;
36
+ };
37
+ value: {
38
+ type: PropType<string[]>;
39
+ required: true;
40
+ };
41
+ }>>, {}>;
42
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoSelectFilter } from './select-filter.vue';
@@ -1,6 +1,6 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoListboxSelectedValue } from '@/types';
3
- import { BentoListboxFilterOptions } from '../../filter-bar.types';
2
+ import { BentoListboxOptionItem, BentoListboxSelectedValue } from '@/types';
3
+ import { BentoSelectFilterOptions } from '../../filter-bar.types';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  field: {
6
6
  type: StringConstructor;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
11
11
  required: true;
12
12
  };
13
13
  options: {
14
- type: PropType<BentoListboxFilterOptions>;
14
+ type: PropType<BentoSelectFilterOptions>;
15
15
  default: any;
16
16
  };
17
17
  value: {
@@ -20,16 +20,18 @@ declare const _default: import("vue").DefineComponent<{
20
20
  };
21
21
  }, {
22
22
  appliedFiltersCount: import("vue").ComputedRef<number>;
23
- filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptions>;
23
+ filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
24
24
  internalFilterValue: import("vue").Ref<import("@/types").BentoListboxValue | import("@/types").BentoListboxValue[]>;
25
25
  isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
26
26
  isClearButtonDisabled: import("vue").ComputedRef<boolean>;
27
27
  listboxFilterId: import("vue").ComputedRef<string>;
28
+ searchTerm: import("vue").Ref<string>;
28
29
  clearFilter: () => void;
30
+ closeFilter: () => void;
29
31
  onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
30
32
  openFilter: () => void;
31
33
  updateFilter: () => void;
32
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
34
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
33
35
  field: {
34
36
  type: StringConstructor;
35
37
  required: true;
@@ -39,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
39
41
  required: true;
40
42
  };
41
43
  options: {
42
- type: PropType<BentoListboxFilterOptions>;
44
+ type: PropType<BentoSelectFilterOptions>;
43
45
  default: any;
44
46
  };
45
47
  value: {
@@ -48,6 +50,6 @@ declare const _default: import("vue").DefineComponent<{
48
50
  };
49
51
  }>>, {
50
52
  value: BentoListboxSelectedValue;
51
- options: BentoListboxFilterOptions;
53
+ options: BentoSelectFilterOptions;
52
54
  }>;
53
55
  export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoSelectAvatarFilter } from './select-avatar-filter.vue';
@@ -0,0 +1,44 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoListboxSelectedValue } from '@/types';
3
+ import { BentoSelectAvatarFilterOptions } from '@/components/filter-bar';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ options: {
6
+ type: PropType<BentoSelectAvatarFilterOptions>;
7
+ default: any;
8
+ };
9
+ field: {
10
+ type: StringConstructor;
11
+ required: true;
12
+ };
13
+ label: {
14
+ type: StringConstructor;
15
+ required: true;
16
+ };
17
+ value: {
18
+ type: PropType<BentoListboxSelectedValue>;
19
+ default: any;
20
+ };
21
+ }, {
22
+ onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
23
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
24
+ options: {
25
+ type: PropType<BentoSelectAvatarFilterOptions>;
26
+ default: any;
27
+ };
28
+ field: {
29
+ type: StringConstructor;
30
+ required: true;
31
+ };
32
+ label: {
33
+ type: StringConstructor;
34
+ required: true;
35
+ };
36
+ value: {
37
+ type: PropType<BentoListboxSelectedValue>;
38
+ default: any;
39
+ };
40
+ }>>, {
41
+ value: BentoListboxSelectedValue;
42
+ options: BentoSelectAvatarFilterOptions;
43
+ }>;
44
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoSelectCountryFilter } from './select-country-filter.vue';
@@ -0,0 +1,52 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoCountryVariant } from '@/components/country';
3
+ import { BentoListboxSelectedValue } from '@/types';
4
+ import { BentoSelectCountryFilterOptions } from '@/components/filter-bar';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ options: {
7
+ type: PropType<BentoSelectCountryFilterOptions>;
8
+ default: any;
9
+ };
10
+ field: {
11
+ type: StringConstructor;
12
+ required: true;
13
+ };
14
+ label: {
15
+ type: StringConstructor;
16
+ required: true;
17
+ };
18
+ value: {
19
+ type: PropType<BentoListboxSelectedValue>;
20
+ default: any;
21
+ };
22
+ }, {
23
+ countryOptions: import("vue").ComputedRef<{
24
+ listboxItems: import("@/types").BentoListboxOptions;
25
+ multiple?: boolean;
26
+ isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
27
+ variant: BentoCountryVariant;
28
+ }>;
29
+ onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
30
+ BentoCountryVariant: typeof BentoCountryVariant;
31
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
32
+ options: {
33
+ type: PropType<BentoSelectCountryFilterOptions>;
34
+ default: any;
35
+ };
36
+ field: {
37
+ type: StringConstructor;
38
+ required: true;
39
+ };
40
+ label: {
41
+ type: StringConstructor;
42
+ required: true;
43
+ };
44
+ value: {
45
+ type: PropType<BentoListboxSelectedValue>;
46
+ default: any;
47
+ };
48
+ }>>, {
49
+ value: BentoListboxSelectedValue;
50
+ options: BentoSelectCountryFilterOptions;
51
+ }>;
52
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoSelectCurrencyFilter } from './select-currency-filter.vue';
@@ -0,0 +1,44 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoListboxSelectedValue } from '@/types';
3
+ import { BentoSelectCurrencyFilterOptions } from '@/components/filter-bar';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ options: {
6
+ type: PropType<BentoSelectCurrencyFilterOptions>;
7
+ default: any;
8
+ };
9
+ field: {
10
+ type: StringConstructor;
11
+ required: true;
12
+ };
13
+ label: {
14
+ type: StringConstructor;
15
+ required: true;
16
+ };
17
+ value: {
18
+ type: PropType<BentoListboxSelectedValue>;
19
+ default: any;
20
+ };
21
+ }, {
22
+ onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
23
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
24
+ options: {
25
+ type: PropType<BentoSelectCurrencyFilterOptions>;
26
+ default: any;
27
+ };
28
+ field: {
29
+ type: StringConstructor;
30
+ required: true;
31
+ };
32
+ label: {
33
+ type: StringConstructor;
34
+ required: true;
35
+ };
36
+ value: {
37
+ type: PropType<BentoListboxSelectedValue>;
38
+ default: any;
39
+ };
40
+ }>>, {
41
+ value: BentoListboxSelectedValue;
42
+ options: BentoSelectCurrencyFilterOptions;
43
+ }>;
44
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoSelectPaymentMethodFilter } from './select-payment-method-filter.vue';
@@ -0,0 +1,44 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoListboxSelectedValue } from '@/types';
3
+ import { BentoSelectPaymentMethodFilterOptions } from '@/components/filter-bar';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ options: {
6
+ type: PropType<BentoSelectPaymentMethodFilterOptions>;
7
+ default: any;
8
+ };
9
+ field: {
10
+ type: StringConstructor;
11
+ required: true;
12
+ };
13
+ label: {
14
+ type: StringConstructor;
15
+ required: true;
16
+ };
17
+ value: {
18
+ type: PropType<BentoListboxSelectedValue>;
19
+ default: any;
20
+ };
21
+ }, {
22
+ onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
23
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
24
+ options: {
25
+ type: PropType<BentoSelectPaymentMethodFilterOptions>;
26
+ default: any;
27
+ };
28
+ field: {
29
+ type: StringConstructor;
30
+ required: true;
31
+ };
32
+ label: {
33
+ type: StringConstructor;
34
+ required: true;
35
+ };
36
+ value: {
37
+ type: PropType<BentoListboxSelectedValue>;
38
+ default: any;
39
+ };
40
+ }>>, {
41
+ value: BentoListboxSelectedValue;
42
+ options: BentoSelectPaymentMethodFilterOptions;
43
+ }>;
44
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoSelectTagFilter } from './select-tag-filter.vue';