@davincihealthcare/elty-design-system-vue 1.0.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.
- package/README.md +40 -0
- package/dist/ElAccordion.vue.d.ts +140 -0
- package/dist/ElAvatar.vue.d.ts +33 -0
- package/dist/ElBadge.vue.d.ts +34 -0
- package/dist/ElButton.vue.d.ts +77 -0
- package/dist/ElCalendarCard.vue.d.ts +65 -0
- package/dist/ElCalendarCell.vue.d.ts +48 -0
- package/dist/ElDrawer.vue.d.ts +38 -0
- package/dist/ElDropdown.vue.d.ts +309 -0
- package/dist/ElFile.vue.d.ts +25 -0
- package/dist/ElFooter.vue.d.ts +2 -0
- package/dist/ElIcon.vue.d.ts +29 -0
- package/dist/ElIconButton.vue.d.ts +56 -0
- package/dist/ElItem.vue.d.ts +46 -0
- package/dist/ElLogo.vue.d.ts +38 -0
- package/dist/ElSortingHeader.vue.d.ts +31 -0
- package/dist/ElSuggestionChip.vue.d.ts +17 -0
- package/dist/ElTab.vue.d.ts +23 -0
- package/dist/ElTabGroup.vue.d.ts +25 -0
- package/dist/ElTableHead.vue.d.ts +54 -0
- package/dist/ElTabs.vue.d.ts +27 -0
- package/dist/ElTag.vue.d.ts +56 -0
- package/dist/ElTest.vue.d.ts +2 -0
- package/dist/ElTextCell.vue.d.ts +36 -0
- package/dist/ElToast.vue.d.ts +11 -0
- package/dist/_ClipToAnchor.vue.d.ts +27 -0
- package/dist/_CustomTransition.vue.d.ts +30 -0
- package/dist/_SimpleTooltip.vue.d.ts +25 -0
- package/dist/forms/ElInputCheckbox.vue.d.ts +120 -0
- package/dist/forms/ElInputContainer.vue.d.ts +71 -0
- package/dist/forms/ElInputDate.vue.d.ts +107 -0
- package/dist/forms/ElInputFile.vue.d.ts +104 -0
- package/dist/forms/ElInputMeasureUnit.vue.d.ts +132 -0
- package/dist/forms/ElInputNumber.vue.d.ts +106 -0
- package/dist/forms/ElInputPhone.vue.d.ts +85 -0
- package/dist/forms/ElInputSelect.vue.d.ts +130 -0
- package/dist/forms/ElInputText.vue.d.ts +120 -0
- package/dist/forms/ElInputTextarea.vue.d.ts +103 -0
- package/dist/forms/input.d.ts +245 -0
- package/dist/forms/utils.d.ts +24 -0
- package/dist/forms/validation-rules.d.ts +1 -0
- package/dist/index.d.ts +70 -0
- package/dist/index.mjs +22989 -0
- package/dist/index.mjs.map +1 -0
- package/dist/routes.d.ts +10 -0
- package/dist/style.css +1 -0
- package/dist/types.d.ts +83 -0
- package/dist/utils.d.ts +2 -0
- package/package.json +78 -0
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
export declare const UniqueID: () => {
|
|
2
|
+
getID: () => string;
|
|
3
|
+
};
|
|
4
|
+
import { ComputedRef, PropType, Ref } from 'vue';
|
|
5
|
+
export type TextualValueType = string | null | undefined;
|
|
6
|
+
export type NumberValueType = number | null | undefined;
|
|
7
|
+
export declare const withCommonInputProps: () => {
|
|
8
|
+
label: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
required: boolean;
|
|
11
|
+
default: string;
|
|
12
|
+
};
|
|
13
|
+
disabled: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
required: boolean;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
18
|
+
validation: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
default: string;
|
|
21
|
+
required: boolean;
|
|
22
|
+
};
|
|
23
|
+
hideRequiredMark: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
required: boolean;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
28
|
+
hiddenErrorMessage: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
required: boolean;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
helpTooltip: {
|
|
34
|
+
type: PropType<{
|
|
35
|
+
title: string;
|
|
36
|
+
text: string;
|
|
37
|
+
}>;
|
|
38
|
+
required: boolean;
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
export declare const withTextualInputProps: () => {
|
|
43
|
+
modelValue: {
|
|
44
|
+
type: PropType<TextualValueType>;
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
47
|
+
placeholder: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
default: string;
|
|
50
|
+
required: boolean;
|
|
51
|
+
};
|
|
52
|
+
label: {
|
|
53
|
+
type: StringConstructor;
|
|
54
|
+
required: boolean;
|
|
55
|
+
default: string;
|
|
56
|
+
};
|
|
57
|
+
disabled: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
required: boolean;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
validation: {
|
|
63
|
+
type: StringConstructor;
|
|
64
|
+
default: string;
|
|
65
|
+
required: boolean;
|
|
66
|
+
};
|
|
67
|
+
hideRequiredMark: {
|
|
68
|
+
type: BooleanConstructor;
|
|
69
|
+
required: boolean;
|
|
70
|
+
default: boolean;
|
|
71
|
+
};
|
|
72
|
+
hiddenErrorMessage: {
|
|
73
|
+
type: BooleanConstructor;
|
|
74
|
+
required: boolean;
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
77
|
+
helpTooltip: {
|
|
78
|
+
type: PropType<{
|
|
79
|
+
title: string;
|
|
80
|
+
text: string;
|
|
81
|
+
}>;
|
|
82
|
+
required: boolean;
|
|
83
|
+
default: undefined;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
export declare const withCommonElInputProps: () => {
|
|
87
|
+
label: {
|
|
88
|
+
type: StringConstructor;
|
|
89
|
+
required: boolean;
|
|
90
|
+
default: string;
|
|
91
|
+
};
|
|
92
|
+
validation: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
default: string;
|
|
95
|
+
required: boolean;
|
|
96
|
+
};
|
|
97
|
+
disabled: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
required: boolean;
|
|
100
|
+
default: boolean;
|
|
101
|
+
};
|
|
102
|
+
errorMessage: {
|
|
103
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
104
|
+
required: boolean;
|
|
105
|
+
default: undefined;
|
|
106
|
+
};
|
|
107
|
+
hiddenErrorMessage: {
|
|
108
|
+
type: BooleanConstructor;
|
|
109
|
+
required: boolean;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
export declare const withTextualElInputProps: () => {
|
|
114
|
+
modelValue: {
|
|
115
|
+
type: PropType<TextualValueType>;
|
|
116
|
+
default: string;
|
|
117
|
+
};
|
|
118
|
+
placeholder: {
|
|
119
|
+
type: StringConstructor;
|
|
120
|
+
default: string;
|
|
121
|
+
required: boolean;
|
|
122
|
+
};
|
|
123
|
+
label: {
|
|
124
|
+
type: StringConstructor;
|
|
125
|
+
required: boolean;
|
|
126
|
+
default: string;
|
|
127
|
+
};
|
|
128
|
+
validation: {
|
|
129
|
+
type: StringConstructor;
|
|
130
|
+
default: string;
|
|
131
|
+
required: boolean;
|
|
132
|
+
};
|
|
133
|
+
disabled: {
|
|
134
|
+
type: BooleanConstructor;
|
|
135
|
+
required: boolean;
|
|
136
|
+
default: boolean;
|
|
137
|
+
};
|
|
138
|
+
errorMessage: {
|
|
139
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
140
|
+
required: boolean;
|
|
141
|
+
default: undefined;
|
|
142
|
+
};
|
|
143
|
+
hiddenErrorMessage: {
|
|
144
|
+
type: BooleanConstructor;
|
|
145
|
+
required: boolean;
|
|
146
|
+
default: boolean;
|
|
147
|
+
};
|
|
148
|
+
};
|
|
149
|
+
export declare const withNumberInputProps: () => {
|
|
150
|
+
modelValue: {
|
|
151
|
+
type: PropType<NumberValueType>;
|
|
152
|
+
};
|
|
153
|
+
placeholder: {
|
|
154
|
+
type: StringConstructor;
|
|
155
|
+
default: string;
|
|
156
|
+
required: boolean;
|
|
157
|
+
};
|
|
158
|
+
step: {
|
|
159
|
+
type: NumberConstructor;
|
|
160
|
+
default: number;
|
|
161
|
+
required: boolean;
|
|
162
|
+
};
|
|
163
|
+
label: {
|
|
164
|
+
type: StringConstructor;
|
|
165
|
+
required: boolean;
|
|
166
|
+
default: string;
|
|
167
|
+
};
|
|
168
|
+
disabled: {
|
|
169
|
+
type: BooleanConstructor;
|
|
170
|
+
required: boolean;
|
|
171
|
+
default: boolean;
|
|
172
|
+
};
|
|
173
|
+
validation: {
|
|
174
|
+
type: StringConstructor;
|
|
175
|
+
default: string;
|
|
176
|
+
required: boolean;
|
|
177
|
+
};
|
|
178
|
+
hideRequiredMark: {
|
|
179
|
+
type: BooleanConstructor;
|
|
180
|
+
required: boolean;
|
|
181
|
+
default: boolean;
|
|
182
|
+
};
|
|
183
|
+
hiddenErrorMessage: {
|
|
184
|
+
type: BooleanConstructor;
|
|
185
|
+
required: boolean;
|
|
186
|
+
default: boolean;
|
|
187
|
+
};
|
|
188
|
+
helpTooltip: {
|
|
189
|
+
type: PropType<{
|
|
190
|
+
title: string;
|
|
191
|
+
text: string;
|
|
192
|
+
}>;
|
|
193
|
+
required: boolean;
|
|
194
|
+
default: undefined;
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
export declare const withNumberElInputProps: () => {
|
|
198
|
+
modelValue: {
|
|
199
|
+
type: PropType<NumberValueType>;
|
|
200
|
+
};
|
|
201
|
+
placeholder: {
|
|
202
|
+
type: StringConstructor;
|
|
203
|
+
default: string;
|
|
204
|
+
required: boolean;
|
|
205
|
+
};
|
|
206
|
+
step: {
|
|
207
|
+
type: NumberConstructor;
|
|
208
|
+
default: number;
|
|
209
|
+
required: boolean;
|
|
210
|
+
};
|
|
211
|
+
label: {
|
|
212
|
+
type: StringConstructor;
|
|
213
|
+
required: boolean;
|
|
214
|
+
default: string;
|
|
215
|
+
};
|
|
216
|
+
validation: {
|
|
217
|
+
type: StringConstructor;
|
|
218
|
+
default: string;
|
|
219
|
+
required: boolean;
|
|
220
|
+
};
|
|
221
|
+
disabled: {
|
|
222
|
+
type: BooleanConstructor;
|
|
223
|
+
required: boolean;
|
|
224
|
+
default: boolean;
|
|
225
|
+
};
|
|
226
|
+
errorMessage: {
|
|
227
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
228
|
+
required: boolean;
|
|
229
|
+
default: undefined;
|
|
230
|
+
};
|
|
231
|
+
hiddenErrorMessage: {
|
|
232
|
+
type: BooleanConstructor;
|
|
233
|
+
required: boolean;
|
|
234
|
+
default: boolean;
|
|
235
|
+
};
|
|
236
|
+
};
|
|
237
|
+
export declare function useInput<T = string>(initialValue: Ref<T>, validations: Ref<string[]> | ComputedRef<string[]>, onChange?: (value: T) => void): {
|
|
238
|
+
fieldContext: import("vee-validate").FieldContext<T>;
|
|
239
|
+
errorMessage: Ref<string | undefined>;
|
|
240
|
+
value: Ref<T>;
|
|
241
|
+
uuid: string;
|
|
242
|
+
meta: import("vee-validate").FieldMeta<T>;
|
|
243
|
+
setValue: (value: T, shouldValidate?: boolean | undefined) => void;
|
|
244
|
+
};
|
|
245
|
+
export declare function showRequiredMark(validations: string[], forceHideMark?: boolean | undefined): boolean;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as outlineIcons from '@heroicons/vue/24/outline';
|
|
2
|
+
import { OptionType } from '../types';
|
|
3
|
+
export type IconNames = keyof typeof outlineIcons;
|
|
4
|
+
export type BadgeColor = 'blue' | 'yellow' | 'red' | 'green' | 'gray' | 'pink' | 'lightPurple' | 'lightBlue' | 'grayBgWhiteText' | 'redBgWhiteText' | 'primaryBgWhiteText' | 'redBorder' | 'purpleBorder' | 'blueBorder' | 'greenBorder' | 'yellowBorder' | 'lightBlueBgPrimaryText' | 'lightGrayBgWhiteText';
|
|
5
|
+
export type BannerColor = 'yellow' | 'red' | 'primary' | 'gray';
|
|
6
|
+
export type BadgeLabel = 'Rossa Dem' | 'Rossa' | 'Bianca' | 'Bianca Dem' | 'Cronica' | 'Ordinaria' | 'RMR';
|
|
7
|
+
export declare const IMPORTED_NOTES_BUS = "imported-notes";
|
|
8
|
+
export type AutocompleteOptionType = OptionType & {
|
|
9
|
+
prefixIcon?: {
|
|
10
|
+
name?: IconNames;
|
|
11
|
+
isSolid?: boolean;
|
|
12
|
+
};
|
|
13
|
+
semiboldText?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const isAutocompleteOptionType: (o: any) => o is AutocompleteOptionType;
|
|
16
|
+
export declare const getEnumFromString: <T>(type: any, str: string | null) => T[keyof T] | null;
|
|
17
|
+
export declare const currencyToReadableString: (n: number) => string;
|
|
18
|
+
export declare const cleanArray: <T>(arrayObj: (Error | T | null | undefined)[] | null | undefined) => T[];
|
|
19
|
+
export declare const downloadFileViaUrl: (url: string, filename: string) => void;
|
|
20
|
+
export declare const getReadableDate: (d: number) => string;
|
|
21
|
+
export declare const getReadableDateTime: (d: number | string | Date, dateTimeFormatOptions?: Intl.DateTimeFormatOptions) => string;
|
|
22
|
+
export declare const getReadableTime: (d: number | string | Date, shortify?: boolean) => string;
|
|
23
|
+
export declare const isValidPhoneNumber: (phoneNumber: string) => boolean;
|
|
24
|
+
export declare const isValidTaxCode: (taxCode: string) => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const applyGlobalFormValidationRules: () => void;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
export * from './routes';
|
|
2
|
+
export * from './types';
|
|
3
|
+
export * from './ElAccordion.vue';
|
|
4
|
+
export { default as ElAccordion } from './ElAccordion.vue';
|
|
5
|
+
export * from './ElAvatar.vue';
|
|
6
|
+
export { default as ElAvatar } from './ElAvatar.vue';
|
|
7
|
+
export * from './ElBadge.vue';
|
|
8
|
+
export { default as ElBadge } from './ElBadge.vue';
|
|
9
|
+
export * from './ElButton.vue';
|
|
10
|
+
export { default as ElButton } from './ElButton.vue';
|
|
11
|
+
export * from './ElCalendarCard.vue';
|
|
12
|
+
export { default as ElCalendarCard } from './ElCalendarCard.vue';
|
|
13
|
+
export * from './ElCalendarCell.vue';
|
|
14
|
+
export { default as ElCalendarCell } from './ElCalendarCell.vue';
|
|
15
|
+
export * from './ElDrawer.vue';
|
|
16
|
+
export { default as ElDrawer } from './ElDrawer.vue';
|
|
17
|
+
export * from './ElDropdown.vue';
|
|
18
|
+
export { default as ElDropdown } from './ElDropdown.vue';
|
|
19
|
+
export * from './ElFile.vue';
|
|
20
|
+
export { default as ElFile } from './ElFile.vue';
|
|
21
|
+
export * from './ElFooter.vue';
|
|
22
|
+
export { default as ElFooter } from './ElFooter.vue';
|
|
23
|
+
export * from './ElIcon.vue';
|
|
24
|
+
export { default as ElIcon } from './ElIcon.vue';
|
|
25
|
+
export * from './ElIconButton.vue';
|
|
26
|
+
export { default as ElIconButton } from './ElIconButton.vue';
|
|
27
|
+
export * from './forms/ElInputCheckbox.vue';
|
|
28
|
+
export { default as ElInputCheckbox } from './forms/ElInputCheckbox.vue';
|
|
29
|
+
export * from './forms/ElInputContainer.vue';
|
|
30
|
+
export { default as ElInputContainer } from './forms/ElInputContainer.vue';
|
|
31
|
+
export * from './forms/ElInputDate.vue';
|
|
32
|
+
export { default as ElInputDate } from './forms/ElInputDate.vue';
|
|
33
|
+
export * from './forms/ElInputFile.vue';
|
|
34
|
+
export { default as ElInputFile } from './forms/ElInputFile.vue';
|
|
35
|
+
export * from './forms/ElInputMeasureUnit.vue';
|
|
36
|
+
export { default as ElInputMeasureUnit } from './forms/ElInputMeasureUnit.vue';
|
|
37
|
+
export * from './forms/ElInputNumber.vue';
|
|
38
|
+
export { default as ElInputNumber } from './forms/ElInputNumber.vue';
|
|
39
|
+
export * from './forms/ElInputPhone.vue';
|
|
40
|
+
export { default as ElInputPhone } from './forms/ElInputPhone.vue';
|
|
41
|
+
export * from './forms/ElInputSelect.vue';
|
|
42
|
+
export { default as ElInputSelect } from './forms/ElInputSelect.vue';
|
|
43
|
+
export * from './forms/ElInputText.vue';
|
|
44
|
+
export { default as ElInputText } from './forms/ElInputText.vue';
|
|
45
|
+
export * from './forms/ElInputTextarea.vue';
|
|
46
|
+
export { default as ElInputTextarea } from './forms/ElInputTextarea.vue';
|
|
47
|
+
export * from './ElItem.vue';
|
|
48
|
+
export { default as ElItem } from './ElItem.vue';
|
|
49
|
+
export * from './ElLogo.vue';
|
|
50
|
+
export { default as ElLogo } from './ElLogo.vue';
|
|
51
|
+
export * from './ElSortingHeader.vue';
|
|
52
|
+
export { default as ElSortingHeader } from './ElSortingHeader.vue';
|
|
53
|
+
export * from './ElSuggestionChip.vue';
|
|
54
|
+
export { default as ElSuggestionChip } from './ElSuggestionChip.vue';
|
|
55
|
+
export * from './ElTab.vue';
|
|
56
|
+
export { default as ElTab } from './ElTab.vue';
|
|
57
|
+
export * from './ElTabGroup.vue';
|
|
58
|
+
export { default as ElTabGroup } from './ElTabGroup.vue';
|
|
59
|
+
export * from './ElTableHead.vue';
|
|
60
|
+
export { default as ElTableHead } from './ElTableHead.vue';
|
|
61
|
+
export * from './ElTabs.vue';
|
|
62
|
+
export { default as ElTabs } from './ElTabs.vue';
|
|
63
|
+
export * from './ElTag.vue';
|
|
64
|
+
export { default as ElTag } from './ElTag.vue';
|
|
65
|
+
export * from './ElTest.vue';
|
|
66
|
+
export { default as ElTest } from './ElTest.vue';
|
|
67
|
+
export * from './ElTextCell.vue';
|
|
68
|
+
export { default as ElTextCell } from './ElTextCell.vue';
|
|
69
|
+
export * from './ElToast.vue';
|
|
70
|
+
export { default as ElToast } from './ElToast.vue';
|