@react-fabric/form 1.0.0-beta.23 → 1.0.0-beta.24
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/cjs/input/ArrayInput.js +1 -1
- package/dist/cjs/input/Field.js +2 -2
- package/dist/cjs/input/RadioGroup.js +2 -2
- package/dist/esm/input/ArrayInput.js +2 -2
- package/dist/esm/input/Field.js +1 -1
- package/dist/esm/input/RadioGroup.js +1 -1
- package/package.json +4 -4
- package/src/input/ArrayInput.tsx +8 -2
- package/src/input/Field.tsx +1 -1
- package/src/input/RadioGroup.tsx +1 -1
|
@@ -164,7 +164,7 @@ var ArrayInput = function ArrayInput(_ref) {
|
|
|
164
164
|
children: [typeof children === "function" ? children({
|
|
165
165
|
index: index,
|
|
166
166
|
name: "".concat(name, ".").concat(index)
|
|
167
|
-
}) :
|
|
167
|
+
}) : core$1.cloneChildren(children, function (child) {
|
|
168
168
|
return /*#__PURE__*/react.cloneElement(child, Object.assign({
|
|
169
169
|
disabled: disabled,
|
|
170
170
|
readOnly: readOnly,
|
package/dist/cjs/input/Field.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
var
|
|
5
|
+
var core = require('@react-fabric/core');
|
|
6
6
|
var classNames = require('classnames');
|
|
7
7
|
var react = require('react');
|
|
8
8
|
var Field_module = require('../internal/Field.module.css');
|
|
@@ -21,7 +21,7 @@ var Field = function Field(_ref) {
|
|
|
21
21
|
return /*#__PURE__*/jsxRuntime.jsx(FieldWrapper.FieldWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
22
22
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
23
23
|
className: classNames(Field_module.fieldGroup, !plain && !noOutline && "outline", !plain && "bg-base", "flex-1 rounded", !vertical && "flex flex-nowrap"),
|
|
24
|
-
children:
|
|
24
|
+
children: core.cloneChildren(children, function (child) {
|
|
25
25
|
return /*#__PURE__*/react.cloneElement(child, {
|
|
26
26
|
"data-inner": true
|
|
27
27
|
});
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
var
|
|
5
|
+
var core = require('@react-fabric/core');
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var FieldWrapper = require('../internal/FieldWrapper.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -20,7 +20,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
20
20
|
return /*#__PURE__*/jsxRuntime.jsx(FieldWrapper.FieldWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
21
21
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
22
22
|
className: className,
|
|
23
|
-
children:
|
|
23
|
+
children: core.cloneChildren(children, function (child) {
|
|
24
24
|
return /*#__PURE__*/react.cloneElement(child, {
|
|
25
25
|
name: name,
|
|
26
26
|
onChange: onChange,
|
|
@@ -4,8 +4,8 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
4
4
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
5
|
import { DndContext } from '@dnd-kit/core';
|
|
6
6
|
import { SortableContext, useSortable } from '@dnd-kit/sortable';
|
|
7
|
-
import { Icon, CoreIcons, Tooltip, Button } from '@react-fabric/core';
|
|
8
|
-
import { isString
|
|
7
|
+
import { Icon, CoreIcons, Tooltip, Button, cloneChildren } from '@react-fabric/core';
|
|
8
|
+
import { isString } from '@react-fabric/utilities';
|
|
9
9
|
import classNames from 'classnames';
|
|
10
10
|
import { useMemo, useCallback, useImperativeHandle, cloneElement } from 'react';
|
|
11
11
|
import { useFormContext, useFieldArray } from 'react-hook-form';
|
package/dist/esm/input/Field.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
4
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import { cloneChildren } from '@react-fabric/
|
|
5
|
+
import { cloneChildren } from '@react-fabric/core';
|
|
6
6
|
import classNames from 'classnames';
|
|
7
7
|
import { cloneElement } from 'react';
|
|
8
8
|
import classes from '../internal/Field.module.css';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
4
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import { cloneChildren } from '@react-fabric/
|
|
5
|
+
import { cloneChildren } from '@react-fabric/core';
|
|
6
6
|
import { cloneElement } from 'react';
|
|
7
7
|
import { FieldWrapper } from '../internal/FieldWrapper.js';
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-fabric/form",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.24",
|
|
4
4
|
"description": "RUF: Form package",
|
|
5
5
|
"author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"@dnd-kit/utilities": "^3.2.2",
|
|
40
40
|
"@floating-ui/react": "^0.26.24",
|
|
41
41
|
"@hookform/resolvers": "^3.9.0",
|
|
42
|
-
"@react-fabric/core": "^1.0.0-beta.
|
|
43
|
-
"@react-fabric/utilities": "^1.0.0-beta.
|
|
42
|
+
"@react-fabric/core": "^1.0.0-beta.24",
|
|
43
|
+
"@react-fabric/utilities": "^1.0.0-beta.24",
|
|
44
44
|
"classnames": "^2.5.1",
|
|
45
45
|
"color": "^4.2.3",
|
|
46
46
|
"react-color": "^2.19.3",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"node": ">=18.12.0",
|
|
61
61
|
"npm": ">=8.19.0"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "ccdec75c17dcc549e7a0cad3fd1fda2001c5f990"
|
|
64
64
|
}
|
package/src/input/ArrayInput.tsx
CHANGED
|
@@ -23,8 +23,14 @@
|
|
|
23
23
|
|
|
24
24
|
import { DndContext, type DragEndEvent } from "@dnd-kit/core";
|
|
25
25
|
import { SortableContext, useSortable } from "@dnd-kit/sortable";
|
|
26
|
-
import {
|
|
27
|
-
|
|
26
|
+
import {
|
|
27
|
+
Button,
|
|
28
|
+
cloneChildren,
|
|
29
|
+
CoreIcons,
|
|
30
|
+
Icon,
|
|
31
|
+
Tooltip,
|
|
32
|
+
} from "@react-fabric/core";
|
|
33
|
+
import { isString } from "@react-fabric/utilities";
|
|
28
34
|
import classNames from "classnames";
|
|
29
35
|
import {
|
|
30
36
|
cloneElement,
|
package/src/input/Field.tsx
CHANGED
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
* TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
|
+
import { cloneChildren } from "@react-fabric/core";
|
|
24
25
|
import {
|
|
25
26
|
type ChildrenProp,
|
|
26
27
|
type CssProp,
|
|
27
28
|
} from "@react-fabric/core/dist/types/types";
|
|
28
|
-
import { cloneChildren } from "@react-fabric/utilities";
|
|
29
29
|
import classNames from "classnames";
|
|
30
30
|
import { cloneElement } from "react";
|
|
31
31
|
import classes from "../internal/Field.module.css";
|
package/src/input/RadioGroup.tsx
CHANGED
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
* TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
|
+
import { cloneChildren } from "@react-fabric/core";
|
|
24
25
|
import {
|
|
25
26
|
type ChildrenProp,
|
|
26
27
|
type CssProp,
|
|
27
28
|
} from "@react-fabric/core/dist/types/types";
|
|
28
|
-
import { cloneChildren } from "@react-fabric/utilities";
|
|
29
29
|
import { cloneElement } from "react";
|
|
30
30
|
import { FieldWrapper } from "../internal/FieldWrapper";
|
|
31
31
|
import { type Radio } from "./Radio";
|