@adyen/bento-vue2 0.1.4 → 0.2.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 (83) hide show
  1. package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts +1 -0
  2. package/dist/@types/components/checkbox/checkbox.vue.d.ts +2 -2
  3. package/dist/@types/components/country/country.types.d.ts +2 -1
  4. package/dist/@types/components/country/country.vue.d.ts +10 -1
  5. package/dist/@types/components/country/index.d.ts +1 -0
  6. package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts +1 -0
  7. package/dist/@types/components/data-grid/data-grid.types.d.ts +1 -0
  8. package/dist/@types/components/data-grid/data-grid.vue.d.ts +13 -1
  9. package/dist/@types/components/date/date.types.d.ts +17 -0
  10. package/dist/@types/components/date/date.vue.d.ts +30 -0
  11. package/dist/@types/components/date/index.d.ts +2 -0
  12. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +19 -1
  13. package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +19 -0
  14. package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +13 -13
  15. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types.d.ts +5 -0
  16. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +114 -0
  17. package/dist/@types/components/dropdown/components/variants/dropdown-country/composables/useCountryItems.d.ts +5 -0
  18. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.types.d.ts +7 -0
  19. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +123 -0
  20. package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types.d.ts +6 -0
  21. package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +109 -0
  22. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts +6 -0
  23. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +109 -0
  24. package/dist/@types/components/dropdown/dropdown.vue.d.ts +13 -12
  25. package/dist/@types/components/dropdown/index.d.ts +4 -1
  26. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +33 -10
  27. package/dist/@types/components/filter-bar/components/base-filter/composables/use-base-filter.d.ts +6 -0
  28. package/dist/@types/components/filter-bar/components/base-filter/index.d.ts +1 -0
  29. package/dist/@types/components/filter-bar/components/listbox-filter/index.d.ts +1 -0
  30. package/dist/@types/components/filter-bar/components/listbox-filter/listbox-filter.vue.d.ts +53 -0
  31. package/dist/@types/components/filter-bar/components/text-filter/text-filter.vue.d.ts +4 -5
  32. package/dist/@types/components/filter-bar/filter-bar.types.d.ts +12 -4
  33. package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +19 -4
  34. package/dist/@types/components/info-icon/index.d.ts +1 -0
  35. package/dist/@types/components/info-icon/info-icon.vue.d.ts +12 -0
  36. package/dist/@types/components/internal/index.d.ts +1 -0
  37. package/dist/@types/components/internal/listbox/components/listbox-multi-select/index.d.ts +1 -0
  38. package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-multi-select/dropdown-multi-select.vue.d.ts → internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts} +13 -13
  39. package/dist/@types/components/internal/listbox/components/listbox-option/index.d.ts +1 -0
  40. package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-option/dropdown-option.vue.d.ts → internal/listbox/components/listbox-option/listbox-option.vue.d.ts} +2 -2
  41. package/dist/@types/components/internal/listbox/components/listbox-option-currency/index.d.ts +1 -0
  42. package/dist/@types/components/internal/listbox/components/listbox-option-currency/listbox-option-currency.vue.d.ts +17 -0
  43. package/dist/@types/components/internal/listbox/components/listbox-single-select-option/index.d.ts +1 -0
  44. package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-single-select-option/dropdown-single-select-option.vue.d.ts → internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts} +5 -22
  45. package/dist/@types/components/internal/listbox/index.d.ts +2 -0
  46. package/dist/@types/components/internal/listbox/listbox.vue.d.ts +61 -0
  47. package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts +11 -1
  48. package/dist/@types/components/page-header/page-header.vue.d.ts +11 -1
  49. package/dist/@types/components/pagination/components/pagination-context/pagination-context.vue.d.ts +2 -2
  50. package/dist/@types/components/payment-method/composables/index.d.ts +1 -0
  51. package/dist/@types/components/payment-method/composables/usePaymentIcon.d.ts +3 -0
  52. package/dist/@types/components/payment-method/index.d.ts +2 -0
  53. package/dist/@types/components/payment-method/payment-method.types.d.ts +1079 -0
  54. package/dist/@types/components/payment-method/payment-method.vue.d.ts +28 -0
  55. package/dist/@types/components/popover/popover.vue.d.ts +1 -1
  56. package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts +2 -3
  57. package/dist/@types/components/search-bar/search-bar.vue.d.ts +2 -2
  58. package/dist/@types/components/toast/components/toast-item/index.d.ts +2 -0
  59. package/dist/@types/components/toast/components/toast-item/toast-item.types.d.ts +9 -0
  60. package/dist/@types/components/toast/components/toast-item/toast-item.vue.d.ts +32 -0
  61. package/dist/@types/components/toast/index.d.ts +2 -0
  62. package/dist/@types/components/toast/toast.vue.d.ts +13 -0
  63. package/dist/@types/components/toggle/toggle.vue.d.ts +2 -2
  64. package/dist/@types/components.d.ts +16 -0
  65. package/dist/@types/composables/index.d.ts +1 -0
  66. package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts +2 -2
  67. package/dist/@types/composables/use-default-slot-validator.d.ts +1 -0
  68. package/dist/@types/composables/useDynamicImport.d.ts +2 -0
  69. package/dist/@types/index.d.ts +4 -0
  70. package/dist/@types/install.d.ts +1 -0
  71. package/dist/@types/plugins/toastController.d.ts +12 -0
  72. package/dist/@types/types/index.d.ts +2 -0
  73. package/dist/@types/types/listbox.d.ts +11 -0
  74. package/dist/@types/types/omit-strict.d.ts +1 -0
  75. package/dist/@types/utils/ts/toastController.d.ts +3 -0
  76. package/dist/@types/utils/ts/use-slot-text.d.ts +2 -0
  77. package/dist/index.js +7111 -4317
  78. package/dist/index.js.map +1 -1
  79. package/package.json +9 -7
  80. package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-multi-select/index.d.ts +0 -1
  81. package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-option/index.d.ts +0 -1
  82. package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-single-select-option/index.d.ts +0 -1
  83. package/dist/@types/components/dropdown/dropdown.types.d.ts +0 -10
