@ttoss/forms 0.21.4 → 0.21.6
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 +13 -16
- package/dist/index.js +13 -16
- package/package.json +8 -8
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
2
|
|
|
3
|
-
// tsup.inject.js
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
|
|
6
3
|
// src/i18n.ts
|
|
7
4
|
import { defineMessage } from "@ttoss/react-i18n";
|
|
8
5
|
import { setLocale } from "yup";
|
|
@@ -91,7 +88,7 @@ var Form = ({
|
|
|
91
88
|
};
|
|
92
89
|
|
|
93
90
|
// src/FormField.tsx
|
|
94
|
-
import * as
|
|
91
|
+
import * as React from "react";
|
|
95
92
|
|
|
96
93
|
// src/ErrorMessage.tsx
|
|
97
94
|
import { useFormContext } from "react-hook-form";
|
|
@@ -153,8 +150,8 @@ var FormField = ({
|
|
|
153
150
|
defaultValue
|
|
154
151
|
});
|
|
155
152
|
const id = idProp || `form-field-${name}`;
|
|
156
|
-
const memoizedRender =
|
|
157
|
-
return
|
|
153
|
+
const memoizedRender = React.useMemo(() => {
|
|
154
|
+
return React.Children.map(render(controllerReturn), child => {
|
|
158
155
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
159
156
|
children: [label && /* @__PURE__ */jsx3(Label, {
|
|
160
157
|
"aria-disabled": disabled,
|
|
@@ -162,7 +159,7 @@ var FormField = ({
|
|
|
162
159
|
tooltip,
|
|
163
160
|
onTooltipClick,
|
|
164
161
|
children: label
|
|
165
|
-
}), /*#__PURE__*/
|
|
162
|
+
}), /*#__PURE__*/React.createElement(child.type, {
|
|
166
163
|
id,
|
|
167
164
|
...child.props
|
|
168
165
|
})]
|
|
@@ -529,10 +526,10 @@ var FormFieldTextarea = ({
|
|
|
529
526
|
};
|
|
530
527
|
|
|
531
528
|
// src/FormGroup.tsx
|
|
532
|
-
import * as
|
|
529
|
+
import * as React2 from "react";
|
|
533
530
|
import { Box as Box3, Flex as Flex4, Text } from "@ttoss/ui";
|
|
534
531
|
import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
535
|
-
var FormGroupLevelsManagerContext = /*#__PURE__*/
|
|
532
|
+
var FormGroupLevelsManagerContext = /*#__PURE__*/React2.createContext({
|
|
536
533
|
levelsLength: 1,
|
|
537
534
|
registerChild: () => {
|
|
538
535
|
return null;
|
|
@@ -541,8 +538,8 @@ var FormGroupLevelsManagerContext = /*#__PURE__*/React3.createContext({
|
|
|
541
538
|
var FormGroupLevelsManager = ({
|
|
542
539
|
children
|
|
543
540
|
}) => {
|
|
544
|
-
const [levelsLength, setLevelsLength] =
|
|
545
|
-
const registerChild =
|
|
541
|
+
const [levelsLength, setLevelsLength] = React2.useState(0);
|
|
542
|
+
const registerChild = React2.useCallback(level => {
|
|
546
543
|
if (level + 1 > levelsLength) {
|
|
547
544
|
setLevelsLength(level + 1);
|
|
548
545
|
}
|
|
@@ -555,14 +552,14 @@ var FormGroupLevelsManager = ({
|
|
|
555
552
|
children
|
|
556
553
|
});
|
|
557
554
|
};
|
|
558
|
-
var FormGroupContext = /*#__PURE__*/
|
|
555
|
+
var FormGroupContext = /*#__PURE__*/React2.createContext({});
|
|
559
556
|
var useFormGroup = () => {
|
|
560
557
|
const {
|
|
561
558
|
parentLevel
|
|
562
|
-
} =
|
|
559
|
+
} = React2.useContext(FormGroupContext);
|
|
563
560
|
const {
|
|
564
561
|
levelsLength
|
|
565
|
-
} =
|
|
562
|
+
} = React2.useContext(FormGroupLevelsManagerContext);
|
|
566
563
|
return {
|
|
567
564
|
level: parentLevel,
|
|
568
565
|
levelsLength
|
|
@@ -579,8 +576,8 @@ var FormGroupWrapper = ({
|
|
|
579
576
|
} = useFormGroup();
|
|
580
577
|
const {
|
|
581
578
|
registerChild
|
|
582
|
-
} =
|
|
583
|
-
|
|
579
|
+
} = React2.useContext(FormGroupLevelsManagerContext);
|
|
580
|
+
React2.useEffect(() => {
|
|
584
581
|
if (typeof level === "number") {
|
|
585
582
|
registerChild(level);
|
|
586
583
|
}
|
package/dist/index.js
CHANGED
|
@@ -58,9 +58,6 @@ __export(src_exports, {
|
|
|
58
58
|
});
|
|
59
59
|
module.exports = __toCommonJS(src_exports);
|
|
60
60
|
|
|
61
|
-
// tsup.inject.js
|
|
62
|
-
var React = __toESM(require("react"));
|
|
63
|
-
|
|
64
61
|
// src/i18n.ts
|
|
65
62
|
var import_react_i18n = require("@ttoss/react-i18n");
|
|
66
63
|
var import_yup = require("yup");
|
|
@@ -131,7 +128,7 @@ var Form = ({
|
|
|
131
128
|
};
|
|
132
129
|
|
|
133
130
|
// src/FormField.tsx
|
|
134
|
-
var
|
|
131
|
+
var React = __toESM(require("react"));
|
|
135
132
|
|
|
136
133
|
// src/ErrorMessage.tsx
|
|
137
134
|
var import_react_hook_form2 = require("react-hook-form");
|
|
@@ -193,8 +190,8 @@ var FormField = ({
|
|
|
193
190
|
defaultValue
|
|
194
191
|
});
|
|
195
192
|
const id = idProp || `form-field-${name}`;
|
|
196
|
-
const memoizedRender =
|
|
197
|
-
return
|
|
193
|
+
const memoizedRender = React.useMemo(() => {
|
|
194
|
+
return React.Children.map(render(controllerReturn), child => {
|
|
198
195
|
return /* @__PURE__ */(0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, {
|
|
199
196
|
children: [label && /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.Label, {
|
|
200
197
|
"aria-disabled": disabled,
|
|
@@ -202,7 +199,7 @@ var FormField = ({
|
|
|
202
199
|
tooltip,
|
|
203
200
|
onTooltipClick,
|
|
204
201
|
children: label
|
|
205
|
-
}),
|
|
202
|
+
}), React.createElement(child.type, {
|
|
206
203
|
id,
|
|
207
204
|
...child.props
|
|
208
205
|
})]
|
|
@@ -569,10 +566,10 @@ var FormFieldTextarea = ({
|
|
|
569
566
|
};
|
|
570
567
|
|
|
571
568
|
// src/FormGroup.tsx
|
|
572
|
-
var
|
|
569
|
+
var React2 = __toESM(require("react"));
|
|
573
570
|
var import_ui12 = require("@ttoss/ui");
|
|
574
571
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
575
|
-
var FormGroupLevelsManagerContext =
|
|
572
|
+
var FormGroupLevelsManagerContext = React2.createContext({
|
|
576
573
|
levelsLength: 1,
|
|
577
574
|
registerChild: () => {
|
|
578
575
|
return null;
|
|
@@ -581,8 +578,8 @@ var FormGroupLevelsManagerContext = React3.createContext({
|
|
|
581
578
|
var FormGroupLevelsManager = ({
|
|
582
579
|
children
|
|
583
580
|
}) => {
|
|
584
|
-
const [levelsLength, setLevelsLength] =
|
|
585
|
-
const registerChild =
|
|
581
|
+
const [levelsLength, setLevelsLength] = React2.useState(0);
|
|
582
|
+
const registerChild = React2.useCallback(level => {
|
|
586
583
|
if (level + 1 > levelsLength) {
|
|
587
584
|
setLevelsLength(level + 1);
|
|
588
585
|
}
|
|
@@ -595,14 +592,14 @@ var FormGroupLevelsManager = ({
|
|
|
595
592
|
children
|
|
596
593
|
});
|
|
597
594
|
};
|
|
598
|
-
var FormGroupContext =
|
|
595
|
+
var FormGroupContext = React2.createContext({});
|
|
599
596
|
var useFormGroup = () => {
|
|
600
597
|
const {
|
|
601
598
|
parentLevel
|
|
602
|
-
} =
|
|
599
|
+
} = React2.useContext(FormGroupContext);
|
|
603
600
|
const {
|
|
604
601
|
levelsLength
|
|
605
|
-
} =
|
|
602
|
+
} = React2.useContext(FormGroupLevelsManagerContext);
|
|
606
603
|
return {
|
|
607
604
|
level: parentLevel,
|
|
608
605
|
levelsLength
|
|
@@ -619,8 +616,8 @@ var FormGroupWrapper = ({
|
|
|
619
616
|
} = useFormGroup();
|
|
620
617
|
const {
|
|
621
618
|
registerChild
|
|
622
|
-
} =
|
|
623
|
-
|
|
619
|
+
} = React2.useContext(FormGroupLevelsManagerContext);
|
|
620
|
+
React2.useEffect(() => {
|
|
624
621
|
if (typeof level === "number") {
|
|
625
622
|
registerChild(level);
|
|
626
623
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/forms",
|
|
3
|
-
"version": "0.21.
|
|
3
|
+
"version": "0.21.6",
|
|
4
4
|
"author": "ttoss",
|
|
5
5
|
"contributors": [
|
|
6
6
|
"Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"react": ">=16.8.0",
|
|
30
|
-
"@ttoss/react-i18n": "^1.25.
|
|
31
|
-
"@ttoss/ui": "^4.0.
|
|
30
|
+
"@ttoss/react-i18n": "^1.25.5",
|
|
31
|
+
"@ttoss/ui": "^4.0.5"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/jest": "^29.5.10",
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
"theme-ui": "^0.16.1",
|
|
41
41
|
"tsup": "^8.0.1",
|
|
42
42
|
"yup": "^1.3.2",
|
|
43
|
-
"@ttoss/config": "^1.31.
|
|
44
|
-
"@ttoss/i18n-cli": "^0.7.
|
|
45
|
-
"@ttoss/react-i18n": "^1.25.
|
|
46
|
-
"@ttoss/test-utils": "^2.0.
|
|
47
|
-
"@ttoss/ui": "^4.0.
|
|
43
|
+
"@ttoss/config": "^1.31.3",
|
|
44
|
+
"@ttoss/i18n-cli": "^0.7.4",
|
|
45
|
+
"@ttoss/react-i18n": "^1.25.5",
|
|
46
|
+
"@ttoss/test-utils": "^2.0.2",
|
|
47
|
+
"@ttoss/ui": "^4.0.5"
|
|
48
48
|
},
|
|
49
49
|
"publishConfig": {
|
|
50
50
|
"access": "public",
|