@adyen/bento-vue2 0.9.0 → 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.
Files changed (78) 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.vue.d.ts +3 -3
  5. package/dist/@types/components/checkbox/checkbox.vue.d.ts +3 -3
  6. package/dist/@types/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +1 -1
  7. package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts +1 -2
  8. package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts +1 -1
  9. package/dist/@types/components/country/country.vue.d.ts +1 -1
  10. package/dist/@types/components/data-grid/data-grid.vue.d.ts +4 -4
  11. package/dist/@types/components/date/date.vue.d.ts +2 -2
  12. 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
  13. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts +1 -1
  14. package/dist/@types/components/date-picker/date-picker.vue.d.ts +6 -6
  15. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +3 -3
  16. package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +3 -3
  17. package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +2 -2
  18. package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
  19. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +7 -7
  20. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +8 -8
  21. package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +7 -7
  22. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +7 -7
  23. package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +7 -7
  24. package/dist/@types/components/dropdown/dropdown.vue.d.ts +7 -7
  25. package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.types.d.ts +3 -0
  26. package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +1055 -0
  27. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +9 -0
  28. package/dist/@types/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +9 -0
  29. package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +15 -2
  30. package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts +11 -3
  31. package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +11 -3
  32. package/dist/@types/components/filter-bar/components/index.d.ts +12 -0
  33. package/dist/@types/components/filter-bar/components/input-filter/input-filter.vue.d.ts +15 -1
  34. package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +14 -1
  35. package/dist/@types/components/filter-bar/components/select-filter/select-filter.vue.d.ts +11 -2
  36. package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +12 -2
  37. package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +14 -4
  38. package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +12 -2
  39. package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +12 -2
  40. package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +14 -4
  41. package/dist/@types/components/filter-bar/filter-bar.types.d.ts +5 -0
  42. package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +3 -2
  43. package/dist/@types/components/header/header.vue.d.ts +3 -3
  44. package/dist/@types/components/input-field/input-field.vue.d.ts +4 -4
  45. package/dist/@types/components/internal/base-button/base-button.vue.d.ts +4 -4
  46. package/dist/@types/components/internal/copy/copy.types.d.ts +5 -0
  47. package/dist/@types/components/internal/copy/copy.vue.d.ts +1 -1
  48. package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +1 -1
  49. package/dist/@types/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts +1 -1
  50. package/dist/@types/components/internal/listbox/listbox.vue.d.ts +1 -1
  51. package/dist/@types/components/loading-indicator/loading-indicator.vue.d.ts +1 -1
  52. package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +2 -2
  53. package/dist/@types/components/menu/menu.vue.d.ts +1 -1
  54. package/dist/@types/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts +123 -0
  55. package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +1 -1
  56. package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +2 -2
  57. package/dist/@types/components/modal/modal.vue.d.ts +1 -1
  58. package/dist/@types/components/pagination/pagination.vue.d.ts +1 -1
  59. package/dist/@types/components/popover/popover.vue.d.ts +3 -3
  60. package/dist/@types/components/popper-container/popper-container.vue.d.ts +2 -2
  61. package/dist/@types/components/radio-group/radio-group.vue.d.ts +1 -1
  62. package/dist/@types/components/search-bar/search-bar.types.d.ts +11 -0
  63. package/dist/@types/components/search-bar/search-bar.vue.d.ts +8 -6
  64. package/dist/@types/components/textarea/textarea.vue.d.ts +1 -1
  65. package/dist/@types/components/toggle/toggle.vue.d.ts +1 -1
  66. package/dist/@types/components/tooltip/tooltip.vue.d.ts +254 -7
  67. package/dist/@types/components/typography/typography.vue.d.ts +2 -2
  68. package/dist/@types/directives/tooltip/tooltip.d.ts +9 -2
  69. package/dist/@types/types/elements.d.ts +2 -3
  70. package/dist/@types/{components/focus-trap → utils/ts}/focus-trap.utils.d.ts +1 -1
  71. package/dist/@types/utils/ts/i18n.d.ts +12 -1
  72. package/dist/@types/utils/ts/toastController.d.ts +0 -1
  73. package/dist/index.js +6100 -4269
  74. package/dist/index.js.map +1 -1
  75. package/dist/web-types.json +232 -68
  76. package/package.json +3 -4
  77. package/dist/@types/components/filter-bar/components/date-filter/date-filter.types.d.ts +0 -3
  78. package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.types.d.ts +0 -3
