@react-spectrum/textfield 3.3.1 → 3.3.4

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.
Files changed (3) hide show
  1. package/dist/main.js +121 -121
  2. package/dist/module.js +119 -119
  3. package/package.json +13 -13
package/dist/main.js CHANGED
@@ -1,15 +1,15 @@
1
1
  require("./main.css");
2
- var $ho8OK$reactariautils = require("@react-aria/utils");
3
- var $ho8OK$react = require("react");
4
- var $ho8OK$reactstatelyutils = require("@react-stately/utils");
5
- var $ho8OK$reactspectrumprovider = require("@react-spectrum/provider");
6
- var $ho8OK$reactariatextfield = require("@react-aria/textfield");
7
- var $ho8OK$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
8
- var $ho8OK$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
9
- var $ho8OK$reactspectrumutils = require("@react-spectrum/utils");
10
- var $ho8OK$reactspectrumlabel = require("@react-spectrum/label");
11
- var $ho8OK$reactariafocus = require("@react-aria/focus");
12
- var $ho8OK$reactariainteractions = require("@react-aria/interactions");
2
+ var $74aPB$reactariautils = require("@react-aria/utils");
3
+ var $74aPB$react = require("react");
4
+ var $74aPB$reactstatelyutils = require("@react-stately/utils");
5
+ var $74aPB$reactspectrumprovider = require("@react-spectrum/provider");
6
+ var $74aPB$reactariatextfield = require("@react-aria/textfield");
7
+ var $74aPB$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
8
+ var $74aPB$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
9
+ var $74aPB$reactspectrumutils = require("@react-spectrum/utils");
10
+ var $74aPB$reactspectrumlabel = require("@react-spectrum/label");
11
+ var $74aPB$reactariafocus = require("@react-aria/focus");
12
+ var $74aPB$reactariainteractions = require("@react-aria/interactions");
13
13
 
