@komensal/ui 0.9.1 → 0.10.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 +6 -5
- package/dist/index.d.ts +6 -2
- package/dist/index.js +336 -262
- package/dist/index.js.map +1 -1
- package/dist/locales/index.d.ts +1 -0
- package/dist/locales/index.js +2 -1
- package/dist/locales/index.js.map +1 -1
- package/package.json +3 -7
package/README.md
CHANGED
|
@@ -16,9 +16,10 @@ El paquete las espera instaladas en el proyecto consumidor:
|
|
|
16
16
|
|---|---|
|
|
17
17
|
| `react` | `^19.0.0` |
|
|
18
18
|
| `react-dom` | `^19.0.0` |
|
|
19
|
-
| `react-hook-form` | `^7.
|
|
20
|
-
| `react-i18next` | `^16.
|
|
21
|
-
|
|
19
|
+
| `react-hook-form` | `^7.71.0` |
|
|
20
|
+
| `react-i18next` | `^16.5.0` |
|
|
21
|
+
|
|
22
|
+
`i18next` no es peer dependency: el paquete trae su propia instancia autocontenida (ver sección de i18n abajo), empaquetada en el propio `dist/index.js`.
|
|
22
23
|
|
|
23
24
|
## Uso
|
|
24
25
|
|
|
@@ -67,9 +68,9 @@ Si un texto interno no te sirve, podés pasarlo por prop al componente; gana el
|
|
|
67
68
|
## Componentes disponibles
|
|
68
69
|
|
|
69
70
|
- **Acciones:** `Button`
|
|
70
|
-
- **Formularios (React Hook Form):** `Input`, `SelectInput`, `
|
|
71
|
+
- **Formularios (React Hook Form):** `Input`, `SelectInput`, `OTPInput`, `Form`, `InputField`, `LabelField`, `SelectField`, `OtpField`, `MapPickerField`, `Label`, `PasswordChecklist`
|
|
71
72
|
- **Overlays:** `Dialog`, `Popover`, `Tooltip`, `Command`
|
|
72
|
-
- **Feedback / estado:** `Alert`, `Toast` + `ToastProvider`, `Spinner
|
|
73
|
+
- **Feedback / estado:** `Alert`, `Toast` + `ToastProvider`, `Spinner`
|
|
73
74
|
- **Layout:** `AuthHeader`, `StepHeader`, `Stepper`, `Wrapper`
|
|
74
75
|
- **Mapas:** `GoogleMapPicker`
|
|
75
76
|
- **Utils:** `cn`, `inputBase`, `inputFocus`, `inputDisabled`, `inputPlaceholder`, `toast`, `registerToastEmitter`
|
package/dist/index.d.ts
CHANGED
|
@@ -209,6 +209,7 @@ interface ResolvedAddress {
|
|
|
209
209
|
lng: null | number;
|
|
210
210
|
}
|
|
211
211
|
interface GoogleMapPickerProps {
|
|
212
|
+
apiKey?: string;
|
|
212
213
|
centerOn?: google.maps.LatLngLiteral;
|
|
213
214
|
countryCode?: string;
|
|
214
215
|
disabled?: boolean;
|
|
@@ -216,8 +217,10 @@ interface GoogleMapPickerProps {
|
|
|
216
217
|
initialPosition?: google.maps.LatLngLiteral;
|
|
217
218
|
locationQuery?: string;
|
|
218
219
|
locationZoom?: number;
|
|
220
|
+
mapId?: string;
|
|
219
221
|
onAddressResolved?: (resolved: ResolvedAddress) => void;
|
|
220
222
|
onChange: (address: string) => void;
|
|
223
|
+
onError?: (error: unknown) => void;
|
|
221
224
|
placeholder?: string;
|
|
222
225
|
value: string;
|
|
223
226
|
}
|
|
@@ -243,8 +246,9 @@ interface OtpInputFormFieldProps<TFieldValues extends FieldValues = FieldValues,
|
|
|
243
246
|
labelClassName?: string;
|
|
244
247
|
name: TName;
|
|
245
248
|
otpLength?: number;
|
|
249
|
+
visualRequired?: boolean;
|
|
246
250
|
}
|
|
247
|
-
declare function OTPField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, className, containerClassName, control, disabled, label, labelClassName, name, otpLength }: OtpInputFormFieldProps<TFieldValues, TName>): React__default.JSX.Element;
|
|
251
|
+
declare function OTPField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, className, containerClassName, control, disabled, label, labelClassName, name, otpLength, visualRequired }: OtpInputFormFieldProps<TFieldValues, TName>): React__default.JSX.Element;
|
|
248
252
|
|
|
249
253
|
interface Options {
|
|
250
254
|
label: string;
|
|
@@ -265,7 +269,7 @@ interface SelectFieldProps<T extends FieldValues = FieldValues> {
|
|
|
265
269
|
search?: boolean;
|
|
266
270
|
visualRequired?: boolean;
|
|
267
271
|
}
|
|
268
|
-
declare const SelectField: <T extends FieldValues = FieldValues>({ ableDeleteOption, className, control, disabled, label, labelClassName, mainClassName, name, options, placeholder, search, visualRequired }: SelectFieldProps<T>) => React.JSX.Element;
|
|
272
|
+
declare const SelectField: <T extends FieldValues = FieldValues>({ ableDeleteOption, className, control, disabled, label, labelClassName, mainClassName, name, onChange, options, placeholder, search, visualRequired }: SelectFieldProps<T>) => React.JSX.Element;
|
|
269
273
|
|
|
270
274
|
type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
271
275
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|