@react-spectrum/form 3.2.6 → 3.2.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/main.js +69 -69
- package/dist/module.js +69 -69
- package/package.json +6 -6
package/dist/main.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
2
|
+
var $eLNG1$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
|
+
var $eLNG1$reactariautils = require("@react-aria/utils");
|
|
4
|
+
var $eLNG1$reactspectrumprovider = require("@react-spectrum/provider");
|
|
5
|
+
var $eLNG1$react = require("react");
|
|
6
6
|
|
|
7
7
|
function $parcel$exportWildcard(dest, source) {
|
|
8
8
|
Object.keys(source).forEach(function(key) {
|
|
@@ -26,73 +26,73 @@ function $parcel$interopDefault(a) {
|
|
|
26
26
|
function $parcel$export(e, n, v, s) {
|
|
27
27
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
28
28
|
}
|
|
29
|
-
var $
|
|
29
|
+
var $d981bcab8e24f2f3$exports = {};
|
|
30
30
|
|
|
31
|
-
$parcel$export($
|
|
32
|
-
$parcel$export($
|
|
31
|
+
$parcel$export($d981bcab8e24f2f3$exports, "useFormProps", () => $d981bcab8e24f2f3$export$a6b5be5c6b451665);
|
|
32
|
+
$parcel$export($d981bcab8e24f2f3$exports, "Form", () => $d981bcab8e24f2f3$export$a7fed597f4b8afd8);
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
var $
|
|
37
|
+
var $eb2fc0ee655eff6b$exports = {};
|
|
38
38
|
|
|
39
|
-
$parcel$export($
|
|
40
|
-
$parcel$export($
|
|
41
|
-
$parcel$export($
|
|
42
|
-
$parcel$export($
|
|
43
|
-
$parcel$export($
|
|
44
|
-
$parcel$export($
|
|
45
|
-
$parcel$export($
|
|
46
|
-
$parcel$export($
|
|
47
|
-
$parcel$export($
|
|
48
|
-
$parcel$export($
|
|
49
|
-
$parcel$export($
|
|
50
|
-
$parcel$export($
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
var $
|
|
55
|
-
var $
|
|
56
|
-
var $
|
|
57
|
-
var $
|
|
58
|
-
var $
|
|
59
|
-
var $
|
|
60
|
-
var $
|
|
61
|
-
var $
|
|
62
|
-
var $
|
|
63
|
-
var $
|
|
64
|
-
var $
|
|
65
|
-
var $
|
|
66
|
-
var $
|
|
67
|
-
var $
|
|
68
|
-
var $
|
|
69
|
-
$
|
|
70
|
-
$
|
|
71
|
-
$
|
|
72
|
-
$
|
|
73
|
-
$
|
|
74
|
-
$
|
|
75
|
-
$
|
|
76
|
-
$
|
|
77
|
-
$
|
|
78
|
-
$
|
|
79
|
-
$
|
|
80
|
-
$
|
|
81
|
-
$
|
|
82
|
-
$
|
|
83
|
-
$
|
|
39
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel", () => $eb2fc0ee655eff6b$export$493d18e796ae054, (v) => $eb2fc0ee655eff6b$export$493d18e796ae054 = v);
|
|
40
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel--positionSide", () => $eb2fc0ee655eff6b$export$9e6f19dc21f22f2e, (v) => $eb2fc0ee655eff6b$export$9e6f19dc21f22f2e = v);
|
|
41
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel-requiredIcon", () => $eb2fc0ee655eff6b$export$7c47642c7d46f3c9, (v) => $eb2fc0ee655eff6b$export$7c47642c7d46f3c9 = v);
|
|
42
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-FieldLabel--alignEnd", () => $eb2fc0ee655eff6b$export$885efcc08143a987, (v) => $eb2fc0ee655eff6b$export$885efcc08143a987 = v);
|
|
43
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field", () => $eb2fc0ee655eff6b$export$f6d480ae1e56eba0, (v) => $eb2fc0ee655eff6b$export$f6d480ae1e56eba0 = v);
|
|
44
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field--positionTop", () => $eb2fc0ee655eff6b$export$a4ea780a9064d7f9, (v) => $eb2fc0ee655eff6b$export$a4ea780a9064d7f9 = v);
|
|
45
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field-field", () => $eb2fc0ee655eff6b$export$3ab8a3dc7f0563d, (v) => $eb2fc0ee655eff6b$export$3ab8a3dc7f0563d = v);
|
|
46
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field-field--multiline", () => $eb2fc0ee655eff6b$export$f58a1e966a92ba5e, (v) => $eb2fc0ee655eff6b$export$f58a1e966a92ba5e = v);
|
|
47
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field--positionSide", () => $eb2fc0ee655eff6b$export$2963225c91179589, (v) => $eb2fc0ee655eff6b$export$2963225c91179589 = v);
|
|
48
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Field-wrapper", () => $eb2fc0ee655eff6b$export$127df0b7290eb8ef, (v) => $eb2fc0ee655eff6b$export$127df0b7290eb8ef = v);
|
|
49
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form", () => $eb2fc0ee655eff6b$export$94d2bcc94afabd89, (v) => $eb2fc0ee655eff6b$export$94d2bcc94afabd89 = v);
|
|
50
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form--positionSide", () => $eb2fc0ee655eff6b$export$7f44db659563c8f4, (v) => $eb2fc0ee655eff6b$export$7f44db659563c8f4 = v);
|
|
51
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form--positionTop", () => $eb2fc0ee655eff6b$export$11b8bc81fe551057, (v) => $eb2fc0ee655eff6b$export$11b8bc81fe551057 = v);
|
|
52
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "spectrum-Form-itemLabel", () => $eb2fc0ee655eff6b$export$51ec27881a1e3928, (v) => $eb2fc0ee655eff6b$export$51ec27881a1e3928 = v);
|
|
53
|
+
$parcel$export($eb2fc0ee655eff6b$exports, "is-disabled", () => $eb2fc0ee655eff6b$export$d35bc1e505d1ebbf, (v) => $eb2fc0ee655eff6b$export$d35bc1e505d1ebbf = v);
|
|
54
|
+
var $eb2fc0ee655eff6b$export$493d18e796ae054;
|
|
55
|
+
var $eb2fc0ee655eff6b$export$9e6f19dc21f22f2e;
|
|
56
|
+
var $eb2fc0ee655eff6b$export$7c47642c7d46f3c9;
|
|
57
|
+
var $eb2fc0ee655eff6b$export$885efcc08143a987;
|
|
58
|
+
var $eb2fc0ee655eff6b$export$f6d480ae1e56eba0;
|
|
59
|
+
var $eb2fc0ee655eff6b$export$a4ea780a9064d7f9;
|
|
60
|
+
var $eb2fc0ee655eff6b$export$3ab8a3dc7f0563d;
|
|
61
|
+
var $eb2fc0ee655eff6b$export$f58a1e966a92ba5e;
|
|
62
|
+
var $eb2fc0ee655eff6b$export$2963225c91179589;
|
|
63
|
+
var $eb2fc0ee655eff6b$export$127df0b7290eb8ef;
|
|
64
|
+
var $eb2fc0ee655eff6b$export$94d2bcc94afabd89;
|
|
65
|
+
var $eb2fc0ee655eff6b$export$7f44db659563c8f4;
|
|
66
|
+
var $eb2fc0ee655eff6b$export$11b8bc81fe551057;
|
|
67
|
+
var $eb2fc0ee655eff6b$export$51ec27881a1e3928;
|
|
68
|
+
var $eb2fc0ee655eff6b$export$d35bc1e505d1ebbf;
|
|
69
|
+
$eb2fc0ee655eff6b$export$493d18e796ae054 = "spectrum-FieldLabel_d2db1f";
|
|
70
|
+
$eb2fc0ee655eff6b$export$9e6f19dc21f22f2e = "spectrum-FieldLabel--positionSide_d2db1f";
|
|
71
|
+
$eb2fc0ee655eff6b$export$7c47642c7d46f3c9 = "spectrum-FieldLabel-requiredIcon_d2db1f";
|
|
72
|
+
$eb2fc0ee655eff6b$export$885efcc08143a987 = "spectrum-FieldLabel--alignEnd_d2db1f";
|
|
73
|
+
$eb2fc0ee655eff6b$export$f6d480ae1e56eba0 = "spectrum-Field_d2db1f";
|
|
74
|
+
$eb2fc0ee655eff6b$export$a4ea780a9064d7f9 = "spectrum-Field--positionTop_d2db1f";
|
|
75
|
+
$eb2fc0ee655eff6b$export$3ab8a3dc7f0563d = "spectrum-Field-field_d2db1f";
|
|
76
|
+
$eb2fc0ee655eff6b$export$f58a1e966a92ba5e = "spectrum-Field-field--multiline_d2db1f";
|
|
77
|
+
$eb2fc0ee655eff6b$export$2963225c91179589 = "spectrum-Field--positionSide_d2db1f";
|
|
78
|
+
$eb2fc0ee655eff6b$export$127df0b7290eb8ef = "spectrum-Field-wrapper_d2db1f";
|
|
79
|
+
$eb2fc0ee655eff6b$export$94d2bcc94afabd89 = "spectrum-Form_d2db1f";
|
|
80
|
+
$eb2fc0ee655eff6b$export$7f44db659563c8f4 = "spectrum-Form--positionSide_d2db1f";
|
|
81
|
+
$eb2fc0ee655eff6b$export$11b8bc81fe551057 = "spectrum-Form--positionTop_d2db1f";
|
|
82
|
+
$eb2fc0ee655eff6b$export$51ec27881a1e3928 = "spectrum-Form-itemLabel_d2db1f";
|
|
83
|
+
$eb2fc0ee655eff6b$export$d35bc1e505d1ebbf = "is-disabled_d2db1f";
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
let $
|
|
86
|
+
let $d981bcab8e24f2f3$var$FormContext = /*#__PURE__*/ ($parcel$interopDefault($eLNG1$react)).createContext({
|
|
87
87
|
});
|
|
88
|
-
function $
|
|
89
|
-
let ctx = $
|
|
88
|
+
function $d981bcab8e24f2f3$export$a6b5be5c6b451665(props) {
|
|
89
|
+
let ctx = $eLNG1$react.useContext($d981bcab8e24f2f3$var$FormContext);
|
|
90
90
|
return {
|
|
91
91
|
...ctx,
|
|
92
92
|
...props
|
|
93
93
|
};
|
|
94
94
|
}
|
|
95
|
-
const $
|
|
95
|
+
const $d981bcab8e24f2f3$var$formPropNames = new Set([
|
|
96
96
|
'action',
|
|
97
97
|
'autoComplete',
|
|
98
98
|
'encType',
|
|
@@ -100,31 +100,31 @@ const $8f20d6b8c0818d0b$var$formPropNames = new Set([
|
|
|
100
100
|
'target',
|
|
101
101
|
'onSubmit'
|
|
102
102
|
]);
|
|
103
|
-
function $
|
|
104
|
-
props = $
|
|
103
|
+
function $d981bcab8e24f2f3$var$Form(props, ref) {
|
|
104
|
+
props = $eLNG1$reactspectrumprovider.useProviderProps(props);
|
|
105
105
|
let { children: children , labelPosition: labelPosition = 'top' , labelAlign: labelAlign = 'start' , isRequired: isRequired , necessityIndicator: necessityIndicator , isQuiet: isQuiet , isEmphasized: isEmphasized , isDisabled: isDisabled , isReadOnly: isReadOnly , validationState: validationState , ...otherProps } = props;
|
|
106
|
-
let { styleProps: styleProps } = $
|
|
107
|
-
let domRef = $
|
|
106
|
+
let { styleProps: styleProps } = $eLNG1$reactspectrumutils.useStyleProps(otherProps);
|
|
107
|
+
let domRef = $eLNG1$reactspectrumutils.useDOMRef(ref);
|
|
108
108
|
let ctx = {
|
|
109
109
|
labelPosition: labelPosition,
|
|
110
110
|
labelAlign: labelAlign,
|
|
111
111
|
necessityIndicator: necessityIndicator
|
|
112
112
|
};
|
|
113
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
114
|
-
...$
|
|
113
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($eLNG1$react)).createElement("form", {
|
|
114
|
+
...$eLNG1$reactariautils.filterDOMProps(otherProps, {
|
|
115
115
|
labelable: true,
|
|
116
|
-
propNames: $
|
|
116
|
+
propNames: $d981bcab8e24f2f3$var$formPropNames
|
|
117
117
|
}),
|
|
118
118
|
...styleProps,
|
|
119
119
|
noValidate: true,
|
|
120
120
|
ref: domRef,
|
|
121
|
-
className: $
|
|
121
|
+
className: $eLNG1$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($eb2fc0ee655eff6b$exports)), 'spectrum-Form', {
|
|
122
122
|
'spectrum-Form--positionSide': labelPosition === 'side',
|
|
123
123
|
'spectrum-Form--positionTop': labelPosition === 'top'
|
|
124
124
|
}, styleProps.className)
|
|
125
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
125
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($eLNG1$react)).createElement($d981bcab8e24f2f3$var$FormContext.Provider, {
|
|
126
126
|
value: ctx
|
|
127
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
127
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($eLNG1$react)).createElement($eLNG1$reactspectrumprovider.Provider, {
|
|
128
128
|
isQuiet: isQuiet,
|
|
129
129
|
isEmphasized: isEmphasized,
|
|
130
130
|
isDisabled: isDisabled,
|
|
@@ -135,10 +135,10 @@ function $8f20d6b8c0818d0b$var$Form(props, ref) {
|
|
|
135
135
|
}
|
|
136
136
|
/**
|
|
137
137
|
* Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
|
|
138
|
-
*/ const $
|
|
138
|
+
*/ const $d981bcab8e24f2f3$export$a7fed597f4b8afd8 = /*#__PURE__*/ ($parcel$interopDefault($eLNG1$react)).forwardRef($d981bcab8e24f2f3$var$Form);
|
|
139
139
|
|
|
140
140
|
|
|
141
|
-
$parcel$exportWildcard(module.exports, $
|
|
141
|
+
$parcel$exportWildcard(module.exports, $d981bcab8e24f2f3$exports);
|
|
142
142
|
|
|
143
143
|
|
|
144
144
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {useStyleProps as $
|
|
3
|
-
import {filterDOMProps as $
|
|
4
|
-
import {useProviderProps as $
|
|
5
|
-
import $
|
|
2
|
+
import {useStyleProps as $011V3$useStyleProps, useDOMRef as $011V3$useDOMRef, classNames as $011V3$classNames} from "@react-spectrum/utils";
|
|
3
|
+
import {filterDOMProps as $011V3$filterDOMProps} from "@react-aria/utils";
|
|
4
|
+
import {useProviderProps as $011V3$useProviderProps, Provider as $011V3$Provider} from "@react-spectrum/provider";
|
|
5
|
+
import $011V3$react, {useContext as $011V3$useContext} from "react";
|
|
6
6
|
|
|
7
7
|
function $parcel$interopDefault(a) {
|
|
8
8
|
return a && a.__esModule ? a.default : a;
|
|
@@ -10,73 +10,73 @@ function $parcel$interopDefault(a) {
|
|
|
10
10
|
function $parcel$export(e, n, v, s) {
|
|
11
11
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
12
12
|
}
|
|
13
|
-
var $
|
|
13
|
+
var $ac118ceca79b8650$exports = {};
|
|
14
14
|
|
|
15
|
-
$parcel$export($
|
|
16
|
-
$parcel$export($
|
|
15
|
+
$parcel$export($ac118ceca79b8650$exports, "useFormProps", () => $ac118ceca79b8650$export$a6b5be5c6b451665);
|
|
16
|
+
$parcel$export($ac118ceca79b8650$exports, "Form", () => $ac118ceca79b8650$export$a7fed597f4b8afd8);
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var $
|
|
21
|
+
var $cd231e464c886c86$exports = {};
|
|
22
22
|
|
|
23
|
-
$parcel$export($
|
|
24
|
-
$parcel$export($
|
|
25
|
-
$parcel$export($
|
|
26
|
-
$parcel$export($
|
|
27
|
-
$parcel$export($
|
|
28
|
-
$parcel$export($
|
|
29
|
-
$parcel$export($
|
|
30
|
-
$parcel$export($
|
|
31
|
-
$parcel$export($
|
|
32
|
-
$parcel$export($
|
|
33
|
-
$parcel$export($
|
|
34
|
-
$parcel$export($
|
|
35
|
-
$parcel$export($
|
|
36
|
-
$parcel$export($
|
|
37
|
-
$parcel$export($
|
|
38
|
-
var $
|
|
39
|
-
var $
|
|
40
|
-
var $
|
|
41
|
-
var $
|
|
42
|
-
var $
|
|
43
|
-
var $
|
|
44
|
-
var $
|
|
45
|
-
var $
|
|
46
|
-
var $
|
|
47
|
-
var $
|
|
48
|
-
var $
|
|
49
|
-
var $
|
|
50
|
-
var $
|
|
51
|
-
var $
|
|
52
|
-
var $
|
|
53
|
-
$
|
|
54
|
-
$
|
|
55
|
-
$
|
|
56
|
-
$
|
|
57
|
-
$
|
|
58
|
-
$
|
|
59
|
-
$
|
|
60
|
-
$
|
|
61
|
-
$
|
|
62
|
-
$
|
|
63
|
-
$
|
|
64
|
-
$
|
|
65
|
-
$
|
|
66
|
-
$
|
|
67
|
-
$
|
|
23
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel", () => $cd231e464c886c86$export$493d18e796ae054, (v) => $cd231e464c886c86$export$493d18e796ae054 = v);
|
|
24
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel--positionSide", () => $cd231e464c886c86$export$9e6f19dc21f22f2e, (v) => $cd231e464c886c86$export$9e6f19dc21f22f2e = v);
|
|
25
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel-requiredIcon", () => $cd231e464c886c86$export$7c47642c7d46f3c9, (v) => $cd231e464c886c86$export$7c47642c7d46f3c9 = v);
|
|
26
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel--alignEnd", () => $cd231e464c886c86$export$885efcc08143a987, (v) => $cd231e464c886c86$export$885efcc08143a987 = v);
|
|
27
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field", () => $cd231e464c886c86$export$f6d480ae1e56eba0, (v) => $cd231e464c886c86$export$f6d480ae1e56eba0 = v);
|
|
28
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field--positionTop", () => $cd231e464c886c86$export$a4ea780a9064d7f9, (v) => $cd231e464c886c86$export$a4ea780a9064d7f9 = v);
|
|
29
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field-field", () => $cd231e464c886c86$export$3ab8a3dc7f0563d, (v) => $cd231e464c886c86$export$3ab8a3dc7f0563d = v);
|
|
30
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field-field--multiline", () => $cd231e464c886c86$export$f58a1e966a92ba5e, (v) => $cd231e464c886c86$export$f58a1e966a92ba5e = v);
|
|
31
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field--positionSide", () => $cd231e464c886c86$export$2963225c91179589, (v) => $cd231e464c886c86$export$2963225c91179589 = v);
|
|
32
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Field-wrapper", () => $cd231e464c886c86$export$127df0b7290eb8ef, (v) => $cd231e464c886c86$export$127df0b7290eb8ef = v);
|
|
33
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form", () => $cd231e464c886c86$export$94d2bcc94afabd89, (v) => $cd231e464c886c86$export$94d2bcc94afabd89 = v);
|
|
34
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form--positionSide", () => $cd231e464c886c86$export$7f44db659563c8f4, (v) => $cd231e464c886c86$export$7f44db659563c8f4 = v);
|
|
35
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form--positionTop", () => $cd231e464c886c86$export$11b8bc81fe551057, (v) => $cd231e464c886c86$export$11b8bc81fe551057 = v);
|
|
36
|
+
$parcel$export($cd231e464c886c86$exports, "spectrum-Form-itemLabel", () => $cd231e464c886c86$export$51ec27881a1e3928, (v) => $cd231e464c886c86$export$51ec27881a1e3928 = v);
|
|
37
|
+
$parcel$export($cd231e464c886c86$exports, "is-disabled", () => $cd231e464c886c86$export$d35bc1e505d1ebbf, (v) => $cd231e464c886c86$export$d35bc1e505d1ebbf = v);
|
|
38
|
+
var $cd231e464c886c86$export$493d18e796ae054;
|
|
39
|
+
var $cd231e464c886c86$export$9e6f19dc21f22f2e;
|
|
40
|
+
var $cd231e464c886c86$export$7c47642c7d46f3c9;
|
|
41
|
+
var $cd231e464c886c86$export$885efcc08143a987;
|
|
42
|
+
var $cd231e464c886c86$export$f6d480ae1e56eba0;
|
|
43
|
+
var $cd231e464c886c86$export$a4ea780a9064d7f9;
|
|
44
|
+
var $cd231e464c886c86$export$3ab8a3dc7f0563d;
|
|
45
|
+
var $cd231e464c886c86$export$f58a1e966a92ba5e;
|
|
46
|
+
var $cd231e464c886c86$export$2963225c91179589;
|
|
47
|
+
var $cd231e464c886c86$export$127df0b7290eb8ef;
|
|
48
|
+
var $cd231e464c886c86$export$94d2bcc94afabd89;
|
|
49
|
+
var $cd231e464c886c86$export$7f44db659563c8f4;
|
|
50
|
+
var $cd231e464c886c86$export$11b8bc81fe551057;
|
|
51
|
+
var $cd231e464c886c86$export$51ec27881a1e3928;
|
|
52
|
+
var $cd231e464c886c86$export$d35bc1e505d1ebbf;
|
|
53
|
+
$cd231e464c886c86$export$493d18e796ae054 = "spectrum-FieldLabel_d2db1f";
|
|
54
|
+
$cd231e464c886c86$export$9e6f19dc21f22f2e = "spectrum-FieldLabel--positionSide_d2db1f";
|
|
55
|
+
$cd231e464c886c86$export$7c47642c7d46f3c9 = "spectrum-FieldLabel-requiredIcon_d2db1f";
|
|
56
|
+
$cd231e464c886c86$export$885efcc08143a987 = "spectrum-FieldLabel--alignEnd_d2db1f";
|
|
57
|
+
$cd231e464c886c86$export$f6d480ae1e56eba0 = "spectrum-Field_d2db1f";
|
|
58
|
+
$cd231e464c886c86$export$a4ea780a9064d7f9 = "spectrum-Field--positionTop_d2db1f";
|
|
59
|
+
$cd231e464c886c86$export$3ab8a3dc7f0563d = "spectrum-Field-field_d2db1f";
|
|
60
|
+
$cd231e464c886c86$export$f58a1e966a92ba5e = "spectrum-Field-field--multiline_d2db1f";
|
|
61
|
+
$cd231e464c886c86$export$2963225c91179589 = "spectrum-Field--positionSide_d2db1f";
|
|
62
|
+
$cd231e464c886c86$export$127df0b7290eb8ef = "spectrum-Field-wrapper_d2db1f";
|
|
63
|
+
$cd231e464c886c86$export$94d2bcc94afabd89 = "spectrum-Form_d2db1f";
|
|
64
|
+
$cd231e464c886c86$export$7f44db659563c8f4 = "spectrum-Form--positionSide_d2db1f";
|
|
65
|
+
$cd231e464c886c86$export$11b8bc81fe551057 = "spectrum-Form--positionTop_d2db1f";
|
|
66
|
+
$cd231e464c886c86$export$51ec27881a1e3928 = "spectrum-Form-itemLabel_d2db1f";
|
|
67
|
+
$cd231e464c886c86$export$d35bc1e505d1ebbf = "is-disabled_d2db1f";
|
|
68
68
|
|
|
69
69
|
|
|
70
|
-
let $
|
|
70
|
+
let $ac118ceca79b8650$var$FormContext = /*#__PURE__*/ $011V3$react.createContext({
|
|
71
71
|
});
|
|
72
|
-
function $
|
|
73
|
-
let ctx = $
|
|
72
|
+
function $ac118ceca79b8650$export$a6b5be5c6b451665(props) {
|
|
73
|
+
let ctx = $011V3$useContext($ac118ceca79b8650$var$FormContext);
|
|
74
74
|
return {
|
|
75
75
|
...ctx,
|
|
76
76
|
...props
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
|
-
const $
|
|
79
|
+
const $ac118ceca79b8650$var$formPropNames = new Set([
|
|
80
80
|
'action',
|
|
81
81
|
'autoComplete',
|
|
82
82
|
'encType',
|
|
@@ -84,31 +84,31 @@ const $a5eb5d835477bd21$var$formPropNames = new Set([
|
|
|
84
84
|
'target',
|
|
85
85
|
'onSubmit'
|
|
86
86
|
]);
|
|
87
|
-
function $
|
|
88
|
-
props = $
|
|
87
|
+
function $ac118ceca79b8650$var$Form(props, ref) {
|
|
88
|
+
props = $011V3$useProviderProps(props);
|
|
89
89
|
let { children: children , labelPosition: labelPosition = 'top' , labelAlign: labelAlign = 'start' , isRequired: isRequired , necessityIndicator: necessityIndicator , isQuiet: isQuiet , isEmphasized: isEmphasized , isDisabled: isDisabled , isReadOnly: isReadOnly , validationState: validationState , ...otherProps } = props;
|
|
90
|
-
let { styleProps: styleProps } = $
|
|
91
|
-
let domRef = $
|
|
90
|
+
let { styleProps: styleProps } = $011V3$useStyleProps(otherProps);
|
|
91
|
+
let domRef = $011V3$useDOMRef(ref);
|
|
92
92
|
let ctx = {
|
|
93
93
|
labelPosition: labelPosition,
|
|
94
94
|
labelAlign: labelAlign,
|
|
95
95
|
necessityIndicator: necessityIndicator
|
|
96
96
|
};
|
|
97
|
-
return(/*#__PURE__*/ $
|
|
98
|
-
...$
|
|
97
|
+
return(/*#__PURE__*/ $011V3$react.createElement("form", {
|
|
98
|
+
...$011V3$filterDOMProps(otherProps, {
|
|
99
99
|
labelable: true,
|
|
100
|
-
propNames: $
|
|
100
|
+
propNames: $ac118ceca79b8650$var$formPropNames
|
|
101
101
|
}),
|
|
102
102
|
...styleProps,
|
|
103
103
|
noValidate: true,
|
|
104
104
|
ref: domRef,
|
|
105
|
-
className: $
|
|
105
|
+
className: $011V3$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-Form', {
|
|
106
106
|
'spectrum-Form--positionSide': labelPosition === 'side',
|
|
107
107
|
'spectrum-Form--positionTop': labelPosition === 'top'
|
|
108
108
|
}, styleProps.className)
|
|
109
|
-
}, /*#__PURE__*/ $
|
|
109
|
+
}, /*#__PURE__*/ $011V3$react.createElement($ac118ceca79b8650$var$FormContext.Provider, {
|
|
110
110
|
value: ctx
|
|
111
|
-
}, /*#__PURE__*/ $
|
|
111
|
+
}, /*#__PURE__*/ $011V3$react.createElement($011V3$Provider, {
|
|
112
112
|
isQuiet: isQuiet,
|
|
113
113
|
isEmphasized: isEmphasized,
|
|
114
114
|
isDisabled: isDisabled,
|
|
@@ -119,10 +119,10 @@ function $a5eb5d835477bd21$var$Form(props, ref) {
|
|
|
119
119
|
}
|
|
120
120
|
/**
|
|
121
121
|
* Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
|
|
122
|
-
*/ const $
|
|
122
|
+
*/ const $ac118ceca79b8650$export$a7fed597f4b8afd8 = /*#__PURE__*/ $011V3$react.forwardRef($ac118ceca79b8650$var$Form);
|
|
123
123
|
|
|
124
124
|
|
|
125
125
|
|
|
126
126
|
|
|
127
|
-
export {$
|
|
127
|
+
export {$ac118ceca79b8650$export$a6b5be5c6b451665 as useFormProps, $ac118ceca79b8650$export$a7fed597f4b8afd8 as Form};
|
|
128
128
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/form",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.9",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/utils": "^3.
|
|
36
|
-
"@react-spectrum/utils": "^3.6.
|
|
37
|
-
"@react-types/form": "^3.2.
|
|
38
|
-
"@react-types/shared": "^3.
|
|
35
|
+
"@react-aria/utils": "^3.12.0",
|
|
36
|
+
"@react-spectrum/utils": "^3.6.8",
|
|
37
|
+
"@react-types/form": "^3.2.6",
|
|
38
|
+
"@react-types/shared": "^3.12.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"publishConfig": {
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "6a503b715e0dbbf92038cd7f08b1bcdde4c78e82"
|
|
51
51
|
}
|