@@ -2,6 +2,253 @@ import { PropType } from 'vue';
2
2
  import { PopperContainerAriaRole, PopperContainerPositionExtended } from '@/components/popper-container';
3
3
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
4
  import { VueNodeElement } from '../../types';
5
+ export declare const Tooltip: {
6
+ name: string;
7
+ components: {
8
+ BentoTypography: import("vue").DefineComponent<{
9
+ el: {
10
+ type: PropType<BentoTypographyElement>;
11
+ default: BentoTypographyElement;
12
+ validator: (value: BentoTypographyElement) => boolean;
13
+ };
14
+ stronger: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ strongest: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ variant: {
23
+ type: PropType<BentoTypographyVariant>;
24
+ default: BentoTypographyVariant;
25
+ validator: (value: BentoTypographyVariant) => boolean;
26
+ };
27
+ medium: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ large: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ wide: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ };
39
+ }, {
40
+ conditionalClasses: import("vue").ComputedRef<{
41
+ [x: string]: boolean;
42
+ }>;
43
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
44
+ el: {
45
+ type: PropType<BentoTypographyElement>;
46
+ default: BentoTypographyElement;
47
+ validator: (value: BentoTypographyElement) => boolean;
48
+ };
49
+ stronger: {
50
+ type: BooleanConstructor;
51
+ default: boolean;
52
+ };
53
+ strongest: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
57
+ variant: {
58
+ type: PropType<BentoTypographyVariant>;
59
+ default: BentoTypographyVariant;
60
+ validator: (value: BentoTypographyVariant) => boolean;
61
+ };
62
+ medium: {
63
+ type: BooleanConstructor;
64
+ default: boolean;
65
+ };
66
+ large: {
67
+ type: BooleanConstructor;
68
+ default: boolean;
69
+ };
70
+ wide: {
71
+ type: BooleanConstructor;
72
+ default: boolean;
73
+ };
74
+ }>>, {
75
+ el: BentoTypographyElement;
76
+ wide: boolean;
77
+ stronger: boolean;
78
+ strongest: boolean;
79
+ variant: BentoTypographyVariant;
80
+ medium: boolean;
81
+ large: boolean;
82
+ }>;
83
+ PopperContainer: import("vue").DefineComponent<{
84
+ id: {
85
+ type: StringConstructor;
86
+ default: any;
87
+ };
88
+ ariaLabel: {
89
+ type: StringConstructor;
90
+ default: any;
91
+ };
92
+ targetElement: {
93
+ type: PropType<VueNodeElement>;
94
+ required: true;
95
+ };
96
+ position: {
97
+ type: PropType<import("@/components/popper-container").PopperContainerPosition>;
98
+ default: PopperContainerPositionExtended;
99
+ validator: (value: unknown) => boolean;
100
+ };
101
+ fixedPositioning: {
102
+ type: BooleanConstructor;
103
+ default: boolean;
104
+ };
105
+ arrow: {
106
+ type: PropType<boolean | import("@/components/popper-container").PopperContainerArrowProp>;
107
+ default: any;
108
+ };
109
+ offset: {
110
+ type: PropType<number[]>;
111
+ default: () => number[];
112
+ validator: (value: number[]) => boolean;
113
+ };
114
+ matchWidth: {
115
+ type: BooleanConstructor;
116
+ default: boolean;
117
+ };
118
+ disabledFocusTrap: {
119
+ type: BooleanConstructor;
120
+ default: boolean;
121
+ };
122
+ modifiers: {
123
+ type: ArrayConstructor;
124
+ default: any;
125
+ };
126
+ fallbackPosition: {
127
+ type: PropType<import("@/components/popper-container").FallbackPositionProp>;
128
+ default: any;
129
+ };
130
+ ariaRole: {
131
+ type: PropType<PopperContainerAriaRole>;
132
+ default: any;
133
+ validator: (value: unknown) => boolean;
134
+ };
135
+ }, {}, {
136
+ popper: any;
137
+ emittedPosition: any;
138
+ }, {
139
+ strategy(): import("@popperjs/core").PositioningStrategy;
140
+ allModifiers(): import("@/components/popper-container").ExtendedModifiers[];
141
+ arrowClasses(): string[];
142
+ }, {
143
+ initPopper(): void;
144
+ destroyPopper(): void;
145
+ updatePopperOptions(options: any): void;
146
+ updateModifiers(): void;
147
+ }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
148
+ id: {
149
+ type: StringConstructor;
150
+ default: any;
151
+ };
152
+ ariaLabel: {
153
+ type: StringConstructor;
154
+ default: any;
155
+ };
156
+ targetElement: {
157
+ type: PropType<VueNodeElement>;
158
+ required: true;
159
+ };
160
+ position: {
161
+ type: PropType<import("@/components/popper-container").PopperContainerPosition>;
162
+ default: PopperContainerPositionExtended;
163
+ validator: (value: unknown) => boolean;
164
+ };
165
+ fixedPositioning: {
166
+ type: BooleanConstructor;
167
+ default: boolean;
168
+ };
169
+ arrow: {
170
+ type: PropType<boolean | import("@/components/popper-container").PopperContainerArrowProp>;
171
+ default: any;
172
+ };
173
+ offset: {
174
+ type: PropType<number[]>;
175
+ default: () => number[];
176
+ validator: (value: number[]) => boolean;
177
+ };
178
+ matchWidth: {
179
+ type: BooleanConstructor;
180
+ default: boolean;
181
+ };
182
+ disabledFocusTrap: {
183
+ type: BooleanConstructor;
184
+ default: boolean;
185
+ };
186
+ modifiers: {
187
+ type: ArrayConstructor;
188
+ default: any;
189
+ };
190
+ fallbackPosition: {
191
+ type: PropType<import("@/components/popper-container").FallbackPositionProp>;
192
+ default: any;
193
+ };
194
+ ariaRole: {
195
+ type: PropType<PopperContainerAriaRole>;
196
+ default: any;
197
+ validator: (value: unknown) => boolean;
198
+ };
199
+ }>>, {
200
+ id: string;
201
+ ariaLabel: string;
202
+ modifiers: unknown[];
203
+ arrow: any;
204
+ offset: number[];
205
+ position: import("@/components/popper-container").PopperContainerPosition;
206
+ matchWidth: boolean;
207
+ fixedPositioning: boolean;
208
+ disabledFocusTrap: boolean;
209
+ fallbackPosition: import("@/components/popper-container").FallbackPositionProp;
210
+ ariaRole: PopperContainerAriaRole;
211
+ }>;
212
+ };
213
+ inheritAttrs: boolean;
214
+ props: {
215
+ id: {
216
+ type: StringConstructor;
217
+ default: any;
218
+ };
219
+ targetElement: {
220
+ type: PropType<VueNodeElement>;
221
+ required: boolean;
222
+ };
223
+ position: {
224
+ type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
225
+ default: import("@/components/popper-container").PopperContainerPositionBasic;
226
+ validator: (value: any) => boolean;
227
+ };
228
+ offset: {
229
+ type: NumberConstructor;
230
+ default: number;
231
+ };
232
+ content: {
233
+ type: StringConstructor;
234
+ required: boolean;
235
+ };
236
+ isShown: {
237
+ type: BooleanConstructor;
238
+ default: boolean;
239
+ };
240
+ };
241
+ setup(props: any): {
242
+ BentoTypographyElement: typeof BentoTypographyElement;
243
+ BentoTypographyVariant: typeof BentoTypographyVariant;
244
+ PopperContainerAriaRole: typeof PopperContainerAriaRole;
245
+ PopperContainerPositionExtended: typeof PopperContainerPositionExtended;
246
+ conditionalClasses: import("vue").ComputedRef<{
247
+ [x: string]: boolean;
248
+ }>;
249
+ tabIndex: import("vue").ComputedRef<number>;
250
+ };
251
+ };
5
252
  declare const _default: import("vue").DefineComponent<{
6
253
  id: {
7
254
  type: StringConstructor;
@@ -9,12 +256,12 @@ declare const _default: import("vue").DefineComponent<{
9
256
  };
10
257
  targetElement: {
11
258
  type: PropType<VueNodeElement>;
12
- required: true;
259
+ required: boolean;
13
260
  };
14
261
  position: {
15
262
  type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
16
263
  default: import("@/components/popper-container").PopperContainerPositionBasic;
17
- validator: (value: unknown) => boolean;
264
+ validator: (value: any) => boolean;
18
265
  };
19
266
  offset: {
20
267
  type: NumberConstructor;
@@ -22,7 +269,7 @@ declare const _default: import("vue").DefineComponent<{
22
269
  };
23
270
  content: {
24
271
  type: StringConstructor;
25
- required: true;
272
+ required: boolean;
26
273
  };
27
274
  isShown: {
28
275
  type: BooleanConstructor;
@@ -44,12 +291,12 @@ declare const _default: import("vue").DefineComponent<{
44
291
  };
45
292
  targetElement: {
46
293
  type: PropType<VueNodeElement>;
47
- required: true;
294
+ required: boolean;
48
295
  };
49
296
  position: {
50
297
  type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
51
298
  default: import("@/components/popper-container").PopperContainerPositionBasic;
52
- validator: (value: unknown) => boolean;
299
+ validator: (value: any) => boolean;
53
300
  };
54
301
  offset: {
55
302
  type: NumberConstructor;
@@ -57,15 +304,15 @@ declare const _default: import("vue").DefineComponent<{
57
304
  };
58
305
  content: {
59
306
  type: StringConstructor;
60
- required: true;
307
+ required: boolean;
61
308
  };
62
309
  isShown: {
63
310
  type: BooleanConstructor;
64
311
  default: boolean;
65
312
  };
66
313
  }>>, {
67
- offset: number;
68
314
  id: string;
315
+ offset: number;
69
316
  position: import("@/components/popper-container").PopperContainerPositionBasic;
70
317
  isShown: boolean;
71
318
  }>;
@@ -67,12 +67,12 @@ declare const _default: import("vue").DefineComponent<{
67
67
  default: boolean;
68
68
  };
69
69
  }>>, {
70
- medium: boolean;
71
70
  el: BentoTypographyElement;
72
- large: boolean;
73
71
  wide: boolean;
74
72
  stronger: boolean;
75
73
  strongest: boolean;
76
74
  variant: BentoTypographyVariant;
75
+ medium: boolean;
76
+ large: boolean;
77
77
  }>;
78
78
  export default _default;
@@ -1,2 +1,9 @@
1
- import { DirectiveOptions } from 'vue';
2
- export declare const BentoTooltipDirective: DirectiveOptions;
1
+ export declare const BentoTooltipDirective: {
2
+ bind(el: any, binding: any): void;
3
+ update(el: any, binding: any): void;
4
+ unbind(el: any): void;
5
+ beforeMount(el: any, binding: any): void;
6
+ mounted(el: any, binding: any): void;
7
+ updated(el: any, binding: any): void;
8
+ unmounted(el: any): void;
9
+ };
@@ -1,8 +1,7 @@
1
- import Vue from 'vue';
2
- import type { ComponentPublicInstance } from 'vue';
1
+ import type { Component, ComponentPublicInstance } from 'vue';
3
2
  import { MaybeComputedRef, MaybeRef } from './refs';
4
3
  export type VueInstance = ComponentPublicInstance;
5
- export type VueNodeElement = Vue | Element | (Vue | Element)[] | undefined;
4
+ export type VueNodeElement = Component | Element | (Component | Element)[] | undefined;
6
5
  export type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
7
6
  export type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
8
7
  export type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeComputedRef<T>;
@@ -1,4 +1,4 @@
1
- import { BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from './focus-trap.types';
1
+ import { BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from '@/components/focus-trap/focus-trap.types';
2
2
  export declare const deferAction: (callback: FrameRequestCallback) => number;
3
3
  export declare const getNextFocusableElement: (factor: any, element: any) => HTMLElement;
4
4
  export declare const getArrowType: (event: KeyboardEvent, arrowOrder: BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[]) => {
@@ -18,4 +18,15 @@ export interface Composer {
18
18
  d: typeof VueI18n.prototype.d;
19
19
  n: typeof VueI18n.prototype.n;
20
20
  }
21
- export declare function useI18n(): Composer;
21
+ interface i18nMessages {
22
+ 'en-US': {
23
+ [key: string]: string;
24
+ };
25
+ [key: string]: {
26
+ [key: string]: string;
27
+ };
28
+ }
29
+ export declare function useI18n(params?: {
30
+ messages?: i18nMessages;
31
+ } | undefined, onlyLocale?: boolean): Composer | any;
32
+ export {};
@@ -1,3 +1,2 @@
1
1
  import BentoToastController from '../../plugins/toastController';
2
2
  export declare function useBentoToastController(): BentoToastController;
3
- export declare function installToastControllerPlugin(): void;