@maltjoy/core-vue 5.3.1 → 5.4.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.
@@ -1,154 +1,40 @@
1
- import { PropType } from 'vue';
1
+ import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
2
2
  import { TJoyInputSizes } from './JoyInput.types';
3
3
  import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
4
- declare function focus(): void;
5
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
6
- autofocus: {
7
- type: BooleanConstructor;
8
- default: boolean;
9
- };
10
- modelValue: {
11
- type: PropType<string | number | null>;
12
- };
13
- disabled: {
14
- type: BooleanConstructor;
15
- default: boolean;
16
- };
17
- id: {
18
- type: StringConstructor;
19
- };
20
- invalid: {
21
- type: BooleanConstructor;
22
- default: boolean;
23
- };
24
- name: {
25
- type: StringConstructor;
26
- required: true;
27
- };
28
- required: {
29
- type: BooleanConstructor;
30
- default: boolean;
31
- };
4
+ export interface VJoyInputProps {
5
+ autofocus?: boolean;
6
+ modelValue?: string | number | null;
7
+ disabled?: boolean;
8
+ id?: string;
9
+ invalid?: boolean;
10
+ name: string;
11
+ required?: boolean;
32
12
  /** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
33
- label: StringConstructor;
13
+ label?: string;
34
14
  /** Overrides the default label size. See JoyLabel stories */
35
- labelSize: {
36
- type: PropType<TJoyLabelSizes>;
37
- default: string;
38
- };
15
+ labelSize?: TJoyLabelSizes;
39
16
  /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
40
- optionalLabel: StringConstructor;
17
+ optionalLabel?: string;
41
18
  /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
42
- requiredMark: {
43
- type: BooleanConstructor;
44
- default: boolean;
45
- };
46
- modelModifiers: {
47
- type: PropType<Partial<Record<"number" | "trim" | "lazy", boolean>>>;
48
- default: () => {
49
- lazy: boolean;
50
- };
51
- };
19
+ requiredMark?: boolean;
20
+ modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', boolean>>;
52
21
  /** Display a cross icon on the right that enables to clear the field */
53
- clearable: {
54
- type: BooleanConstructor;
55
- default: boolean;
56
- };
22
+ clearable?: boolean;
57
23
  /** Add a JoyIcon / joy-icon with given name on left-side. */
58
- icon: {
59
- type: PropType<import("@maltjoy/icons").JoyIconsId>;
60
- };
61
- size: {
62
- type: PropType<TJoyInputSizes>;
63
- default: string;
64
- };
65
- type: {
66
- type: StringConstructor;
67
- default: string;
68
- };
24
+ icon?: TJoyIconsNames;
25
+ size?: TJoyInputSizes;
26
+ type?: string;
69
27
  /** Adds a legend like symbol on the right of the component. Made for number based values */
70
- unit: StringConstructor;
28
+ unit?: string;
71
29
  /** Activates the readonly mode for the input */
72
- readonly: {
73
- type: BooleanConstructor;
74
- default: boolean;
75
- };
76
- }>, {
30
+ readonly?: boolean;
31
+ }
32
+ declare function focus(): void;
33
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyInputProps, {
77
34
  focus: typeof focus;
78
35
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
79
36
  "update:modelValue": (value: string) => any;
80
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
81
- autofocus: {
82
- type: BooleanConstructor;
83
- default: boolean;
84
- };
85
- modelValue: {
86
- type: PropType<string | number | null>;
87
- };
88
- disabled: {
89
- type: BooleanConstructor;
90
- default: boolean;
91
- };
92
- id: {
93
- type: StringConstructor;
94
- };
95
- invalid: {
96
- type: BooleanConstructor;
97
- default: boolean;
98
- };
99
- name: {
100
- type: StringConstructor;
101
- required: true;
102
- };
103
- required: {
104
- type: BooleanConstructor;
105
- default: boolean;
106
- };
107
- /** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
108
- label: StringConstructor;
109
- /** Overrides the default label size. See JoyLabel stories */
110
- labelSize: {
111
- type: PropType<TJoyLabelSizes>;
112
- default: string;
113
- };
114
- /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
115
- optionalLabel: StringConstructor;
116
- /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
117
- requiredMark: {
118
- type: BooleanConstructor;
119
- default: boolean;
120
- };
121
- modelModifiers: {
122
- type: PropType<Partial<Record<"number" | "trim" | "lazy", boolean>>>;
123
- default: () => {
124
- lazy: boolean;
125
- };
126
- };
127
- /** Display a cross icon on the right that enables to clear the field */
128
- clearable: {
129
- type: BooleanConstructor;
130
- default: boolean;
131
- };
132
- /** Add a JoyIcon / joy-icon with given name on left-side. */
133
- icon: {
134
- type: PropType<import("@maltjoy/icons").JoyIconsId>;
135
- };
136
- size: {
137
- type: PropType<TJoyInputSizes>;
138
- default: string;
139
- };
140
- type: {
141
- type: StringConstructor;
142
- default: string;
143
- };
144
- /** Adds a legend like symbol on the right of the component. Made for number based values */
145
- unit: StringConstructor;
146
- /** Activates the readonly mode for the input */
147
- readonly: {
148
- type: BooleanConstructor;
149
- default: boolean;
150
- };
151
- }>> & Readonly<{
37
+ }, string, import("vue").PublicProps, Readonly<VJoyInputProps> & Readonly<{
152
38
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
153
39
  }>, {
154
40
  invalid: boolean;
@@ -162,7 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
162
48
  modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
163
49
  clearable: boolean;
164
50
  readonly: boolean;
165
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
51
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
166
52
  /** DEPRECATED. Default slot to display a label on top of the element. You can use label property as well */
167
53
  default?: (() => any) | undefined;
168
54
  }> & {