@@ -3,6 +3,7 @@ export interface BentoButtonActionObject {
3
3
  title: string;
4
4
  event: (event: Event) => void;
5
5
  icon?: VueNodeElement;
6
+ disabled?: boolean;
6
7
  }
7
8
  export type BentoButtonActionsList = Array<BentoButtonActionObject>;
8
9
  export declare enum BentoButtonActionsLayoutBasic {
@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<{
31
31
  conditionalClassOutline: import("vue").ComputedRef<{
32
32
  'b-checkbox__outline--unchecked': boolean;
33
33
  }>;
34
- defaultSlot: import("vue").ComputedRef<string>;
35
- descriptionSlot: import("vue").ComputedRef<string>;
34
+ defaultSlotValue: string;
35
+ descriptionSlotValue: string;
36
36
  isCheckboxGroup: import("vue").ComputedRef<boolean>;
37
37
  isChecked: import("vue").ComputedRef<boolean>;
38
38
  isIndeterminate: import("vue").ComputedRef<boolean>;
@@ -2,7 +2,8 @@ export declare enum BentoCountryVariant {
2
2
  ISO = "iso",
3
3
  NAME = "name",
4
4
  PHONE_CODE = "phone_code",
5
- CAPITAL = "capital"
5
+ CAPITAL = "capital",
6
+ CUSTOM = "custom"
6
7
  }
7
8
  export declare enum BentoCountryCode {
8
9
  BD = "BD",
@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
6
6
  type: PropType<BentoCountryCode>;
7
7
  default: BentoCountryCode;
8
8
  };
9
+ label: {
10
+ type: StringConstructor;
11
+ default: any;
12
+ };
9
13
  variant: {
10
14
  type: PropType<BentoCountryVariant>;
11
15
  default: BentoCountryVariant;
@@ -14,13 +18,17 @@ declare const _default: import("vue").DefineComponent<{
14
18
  }, {
15
19
  flagIconSrc: import("vue").Ref<string>;
16
20
  countryName: import("vue").ComputedRef<string>;
17
- label: import("vue").Ref<any>;
21
+ countryLabel: import("vue").Ref<any>;
18
22
  BentoTypographyElement: typeof BentoTypographyElement;
19
23
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
20
24
  code: {
21
25
  type: PropType<BentoCountryCode>;
22
26
  default: BentoCountryCode;
23
27
  };
28
+ label: {
29
+ type: StringConstructor;
30
+ default: any;
31
+ };
24
32
  variant: {
25
33
  type: PropType<BentoCountryVariant>;
26
34
  default: BentoCountryVariant;
@@ -28,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
28
36
  };
29
37
  }>>, {
30
38
  code: BentoCountryCode;
39
+ label: string;
31
40
  variant: BentoCountryVariant;
32
41
  }>;
33
42
  export default _default;
@@ -1,2 +1,3 @@
1
1
  export { default as BentoCountry } from './country.vue';
2
2
  export * from './country.types';
3
+ export * from './composables';
@@ -13,6 +13,7 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
13
13
  flex?: number;
14
14
  sortable?: boolean;
15
15
  numeric?: boolean;
16
+ infoIconTooltip?: string;
16
17
  padding?: {
17
18
  left?: boolean;
18
19
  right?: boolean;
@@ -11,6 +11,7 @@ export interface BentoColumn {
11
11
  flex?: number;
12
12
  sortable?: boolean;
13
13
  numeric?: boolean;
14
+ infoIconTooltip?: string;
14
15
  padding?: {
15
16
  left?: boolean;
16
17
  right?: boolean;
@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
22
22
  type: PropType<import("../filter-bar").BentoFilterBarModel>;
23
23
  default: any;
24
24
  };
25
+ filterSearchTerm: {
26
+ type: StringConstructor;
27
+ default: any;
28
+ };
25
29
  getDataItemId: {
26
30
  type: PropType<BentoDatagridGetDataItemIdFn>;
27
31
  default: (item: BentoDatagridDataItem) => string;
@@ -133,6 +137,7 @@ declare const _default: import("vue").DefineComponent<{
133
137
  flex?: number;
134
138
  sortable?: boolean;
135
139
  numeric?: boolean;
140
+ infoIconTooltip?: string;
136
141
  padding?: {
137
142
  left?: boolean;
138
143
  right?: boolean;
@@ -189,7 +194,9 @@ declare const _default: import("vue").DefineComponent<{
189
194
  BentoTypographyVariant: typeof BentoTypographyVariant;
190
195
  onPaginationNavigate: (page: number) => void;
191
196
  onItemsPerPageChange: (itemsPerPage: number) => void;
192
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters")[], string, Readonly<import("vue").ExtractPropTypes<{
197
+ onSearchTermCleared: () => void;
198
+ onSearchTermInput: (newSearchTerm: any) => void;
199
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters" | "update:filter-search-term" | "filter-search-input" | "filter-search-clear")[], string, Readonly<import("vue").ExtractPropTypes<{
193
200
  condensed: {
194
201
  type: BooleanConstructor;
195
202
  default: boolean;
@@ -210,6 +217,10 @@ declare const _default: import("vue").DefineComponent<{
210
217
  type: PropType<import("../filter-bar").BentoFilterBarModel>;
211
218
  default: any;
212
219
  };
220
+ filterSearchTerm: {
221
+ type: StringConstructor;
222
+ default: any;
223
+ };
213
224
  getDataItemId: {
214
225
  type: PropType<BentoDatagridGetDataItemIdFn>;
215
226
  default: (item: BentoDatagridDataItem) => string;
@@ -319,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
319
330
  hasResizableColumns: boolean;
320
331
  sortBy: BentoDatagridSortByColumn[];
321
332
  columnPanel: boolean;
333
+ filterSearchTerm: string;
322
334
  getDataItemId: BentoDatagridGetDataItemIdFn;
323
335
  isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
324
336
  pagination: any;
@@ -0,0 +1,17 @@
1
+ export declare enum BentoDateFormat {
2
+ LONG_WEEKDAY = "EEEE",
3
+ SHORT_TIME_WITH_PERIOD = "h:mm aa",
4
+ SHORT_TIME_WITHOUT_PERIOD = "H:mm",
5
+ EXACT_TIME_WITH_PERIOD = "h:mm:ss aa",
6
+ EXACT_TIME_WITHOUT_PERIOD = "H:mm:ss",
7
+ LONG_DATE = "LLLL dd, yyyy",
8
+ SHORT_DATE = "LLL dd, yyyy",
9
+ FULL_DATE_EXACT_TIME_WITH_PERIOD = "LLL dd, yyyy, h:mm:ss aa",
10
+ FULL_DATE_EXACT_TIME_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm:ss",
11
+ FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_PERIOD = "LLL dd, yyyy, h:mm:ss aa O",
12
+ FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm:ss O",
13
+ FULL_DATE_TIME_WITH_PERIOD = "LLL dd, yyyy, h:mm aa",
14
+ FULL_DATE_TIME_WITH_TIMEZONE_AND_PERIOD = "LLL dd, yyyy, h:mm aa O",
15
+ FULL_DATE_TIME_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm",
16
+ FULL_DATE_TIME_WITH_TIMEZONE_AND_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm O"
17
+ }
@@ -0,0 +1,30 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoDateFormat } from '@/components/date/date.types';
3
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ date: {
6
+ type: DateConstructor;
7
+ default: any;
8
+ };
9
+ format: {
10
+ type: PropType<BentoDateFormat>;
11
+ default: BentoDateFormat;
12
+ };
13
+ }, {
14
+ formattedDate: import("vue").ComputedRef<string>;
15
+ BentoTypographyVariant: typeof BentoTypographyVariant;
16
+ BentoTypographyElement: typeof BentoTypographyElement;
17
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
18
+ date: {
19
+ type: DateConstructor;
20
+ default: any;
21
+ };
22
+ format: {
23
+ type: PropType<BentoDateFormat>;
24
+ default: BentoDateFormat;
25
+ };
26
+ }>>, {
27
+ date: Date;
28
+ format: BentoDateFormat;
29
+ }>;
30
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as BentoDate } from './date.vue';
2
+ export * from './date.types';
@@ -1,6 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
3
- import { Booleanish } from '@/types';
3
+ import { BentoListboxOptionItem, Booleanish } from '@/types';
4
4
  import type { HTMLAttributes } from 'vue/types/jsx';
5
5
  declare const _default: import("vue").DefineComponent<{
6
6
  additionalItemsSelected: {
@@ -51,6 +51,14 @@ declare const _default: import("vue").DefineComponent<{
51
51
  type: StringConstructor;
52
52
  default: string;
53
53
  };
54
+ selectedValueItem: {
55
+ type: PropType<BentoListboxOptionItem>;
56
+ default: any;
57
+ };
58
+ multiple: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
54
62
  }, {
55
63
  BentoTypographyElement: typeof BentoTypographyElement;
56
64
  BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -116,16 +124,26 @@ declare const _default: import("vue").DefineComponent<{
116
124
  type: StringConstructor;
117
125
  default: string;
118
126
  };
127
+ selectedValueItem: {
128
+ type: PropType<BentoListboxOptionItem>;
129
+ default: any;
130
+ };
131
+ multiple: {
132
+ type: BooleanConstructor;
133
+ default: boolean;
134
+ };
119
135
  }>>, {
120
136
  open: boolean;
121
137
  value: string;
122
138
  ariaLabel: string;
123
139
  disabled: boolean;
140
+ multiple: boolean;
124
141
  debounceTime: number;
125
142
  additionalItemsSelected: number;
126
143
  ariaLabelledby: string;
127
144
  displayValue: string;
128
145
  dynamicFiltering: boolean;
129
146
  isInvalid: boolean;
147
+ selectedValueItem: BentoListboxOptionItem;
130
148
  }>;
131
149
  export default _default;
@@ -1,4 +1,5 @@
1
1
  import { PropType } from 'vue';
2
+ import type { BentoListboxOptionItem } from '@/types';
2
3
  import { Booleanish } from '../../../../types';
3
4
  declare const _default: import("vue").DefineComponent<{
4
5
  additionalItemsSelected: {
@@ -45,10 +46,18 @@ declare const _default: import("vue").DefineComponent<{
45
46
  type: BooleanConstructor;
46
47
  default: boolean;
47
48
  };
49
+ selectedValueItem: {
50
+ type: PropType<BentoListboxOptionItem>;
51
+ default: any;
52
+ };
48
53
  value: {
49
54
  type: StringConstructor;
50
55
  default: string;
51
56
  };
57
+ multiple: {
58
+ type: BooleanConstructor;
59
+ default: boolean;
60
+ };
52
61
  }, {
53
62
  conditionalClasses: import("vue").ComputedRef<{
54
63
  'b-dropdown-default-textbox--error': boolean;
@@ -101,20 +110,30 @@ declare const _default: import("vue").DefineComponent<{
101
110
  type: BooleanConstructor;
102
111
  default: boolean;
103
112
  };
113
+ selectedValueItem: {
114
+ type: PropType<BentoListboxOptionItem>;
115
+ default: any;
116
+ };
104
117
  value: {
105
118
  type: StringConstructor;
106
119
  default: string;
107
120
  };
121
+ multiple: {
122
+ type: BooleanConstructor;
123
+ default: boolean;
124
+ };
108
125
  }>>, {
109
126
  open: boolean;
110
127
  value: string;
111
128
  ariaLabel: string;
112
129
  disabled: boolean;
130
+ multiple: boolean;
113
131
  debounceTime: number;
114
132
  additionalItemsSelected: number;
115
133
  ariaLabelledby: string;
116
134
  displayValue: string;
117
135
  dynamicFiltering: boolean;
118
136
  isInvalid: boolean;
137
+ selectedValueItem: BentoListboxOptionItem;
119
138
  }>;
120
139
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import type { BentoDropdownIsOptionDisabled, BentoDropdownOptions, BentoDropdownSelectedValue } from '../../dropdown.types';
2
+ import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  ariaLabel: {
5
5
  type: StringConstructor;
@@ -14,11 +14,11 @@ declare const _default: import("vue").DefineComponent<{
14
14
  required: true;
15
15
  };
16
16
  isOptionDisabled: {
17
- type: PropType<BentoDropdownIsOptionDisabled>;
17
+ type: PropType<BentoListboxIsOptionDisabled>;
18
18
  default: any;
19
19
  };
20
20
  items: {
21
- type: PropType<BentoDropdownOptions>;
21
+ type: PropType<BentoListboxOptions>;
22
22
  required: true;
23
23
  };
24
24
  multiple: {
@@ -30,11 +30,11 @@ declare const _default: import("vue").DefineComponent<{
30
30
  required: true;
31
31
  };
32
32
  selectedValue: {
33
- type: PropType<BentoDropdownSelectedValue>;
33
+ type: PropType<BentoListboxSelectedValue>;
34
34
  default: any;
35
35
  };
36
36
  targetElement: {
37
- type: PropType<import("../../../..").VueNodeElement>;
37
+ type: PropType<import("@/types").VueNodeElement>;
38
38
  required: true;
39
39
  };
40
40
  }, {
@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
56
56
  BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
57
57
  LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
58
58
  };
59
- onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
60
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
59
+ onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
60
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
61
61
  ariaLabel: {
62
62
  type: StringConstructor;
63
63
  default: any;
@@ -71,11 +71,11 @@ declare const _default: import("vue").DefineComponent<{
71
71
  required: true;
72
72
  };
73
73
  isOptionDisabled: {
74
- type: PropType<BentoDropdownIsOptionDisabled>;
74
+ type: PropType<BentoListboxIsOptionDisabled>;
75
75
  default: any;
76
76
  };
77
77
  items: {
78
- type: PropType<BentoDropdownOptions>;
78
+ type: PropType<BentoListboxOptions>;
79
79
  required: true;
80
80
  };
81
81
  multiple: {
@@ -87,18 +87,18 @@ declare const _default: import("vue").DefineComponent<{
87
87
  required: true;
88
88
  };
89
89
  selectedValue: {
90
- type: PropType<BentoDropdownSelectedValue>;
90
+ type: PropType<BentoListboxSelectedValue>;
91
91
  default: any;
92
92
  };
93
93
  targetElement: {
94
- type: PropType<import("../../../..").VueNodeElement>;
94
+ type: PropType<import("@/types").VueNodeElement>;
95
95
  required: true;
96
96
  };
97
97
  }>>, {
98
98
  ariaLabel: string;
99
99
  disabled: boolean;
100
100
  multiple: boolean;
101
- isOptionDisabled: BentoDropdownIsOptionDisabled;
102
- selectedValue: BentoDropdownSelectedValue;
101
+ isOptionDisabled: BentoListboxIsOptionDisabled;
102
+ selectedValue: BentoListboxSelectedValue;
103
103
  }>;
104
104
  export default _default;
@@ -0,0 +1,5 @@
1
+ import { BentoListboxOptionItem } from '../../../../../types';
2
+ export type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem, 'data'> & {
3
+ src?: string;
4
+ };
5
+ export type BentoAvatarListboxOptions = BentoAvatarListboxOptionItem[];
@@ -0,0 +1,114 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoListboxSelectedValue } from '../../../../../types';
3
+ import { BentoAvatarListboxOptions } from './dropdown-avatar.types';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ items: {
6
+ type: PropType<BentoAvatarListboxOptions>;
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
+ value: {
46
+ type: PropType<BentoListboxSelectedValue>;
47
+ default: any;
48
+ };
49
+ }, {
50
+ dropdownItems: import("vue").ComputedRef<{
51
+ value: import("../../../../../types").BentoListboxValue;
52
+ label: string;
53
+ data: string;
54
+ }[]>;
55
+ onInput: (selectedValue: BentoListboxSelectedValue) => void;
56
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
57
+ items: {
58
+ type: PropType<BentoAvatarListboxOptions>;
59
+ default: () => any[];
60
+ };
61
+ ariaLabel: {
62
+ type: StringConstructor;
63
+ default: any;
64
+ };
65
+ disabled: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ dynamicFiltering: {
70
+ type: BooleanConstructor;
71
+ default: boolean;
72
+ };
73
+ label: {
74
+ type: StringConstructor;
75
+ default: any;
76
+ };
77
+ description: {
78
+ type: StringConstructor;
79
+ default: any;
80
+ };
81
+ isOptionDisabled: {
82
+ type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
83
+ default: any;
84
+ };
85
+ multiple: {
86
+ type: BooleanConstructor;
87
+ default: boolean;
88
+ };
89
+ optional: {
90
+ type: BooleanConstructor;
91
+ default: boolean;
92
+ };
93
+ required: {
94
+ type: BooleanConstructor;
95
+ default: boolean;
96
+ };
97
+ value: {
98
+ type: PropType<BentoListboxSelectedValue>;
99
+ default: any;
100
+ };
101
+ }>>, {
102
+ required: boolean;
103
+ optional: boolean;
104
+ value: BentoListboxSelectedValue;
105
+ label: string;
106
+ ariaLabel: string;
107
+ disabled: boolean;
108
+ multiple: boolean;
109
+ description: string;
110
+ items: BentoAvatarListboxOptions;
111
+ isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
112
+ dynamicFiltering: boolean;
113
+ }>;
114
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import { ComputedRef, Ref } from 'vue';
2
+ import { BentoCountryVariant } from '../../../../../country';
3
+ import { BentoCountryListboxOptions } from '../dropdown-country.types';
4
+ import { BentoListboxOptions } from '../../../../../../types';
5
+ export declare const useCountryItems: (variant: Ref<BentoCountryVariant>, items: Ref<BentoCountryListboxOptions>) => ComputedRef<BentoListboxOptions>;
@@ -0,0 +1,7 @@
1
+ import { BentoListboxOptionItem, OmitStrict } from '../../../../../types';
2
+ import { BentoCountryCode } from '../../../../country';
3
+ export type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
4
+ value: BentoCountryCode;
5
+ label?: string;
6
+ };
7
+ export type BentoCountryListboxOptions = BentoCountryListboxOptionItem[];
@@ -0,0 +1,123 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoCountryListboxOptions } from './dropdown-country.types';
3
+ import { BentoListboxSelectedValue } from '../../../../../types';
4
+ import { BentoCountryVariant } from '../../../../country';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ items: {
7
+ type: PropType<BentoCountryListboxOptions>;
8
+ default: () => any[];
9
+ };
10
+ variant: {
11
+ type: PropType<BentoCountryVariant>;
12
+ default: BentoCountryVariant;
13
+ validator: (value: BentoCountryVariant) => boolean;
14
+ };
15
+ ariaLabel: {
16
+ type: StringConstructor;
17
+ default: any;
18
+ };
19
+ disabled: {
20
+ type: BooleanConstructor;
21
+ default: boolean;
22
+ };
23
+ dynamicFiltering: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ label: {
28
+ type: StringConstructor;
29
+ default: any;
30
+ };
31
+ description: {
32
+ type: StringConstructor;
33
+ default: any;
34
+ };
35
+ isOptionDisabled: {
36
+ type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
37
+ default: any;
38
+ };
39
+ multiple: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ optional: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
47
+ required: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ value: {
52
+ type: PropType<BentoListboxSelectedValue>;
53
+ default: any;
54
+ };
55
+ }, {
56
+ countryItems: import("vue").ComputedRef<import("../../../../../types").BentoListboxOptions>;
57
+ onInput: (selectedValue: BentoListboxSelectedValue) => void;
58
+ BentoCountryVariant: typeof BentoCountryVariant;
59
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
60
+ items: {
61
+ type: PropType<BentoCountryListboxOptions>;
62
+ default: () => any[];
63
+ };
64
+ variant: {
65
+ type: PropType<BentoCountryVariant>;
66
+ default: BentoCountryVariant;
67
+ validator: (value: BentoCountryVariant) => boolean;
68
+ };
69
+ ariaLabel: {
70
+ type: StringConstructor;
71
+ default: any;
72
+ };
73
+ disabled: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
77
+ dynamicFiltering: {
78
+ type: BooleanConstructor;
79
+ default: boolean;
80
+ };
81
+ label: {
82
+ type: StringConstructor;
83
+ default: any;
84
+ };
85
+ description: {
86
+ type: StringConstructor;
87
+ default: any;
88
+ };
89
+ isOptionDisabled: {
90
+ type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
91
+ default: any;
92
+ };
93
+ multiple: {
94
+ type: BooleanConstructor;
95
+ default: boolean;
96
+ };
97
+ optional: {
98
+ type: BooleanConstructor;
99
+ default: boolean;
100
+ };
101
+ required: {
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
+ variant: BentoCountryVariant;
119
+ items: BentoCountryListboxOptions;
120
+ isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
121
+ dynamicFiltering: boolean;
122
+ }>;
123
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import { BentoListboxOptionItem, OmitStrict } from '@/types';
2
+ import { BentoCurrencyISOCode } from '@/components/currency';
3
+ export type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
4
+ value: BentoCurrencyISOCode;
5
+ };
6
+ export type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem[];