@adyen/bento-vue2 0.8.1 → 0.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts +1 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.types.d.ts +5 -0
- package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.vue.d.ts +23 -3
- package/dist/@types/components/date-picker/date-picker.types.d.ts +6 -13
- package/dist/@types/components/date-picker/date-picker.vue.d.ts +8 -2
- package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +1 -1
- package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +1 -1
- package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +16 -1
- package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
- package/dist/@types/components/dropdown/components/index.d.ts +1 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +20 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +20 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +20 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +20 -0
- package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +20 -0
- package/dist/@types/components/dropdown/dropdown.types.d.ts +4 -0
- package/dist/@types/components/dropdown/dropdown.vue.d.ts +21 -0
- package/dist/@types/components/dropdown/index.d.ts +1 -0
- package/dist/@types/components/filter-bar/components/base-filter/base-filter.types.d.ts +7 -0
- package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +24 -21
- package/dist/@types/components/filter-bar/components/base-filter/composables/use-base-filter.d.ts +2 -2
- package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +12 -1
- package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts +12 -1
- package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +18 -1
- package/dist/@types/components/filter-bar/components/input-filter/input-filter.vue.d.ts +12 -1
- package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +12 -1
- package/dist/@types/components/filter-bar/components/select-filter/select-filter.vue.d.ts +12 -1
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +9 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +16 -1
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +9 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +9 -0
- package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +16 -1
- package/dist/@types/components/filter-bar/filter-bar.types.d.ts +8 -1
- package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +4 -0
- package/dist/@types/components/input-field/input-field.types.d.ts +18 -3
- package/dist/@types/components/input-field/input-field.vue.d.ts +33 -7
- package/dist/@types/components/internal/grid-layout/index.d.ts +1 -0
- package/dist/@types/components/internal/index.d.ts +1 -0
- package/dist/@types/components/internal/listbox/components/listbox-option/listbox-option.vue.d.ts +1 -1
- package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +35 -1
- package/dist/@types/components/modal/components/modal-default/modal-default.vue.d.ts +19 -1
- package/dist/@types/components/modal/modal.types.d.ts +5 -0
- package/dist/@types/components/modal/modal.vue.d.ts +21 -1
- package/dist/@types/components/popover/popover.vue.d.ts +1 -1
- package/dist/@types/components/search-bar/search-bar.vue.d.ts +61 -21
- package/dist/@types/components/summary-grid/summary-grid.types.d.ts +1 -1
- package/dist/@types/components/tag/tag.types.d.ts +2 -1
- package/dist/@types/types/date-format.d.ts +14 -0
- package/dist/@types/types/index.d.ts +1 -0
- package/dist/@types/utils/ts/truncate.d.ts +1 -0
- package/dist/index.js +4854 -4338
- package/dist/index.js.map +1 -1
- package/dist/web-types.json +244 -70
- package/package.json +2 -2
- /package/dist/@types/components/{summary-grid/components → internal}/grid-layout/grid-layout.types.d.ts +0 -0
- /package/dist/@types/components/{summary-grid/components → internal}/grid-layout/grid-layout.vue.d.ts +0 -0
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldEvent, BentoInputFieldType, BentoInputFieldVariant } from './input-field.types';
|
|
3
3
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
4
|
+
import { BentoDropdownSize } from '../dropdown/dropdown.types';
|
|
5
|
+
import { BentoListboxSelectedValue } from '../../types';
|
|
4
6
|
declare const _default: import("vue").DefineComponent<{
|
|
5
7
|
ariaHidden: {
|
|
6
8
|
type: BooleanConstructor;
|
|
@@ -14,6 +16,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
16
|
type: BooleanConstructor;
|
|
15
17
|
default: boolean;
|
|
16
18
|
};
|
|
19
|
+
dropdown: {
|
|
20
|
+
type: PropType<BentoInputDropdownProps>;
|
|
21
|
+
default: any;
|
|
22
|
+
};
|
|
23
|
+
dropdownPosition: {
|
|
24
|
+
type: PropType<BentoInputFieldElementPosition>;
|
|
25
|
+
default: BentoInputFieldElementPosition;
|
|
26
|
+
};
|
|
17
27
|
error: {
|
|
18
28
|
type: BooleanConstructor;
|
|
19
29
|
default: boolean;
|
|
@@ -27,8 +37,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
37
|
default: string;
|
|
28
38
|
};
|
|
29
39
|
staticValuePosition: {
|
|
30
|
-
type: PropType<
|
|
31
|
-
default:
|
|
40
|
+
type: PropType<BentoInputFieldElementPosition>;
|
|
41
|
+
default: BentoInputFieldElementPosition;
|
|
32
42
|
};
|
|
33
43
|
type: {
|
|
34
44
|
type: PropType<BentoInputFieldType>;
|
|
@@ -46,6 +56,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
56
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
47
57
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
48
58
|
BentoInputFieldVariant: typeof BentoInputFieldVariant;
|
|
59
|
+
BentoDropdownSize: typeof BentoDropdownSize;
|
|
60
|
+
BentoInputFieldEvent: typeof BentoInputFieldEvent;
|
|
61
|
+
onDropdownInput: (selectedValue: BentoListboxSelectedValue) => void;
|
|
49
62
|
onInput: (event: Event) => void;
|
|
50
63
|
focusInput: () => void;
|
|
51
64
|
hasSlot: (name: string) => boolean;
|
|
@@ -56,7 +69,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
56
69
|
inputFieldId: string;
|
|
57
70
|
shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
|
|
58
71
|
shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
|
|
59
|
-
|
|
72
|
+
shouldShowDropdown: import("vue").ComputedRef<BentoInputDropdownProps>;
|
|
73
|
+
shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
|
|
74
|
+
shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
|
|
75
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoInputFieldEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
60
76
|
ariaHidden: {
|
|
61
77
|
type: BooleanConstructor;
|
|
62
78
|
default: boolean;
|
|
@@ -69,6 +85,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
69
85
|
type: BooleanConstructor;
|
|
70
86
|
default: boolean;
|
|
71
87
|
};
|
|
88
|
+
dropdown: {
|
|
89
|
+
type: PropType<BentoInputDropdownProps>;
|
|
90
|
+
default: any;
|
|
91
|
+
};
|
|
92
|
+
dropdownPosition: {
|
|
93
|
+
type: PropType<BentoInputFieldElementPosition>;
|
|
94
|
+
default: BentoInputFieldElementPosition;
|
|
95
|
+
};
|
|
72
96
|
error: {
|
|
73
97
|
type: BooleanConstructor;
|
|
74
98
|
default: boolean;
|
|
@@ -82,8 +106,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
82
106
|
default: string;
|
|
83
107
|
};
|
|
84
108
|
staticValuePosition: {
|
|
85
|
-
type: PropType<
|
|
86
|
-
default:
|
|
109
|
+
type: PropType<BentoInputFieldElementPosition>;
|
|
110
|
+
default: BentoInputFieldElementPosition;
|
|
87
111
|
};
|
|
88
112
|
type: {
|
|
89
113
|
type: PropType<BentoInputFieldType>;
|
|
@@ -106,7 +130,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
106
130
|
disabled: boolean;
|
|
107
131
|
placeholder: string;
|
|
108
132
|
variant: BentoInputFieldVariant;
|
|
133
|
+
dropdown: BentoInputDropdownProps;
|
|
134
|
+
dropdownPosition: BentoInputFieldElementPosition;
|
|
109
135
|
staticValue: string;
|
|
110
|
-
staticValuePosition:
|
|
136
|
+
staticValuePosition: BentoInputFieldElementPosition;
|
|
111
137
|
}>;
|
|
112
138
|
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GridLayout } from './grid-layout.vue';
|
package/dist/@types/components/internal/listbox/components/listbox-option/listbox-option.vue.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
13
|
'b-listbox-option--selected': boolean;
|
|
14
14
|
}>;
|
|
15
15
|
onClick: (e: Event) => void;
|
|
16
|
-
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "
|
|
16
|
+
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "enter-pressed" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
17
17
|
disabled: {
|
|
18
18
|
type: BooleanConstructor;
|
|
19
19
|
default: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
|
|
2
|
+
import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
|
|
3
3
|
import { BentoButtonVariant } from '@/components/button/button.types';
|
|
4
4
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
@@ -19,6 +19,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
type: StringConstructor;
|
|
20
20
|
default: any;
|
|
21
21
|
};
|
|
22
|
+
withColumnLayout: {
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
default: boolean;
|
|
25
|
+
};
|
|
26
|
+
columnsSize: {
|
|
27
|
+
type: PropType<BentoModalColumnLayoutVariant>;
|
|
28
|
+
default: BentoModalColumnLayoutVariant;
|
|
29
|
+
};
|
|
22
30
|
isOpen: {
|
|
23
31
|
type: BooleanConstructor;
|
|
24
32
|
required: true;
|
|
@@ -43,11 +51,27 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
51
|
[x: string]: boolean | BentoModalSize;
|
|
44
52
|
"b-modal-base__container--visible": boolean;
|
|
45
53
|
}>;
|
|
54
|
+
modalContentConditionalClasses: import("vue").ComputedRef<{
|
|
55
|
+
'b-modal-base__content--column-layout': boolean;
|
|
56
|
+
}>;
|
|
46
57
|
wrapperStyles: import("vue").ComputedRef<{
|
|
47
58
|
padding: string;
|
|
48
59
|
} | {
|
|
49
60
|
padding?: undefined;
|
|
50
61
|
}>;
|
|
62
|
+
dividerStyles: import("vue").ComputedRef<{
|
|
63
|
+
marginLeft: string;
|
|
64
|
+
width: string;
|
|
65
|
+
} | {
|
|
66
|
+
marginLeft?: undefined;
|
|
67
|
+
width?: undefined;
|
|
68
|
+
}>;
|
|
69
|
+
hasColumnLayout: import("vue").ComputedRef<boolean>;
|
|
70
|
+
computedColumnWidth: import("vue").ComputedRef<{
|
|
71
|
+
small: number;
|
|
72
|
+
medium: number;
|
|
73
|
+
large: number;
|
|
74
|
+
}[]>;
|
|
51
75
|
BentoButtonVariant: typeof BentoButtonVariant;
|
|
52
76
|
BentoTypographyElement: typeof BentoTypographyElement;
|
|
53
77
|
BentoTypographyVariant: typeof BentoTypographyVariant;
|
|
@@ -68,6 +92,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
68
92
|
type: StringConstructor;
|
|
69
93
|
default: any;
|
|
70
94
|
};
|
|
95
|
+
withColumnLayout: {
|
|
96
|
+
type: BooleanConstructor;
|
|
97
|
+
default: boolean;
|
|
98
|
+
};
|
|
99
|
+
columnsSize: {
|
|
100
|
+
type: PropType<BentoModalColumnLayoutVariant>;
|
|
101
|
+
default: BentoModalColumnLayoutVariant;
|
|
102
|
+
};
|
|
71
103
|
isOpen: {
|
|
72
104
|
type: BooleanConstructor;
|
|
73
105
|
required: true;
|
|
@@ -84,6 +116,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
84
116
|
size: BentoModalSize;
|
|
85
117
|
modalRole: string;
|
|
86
118
|
customPadding: string;
|
|
119
|
+
withColumnLayout: boolean;
|
|
120
|
+
columnsSize: BentoModalColumnLayoutVariant;
|
|
87
121
|
initiallyOpen: boolean;
|
|
88
122
|
}>;
|
|
89
123
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
|
|
2
|
+
import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
|
|
3
3
|
import { BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
|
|
4
4
|
import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
|
|
5
5
|
declare const _default: import("vue").DefineComponent<{
|
|
@@ -23,6 +23,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
type: StringConstructor;
|
|
24
24
|
default: any;
|
|
25
25
|
};
|
|
26
|
+
withColumnLayout: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
columnsSize: {
|
|
31
|
+
type: PropType<BentoModalColumnLayoutVariant>;
|
|
32
|
+
default: BentoModalColumnLayoutVariant;
|
|
33
|
+
};
|
|
26
34
|
actions: {
|
|
27
35
|
type: PropType<BentoButtonActionsList>;
|
|
28
36
|
default: any;
|
|
@@ -83,6 +91,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
83
91
|
type: StringConstructor;
|
|
84
92
|
default: any;
|
|
85
93
|
};
|
|
94
|
+
withColumnLayout: {
|
|
95
|
+
type: BooleanConstructor;
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
98
|
+
columnsSize: {
|
|
99
|
+
type: PropType<BentoModalColumnLayoutVariant>;
|
|
100
|
+
default: BentoModalColumnLayoutVariant;
|
|
101
|
+
};
|
|
86
102
|
actions: {
|
|
87
103
|
type: PropType<BentoButtonActionsList>;
|
|
88
104
|
default: any;
|
|
@@ -103,6 +119,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
119
|
actions: BentoButtonActionsList;
|
|
104
120
|
hideCloseButton: boolean;
|
|
105
121
|
customPadding: string;
|
|
122
|
+
withColumnLayout: boolean;
|
|
123
|
+
columnsSize: BentoModalColumnLayoutVariant;
|
|
106
124
|
initiallyOpen: boolean;
|
|
107
125
|
actionsLabel: string;
|
|
108
126
|
destructiveActions: boolean;
|
|
@@ -7,6 +7,11 @@ export declare enum BentoModalSize {
|
|
|
7
7
|
MEDIUM = "medium",
|
|
8
8
|
LARGE = "large"
|
|
9
9
|
}
|
|
10
|
+
export declare enum BentoModalColumnLayoutVariant {
|
|
11
|
+
SMALLER = "smaller",
|
|
12
|
+
EQUAL = "equal",
|
|
13
|
+
BIGGER = "bigger"
|
|
14
|
+
}
|
|
10
15
|
export declare enum BentoModalRole {
|
|
11
16
|
DIALOG = "dialog",
|
|
12
17
|
ALERT_DIALOG = "alertdialog"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
|
|
2
|
+
import { BentoModalColumnLayoutVariant, BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
|
|
3
3
|
import { BentoButtonActionsList } from '@/components/button';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
variant: {
|
|
@@ -30,6 +30,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
30
|
type: StringConstructor;
|
|
31
31
|
default: any;
|
|
32
32
|
};
|
|
33
|
+
withColumnLayout: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
columnsSize: {
|
|
38
|
+
type: PropType<BentoModalColumnLayoutVariant>;
|
|
39
|
+
default: BentoModalColumnLayoutVariant;
|
|
40
|
+
};
|
|
33
41
|
actionsLabel: {
|
|
34
42
|
type: StringConstructor;
|
|
35
43
|
default: any;
|
|
@@ -55,6 +63,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
55
63
|
actionsLabel: string;
|
|
56
64
|
destructiveActions: boolean;
|
|
57
65
|
isDismissible: boolean;
|
|
66
|
+
withColumnLayout: boolean;
|
|
58
67
|
dialogType?: undefined;
|
|
59
68
|
content?: undefined;
|
|
60
69
|
} | {
|
|
@@ -66,6 +75,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
75
|
customPadding?: undefined;
|
|
67
76
|
actionsLabel?: undefined;
|
|
68
77
|
destructiveActions?: undefined;
|
|
78
|
+
withColumnLayout?: undefined;
|
|
69
79
|
}>;
|
|
70
80
|
hasSlot: (name: string) => boolean;
|
|
71
81
|
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -97,6 +107,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
97
107
|
type: StringConstructor;
|
|
98
108
|
default: any;
|
|
99
109
|
};
|
|
110
|
+
withColumnLayout: {
|
|
111
|
+
type: BooleanConstructor;
|
|
112
|
+
default: boolean;
|
|
113
|
+
};
|
|
114
|
+
columnsSize: {
|
|
115
|
+
type: PropType<BentoModalColumnLayoutVariant>;
|
|
116
|
+
default: BentoModalColumnLayoutVariant;
|
|
117
|
+
};
|
|
100
118
|
actionsLabel: {
|
|
101
119
|
type: StringConstructor;
|
|
102
120
|
default: any;
|
|
@@ -121,6 +139,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
121
139
|
isDismissible: boolean;
|
|
122
140
|
hideCloseButton: boolean;
|
|
123
141
|
customPadding: string;
|
|
142
|
+
withColumnLayout: boolean;
|
|
143
|
+
columnsSize: BentoModalColumnLayoutVariant;
|
|
124
144
|
isOpen: boolean;
|
|
125
145
|
actionsLabel: string;
|
|
126
146
|
destructiveActions: boolean;
|
|
@@ -158,9 +158,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
158
158
|
ariaLabel: string;
|
|
159
159
|
modifiers: unknown[];
|
|
160
160
|
large: boolean;
|
|
161
|
+
fixedPositioning: boolean;
|
|
161
162
|
actions: BentoButtonActionsList;
|
|
162
163
|
actionsLayout: BentoButtonActionsLayout;
|
|
163
|
-
fixedPositioning: boolean;
|
|
164
164
|
divider: boolean;
|
|
165
165
|
disableFocusTrap: boolean;
|
|
166
166
|
dismissible: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BentoInputFieldType } from '@/components/input-field';
|
|
1
|
+
import { BentoInputFieldType } from '@/components/input-field/input-field.types';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<{
|
|
3
3
|
inputFieldAriaLabel: {
|
|
4
4
|
type: StringConstructor;
|
|
@@ -31,6 +31,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
31
|
type: BooleanConstructor;
|
|
32
32
|
default: boolean;
|
|
33
33
|
};
|
|
34
|
+
dropdown: {
|
|
35
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
|
|
36
|
+
default: any;
|
|
37
|
+
};
|
|
38
|
+
dropdownPosition: {
|
|
39
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
40
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
41
|
+
};
|
|
34
42
|
error: {
|
|
35
43
|
type: BooleanConstructor;
|
|
36
44
|
default: boolean;
|
|
@@ -44,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
52
|
default: string;
|
|
45
53
|
};
|
|
46
54
|
staticValuePosition: {
|
|
47
|
-
type: import("vue").PropType<import("@/components/input-field").
|
|
48
|
-
default: import("@/components/input-field").
|
|
55
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
56
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
49
57
|
};
|
|
50
58
|
type: {
|
|
51
59
|
type: import("vue").PropType<BentoInputFieldType>;
|
|
@@ -56,8 +64,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
56
64
|
default: string;
|
|
57
65
|
};
|
|
58
66
|
variant: {
|
|
59
|
-
type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
|
|
60
|
-
default: import("@/components/input-field").BentoInputFieldVariant;
|
|
67
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
|
|
68
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
|
|
61
69
|
};
|
|
62
70
|
}>>, Readonly<import("vue").ExtractPropTypes<{
|
|
63
71
|
ariaHidden: {
|
|
@@ -72,6 +80,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
72
80
|
type: BooleanConstructor;
|
|
73
81
|
default: boolean;
|
|
74
82
|
};
|
|
83
|
+
dropdown: {
|
|
84
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
|
|
85
|
+
default: any;
|
|
86
|
+
};
|
|
87
|
+
dropdownPosition: {
|
|
88
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
89
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
90
|
+
};
|
|
75
91
|
error: {
|
|
76
92
|
type: BooleanConstructor;
|
|
77
93
|
default: boolean;
|
|
@@ -85,8 +101,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
85
101
|
default: string;
|
|
86
102
|
};
|
|
87
103
|
staticValuePosition: {
|
|
88
|
-
type: import("vue").PropType<import("@/components/input-field").
|
|
89
|
-
default: import("@/components/input-field").
|
|
104
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
105
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
90
106
|
};
|
|
91
107
|
type: {
|
|
92
108
|
type: import("vue").PropType<BentoInputFieldType>;
|
|
@@ -97,10 +113,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
97
113
|
default: string;
|
|
98
114
|
};
|
|
99
115
|
variant: {
|
|
100
|
-
type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
|
|
101
|
-
default: import("@/components/input-field").BentoInputFieldVariant;
|
|
116
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
|
|
117
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
|
|
102
118
|
};
|
|
103
|
-
}>>, ("input
|
|
119
|
+
}>>, import("@/components/input-field/input-field.types").BentoInputFieldEvent[], {
|
|
104
120
|
type: BentoInputFieldType;
|
|
105
121
|
error: boolean;
|
|
106
122
|
value: string;
|
|
@@ -108,9 +124,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
108
124
|
ariaLabel: string;
|
|
109
125
|
disabled: boolean;
|
|
110
126
|
placeholder: string;
|
|
111
|
-
variant: import("@/components/input-field").BentoInputFieldVariant;
|
|
127
|
+
variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
|
|
128
|
+
dropdown: import("@/components/input-field/input-field.types").BentoInputDropdownProps;
|
|
129
|
+
dropdownPosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
112
130
|
staticValue: string;
|
|
113
|
-
staticValuePosition: import("@/components/input-field").
|
|
131
|
+
staticValuePosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
114
132
|
}, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
|
|
115
133
|
ariaHidden: {
|
|
116
134
|
type: BooleanConstructor;
|
|
@@ -124,6 +142,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
124
142
|
type: BooleanConstructor;
|
|
125
143
|
default: boolean;
|
|
126
144
|
};
|
|
145
|
+
dropdown: {
|
|
146
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
|
|
147
|
+
default: any;
|
|
148
|
+
};
|
|
149
|
+
dropdownPosition: {
|
|
150
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
151
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
152
|
+
};
|
|
127
153
|
error: {
|
|
128
154
|
type: BooleanConstructor;
|
|
129
155
|
default: boolean;
|
|
@@ -137,8 +163,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
137
163
|
default: string;
|
|
138
164
|
};
|
|
139
165
|
staticValuePosition: {
|
|
140
|
-
type: import("vue").PropType<import("@/components/input-field").
|
|
141
|
-
default: import("@/components/input-field").
|
|
166
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
167
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
142
168
|
};
|
|
143
169
|
type: {
|
|
144
170
|
type: import("vue").PropType<BentoInputFieldType>;
|
|
@@ -149,13 +175,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
149
175
|
default: string;
|
|
150
176
|
};
|
|
151
177
|
variant: {
|
|
152
|
-
type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
|
|
153
|
-
default: import("@/components/input-field").BentoInputFieldVariant;
|
|
178
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
|
|
179
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
|
|
154
180
|
};
|
|
155
181
|
}>>> & import("vue").ShallowUnwrapRef<{
|
|
156
182
|
BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
|
|
157
183
|
BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
|
|
158
|
-
BentoInputFieldVariant: typeof import("@/components/input-field").BentoInputFieldVariant;
|
|
184
|
+
BentoInputFieldVariant: typeof import("@/components/input-field/input-field.types").BentoInputFieldVariant;
|
|
185
|
+
BentoDropdownSize: typeof import("../dropdown/dropdown.types").BentoDropdownSize;
|
|
186
|
+
BentoInputFieldEvent: typeof import("@/components/input-field/input-field.types").BentoInputFieldEvent;
|
|
187
|
+
onDropdownInput: (selectedValue: import("../..").BentoListboxSelectedValue) => void;
|
|
159
188
|
onInput: (event: Event) => void;
|
|
160
189
|
focusInput: () => void;
|
|
161
190
|
hasSlot: (name: string) => boolean;
|
|
@@ -166,6 +195,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
166
195
|
inputFieldId: string;
|
|
167
196
|
shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
|
|
168
197
|
shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
|
|
198
|
+
shouldShowDropdown: import("vue").ComputedRef<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
|
|
199
|
+
shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
|
|
200
|
+
shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
|
|
169
201
|
}> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
|
|
170
202
|
ariaHidden: {
|
|
171
203
|
type: BooleanConstructor;
|
|
@@ -179,6 +211,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
179
211
|
type: BooleanConstructor;
|
|
180
212
|
default: boolean;
|
|
181
213
|
};
|
|
214
|
+
dropdown: {
|
|
215
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
|
|
216
|
+
default: any;
|
|
217
|
+
};
|
|
218
|
+
dropdownPosition: {
|
|
219
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
220
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
221
|
+
};
|
|
182
222
|
error: {
|
|
183
223
|
type: BooleanConstructor;
|
|
184
224
|
default: boolean;
|
|
@@ -192,8 +232,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
192
232
|
default: string;
|
|
193
233
|
};
|
|
194
234
|
staticValuePosition: {
|
|
195
|
-
type: import("vue").PropType<import("@/components/input-field").
|
|
196
|
-
default: import("@/components/input-field").
|
|
235
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
|
|
236
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
|
|
197
237
|
};
|
|
198
238
|
type: {
|
|
199
239
|
type: import("vue").PropType<BentoInputFieldType>;
|
|
@@ -204,8 +244,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
204
244
|
default: string;
|
|
205
245
|
};
|
|
206
246
|
variant: {
|
|
207
|
-
type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
|
|
208
|
-
default: import("@/components/input-field").BentoInputFieldVariant;
|
|
247
|
+
type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
|
|
248
|
+
default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
|
|
209
249
|
};
|
|
210
250
|
}>>>;
|
|
211
251
|
onClearSearch: () => void;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare enum DateFormat {
|
|
2
|
+
DAY_OF_MONTH = "d",
|
|
3
|
+
NUMERIC_DAY = "dd",
|
|
4
|
+
SHORT_WEEKDAY = "EEE",
|
|
5
|
+
NUMERIC_MONTH = "MM",
|
|
6
|
+
SHORT_MONTH = "MMM",
|
|
7
|
+
LONG_MONTH = "MMMM",
|
|
8
|
+
LONG_MONTH_YEAR = "MMMM yyyy",
|
|
9
|
+
FULL_YEAR = "yyyy",
|
|
10
|
+
FULL_DATE = "d MMM, yyyy",
|
|
11
|
+
FULL_DATE_MONTH_FIRST = "MMM dd, yyyy",
|
|
12
|
+
NUMERIC_DATE_YEAR_FIRST = "yyyy-MM-dd",
|
|
13
|
+
NUMERIC_DATE_DAY_FIRST = "yyyy-MM-dd"
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const truncate: (aString: string, characterLimit: number) => string;
|