14
14
  function $parcel$exportWildcard(dest, source) {
15
15
  Object.keys(source).forEach(function(key) {
@@ -33,85 +33,85 @@ function $parcel$interopDefault(a) {
33
33
  function $parcel$export(e, n, v, s) {
34
34
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
35
35
  }
36
- var $28a8e7f0f5565188$exports = {};
37
-
38
- $parcel$export($28a8e7f0f5565188$exports, "TextArea", () => $28a8e7f0f5565188$export$f5c9f3c2c4054eec);
39
-
40
-
41
- var $6e29805efde3b095$exports = {};
42
-
43
- $parcel$export($6e29805efde3b095$exports, "TextFieldBase", () => $6e29805efde3b095$export$d22444a338b6e3c2);
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
- var $a34fbef19cea8daf$exports = {};
52
-
53
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-input", () => $a34fbef19cea8daf$export$1ac009feb2b0bd0c, (v) => $a34fbef19cea8daf$export$1ac009feb2b0bd0c = v);
54
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield", () => $a34fbef19cea8daf$export$2c8a10299d8b3418, (v) => $a34fbef19cea8daf$export$2c8a10299d8b3418 = v);
55
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--quiet", () => $a34fbef19cea8daf$export$bffd5e3d61a81737, (v) => $a34fbef19cea8daf$export$bffd5e3d61a81737 = v);
56
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--multiline", () => $a34fbef19cea8daf$export$9699f1c538a448a0, (v) => $a34fbef19cea8daf$export$9699f1c538a448a0 = v);
57
- $parcel$export($a34fbef19cea8daf$exports, "is-placeholder", () => $a34fbef19cea8daf$export$e5b2f5233e4e5194, (v) => $a34fbef19cea8daf$export$e5b2f5233e4e5194 = v);
58
- $parcel$export($a34fbef19cea8daf$exports, "is-hovered", () => $a34fbef19cea8daf$export$b8813cd5d7824ce7, (v) => $a34fbef19cea8daf$export$b8813cd5d7824ce7 = v);
59
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--valid", () => $a34fbef19cea8daf$export$c2abbc3f970170b7, (v) => $a34fbef19cea8daf$export$c2abbc3f970170b7 = v);
60
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--invalid", () => $a34fbef19cea8daf$export$58e50b10d30123df, (v) => $a34fbef19cea8daf$export$58e50b10d30123df = v);
61
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--loadable", () => $a34fbef19cea8daf$export$14fd30fea6f1348c, (v) => $a34fbef19cea8daf$export$14fd30fea6f1348c = v);
62
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-validationIcon", () => $a34fbef19cea8daf$export$cf0ead5b44db0da3, (v) => $a34fbef19cea8daf$export$cf0ead5b44db0da3 = v);
63
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-icon", () => $a34fbef19cea8daf$export$222d1ccd1870be1d, (v) => $a34fbef19cea8daf$export$222d1ccd1870be1d = v);
64
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-inputIcon", () => $a34fbef19cea8daf$export$c1cdcaa5fe76a871, (v) => $a34fbef19cea8daf$export$c1cdcaa5fe76a871 = v);
65
- $parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-circleLoader", () => $a34fbef19cea8daf$export$82a249fb4d6127, (v) => $a34fbef19cea8daf$export$82a249fb4d6127 = v);
66
- $parcel$export($a34fbef19cea8daf$exports, "is-focused", () => $a34fbef19cea8daf$export$e7dc768d35940237, (v) => $a34fbef19cea8daf$export$e7dc768d35940237 = v);
67
- $parcel$export($a34fbef19cea8daf$exports, "focus-ring", () => $a34fbef19cea8daf$export$f39a09f249340e2a, (v) => $a34fbef19cea8daf$export$f39a09f249340e2a = v);
68
- $parcel$export($a34fbef19cea8daf$exports, "is-disabled", () => $a34fbef19cea8daf$export$d35bc1e505d1ebbf, (v) => $a34fbef19cea8daf$export$d35bc1e505d1ebbf = v);
69
- var $a34fbef19cea8daf$export$1ac009feb2b0bd0c;
70
- var $a34fbef19cea8daf$export$2c8a10299d8b3418;
71
- var $a34fbef19cea8daf$export$bffd5e3d61a81737;
72
- var $a34fbef19cea8daf$export$9699f1c538a448a0;
73
- var $a34fbef19cea8daf$export$e5b2f5233e4e5194;
74
- var $a34fbef19cea8daf$export$b8813cd5d7824ce7;
75
- var $a34fbef19cea8daf$export$c2abbc3f970170b7;
76
- var $a34fbef19cea8daf$export$58e50b10d30123df;
77
- var $a34fbef19cea8daf$export$14fd30fea6f1348c;
78
- var $a34fbef19cea8daf$export$cf0ead5b44db0da3;
79
- var $a34fbef19cea8daf$export$222d1ccd1870be1d;
80
- var $a34fbef19cea8daf$export$c1cdcaa5fe76a871;
81
- var $a34fbef19cea8daf$export$82a249fb4d6127;
82
- var $a34fbef19cea8daf$export$e7dc768d35940237;
83
- var $a34fbef19cea8daf$export$f39a09f249340e2a;
84
- var $a34fbef19cea8daf$export$d35bc1e505d1ebbf;
85
- $a34fbef19cea8daf$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
86
- $a34fbef19cea8daf$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
87
- $a34fbef19cea8daf$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
88
- $a34fbef19cea8daf$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
89
- $a34fbef19cea8daf$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
90
- $a34fbef19cea8daf$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
91
- $a34fbef19cea8daf$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
92
- $a34fbef19cea8daf$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
93
- $a34fbef19cea8daf$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
94
- $a34fbef19cea8daf$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
95
- $a34fbef19cea8daf$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
96
- $a34fbef19cea8daf$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
97
- $a34fbef19cea8daf$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
98
- $a34fbef19cea8daf$export$e7dc768d35940237 = "is-focused_73bc77";
99
- $a34fbef19cea8daf$export$f39a09f249340e2a = "focus-ring_73bc77";
100
- $a34fbef19cea8daf$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
101
-
102
-
103
-
104
- function $6e29805efde3b095$var$TextFieldBase(props, ref) {
36
+ var $eec649e464f3832d$exports = {};
37
+
38
+ $parcel$export($eec649e464f3832d$exports, "TextArea", () => $eec649e464f3832d$export$f5c9f3c2c4054eec);
39
+
40
+
41
+ var $86793250183ac29e$exports = {};
42
+
43
+ $parcel$export($86793250183ac29e$exports, "TextFieldBase", () => $86793250183ac29e$export$d22444a338b6e3c2);
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+ var $40cb3a00c193680f$exports = {};
52
+
53
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
54
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
55
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
56
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
57
+ $parcel$export($40cb3a00c193680f$exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
58
+ $parcel$export($40cb3a00c193680f$exports, "is-hovered", () => $40cb3a00c193680f$export$b8813cd5d7824ce7, (v) => $40cb3a00c193680f$export$b8813cd5d7824ce7 = v);
59
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--valid", () => $40cb3a00c193680f$export$c2abbc3f970170b7, (v) => $40cb3a00c193680f$export$c2abbc3f970170b7 = v);
60
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
61
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
62
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
63
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
64
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
65
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
66
+ $parcel$export($40cb3a00c193680f$exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
67
+ $parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
68
+ $parcel$export($40cb3a00c193680f$exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
69
+ var $40cb3a00c193680f$export$1ac009feb2b0bd0c;
70
+ var $40cb3a00c193680f$export$2c8a10299d8b3418;
71
+ var $40cb3a00c193680f$export$bffd5e3d61a81737;
72
+ var $40cb3a00c193680f$export$9699f1c538a448a0;
73
+ var $40cb3a00c193680f$export$e5b2f5233e4e5194;
74
+ var $40cb3a00c193680f$export$b8813cd5d7824ce7;
75
+ var $40cb3a00c193680f$export$c2abbc3f970170b7;
76
+ var $40cb3a00c193680f$export$58e50b10d30123df;
77
+ var $40cb3a00c193680f$export$14fd30fea6f1348c;
78
+ var $40cb3a00c193680f$export$cf0ead5b44db0da3;
79
+ var $40cb3a00c193680f$export$222d1ccd1870be1d;
80
+ var $40cb3a00c193680f$export$c1cdcaa5fe76a871;
81
+ var $40cb3a00c193680f$export$82a249fb4d6127;
82
+ var $40cb3a00c193680f$export$e7dc768d35940237;
83
+ var $40cb3a00c193680f$export$f39a09f249340e2a;
84
+ var $40cb3a00c193680f$export$d35bc1e505d1ebbf;
85
+ $40cb3a00c193680f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
86
+ $40cb3a00c193680f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
87
+ $40cb3a00c193680f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
88
+ $40cb3a00c193680f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
89
+ $40cb3a00c193680f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
90
+ $40cb3a00c193680f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
91
+ $40cb3a00c193680f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
92
+ $40cb3a00c193680f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
93
+ $40cb3a00c193680f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
94
+ $40cb3a00c193680f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
95
+ $40cb3a00c193680f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
96
+ $40cb3a00c193680f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
97
+ $40cb3a00c193680f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
98
+ $40cb3a00c193680f$export$e7dc768d35940237 = "is-focused_73bc77";
99
+ $40cb3a00c193680f$export$f39a09f249340e2a = "focus-ring_73bc77";
100
+ $40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
101
+
102
+
103
+
104
+ function $86793250183ac29e$var$TextFieldBase(props, ref) {
105
105
  let { label: label , validationState: validationState , icon: icon , isQuiet: isQuiet = false , isDisabled: isDisabled , multiLine: multiLine , autoFocus: autoFocus , inputClassName: inputClassName , wrapperChildren: wrapperChildren , labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , inputRef: inputRef , isLoading: isLoading , loadingIndicator: loadingIndicator , validationIconClassName: validationIconClassName } = props;
106
- let { hoverProps: hoverProps , isHovered: isHovered } = $ho8OK$reactariainteractions.useHover({
106
+ let { hoverProps: hoverProps , isHovered: isHovered } = $74aPB$reactariainteractions.useHover({
107
107
  isDisabled: isDisabled
108
108
  });
109
- let domRef = $ho8OK$react.useRef(null);
110
- let defaultInputRef = $ho8OK$react.useRef(null);
109
+ let domRef = $74aPB$react.useRef(null);
110
+ let defaultInputRef = $74aPB$react.useRef(null);
111
111
  inputRef = inputRef || defaultInputRef;
112
112
  // Expose imperative interface for ref
113
- $ho8OK$react.useImperativeHandle(ref, ()=>({
114
- ...$ho8OK$reactspectrumutils.createFocusableRef(domRef, inputRef),
113
+ $74aPB$react.useImperativeHandle(ref, ()=>({
114
+ ...$74aPB$reactspectrumutils.createFocusableRef(domRef, inputRef),
115
115
  select () {
116
116
  if (inputRef.current) inputRef.current.select();
117
117
  },
@@ -123,41 +123,41 @@ function $6e29805efde3b095$var$TextFieldBase(props, ref) {
123
123
  let ElementType = multiLine ? 'textarea' : 'input';
124
124
  let isInvalid = validationState === 'invalid';
125
125
  if (icon) {
126
- let UNSAFE_className = $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
127
- icon = /*#__PURE__*/ $ho8OK$react.cloneElement(icon, {
126
+ let UNSAFE_className = $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
127
+ icon = /*#__PURE__*/ $74aPB$react.cloneElement(icon, {
128
128
  UNSAFE_className: UNSAFE_className,
129
129
  size: 'S'
130
130
  });
131
131
  }
132
- let validationIcon = isInvalid ? /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement(($parcel$interopDefault($ho8OK$spectrumiconsuiAlertMedium)), null) : /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement(($parcel$interopDefault($ho8OK$spectrumiconsuiCheckmarkMedium)), null);
133
- let validation = /*#__PURE__*/ $ho8OK$react.cloneElement(validationIcon, {
134
- UNSAFE_className: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'spectrum-Textfield-validationIcon', validationIconClassName)
132
+ let validationIcon = isInvalid ? /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement(($parcel$interopDefault($74aPB$spectrumiconsuiAlertMedium)), null) : /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement(($parcel$interopDefault($74aPB$spectrumiconsuiCheckmarkMedium)), null);
133
+ let validation = /*#__PURE__*/ $74aPB$react.cloneElement(validationIcon, {
134
+ UNSAFE_className: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-validationIcon', validationIconClassName)
135
135
  });
136
- let textField = /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement("div", {
137
- className: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'spectrum-Textfield', {
136
+ let textField = /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement("div", {
137
+ className: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield', {
138
138
  'spectrum-Textfield--invalid': isInvalid,
139
139
  'spectrum-Textfield--valid': validationState === 'valid',
140
140
  'spectrum-Textfield--loadable': loadingIndicator,
141
141
  'spectrum-Textfield--quiet': isQuiet,
142
142
  'spectrum-Textfield--multiline': multiLine
143
143
  })
144
- }, /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($ho8OK$reactariafocus.FocusRing, {
145
- focusRingClass: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'focus-ring'),
144
+ }, /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($74aPB$reactariafocus.FocusRing, {
145
+ focusRingClass: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'focus-ring'),
146
146
  isTextInput: true,
147
147
  autoFocus: autoFocus
148
- }, /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement(ElementType, {
149
- ...$ho8OK$reactariautils.mergeProps(inputProps, hoverProps),
148
+ }, /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement(ElementType, {
149
+ ...$74aPB$reactariautils.mergeProps(inputProps, hoverProps),
150
150
  ref: inputRef,
151
151
  rows: multiLine ? 1 : undefined,
152
- className: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'spectrum-Textfield-input', {
152
+ className: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-input', {
153
153
  'spectrum-Textfield-inputIcon': icon,
154
154
  'is-hovered': isHovered
155
155
  }, inputClassName)
156
156
  })), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
157
- if (label) textField = /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).cloneElement(textField, $ho8OK$reactariautils.mergeProps(textField.props, {
157
+ if (label) textField = /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).cloneElement(textField, $74aPB$reactariautils.mergeProps(textField.props, {
158
158
  className: multiLine ? 'spectrum-Field-field--multiline' : ''
159
159
  }));
160
- return(/*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($ho8OK$reactspectrumlabel.Field, {
160
+ return(/*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($74aPB$reactspectrumlabel.Field, {
161
161
  ...props,
162
162
  labelProps: labelProps,
163
163
  descriptionProps: descriptionProps,
@@ -166,20 +166,20 @@ function $6e29805efde3b095$var$TextFieldBase(props, ref) {
166
166
  ref: domRef
167
167
  }, textField));
168
168
  }
169
- const $6e29805efde3b095$export$d22444a338b6e3c2 = /*#__PURE__*/ $ho8OK$react.forwardRef($6e29805efde3b095$var$TextFieldBase);
169
+ const $86793250183ac29e$export$d22444a338b6e3c2 = /*#__PURE__*/ $74aPB$react.forwardRef($86793250183ac29e$var$TextFieldBase);
170
170
 
171
171
 
172
172
 
173
173
 
174
174
 
175
- function $28a8e7f0f5565188$var$TextArea(props, ref) {
176
- props = $ho8OK$reactspectrumprovider.useProviderProps(props);
175
+ function $eec649e464f3832d$var$TextArea(props, ref) {
176
+ props = $74aPB$reactspectrumprovider.useProviderProps(props);
177
177
  let { isDisabled: isDisabled = false , isQuiet: isQuiet = false , isReadOnly: isReadOnly = false , isRequired: isRequired = false , onChange: onChange , ...otherProps } = props;
178
178
  // not in stately because this is so we know when to re-measure, which is a spectrum design
179
- let [inputValue, setInputValue] = $ho8OK$reactstatelyutils.useControlledState(props.value, props.defaultValue, ()=>{
179
+ let [inputValue, setInputValue] = $74aPB$reactstatelyutils.useControlledState(props.value, props.defaultValue, ()=>{
180
180
  });
181
- let inputRef = $ho8OK$react.useRef();
182
- let onHeightChange = $ho8OK$react.useCallback(()=>{
181
+ let inputRef = $74aPB$react.useRef();
182
+ let onHeightChange = $74aPB$react.useCallback(()=>{
183
183
  if (isQuiet) {
184
184
  let input = inputRef.current;
185
185
  let prevAlignment = input.style.alignSelf;
@@ -192,19 +192,19 @@ function $28a8e7f0f5565188$var$TextArea(props, ref) {
192
192
  isQuiet,
193
193
  inputRef
194
194
  ]);
195
- $ho8OK$reactariautils.useLayoutEffect(()=>{
195
+ $74aPB$reactariautils.useLayoutEffect(()=>{
196
196
  if (inputRef.current) onHeightChange();
197
197
  }, [
198
198
  onHeightChange,
199
199
  inputValue,
200
200
  inputRef
201
201
  ]);
202
- let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $ho8OK$reactariatextfield.useTextField({
202
+ let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $74aPB$reactariatextfield.useTextField({
203
203
  ...props,
204
- onChange: $ho8OK$reactariautils.chain(onChange, setInputValue),
204
+ onChange: $74aPB$reactariautils.chain(onChange, setInputValue),
205
205
  inputElementType: 'textarea'
206
206
  }, inputRef);
207
- return(/*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($6e29805efde3b095$export$d22444a338b6e3c2, {
207
+ return(/*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($86793250183ac29e$export$d22444a338b6e3c2, {
208
208
  ...otherProps,
209
209
  ref: ref,
210
210
  inputRef: inputRef,
@@ -223,21 +223,21 @@ function $28a8e7f0f5565188$var$TextArea(props, ref) {
223
223
  * TextAreas are multiline text inputs, useful for cases where users have
224
224
  * a sizable amount of text to enter. They allow for all customizations that
225
225
  * are available to text fields.
226
- */ let $28a8e7f0f5565188$export$f5c9f3c2c4054eec = /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).forwardRef($28a8e7f0f5565188$var$TextArea);
226
+ */ let $eec649e464f3832d$export$f5c9f3c2c4054eec = /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).forwardRef($eec649e464f3832d$var$TextArea);
227
227
 
228
228
 
229
- var $45e136a6db2b5d33$exports = {};
229
+ var $34fd51d50eb4b056$exports = {};
230
230
 
231
- $parcel$export($45e136a6db2b5d33$exports, "TextField", () => $45e136a6db2b5d33$export$2c73285ae9390cec);
231
+ $parcel$export($34fd51d50eb4b056$exports, "TextField", () => $34fd51d50eb4b056$export$2c73285ae9390cec);
232
232
 
233
233
 
234
234
 
235
235
 
236
- function $45e136a6db2b5d33$var$TextField(props, ref) {
237
- props = $ho8OK$reactspectrumprovider.useProviderProps(props);
238
- let inputRef = $ho8OK$react.useRef();
239
- let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $ho8OK$reactariatextfield.useTextField(props, inputRef);
240
- return(/*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($6e29805efde3b095$export$d22444a338b6e3c2, {
236
+ function $34fd51d50eb4b056$var$TextField(props, ref) {
237
+ props = $74aPB$reactspectrumprovider.useProviderProps(props);
238
+ let inputRef = $74aPB$react.useRef();
239
+ let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $74aPB$reactariatextfield.useTextField(props, inputRef);
240
+ return(/*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($86793250183ac29e$export$d22444a338b6e3c2, {
241
241
  ...props,
242
242
  labelProps: labelProps,
243
243
  inputProps: inputProps,
@@ -251,13 +251,13 @@ function $45e136a6db2b5d33$var$TextField(props, ref) {
251
251
  * TextFields are text inputs that allow users to input custom text entries
252
252
  * with a keyboard. Various decorations can be displayed around the field to
253
253
  * communicate the entry requirements.
254
- */ const $45e136a6db2b5d33$export$2c73285ae9390cec = /*#__PURE__*/ $ho8OK$react.forwardRef($45e136a6db2b5d33$var$TextField);
254
+ */ const $34fd51d50eb4b056$export$2c73285ae9390cec = /*#__PURE__*/ $74aPB$react.forwardRef($34fd51d50eb4b056$var$TextField);
255
255
 
256
256
 
257
257
 
258
- $parcel$exportWildcard(module.exports, $28a8e7f0f5565188$exports);
259
- $parcel$exportWildcard(module.exports, $45e136a6db2b5d33$exports);
260
- $parcel$exportWildcard(module.exports, $6e29805efde3b095$exports);
258
+ $parcel$exportWildcard(module.exports, $eec649e464f3832d$exports);
259
+ $parcel$exportWildcard(module.exports, $34fd51d50eb4b056$exports);
260
+ $parcel$exportWildcard(module.exports, $86793250183ac29e$exports);
261
261
 
262
262
 
263
263
  //# sourceMappingURL=main.js.map
package/dist/module.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import "./main.css";
2
- import {useLayoutEffect as $ebYMf$useLayoutEffect, chain as $ebYMf$chain, mergeProps as $ebYMf$mergeProps} from "@react-aria/utils";
3
- import $ebYMf$react, {useRef as $ebYMf$useRef, useCallback as $ebYMf$useCallback, useImperativeHandle as $ebYMf$useImperativeHandle, cloneElement as $ebYMf$cloneElement, forwardRef as $ebYMf$forwardRef} from "react";
4
- import {useControlledState as $ebYMf$useControlledState} from "@react-stately/utils";
5
- import {useProviderProps as $ebYMf$useProviderProps} from "@react-spectrum/provider";
6
- import {useTextField as $ebYMf$useTextField} from "@react-aria/textfield";
7
- import $ebYMf$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
8
- import $ebYMf$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
9
- import {createFocusableRef as $ebYMf$createFocusableRef, classNames as $ebYMf$classNames} from "@react-spectrum/utils";
10
- import {Field as $ebYMf$Field} from "@react-spectrum/label";
11
- import {FocusRing as $ebYMf$FocusRing} from "@react-aria/focus";
12
- import {useHover as $ebYMf$useHover} from "@react-aria/interactions";
2
+ import {useLayoutEffect as $evhxb$useLayoutEffect, chain as $evhxb$chain, mergeProps as $evhxb$mergeProps} from "@react-aria/utils";
3
+ import $evhxb$react, {useRef as $evhxb$useRef, useCallback as $evhxb$useCallback, useImperativeHandle as $evhxb$useImperativeHandle, cloneElement as $evhxb$cloneElement, forwardRef as $evhxb$forwardRef} from "react";
4
+ import {useControlledState as $evhxb$useControlledState} from "@react-stately/utils";
5
+ import {useProviderProps as $evhxb$useProviderProps} from "@react-spectrum/provider";
6
+ import {useTextField as $evhxb$useTextField} from "@react-aria/textfield";
7
+ import $evhxb$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
8
+ import $evhxb$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
9
+ import {createFocusableRef as $evhxb$createFocusableRef, classNames as $evhxb$classNames} from "@react-spectrum/utils";
10
+ import {Field as $evhxb$Field} from "@react-spectrum/label";
11
+ import {FocusRing as $evhxb$FocusRing} from "@react-aria/focus";
12
+ import {useHover as $evhxb$useHover} from "@react-aria/interactions";
13
13
 
14
14
  function $parcel$export(e, n, v, s) {
15
15
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -17,85 +17,85 @@ function $parcel$export(e, n, v, s) {
17
17
  function $parcel$interopDefault(a) {
18
18
  return a && a.__esModule ? a.default : a;
19
19
  }
20
- var $da8ab907384b5fd3$exports = {};
21
-
22
- $parcel$export($da8ab907384b5fd3$exports, "TextArea", () => $da8ab907384b5fd3$export$f5c9f3c2c4054eec);
23
-
24
-
25
- var $eea28bca1d6d81f9$exports = {};
26
-
27
- $parcel$export($eea28bca1d6d81f9$exports, "TextFieldBase", () => $eea28bca1d6d81f9$export$d22444a338b6e3c2);
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
- var $1b4d2ed8b766360d$exports = {};
36
-
37
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-input", () => $1b4d2ed8b766360d$export$1ac009feb2b0bd0c, (v) => $1b4d2ed8b766360d$export$1ac009feb2b0bd0c = v);
38
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield", () => $1b4d2ed8b766360d$export$2c8a10299d8b3418, (v) => $1b4d2ed8b766360d$export$2c8a10299d8b3418 = v);
39
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--quiet", () => $1b4d2ed8b766360d$export$bffd5e3d61a81737, (v) => $1b4d2ed8b766360d$export$bffd5e3d61a81737 = v);
40
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--multiline", () => $1b4d2ed8b766360d$export$9699f1c538a448a0, (v) => $1b4d2ed8b766360d$export$9699f1c538a448a0 = v);
41
- $parcel$export($1b4d2ed8b766360d$exports, "is-placeholder", () => $1b4d2ed8b766360d$export$e5b2f5233e4e5194, (v) => $1b4d2ed8b766360d$export$e5b2f5233e4e5194 = v);
42
- $parcel$export($1b4d2ed8b766360d$exports, "is-hovered", () => $1b4d2ed8b766360d$export$b8813cd5d7824ce7, (v) => $1b4d2ed8b766360d$export$b8813cd5d7824ce7 = v);
43
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--valid", () => $1b4d2ed8b766360d$export$c2abbc3f970170b7, (v) => $1b4d2ed8b766360d$export$c2abbc3f970170b7 = v);
44
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--invalid", () => $1b4d2ed8b766360d$export$58e50b10d30123df, (v) => $1b4d2ed8b766360d$export$58e50b10d30123df = v);
45
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield--loadable", () => $1b4d2ed8b766360d$export$14fd30fea6f1348c, (v) => $1b4d2ed8b766360d$export$14fd30fea6f1348c = v);
46
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-validationIcon", () => $1b4d2ed8b766360d$export$cf0ead5b44db0da3, (v) => $1b4d2ed8b766360d$export$cf0ead5b44db0da3 = v);
47
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-icon", () => $1b4d2ed8b766360d$export$222d1ccd1870be1d, (v) => $1b4d2ed8b766360d$export$222d1ccd1870be1d = v);
48
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-inputIcon", () => $1b4d2ed8b766360d$export$c1cdcaa5fe76a871, (v) => $1b4d2ed8b766360d$export$c1cdcaa5fe76a871 = v);
49
- $parcel$export($1b4d2ed8b766360d$exports, "spectrum-Textfield-circleLoader", () => $1b4d2ed8b766360d$export$82a249fb4d6127, (v) => $1b4d2ed8b766360d$export$82a249fb4d6127 = v);
50
- $parcel$export($1b4d2ed8b766360d$exports, "is-focused", () => $1b4d2ed8b766360d$export$e7dc768d35940237, (v) => $1b4d2ed8b766360d$export$e7dc768d35940237 = v);
51
- $parcel$export($1b4d2ed8b766360d$exports, "focus-ring", () => $1b4d2ed8b766360d$export$f39a09f249340e2a, (v) => $1b4d2ed8b766360d$export$f39a09f249340e2a = v);
52
- $parcel$export($1b4d2ed8b766360d$exports, "is-disabled", () => $1b4d2ed8b766360d$export$d35bc1e505d1ebbf, (v) => $1b4d2ed8b766360d$export$d35bc1e505d1ebbf = v);
53
- var $1b4d2ed8b766360d$export$1ac009feb2b0bd0c;
54
- var $1b4d2ed8b766360d$export$2c8a10299d8b3418;
55
- var $1b4d2ed8b766360d$export$bffd5e3d61a81737;
56
- var $1b4d2ed8b766360d$export$9699f1c538a448a0;
57
- var $1b4d2ed8b766360d$export$e5b2f5233e4e5194;
58
- var $1b4d2ed8b766360d$export$b8813cd5d7824ce7;
59
- var $1b4d2ed8b766360d$export$c2abbc3f970170b7;
60
- var $1b4d2ed8b766360d$export$58e50b10d30123df;
61
- var $1b4d2ed8b766360d$export$14fd30fea6f1348c;
62
- var $1b4d2ed8b766360d$export$cf0ead5b44db0da3;
63
- var $1b4d2ed8b766360d$export$222d1ccd1870be1d;
64
- var $1b4d2ed8b766360d$export$c1cdcaa5fe76a871;
65
- var $1b4d2ed8b766360d$export$82a249fb4d6127;
66
- var $1b4d2ed8b766360d$export$e7dc768d35940237;
67
- var $1b4d2ed8b766360d$export$f39a09f249340e2a;
68
- var $1b4d2ed8b766360d$export$d35bc1e505d1ebbf;
69
- $1b4d2ed8b766360d$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
70
- $1b4d2ed8b766360d$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
71
- $1b4d2ed8b766360d$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
72
- $1b4d2ed8b766360d$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
73
- $1b4d2ed8b766360d$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
74
- $1b4d2ed8b766360d$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
75
- $1b4d2ed8b766360d$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
76
- $1b4d2ed8b766360d$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
77
- $1b4d2ed8b766360d$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
78
- $1b4d2ed8b766360d$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
79
- $1b4d2ed8b766360d$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
80
- $1b4d2ed8b766360d$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
81
- $1b4d2ed8b766360d$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
82
- $1b4d2ed8b766360d$export$e7dc768d35940237 = "is-focused_73bc77";
83
- $1b4d2ed8b766360d$export$f39a09f249340e2a = "focus-ring_73bc77";
84
- $1b4d2ed8b766360d$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
85
-
86
-
87
-
88
- function $eea28bca1d6d81f9$var$TextFieldBase(props, ref) {
20
+ var $cc187bf91f8eea73$exports = {};
21
+
22
+ $parcel$export($cc187bf91f8eea73$exports, "TextArea", () => $cc187bf91f8eea73$export$f5c9f3c2c4054eec);
23
+
24
+
25
+ var $599adb75312e6492$exports = {};
26
+
27
+ $parcel$export($599adb75312e6492$exports, "TextFieldBase", () => $599adb75312e6492$export$d22444a338b6e3c2);
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+ var $c14528ddc146317f$exports = {};
36
+
37
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
38
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
39
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
40
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
41
+ $parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
42
+ $parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
43
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
44
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
45
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
46
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
47
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
48
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
49
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
50
+ $parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
51
+ $parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
52
+ $parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
53
+ var $c14528ddc146317f$export$1ac009feb2b0bd0c;
54
+ var $c14528ddc146317f$export$2c8a10299d8b3418;
55
+ var $c14528ddc146317f$export$bffd5e3d61a81737;
56
+ var $c14528ddc146317f$export$9699f1c538a448a0;
57
+ var $c14528ddc146317f$export$e5b2f5233e4e5194;
58
+ var $c14528ddc146317f$export$b8813cd5d7824ce7;
59
+ var $c14528ddc146317f$export$c2abbc3f970170b7;
60
+ var $c14528ddc146317f$export$58e50b10d30123df;
61
+ var $c14528ddc146317f$export$14fd30fea6f1348c;
62
+ var $c14528ddc146317f$export$cf0ead5b44db0da3;
63
+ var $c14528ddc146317f$export$222d1ccd1870be1d;
64
+ var $c14528ddc146317f$export$c1cdcaa5fe76a871;
65
+ var $c14528ddc146317f$export$82a249fb4d6127;
66
+ var $c14528ddc146317f$export$e7dc768d35940237;
67
+ var $c14528ddc146317f$export$f39a09f249340e2a;
68
+ var $c14528ddc146317f$export$d35bc1e505d1ebbf;
69
+ $c14528ddc146317f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
70
+ $c14528ddc146317f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
71
+ $c14528ddc146317f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
72
+ $c14528ddc146317f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
73
+ $c14528ddc146317f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
74
+ $c14528ddc146317f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
75
+ $c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
76
+ $c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
77
+ $c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
78
+ $c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
79
+ $c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
80
+ $c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
81
+ $c14528ddc146317f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
82
+ $c14528ddc146317f$export$e7dc768d35940237 = "is-focused_73bc77";
83
+ $c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
84
+ $c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
85
+
86
+
87
+
88
+ function $599adb75312e6492$var$TextFieldBase(props, ref) {
89
89
  let { label: label , validationState: validationState , icon: icon , isQuiet: isQuiet = false , isDisabled: isDisabled , multiLine: multiLine , autoFocus: autoFocus , inputClassName: inputClassName , wrapperChildren: wrapperChildren , labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , inputRef: inputRef , isLoading: isLoading , loadingIndicator: loadingIndicator , validationIconClassName: validationIconClassName } = props;
90
- let { hoverProps: hoverProps , isHovered: isHovered } = $ebYMf$useHover({
90
+ let { hoverProps: hoverProps , isHovered: isHovered } = $evhxb$useHover({
91
91
  isDisabled: isDisabled
92
92
  });
93
- let domRef = $ebYMf$useRef(null);
94
- let defaultInputRef = $ebYMf$useRef(null);
93
+ let domRef = $evhxb$useRef(null);
94
+ let defaultInputRef = $evhxb$useRef(null);
95
95
  inputRef = inputRef || defaultInputRef;
96
96
  // Expose imperative interface for ref
97
- $ebYMf$useImperativeHandle(ref, ()=>({
98
- ...$ebYMf$createFocusableRef(domRef, inputRef),
97
+ $evhxb$useImperativeHandle(ref, ()=>({
98
+ ...$evhxb$createFocusableRef(domRef, inputRef),
99
99
  select () {
100
100
  if (inputRef.current) inputRef.current.select();
101
101
  },
@@ -107,41 +107,41 @@ function $eea28bca1d6d81f9$var$TextFieldBase(props, ref) {
107
107
  let ElementType = multiLine ? 'textarea' : 'input';
108
108
  let isInvalid = validationState === 'invalid';
109
109
  if (icon) {
110
- let UNSAFE_className = $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
111
- icon = /*#__PURE__*/ $ebYMf$cloneElement(icon, {
110
+ let UNSAFE_className = $evhxb$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
111
+ icon = /*#__PURE__*/ $evhxb$cloneElement(icon, {
112
112
  UNSAFE_className: UNSAFE_className,
113
113
  size: 'S'
114
114
  });
115
115
  }
116
- let validationIcon = isInvalid ? /*#__PURE__*/ $ebYMf$react.createElement($ebYMf$spectrumiconsuiAlertMedium, null) : /*#__PURE__*/ $ebYMf$react.createElement($ebYMf$spectrumiconsuiCheckmarkMedium, null);
117
- let validation = /*#__PURE__*/ $ebYMf$cloneElement(validationIcon, {
118
- UNSAFE_className: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'spectrum-Textfield-validationIcon', validationIconClassName)
116
+ let validationIcon = isInvalid ? /*#__PURE__*/ $evhxb$react.createElement($evhxb$spectrumiconsuiAlertMedium, null) : /*#__PURE__*/ $evhxb$react.createElement($evhxb$spectrumiconsuiCheckmarkMedium, null);
117
+ let validation = /*#__PURE__*/ $evhxb$cloneElement(validationIcon, {
118
+ UNSAFE_className: $evhxb$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-validationIcon', validationIconClassName)
119
119
  });
120
- let textField = /*#__PURE__*/ $ebYMf$react.createElement("div", {
121
- className: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'spectrum-Textfield', {
120
+ let textField = /*#__PURE__*/ $evhxb$react.createElement("div", {
121
+ className: $evhxb$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield', {
122
122
  'spectrum-Textfield--invalid': isInvalid,
123
123
  'spectrum-Textfield--valid': validationState === 'valid',
124
124
  'spectrum-Textfield--loadable': loadingIndicator,
125
125
  'spectrum-Textfield--quiet': isQuiet,
126
126
  'spectrum-Textfield--multiline': multiLine
127
127
  })
128
- }, /*#__PURE__*/ $ebYMf$react.createElement($ebYMf$FocusRing, {
129
- focusRingClass: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'focus-ring'),
128
+ }, /*#__PURE__*/ $evhxb$react.createElement($evhxb$FocusRing, {
129
+ focusRingClass: $evhxb$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'focus-ring'),
130
130
  isTextInput: true,
131
131
  autoFocus: autoFocus
132
- }, /*#__PURE__*/ $ebYMf$react.createElement(ElementType, {
133
- ...$ebYMf$mergeProps(inputProps, hoverProps),
132
+ }, /*#__PURE__*/ $evhxb$react.createElement(ElementType, {
133
+ ...$evhxb$mergeProps(inputProps, hoverProps),
134
134
  ref: inputRef,
135
135
  rows: multiLine ? 1 : undefined,
136
- className: $ebYMf$classNames((/*@__PURE__*/$parcel$interopDefault($1b4d2ed8b766360d$exports)), 'spectrum-Textfield-input', {
136
+ className: $evhxb$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-input', {
137
137
  'spectrum-Textfield-inputIcon': icon,
138
138
  'is-hovered': isHovered
139
139
  }, inputClassName)
140
140
  })), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
141
- if (label) textField = /*#__PURE__*/ $ebYMf$react.cloneElement(textField, $ebYMf$mergeProps(textField.props, {
141
+ if (label) textField = /*#__PURE__*/ $evhxb$react.cloneElement(textField, $evhxb$mergeProps(textField.props, {
142
142
  className: multiLine ? 'spectrum-Field-field--multiline' : ''
143
143
  }));
144
- return(/*#__PURE__*/ $ebYMf$react.createElement($ebYMf$Field, {
144
+ return(/*#__PURE__*/ $evhxb$react.createElement($evhxb$Field, {
145
145
  ...props,
146
146
  labelProps: labelProps,
147
147
  descriptionProps: descriptionProps,
@@ -150,20 +150,20 @@ function $eea28bca1d6d81f9$var$TextFieldBase(props, ref) {
150
150
  ref: domRef
151
151
  }, textField));
152
152
  }
153
- const $eea28bca1d6d81f9$export$d22444a338b6e3c2 = /*#__PURE__*/ $ebYMf$forwardRef($eea28bca1d6d81f9$var$TextFieldBase);
153
+ const $599adb75312e6492$export$d22444a338b6e3c2 = /*#__PURE__*/ $evhxb$forwardRef($599adb75312e6492$var$TextFieldBase);
154
154
 
155
155
 
156
156
 
157
157
 
158
158
 
159
- function $da8ab907384b5fd3$var$TextArea(props, ref) {
160
- props = $ebYMf$useProviderProps(props);
159
+ function $cc187bf91f8eea73$var$TextArea(props, ref) {
160
+ props = $evhxb$useProviderProps(props);
161
161
  let { isDisabled: isDisabled = false , isQuiet: isQuiet = false , isReadOnly: isReadOnly = false , isRequired: isRequired = false , onChange: onChange , ...otherProps } = props;
162
162
  // not in stately because this is so we know when to re-measure, which is a spectrum design
163
- let [inputValue, setInputValue] = $ebYMf$useControlledState(props.value, props.defaultValue, ()=>{
163
+ let [inputValue, setInputValue] = $evhxb$useControlledState(props.value, props.defaultValue, ()=>{
164
164
  });
165
- let inputRef = $ebYMf$useRef();
166
- let onHeightChange = $ebYMf$useCallback(()=>{
165
+ let inputRef = $evhxb$useRef();
166
+ let onHeightChange = $evhxb$useCallback(()=>{
167
167
  if (isQuiet) {
168
168
  let input = inputRef.current;
169
169
  let prevAlignment = input.style.alignSelf;
@@ -176,19 +176,19 @@ function $da8ab907384b5fd3$var$TextArea(props, ref) {
176
176
  isQuiet,
177
177
  inputRef
178
178
  ]);
179
- $ebYMf$useLayoutEffect(()=>{
179
+ $evhxb$useLayoutEffect(()=>{
180
180
  if (inputRef.current) onHeightChange();
181
181
  }, [
182
182
  onHeightChange,
183
183
  inputValue,
184
184
  inputRef
185
185
  ]);
186
- let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $ebYMf$useTextField({
186
+ let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $evhxb$useTextField({
187
187
  ...props,
188
- onChange: $ebYMf$chain(onChange, setInputValue),
188
+ onChange: $evhxb$chain(onChange, setInputValue),
189
189
  inputElementType: 'textarea'
190
190
  }, inputRef);
191
- return(/*#__PURE__*/ $ebYMf$react.createElement($eea28bca1d6d81f9$export$d22444a338b6e3c2, {
191
+ return(/*#__PURE__*/ $evhxb$react.createElement($599adb75312e6492$export$d22444a338b6e3c2, {
192
192
  ...otherProps,
193
193
  ref: ref,
194
194
  inputRef: inputRef,
@@ -207,21 +207,21 @@ function $da8ab907384b5fd3$var$TextArea(props, ref) {
207
207
  * TextAreas are multiline text inputs, useful for cases where users have
208
208
  * a sizable amount of text to enter. They allow for all customizations that
209
209
  * are available to text fields.
210
- */ let $da8ab907384b5fd3$export$f5c9f3c2c4054eec = /*#__PURE__*/ $ebYMf$react.forwardRef($da8ab907384b5fd3$var$TextArea);
210
+ */ let $cc187bf91f8eea73$export$f5c9f3c2c4054eec = /*#__PURE__*/ $evhxb$react.forwardRef($cc187bf91f8eea73$var$TextArea);
211
211
 
212
212
 
213
- var $90dfba621f703b3f$exports = {};
213
+ var $265457f9427aa380$exports = {};
214
214
 
215
- $parcel$export($90dfba621f703b3f$exports, "TextField", () => $90dfba621f703b3f$export$2c73285ae9390cec);
215
+ $parcel$export($265457f9427aa380$exports, "TextField", () => $265457f9427aa380$export$2c73285ae9390cec);
216
216
 
217
217
 
218
218
 
219
219
 
220
- function $90dfba621f703b3f$var$TextField(props, ref) {
221
- props = $ebYMf$useProviderProps(props);
222
- let inputRef = $ebYMf$useRef();
223
- let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $ebYMf$useTextField(props, inputRef);
224
- return(/*#__PURE__*/ $ebYMf$react.createElement($eea28bca1d6d81f9$export$d22444a338b6e3c2, {
220
+ function $265457f9427aa380$var$TextField(props, ref) {
221
+ props = $evhxb$useProviderProps(props);
222
+ let inputRef = $evhxb$useRef();
223
+ let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $evhxb$useTextField(props, inputRef);
224
+ return(/*#__PURE__*/ $evhxb$react.createElement($599adb75312e6492$export$d22444a338b6e3c2, {
225
225
  ...props,
226
226
  labelProps: labelProps,
227
227
  inputProps: inputProps,
@@ -235,11 +235,11 @@ function $90dfba621f703b3f$var$TextField(props, ref) {
235
235
  * TextFields are text inputs that allow users to input custom text entries
236
236
  * with a keyboard. Various decorations can be displayed around the field to
237
237
  * communicate the entry requirements.
238
- */ const $90dfba621f703b3f$export$2c73285ae9390cec = /*#__PURE__*/ $ebYMf$forwardRef($90dfba621f703b3f$var$TextField);
238
+ */ const $265457f9427aa380$export$2c73285ae9390cec = /*#__PURE__*/ $evhxb$forwardRef($265457f9427aa380$var$TextField);
239
239
 
240
240
 
241
241
 
242
242
 
243
243
 
244
- export {$da8ab907384b5fd3$export$f5c9f3c2c4054eec as TextArea, $90dfba621f703b3f$export$2c73285ae9390cec as TextField, $eea28bca1d6d81f9$export$d22444a338b6e3c2 as TextFieldBase};
244
+ export {$cc187bf91f8eea73$export$f5c9f3c2c4054eec as TextArea, $265457f9427aa380$export$2c73285ae9390cec as TextField, $599adb75312e6492$export$d22444a338b6e3c2 as TextFieldBase};
245
245
  //# sourceMappingURL=module.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/textfield",
3
- "version": "3.3.1",
3
+ "version": "3.3.4",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -32,17 +32,17 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.6.2",
35
- "@react-aria/focus": "^3.5.1",
36
- "@react-aria/i18n": "^3.3.5",
37
- "@react-aria/interactions": "^3.8.0",
38
- "@react-aria/textfield": "^3.5.1",
39
- "@react-aria/utils": "^3.11.1",
40
- "@react-spectrum/label": "^3.4.2",
41
- "@react-spectrum/utils": "^3.6.4",
42
- "@react-stately/utils": "^3.4.0",
43
- "@react-types/shared": "^3.11.0",
44
- "@react-types/textfield": "^3.3.1",
45
- "@spectrum-icons/ui": "^3.2.2"
35
+ "@react-aria/focus": "^3.5.4",
36
+ "@react-aria/i18n": "^3.3.8",
37
+ "@react-aria/interactions": "^3.8.3",
38
+ "@react-aria/textfield": "^3.5.4",
39
+ "@react-aria/utils": "^3.11.3",
40
+ "@react-spectrum/label": "^3.4.5",
41
+ "@react-spectrum/utils": "^3.6.7",
42
+ "@react-stately/utils": "^3.4.1",
43
+ "@react-types/shared": "^3.11.2",
44
+ "@react-types/textfield": "^3.3.3",
45
+ "@spectrum-icons/ui": "^3.2.5"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
@@ -55,5 +55,5 @@
55
55
  "publishConfig": {
56
56
  "access": "public"
57
57
  },
58
- "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
58
+ "gitHead": "e7708349a637642a30d33a11ca4a75ad5829eaa3"
59
59
  }