@fiscozen/input 0.1.17 → 1.0.0-next.1

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 (34) hide show
  1. package/README.md +719 -1
  2. package/coverage/FzCurrencyInput.vue.html +640 -0
  3. package/coverage/FzInput.vue.html +709 -0
  4. package/coverage/base.css +224 -0
  5. package/coverage/block-navigation.js +87 -0
  6. package/coverage/clover.xml +494 -0
  7. package/coverage/coverage-final.json +4 -0
  8. package/coverage/favicon.png +0 -0
  9. package/coverage/index.html +146 -0
  10. package/coverage/prettify.css +1 -0
  11. package/coverage/prettify.js +2 -0
  12. package/coverage/sort-arrow-sprite.png +0 -0
  13. package/coverage/sorter.js +196 -0
  14. package/coverage/useInputStyle.ts.html +343 -0
  15. package/dist/input.js +5662 -3272
  16. package/dist/input.umd.cjs +15 -10
  17. package/dist/src/FzCurrencyInput.vue.d.ts +69 -26
  18. package/dist/src/FzInput.vue.d.ts +140 -34
  19. package/dist/src/index.d.ts +1 -0
  20. package/dist/src/types.d.ts +176 -34
  21. package/dist/src/useInputStyle.d.ts +23 -8
  22. package/dist/src/utils.d.ts +21 -0
  23. package/dist/style.css +1 -0
  24. package/package.json +4 -4
  25. package/src/FzCurrencyInput.vue +746 -106
  26. package/src/FzInput.vue +469 -97
  27. package/src/__tests__/FzCurrencyInput.spec.ts +1528 -204
  28. package/src/__tests__/FzInput.spec.ts +1046 -181
  29. package/src/index.ts +3 -0
  30. package/src/types.ts +175 -44
  31. package/src/useInputStyle.ts +96 -38
  32. package/src/utils.ts +64 -0
  33. package/tsconfig.tsbuildinfo +1 -1
  34. package/vitest.config.ts +9 -1
package/dist/src/FzCurrencyInput.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- amount: import('vue').PropType<number>;
1
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ modelValue: import('vue').PropType<string | number | null | undefined>;
3
3
  error: {
4
4
  type: import('vue').PropType<boolean>;
5
5
  };
@@ -9,6 +9,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
9
9
  size: {
10
10
  type: import('vue').PropType<"sm" | "md" | "lg">;
11
11
  };
12
+ variant: {
13
+ type: import('vue').PropType<"normal" | "floating-label">;
14
+ };
12
15
  required: {
13
16
  type: import('vue').PropType<boolean>;
14
17
  };
@@ -17,10 +20,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
17
20
  };
18
21
  max: {
19
22
  type: import('vue').PropType<number>;
23
+ default: number;
20
24
  };
21
25
  label: {
22
26
  type: import('vue').PropType<string>;
23
- required: true;
24
27
  };
