@react-spectrum/form 3.7.5 → 3.7.7
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/Form.main.js +13 -13
- package/dist/Form.mjs +14 -14
- package/dist/Form.module.js +13 -13
- package/dist/fieldlabel_vars_css.mjs +1 -1
- package/package.json +8 -8
package/dist/Form.main.js
CHANGED
|
@@ -43,18 +43,18 @@ function $d981bcab8e24f2f3$export$a6b5be5c6b451665(props) {
|
|
|
43
43
|
return props;
|
|
44
44
|
}
|
|
45
45
|
const $d981bcab8e24f2f3$var$formPropNames = new Set([
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
'action',
|
|
47
|
+
'autoComplete',
|
|
48
|
+
'encType',
|
|
49
|
+
'method',
|
|
50
|
+
'target',
|
|
51
|
+
'onSubmit',
|
|
52
|
+
'onReset',
|
|
53
|
+
'onInvalid'
|
|
54
54
|
]);
|
|
55
55
|
function $d981bcab8e24f2f3$var$Form(props, ref) {
|
|
56
56
|
props = (0, $7HNeW$reactspectrumprovider.useProviderProps)(props);
|
|
57
|
-
let { children: children, labelPosition: labelPosition =
|
|
57
|
+
let { children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', isRequired: isRequired, necessityIndicator: necessityIndicator, isQuiet: isQuiet, isEmphasized: isEmphasized, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, validationBehavior: validationBehavior, validationErrors: validationErrors, ...otherProps } = props;
|
|
58
58
|
let { styleProps: styleProps } = (0, $7HNeW$reactspectrumutils.useStyleProps)(otherProps);
|
|
59
59
|
let domRef = (0, $7HNeW$reactspectrumutils.useDOMRef)(ref);
|
|
60
60
|
let ctx = {
|
|
@@ -69,11 +69,11 @@ function $d981bcab8e24f2f3$var$Form(props, ref) {
|
|
|
69
69
|
propNames: $d981bcab8e24f2f3$var$formPropNames
|
|
70
70
|
}),
|
|
71
71
|
...styleProps,
|
|
72
|
-
noValidate: validationBehavior !==
|
|
72
|
+
noValidate: validationBehavior !== 'native',
|
|
73
73
|
ref: domRef,
|
|
74
|
-
className: (0, $7HNeW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))),
|
|
75
|
-
|
|
76
|
-
|
|
74
|
+
className: (0, $7HNeW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Form', {
|
|
75
|
+
'spectrum-Form--positionSide': labelPosition === 'side',
|
|
76
|
+
'spectrum-Form--positionTop': labelPosition === 'top'
|
|
77
77
|
}, styleProps.className)
|
|
78
78
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($7HNeW$react))).createElement($d981bcab8e24f2f3$var$FormContext.Provider, {
|
|
79
79
|
value: ctx
|
package/dist/Form.mjs
CHANGED
|
@@ -36,18 +36,18 @@ function $ac118ceca79b8650$export$a6b5be5c6b451665(props) {
|
|
|
36
36
|
return props;
|
|
37
37
|
}
|
|
38
38
|
const $ac118ceca79b8650$var$formPropNames = new Set([
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
'action',
|
|
40
|
+
'autoComplete',
|
|
41
|
+
'encType',
|
|
42
|
+
'method',
|
|
43
|
+
'target',
|
|
44
|
+
'onSubmit',
|
|
45
|
+
'onReset',
|
|
46
|
+
'onInvalid'
|
|
47
47
|
]);
|
|
48
48
|
function $ac118ceca79b8650$var$Form(props, ref) {
|
|
49
49
|
props = (0, $ijGT7$useProviderProps)(props);
|
|
50
|
-
let { children: children, labelPosition: labelPosition =
|
|
50
|
+
let { children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', isRequired: isRequired, necessityIndicator: necessityIndicator, isQuiet: isQuiet, isEmphasized: isEmphasized, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, validationBehavior: validationBehavior, validationErrors: validationErrors, ...otherProps } = props;
|
|
51
51
|
let { styleProps: styleProps } = (0, $ijGT7$useStyleProps)(otherProps);
|
|
52
52
|
let domRef = (0, $ijGT7$useDOMRef)(ref);
|
|
53
53
|
let ctx = {
|
|
@@ -62,11 +62,11 @@ function $ac118ceca79b8650$var$Form(props, ref) {
|
|
|
62
62
|
propNames: $ac118ceca79b8650$var$formPropNames
|
|
63
63
|
}),
|
|
64
64
|
...styleProps,
|
|
65
|
-
noValidate: validationBehavior !==
|
|
65
|
+
noValidate: validationBehavior !== 'native',
|
|
66
66
|
ref: domRef,
|
|
67
|
-
className: (0, $ijGT7$classNames)((0, ($parcel$interopDefault($ijGT7$fieldlabel_vars_cssmodulejs))),
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
className: (0, $ijGT7$classNames)((0, ($parcel$interopDefault($ijGT7$fieldlabel_vars_cssmodulejs))), 'spectrum-Form', {
|
|
68
|
+
'spectrum-Form--positionSide': labelPosition === 'side',
|
|
69
|
+
'spectrum-Form--positionTop': labelPosition === 'top'
|
|
70
70
|
}, styleProps.className)
|
|
71
71
|
}, /*#__PURE__*/ (0, $ijGT7$react).createElement($ac118ceca79b8650$var$FormContext.Provider, {
|
|
72
72
|
value: ctx
|
|
@@ -87,4 +87,4 @@ function $ac118ceca79b8650$var$Form(props, ref) {
|
|
|
87
87
|
|
|
88
88
|
|
|
89
89
|
export {$ac118ceca79b8650$export$a6b5be5c6b451665 as useFormProps, $ac118ceca79b8650$export$a7fed597f4b8afd8 as Form};
|
|
90
|
-
//# sourceMappingURL=Form.
|
|
90
|
+
//# sourceMappingURL=Form.module.js.map
|
package/dist/Form.module.js
CHANGED
|
@@ -36,18 +36,18 @@ function $ac118ceca79b8650$export$a6b5be5c6b451665(props) {
|
|
|
36
36
|
return props;
|
|
37
37
|
}
|
|
38
38
|
const $ac118ceca79b8650$var$formPropNames = new Set([
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
'action',
|
|
40
|
+
'autoComplete',
|
|
41
|
+
'encType',
|
|
42
|
+
'method',
|
|
43
|
+
'target',
|
|
44
|
+
'onSubmit',
|
|
45
|
+
'onReset',
|
|
46
|
+
'onInvalid'
|
|
47
47
|
]);
|
|
48
48
|
function $ac118ceca79b8650$var$Form(props, ref) {
|
|
49
49
|
props = (0, $ijGT7$useProviderProps)(props);
|
|
50
|
-
let { children: children, labelPosition: labelPosition =
|
|
50
|
+
let { children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', isRequired: isRequired, necessityIndicator: necessityIndicator, isQuiet: isQuiet, isEmphasized: isEmphasized, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, validationBehavior: validationBehavior, validationErrors: validationErrors, ...otherProps } = props;
|
|
51
51
|
let { styleProps: styleProps } = (0, $ijGT7$useStyleProps)(otherProps);
|
|
52
52
|
let domRef = (0, $ijGT7$useDOMRef)(ref);
|
|
53
53
|
let ctx = {
|
|
@@ -62,11 +62,11 @@ function $ac118ceca79b8650$var$Form(props, ref) {
|
|
|
62
62
|
propNames: $ac118ceca79b8650$var$formPropNames
|
|
63
63
|
}),
|
|
64
64
|
...styleProps,
|
|
65
|
-
noValidate: validationBehavior !==
|
|
65
|
+
noValidate: validationBehavior !== 'native',
|
|
66
66
|
ref: domRef,
|
|
67
|
-
className: (0, $ijGT7$classNames)((0, ($parcel$interopDefault($ijGT7$fieldlabel_vars_cssmodulejs))),
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
className: (0, $ijGT7$classNames)((0, ($parcel$interopDefault($ijGT7$fieldlabel_vars_cssmodulejs))), 'spectrum-Form', {
|
|
68
|
+
'spectrum-Form--positionSide': labelPosition === 'side',
|
|
69
|
+
'spectrum-Form--positionTop': labelPosition === 'top'
|
|
70
70
|
}, styleProps.className)
|
|
71
71
|
}, /*#__PURE__*/ (0, $ijGT7$react).createElement($ac118ceca79b8650$var$FormContext.Provider, {
|
|
72
72
|
value: ctx
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/form",
|
|
3
|
-
"version": "3.7.
|
|
3
|
+
"version": "3.7.7",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/utils": "^3.
|
|
40
|
-
"@react-spectrum/utils": "^3.11.
|
|
41
|
-
"@react-stately/form": "^3.0.
|
|
42
|
-
"@react-types/form": "^3.7.
|
|
43
|
-
"@react-types/shared": "^3.
|
|
39
|
+
"@react-aria/utils": "^3.25.0",
|
|
40
|
+
"@react-spectrum/utils": "^3.11.8",
|
|
41
|
+
"@react-stately/form": "^3.0.4",
|
|
42
|
+
"@react-types/form": "^3.7.5",
|
|
43
|
+
"@react-types/shared": "^3.24.0",
|
|
44
44
|
"@swc/helpers": "^0.5.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
@@ -48,10 +48,10 @@
|
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@react-spectrum/provider": "^3.0.0",
|
|
51
|
-
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
|
|
51
|
+
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
|
|
52
52
|
},
|
|
53
53
|
"publishConfig": {
|
|
54
54
|
"access": "public"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "86d80e3216bc32e75108831cf3a5a720bc849206"
|
|
57
57
|
}
|