@ttoss/forms 0.18.8 → 0.18.9
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/esm/index.js +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.js +19 -19
- package/package.json +1 -1
- package/src/FormFieldInput.tsx +1 -1
package/dist/esm/index.js
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -6,8 +6,7 @@ import * as yup from 'yup';
|
|
|
6
6
|
export { yup };
|
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
8
|
import * as React from 'react';
|
|
9
|
-
import { BoxProps, FlexProps, CheckboxProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
|
|
10
|
-
import { InputProps } from '@ttoss/ui/src';
|
|
9
|
+
import { BoxProps, FlexProps, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
|
|
11
10
|
|
|
12
11
|
declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children, onSubmit, sx, ...formMethods }: {
|
|
13
12
|
children?: React.ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -272,7 +272,7 @@ var FormFieldCheckbox = ({
|
|
|
272
272
|
};
|
|
273
273
|
|
|
274
274
|
// src/FormFieldInput.tsx
|
|
275
|
-
var
|
|
275
|
+
var import_ui5 = require("@ttoss/ui");
|
|
276
276
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
277
277
|
var FormFieldInput = ({
|
|
278
278
|
label,
|
|
@@ -296,7 +296,7 @@ var FormFieldInput = ({
|
|
|
296
296
|
formState
|
|
297
297
|
}) => {
|
|
298
298
|
const hasError = !!formState.errors[name]?.message;
|
|
299
|
-
return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(
|
|
299
|
+
return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.Input, {
|
|
300
300
|
...inputProps,
|
|
301
301
|
...field,
|
|
302
302
|
"aria-invalid": hasError.valueOf()
|
|
@@ -306,7 +306,7 @@ var FormFieldInput = ({
|
|
|
306
306
|
};
|
|
307
307
|
|
|
308
308
|
// src/FormFieldPassword.tsx
|
|
309
|
-
var
|
|
309
|
+
var import_ui6 = require("@ttoss/ui");
|
|
310
310
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
311
311
|
var FormFieldPassword = ({
|
|
312
312
|
label,
|
|
@@ -330,7 +330,7 @@ var FormFieldPassword = ({
|
|
|
330
330
|
formState
|
|
331
331
|
}) => {
|
|
332
332
|
const hasError = !!formState.errors[name]?.message;
|
|
333
|
-
return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(
|
|
333
|
+
return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_ui6.InputPassword, {
|
|
334
334
|
...inputProps,
|
|
335
335
|
...field,
|
|
336
336
|
"aria-invalid": hasError.valueOf()
|
|
@@ -340,7 +340,7 @@ var FormFieldPassword = ({
|
|
|
340
340
|
};
|
|
341
341
|
|
|
342
342
|
// src/FormFieldRadio.tsx
|
|
343
|
-
var
|
|
343
|
+
var import_ui7 = require("@ttoss/ui");
|
|
344
344
|
var import_react_hook_form5 = require("react-hook-form");
|
|
345
345
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
346
346
|
var FormFieldRadio = ({
|
|
@@ -361,23 +361,23 @@ var FormFieldRadio = ({
|
|
|
361
361
|
name,
|
|
362
362
|
defaultValue: ""
|
|
363
363
|
});
|
|
364
|
-
return /* @__PURE__ */(0, import_jsx_runtime7.jsxs)(
|
|
364
|
+
return /* @__PURE__ */(0, import_jsx_runtime7.jsxs)(import_ui7.Flex, {
|
|
365
365
|
sx: {
|
|
366
366
|
flexDirection: "column",
|
|
367
367
|
width: "100%",
|
|
368
368
|
...sx
|
|
369
369
|
},
|
|
370
|
-
children: [label && /* @__PURE__ */(0, import_jsx_runtime7.jsx)(
|
|
370
|
+
children: [label && /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui7.Label, {
|
|
371
371
|
sx: {
|
|
372
372
|
marginBottom: "md"
|
|
373
373
|
},
|
|
374
374
|
children: label
|
|
375
|
-
}), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(
|
|
375
|
+
}), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui7.Box, {
|
|
376
376
|
children: options.map(option => {
|
|
377
377
|
const id = `form-field-radio-${name}-${option.value}`;
|
|
378
|
-
return /* @__PURE__ */(0, import_jsx_runtime7.jsxs)(
|
|
378
|
+
return /* @__PURE__ */(0, import_jsx_runtime7.jsxs)(import_ui7.Label, {
|
|
379
379
|
htmlFor: id,
|
|
380
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime7.jsx)(
|
|
380
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui7.Radio, {
|
|
381
381
|
ref,
|
|
382
382
|
onChange,
|
|
383
383
|
onBlur,
|
|
@@ -396,7 +396,7 @@ var FormFieldRadio = ({
|
|
|
396
396
|
};
|
|
397
397
|
|
|
398
398
|
// src/FormFieldSelect.tsx
|
|
399
|
-
var
|
|
399
|
+
var import_ui8 = require("@ttoss/ui");
|
|
400
400
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
401
401
|
var checkDefaultValue = ({
|
|
402
402
|
options,
|
|
@@ -452,7 +452,7 @@ var FormFieldSelect = ({
|
|
|
452
452
|
field,
|
|
453
453
|
fieldState
|
|
454
454
|
}) => {
|
|
455
|
-
return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(
|
|
455
|
+
return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_ui8.Select, {
|
|
456
456
|
...selectProps,
|
|
457
457
|
...field,
|
|
458
458
|
...{
|
|
@@ -472,7 +472,7 @@ var FormFieldSelect = ({
|
|
|
472
472
|
};
|
|
473
473
|
|
|
474
474
|
// src/FormFieldTextarea.tsx
|
|
475
|
-
var
|
|
475
|
+
var import_ui9 = require("@ttoss/ui");
|
|
476
476
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
477
477
|
var FormFieldTextarea = ({
|
|
478
478
|
label,
|
|
@@ -489,7 +489,7 @@ var FormFieldTextarea = ({
|
|
|
489
489
|
render: ({
|
|
490
490
|
field
|
|
491
491
|
}) => {
|
|
492
|
-
return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(
|
|
492
|
+
return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(import_ui9.Textarea, {
|
|
493
493
|
...field,
|
|
494
494
|
...textareaProps
|
|
495
495
|
});
|
|
@@ -499,7 +499,7 @@ var FormFieldTextarea = ({
|
|
|
499
499
|
|
|
500
500
|
// src/FormGroup.tsx
|
|
501
501
|
var React3 = __toESM(require("react"));
|
|
502
|
-
var
|
|
502
|
+
var import_ui10 = require("@ttoss/ui");
|
|
503
503
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
504
504
|
var FormGroupLevelsManagerContext = React3.createContext({
|
|
505
505
|
levelsLength: 1,
|
|
@@ -559,7 +559,7 @@ var FormGroupWrapper = ({
|
|
|
559
559
|
gap: "md",
|
|
560
560
|
width: "100%"
|
|
561
561
|
};
|
|
562
|
-
return /* @__PURE__ */(0, import_jsx_runtime10.jsxs)(
|
|
562
|
+
return /* @__PURE__ */(0, import_jsx_runtime10.jsxs)(import_ui10.Box, {
|
|
563
563
|
"aria-level": level,
|
|
564
564
|
...boxProps,
|
|
565
565
|
sx: {
|
|
@@ -567,18 +567,18 @@ var FormGroupWrapper = ({
|
|
|
567
567
|
marginBottom: "lg",
|
|
568
568
|
...boxProps.sx
|
|
569
569
|
},
|
|
570
|
-
children: [title && /* @__PURE__ */(0, import_jsx_runtime10.jsx)(
|
|
570
|
+
children: [title && /* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui10.Box, {
|
|
571
571
|
sx: {
|
|
572
572
|
marginBottom: "md"
|
|
573
573
|
},
|
|
574
|
-
children: /* @__PURE__ */(0, import_jsx_runtime10.jsx)(
|
|
574
|
+
children: /* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui10.Text, {
|
|
575
575
|
sx: {
|
|
576
576
|
fontSize: "2xl",
|
|
577
577
|
fontWeight: "bold"
|
|
578
578
|
},
|
|
579
579
|
children: title
|
|
580
580
|
})
|
|
581
|
-
}), /* @__PURE__ */(0, import_jsx_runtime10.jsx)(
|
|
581
|
+
}), /* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui10.Flex, {
|
|
582
582
|
sx: childrenContainerSx,
|
|
583
583
|
children
|
|
584
584
|
})]
|
package/package.json
CHANGED
package/src/FormFieldInput.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FieldPath, FieldPathValue, FieldValues } from 'react-hook-form';
|
|
2
2
|
import { FormField, type FormFieldProps } from './FormField';
|
|
3
|
-
import { Input, type InputProps } from '@ttoss/ui
|
|
3
|
+
import { Input, type InputProps } from '@ttoss/ui';
|
|
4
4
|
|
|
5
5
|
export type FormFieldInputProps<TName> = {
|
|
6
6
|
label?: string;
|