25
28
  pattern: {
26
29
  type: import('vue').PropType<string>;
@@ -28,17 +31,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
28
31
  placeholder: {
29
32
  type: import('vue').PropType<string>;
30
33
  };
34
+ environment: {
35
+ type: import('vue').PropType<import('./types').InputEnvironment>;
36
+ };
31
37
  leftIcon: {
32
38
  type: import('vue').PropType<string>;
33
39
  };
34
40
  leftIconVariant: {
35
41
  type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
36
42
  };
37
- rightIcon: {
38
- type: import('vue').PropType<string>;
43
+ leftIconButtonVariant: {
44
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
39
45
  };
40
- rightIconVariant: {
41
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
46
+ leftIconAriaLabel: {
47
+ type: import('vue').PropType<string>;
42
48
  };
43
49
  valid: {
44
50
  type: import('vue').PropType<boolean>;
@@ -49,8 +55,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
49
55
  maxlength: {
50
56
  type: import('vue').PropType<number>;
51
57
  };
52
- rightIconClass: {
53
- type: import('vue').PropType<string>;
58
+ autocomplete: {
59
+ type: import('vue').PropType<boolean>;
54
60
  };
55
61
  leftIconClass: {
56
62
  type: import('vue').PropType<string>;
@@ -58,7 +64,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
58
64
  nullOnEmpty: {
59
65
  type: import('vue').PropType<boolean>;
60
66
  };
61
- forceStep: {
67
+ zeroOnEmpty: {
62
68
  type: import('vue').PropType<boolean>;
63
69
  };
64
70
  minimumFractionDigits: {
@@ -71,17 +77,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
71
77
  };
72
78
  min: {
73
79
  type: import('vue').PropType<number>;
80
+ default: number;
74
81
  };
75
82
  step: {
76
83
  type: import('vue').PropType<number>;
84
+ default: number;
85
+ };
86
+ forceStep: {
87
+ type: import('vue').PropType<boolean>;
88
+ };
89
+ stepUpAriaLabel: {
90
+ type: import('vue').PropType<string>;
91
+ };
92
+ stepDownAriaLabel: {
93
+ type: import('vue').PropType<string>;
77
94
  };
78
95
  }>, {
79
96
  inputRef: import('vue').ComputedRef<HTMLInputElement | null | undefined>;
80
97
  containerRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
81
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
82
- "update:amount": (...args: any[]) => void;
83
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
84
- amount: import('vue').PropType<number>;
98
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
99
+ modelValue: import('vue').PropType<string | number | null | undefined>;
85
100
  error: {
86
101
  type: import('vue').PropType<boolean>;
87
102
  };
@@ -91,6 +106,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
91
106
  size: {
92
107
  type: import('vue').PropType<"sm" | "md" | "lg">;
93
108
  };
109
+ variant: {
110
+ type: import('vue').PropType<"normal" | "floating-label">;
111
+ };
94
112
  required: {
95
113
  type: import('vue').PropType<boolean>;
96
114
  };
@@ -99,10 +117,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
99
117
  };
100
118
  max: {
101
119
  type: import('vue').PropType<number>;
120
+ default: number;
102
121
  };
103
122
  label: {
104
123
  type: import('vue').PropType<string>;
105
- required: true;
106
124
  };
107
125
  pattern: {
108
126
  type: import('vue').PropType<string>;
@@ -110,17 +128,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
110
128
  placeholder: {
111
129
  type: import('vue').PropType<string>;
112
130
  };
131
+ environment: {
132
+ type: import('vue').PropType<import('./types').InputEnvironment>;
133
+ };
113
134
  leftIcon: {
114
135
  type: import('vue').PropType<string>;
115
136
  };
116
137
  leftIconVariant: {
117
138
  type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
118
139
  };
119
- rightIcon: {
120
- type: import('vue').PropType<string>;
140
+ leftIconButtonVariant: {
141
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
121
142
  };
122
- rightIconVariant: {
123
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
143
+ leftIconAriaLabel: {
144
+ type: import('vue').PropType<string>;
124
145
  };
125
146
  valid: {
126
147
  type: import('vue').PropType<boolean>;
@@ -131,8 +152,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
131
152
  maxlength: {
132
153
  type: import('vue').PropType<number>;
133
154
  };
134
- rightIconClass: {
135
- type: import('vue').PropType<string>;
155
+ autocomplete: {
156
+ type: import('vue').PropType<boolean>;
136
157
  };
137
158
  leftIconClass: {
138
159
  type: import('vue').PropType<string>;
@@ -140,7 +161,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
140
161
  nullOnEmpty: {
141
162
  type: import('vue').PropType<boolean>;
142
163
  };
143
- forceStep: {
164
+ zeroOnEmpty: {
144
165
  type: import('vue').PropType<boolean>;
145
166
  };
146
167
  minimumFractionDigits: {
@@ -153,14 +174,36 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
153
174
  };
154
175
  min: {
155
176
  type: import('vue').PropType<number>;
177
+ default: number;
156
178
  };
157
179
  step: {
158
180
  type: import('vue').PropType<number>;
181
+ default: number;
159
182
  };
160
- }>> & Readonly<{
161
- "onUpdate:amount"?: ((...args: any[]) => any) | undefined;
162
- }>, {
183
+ forceStep: {
184
+ type: import('vue').PropType<boolean>;
185
+ };
186
+ stepUpAriaLabel: {
187
+ type: import('vue').PropType<string>;
188
+ };
189
+ stepDownAriaLabel: {
190
+ type: import('vue').PropType<string>;
191
+ };
192
+ }>> & Readonly<{}>, {
193
+ max: number;
163
194
  minimumFractionDigits: number;
164
195
  maximumFractionDigits: number;
165
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
196
+ min: number;
197
+ step: number;
198
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
199
+ label?(_: {}): any;
200
+ "left-icon"?(_: {}): any;
201
+ helpText?(_: {}): any;
202
+ errorMessage?(_: {}): any;
203
+ }>;
166
204
  export default _default;
205
+ type __VLS_WithTemplateSlots<T, S> = T & {
206
+ new (): {
207
+ $slots: S;
208
+ };
209
+ };
package/dist/src/FzInput.vue.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { Ref } from 'vue';
2
+ import { InputEnvironment } from './types';
2
3
 
3
4
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
- modelValue: import('vue').PropType<any>;
5
+ modelValue: import('vue').PropType<string>;
5
6
  error: {
6
7
  type: import('vue').PropType<boolean>;
7
8
  default: boolean;
@@ -11,6 +12,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
11
12
  };
12
13
  size: {
13
14
  type: import('vue').PropType<"sm" | "md" | "lg">;
15
+ };
16
+ variant: {
17
+ type: import('vue').PropType<"normal" | "floating-label">;
14
18
  default: string;
15
19
  };
16
20
  type: {
@@ -25,7 +29,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
25
29
  };
26
30
  label: {
27
31
  type: import('vue').PropType<string>;
28
- required: true;
29
32
  };
30
33
  pattern: {
31
34
  type: import('vue').PropType<string>;
@@ -33,18 +36,63 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
33
36
  placeholder: {
34
37
  type: import('vue').PropType<string>;
35
38
  };
36
- leftIcon: {
39
+ environment: {
40
+ type: import('vue').PropType<InputEnvironment>;
41
+ default: string;
42
+ };
43
+ rightIcon: {
37
44
  type: import('vue').PropType<string>;
38
45
  };
39
- leftIconVariant: {
46
+ rightIconSize: {
47
+ type: import('vue').PropType<import('@fiscozen/icons/src/types').IconSize>;
48
+ };
49
+ rightIconVariant: {
40
50
  type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
41
51
  };
42
- rightIcon: {
52
+ rightIconButton: {
53
+ type: import('vue').PropType<boolean>;
54
+ };
55
+ rightIconButtonVariant: {
56
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
57
+ default: string;
58
+ };
59
+ rightIconAriaLabel: {
43
60
  type: import('vue').PropType<string>;
44
61
  };
45
- rightIconVariant: {
62
+ rightIconClass: {
63
+ type: import('vue').PropType<string>;
64
+ };
65
+ secondRightIcon: {
66
+ type: import('vue').PropType<string>;
67
+ };
68
+ secondRightIconClass: {
69
+ type: import('vue').PropType<string>;
70
+ };
71
+ secondRightIconVariant: {
72
+ type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
73
+ };
74
+ secondRightIconButton: {
75
+ type: import('vue').PropType<boolean>;
76
+ };
77
+ secondRightIconButtonVariant: {
78
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
79
+ default: string;
80
+ };
81
+ secondRightIconAriaLabel: {
82
+ type: import('vue').PropType<string>;
83
+ };
84
+ leftIcon: {
85
+ type: import('vue').PropType<string>;
86
+ };
87
+ leftIconVariant: {
46
88
  type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
47
89
  };
90
+ leftIconButtonVariant: {
91
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
92
+ };
93
+ leftIconAriaLabel: {
94
+ type: import('vue').PropType<string>;
95
+ };
48
96
  valid: {
49
97
  type: import('vue').PropType<boolean>;
50
98
  };
@@ -54,8 +102,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
54
102
  maxlength: {
55
103
  type: import('vue').PropType<number>;
56
104
  };
57
- rightIconClass: {
58
- type: import('vue').PropType<string>;
105
+ autocomplete: {
106
+ type: import('vue').PropType<boolean>;
107
+ default: boolean;
59
108
  };
60
109
  leftIconClass: {
61
110
  type: import('vue').PropType<string>;
@@ -64,14 +113,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
64
113
  inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
65
114
  containerRef: Ref<HTMLElement | null, HTMLElement | null>;
66
115
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
67
- blur: (...args: any[]) => void;
68
- focus: (...args: any[]) => void;
69
- input: (...args: any[]) => void;
70
- paste: (...args: any[]) => void;
71
- "fzinput:left-icon-click": (...args: any[]) => void;
72
- "fzinput:right-icon-click": (...args: any[]) => void;
116
+ blur: (event: FocusEvent) => void;
117
+ focus: (event: FocusEvent) => void;
118
+ "fzinput:left-icon-click": () => void;
119
+ "fzinput:right-icon-click": () => void;
120
+ "fzinput:second-right-icon-click": () => void;
73
121
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
74
- modelValue: import('vue').PropType<any>;
122
+ modelValue: import('vue').PropType<string>;
75
123
  error: {
76
124
  type: import('vue').PropType<boolean>;
77
125
  default: boolean;
@@ -81,6 +129,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
81
129
  };
82
130
  size: {
83
131
  type: import('vue').PropType<"sm" | "md" | "lg">;
132
+ };
133
+ variant: {
134
+ type: import('vue').PropType<"normal" | "floating-label">;
84
135
  default: string;
85
136
  };
86
137
  type: {
@@ -95,7 +146,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
95
146
  };
96
147
  label: {
97
148
  type: import('vue').PropType<string>;
98
- required: true;
99
149
  };
100
150
  pattern: {
101
151
  type: import('vue').PropType<string>;
@@ -103,18 +153,63 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
103
153
  placeholder: {
104
154
  type: import('vue').PropType<string>;
105
155
  };
106
- leftIcon: {
156
+ environment: {
157
+ type: import('vue').PropType<InputEnvironment>;
158
+ default: string;
159
+ };
160
+ rightIcon: {
107
161
  type: import('vue').PropType<string>;
108
162
  };
109
- leftIconVariant: {
163
+ rightIconSize: {
164
+ type: import('vue').PropType<import('@fiscozen/icons/src/types').IconSize>;
165
+ };
166
+ rightIconVariant: {
110
167
  type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
111
168
  };
112
- rightIcon: {
169
+ rightIconButton: {
170
+ type: import('vue').PropType<boolean>;
171
+ };
172
+ rightIconButtonVariant: {
173
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
174
+ default: string;
175
+ };
176
+ rightIconAriaLabel: {
113
177
  type: import('vue').PropType<string>;
114
178
  };
115
- rightIconVariant: {
179
+ rightIconClass: {
180
+ type: import('vue').PropType<string>;
181
+ };
182
+ secondRightIcon: {
183
+ type: import('vue').PropType<string>;
184
+ };
185
+ secondRightIconClass: {
186
+ type: import('vue').PropType<string>;
187
+ };
188
+ secondRightIconVariant: {
189
+ type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
190
+ };
191
+ secondRightIconButton: {
192
+ type: import('vue').PropType<boolean>;
193
+ };
194
+ secondRightIconButtonVariant: {
195
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
196
+ default: string;
197
+ };
198
+ secondRightIconAriaLabel: {
199
+ type: import('vue').PropType<string>;
200
+ };
201
+ leftIcon: {
202
+ type: import('vue').PropType<string>;
203
+ };
204
+ leftIconVariant: {
116
205
  type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
117
206
  };
207
+ leftIconButtonVariant: {
208
+ type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
209
+ };
210
+ leftIconAriaLabel: {
211
+ type: import('vue').PropType<string>;
212
+ };
118
213
  valid: {
119
214
  type: import('vue').PropType<boolean>;
120
215
  };
@@ -124,28 +219,39 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
124
219
  maxlength: {
125
220
  type: import('vue').PropType<number>;
126
221
  };
127
- rightIconClass: {
128
- type: import('vue').PropType<string>;
222
+ autocomplete: {
223
+ type: import('vue').PropType<boolean>;
224
+ default: boolean;
129
225
  };
130
226
  leftIconClass: {
131
227
  type: import('vue').PropType<string>;
132
228
  };
133
229
  }>> & Readonly<{
134
- onBlur?: ((...args: any[]) => any) | undefined;
135
- onFocus?: ((...args: any[]) => any) | undefined;
136
- onInput?: ((...args: any[]) => any) | undefined;
137
- onPaste?: ((...args: any[]) => any) | undefined;
138
- "onFzinput:left-icon-click"?: ((...args: any[]) => any) | undefined;
139
- "onFzinput:right-icon-click"?: ((...args: any[]) => any) | undefined;
230
+ onBlur?: ((event: FocusEvent) => any) | undefined;
231
+ onFocus?: ((event: FocusEvent) => any) | undefined;
232
+ "onFzinput:left-icon-click"?: (() => any) | undefined;
233
+ "onFzinput:right-icon-click"?: (() => any) | undefined;
234
+ "onFzinput:second-right-icon-click"?: (() => any) | undefined;
140
235
  }>, {
141
236
  error: boolean;
142
- size: "sm" | "md" | "lg";
237
+ variant: "normal" | "floating-label";
143
238
  type: "number" | "text" | "password" | "email" | "tel" | "url";
144
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
145
- "left-icon"?(_: {}): any;
146
- "right-icon"?(_: {}): any;
147
- errorMessage?(_: {}): any;
148
- helpText?(_: {}): any;
239
+ environment: InputEnvironment;
240
+ rightIconButtonVariant: import('@fiscozen/button').CommonButtonVariant;
241
+ secondRightIconButtonVariant: import('@fiscozen/button').CommonButtonVariant;
242
+ autocomplete: boolean;
243
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Readonly<{
244
+ label?: (() => unknown) | undefined;
245
+ "left-icon"?: (() => unknown) | undefined;
246
+ "right-icon"?: (() => unknown) | undefined;
247
+ errorMessage?: (() => unknown) | undefined;
248
+ helpText?: (() => unknown) | undefined;
249
+ }> & {
250
+ label?: (() => unknown) | undefined;
251
+ "left-icon"?: (() => unknown) | undefined;
252
+ "right-icon"?: (() => unknown) | undefined;
253
+ errorMessage?: (() => unknown) | undefined;
254
+ helpText?: (() => unknown) | undefined;
149
255
  }>;
150
256
  export default _default;
151
257
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/src/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export { default as FzInput } from './FzInput.vue';
2
2
  export { default as FzCurrencyInput } from './FzCurrencyInput.vue';
3
3
  export type * from './types';
4
+ export { sizeToEnvironmentMapping } from './utils';