@react-spectrum/label 3.16.22 → 3.17.0

package/dist/import.mjs

@@ -1,6 +1,6 @@
-import {Field as $b7ca5b4454a2009d$export$a455218a85c89869} from "./Field.mjs";
-import {Label as $00af9ba397a66f43$export$b04be29aa201d4f5} from "./Label.mjs";
-import {HelpText as $8e50676506611310$export$a67c0bc59081311a} from "./HelpText.mjs";
+import {Field as $02b849d28a370635$re_export$Field} from "@adobe/react-spectrum/private/label/Field";
+import {Label as $02b849d28a370635$re_export$Label} from "@adobe/react-spectrum/private/label/Label";
+import {HelpText as $02b849d28a370635$re_export$HelpText} from "@adobe/react-spectrum/private/label/HelpText";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -18,5 +18,5 @@ import {HelpText as $8e50676506611310$export$a67c0bc59081311a} from "./HelpText.
 
 
 
-export {$b7ca5b4454a2009d$export$a455218a85c89869 as Field, $00af9ba397a66f43$export$b04be29aa201d4f5 as Label, $8e50676506611310$export$a67c0bc59081311a as HelpText};
+export {$02b849d28a370635$re_export$Field as Field, $02b849d28a370635$re_export$Label as Label, $02b849d28a370635$re_export$HelpText as HelpText};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,15 +1,15 @@
-var $0e5410371a445d59$exports = require("./Field.main.js");
-var $38a9afbd39356629$exports = require("./Label.main.js");
-var $2d1b5114e5b358b6$exports = require("./HelpText.main.js");
+var $2ciTp$adobereactspectrumprivatelabelField = require("@adobe/react-spectrum/private/label/Field");
+var $2ciTp$adobereactspectrumprivatelabelLabel = require("@adobe/react-spectrum/private/label/Label");
+var $2ciTp$adobereactspectrumprivatelabelHelpText = require("@adobe/react-spectrum/private/label/HelpText");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "Field", () => $0e5410371a445d59$exports.Field);
-$parcel$export(module.exports, "Label", () => $38a9afbd39356629$exports.Label);
-$parcel$export(module.exports, "HelpText", () => $2d1b5114e5b358b6$exports.HelpText);
+$parcel$export(module.exports, "Field", function () { return $2ciTp$adobereactspectrumprivatelabelField.Field; });
+$parcel$export(module.exports, "Label", function () { return $2ciTp$adobereactspectrumprivatelabelLabel.Label; });
+$parcel$export(module.exports, "HelpText", function () { return $2ciTp$adobereactspectrumprivatelabelHelpText.HelpText; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/label/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/label/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from '@adobe/react-spectrum/private/label/Field';\n\nexport {Label} from '@adobe/react-spectrum/private/label/Label';\nexport {HelpText} from '@adobe/react-spectrum/private/label/HelpText';\nexport type {LabelProps, SpectrumLabelProps} from '@adobe/react-spectrum/private/label/Label';\nexport type {SpectrumFieldProps} from '@adobe/react-spectrum/private/label/Field';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,6 +1,6 @@
-import {Field as $b7ca5b4454a2009d$export$a455218a85c89869} from "./Field.module.js";
-import {Label as $00af9ba397a66f43$export$b04be29aa201d4f5} from "./Label.module.js";
-import {HelpText as $8e50676506611310$export$a67c0bc59081311a} from "./HelpText.module.js";
+import {Field as $02b849d28a370635$re_export$Field} from "@adobe/react-spectrum/private/label/Field";
+import {Label as $02b849d28a370635$re_export$Label} from "@adobe/react-spectrum/private/label/Label";
+import {HelpText as $02b849d28a370635$re_export$HelpText} from "@adobe/react-spectrum/private/label/HelpText";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -18,5 +18,5 @@ import {HelpText as $8e50676506611310$export$a67c0bc59081311a} from "./HelpText.
 
 
 
-export {$b7ca5b4454a2009d$export$a455218a85c89869 as Field, $00af9ba397a66f43$export$b04be29aa201d4f5 as Label, $8e50676506611310$export$a67c0bc59081311a as HelpText};
+export {$02b849d28a370635$re_export$Field as Field, $02b849d28a370635$re_export$Label as Label, $02b849d28a370635$re_export$HelpText as HelpText};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/label/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from './Field';\nexport {Label} from './Label';\nexport {HelpText} from './HelpText';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/label/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Field} from '@adobe/react-spectrum/private/label/Field';\n\nexport {Label} from '@adobe/react-spectrum/private/label/Label';\nexport {HelpText} from '@adobe/react-spectrum/private/label/HelpText';\nexport type {LabelProps, SpectrumLabelProps} from '@adobe/react-spectrum/private/label/Label';\nexport type {SpectrumFieldProps} from '@adobe/react-spectrum/private/label/Field';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,5 @@
+export { Field } from '@adobe/react-spectrum/private/label/Field';
+export { Label } from '@adobe/react-spectrum/private/label/Label';
+export { HelpText } from '@adobe/react-spectrum/private/label/HelpText';
+export type { LabelProps, SpectrumLabelProps } from '@adobe/react-spectrum/private/label/Label';
+export type { SpectrumFieldProps } from '@adobe/react-spectrum/private/label/Field';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-spectrum/label",
-  "version": "3.16.22",
+  "version": "3.17.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -24,42 +24,22 @@
     "*.css"
   ],
   "targets": {
-    "main": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    },
-    "module": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    }
+    "types": false
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.12.16",
-    "@react-aria/utils": "^3.33.1",
-    "@react-spectrum/form": "^3.7.22",
-    "@react-spectrum/layout": "^3.6.22",
-    "@react-spectrum/utils": "^3.12.12",
-    "@react-types/label": "^3.9.17",
-    "@react-types/shared": "^3.33.1",
-    "@spectrum-icons/ui": "^3.6.23",
+    "@adobe/react-spectrum": "3.47.0",
     "@swc/helpers": "^0.5.0"
   },
-  "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
-  },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0",
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -12,6 +12,9 @@
 
 /// <reference types="css-module-types" />
 
-export {Field} from './Field';
-export {Label} from './Label';
-export {HelpText} from './HelpText';
+export {Field} from '@adobe/react-spectrum/private/label/Field';
+
+export {Label} from '@adobe/react-spectrum/private/label/Label';
+export {HelpText} from '@adobe/react-spectrum/private/label/HelpText';
+export type {LabelProps, SpectrumLabelProps} from '@adobe/react-spectrum/private/label/Label';
+export type {SpectrumFieldProps} from '@adobe/react-spectrum/private/label/Field';

package/dist/Field.main.js

@@ -1,117 +0,0 @@
-var $2d1b5114e5b358b6$exports = require("./HelpText.main.js");
-var $38a9afbd39356629$exports = require("./Label.main.js");
-require("./label.fb8aa6a3.css");
-var $eb2fc0ee655eff6b$exports = require("./fieldlabel_vars_css.main.js");
-var $bW4vJ$reactspectrumutils = require("@react-spectrum/utils");
-var $bW4vJ$reactspectrumlayout = require("@react-spectrum/layout");
-var $bW4vJ$reactariautils = require("@react-aria/utils");
-var $bW4vJ$react = require("react");
-var $bW4vJ$reactspectrumform = require("@react-spectrum/form");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "Field", () => $0e5410371a445d59$export$a455218a85c89869);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-const $0e5410371a445d59$export$a455218a85c89869 = /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).forwardRef(function Field(props, ref) {
-    let formProps = (0, $bW4vJ$reactspectrumform.useFormProps)(props);
-    let isInForm = formProps !== props;
-    props = formProps;
-    let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(' '), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
-    descriptionProps = {}, errorMessageProps: errorMessageProps = {}, elementType: elementType, wrapperClassName: wrapperClassName, wrapperProps: wrapperProps = {}, ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $bW4vJ$reactspectrumutils.useStyleProps)(otherProps);
-    let errorMessageString = null;
-    if (typeof errorMessage === 'function') errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
-    }) : null;
-    else errorMessageString = errorMessage;
-    let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');
-    let contextualHelpId = (0, $bW4vJ$reactariautils.useId)();
-    let fallbackLabelPropsId = (0, $bW4vJ$reactariautils.useId)();
-    if (label && contextualHelp && !labelProps.id) labelProps.id = fallbackLabelPropsId;
-    let labelWrapperClass = (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field', {
-        'spectrum-Field--positionTop': labelPosition === 'top',
-        'spectrum-Field--positionSide': labelPosition === 'side',
-        'spectrum-Field--alignEnd': labelAlign === 'end',
-        'spectrum-Field--hasContextualHelp': !!props.contextualHelp
-    }, styleProps.className, wrapperClassName);
-    children = /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).cloneElement(children, (0, $bW4vJ$reactariautils.mergeProps)(children.props, {
-        className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-field')
-    }));
-    let renderHelpText = ()=>/*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $2d1b5114e5b358b6$exports.HelpText), {
-            descriptionProps: descriptionProps,
-            errorMessageProps: errorMessageProps,
-            description: description,
-            errorMessage: errorMessageString,
-            validationState: validationState,
-            isInvalid: isInvalid,
-            isDisabled: isDisabled,
-            showErrorIcon: showErrorIcon,
-            gridArea: (0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))).helpText
-        });
-    let renderChildren = ()=>{
-        if (labelPosition === 'side') return /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $bW4vJ$reactspectrumlayout.Flex), {
-            direction: "column",
-            UNSAFE_className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-wrapper')
-        }, children, hasHelpText && renderHelpText());
-        return /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, ($parcel$interopDefault($bW4vJ$react))).Fragment, null, children, hasHelpText && renderHelpText());
-    };
-    let labelAndContextualHelp = /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, ($parcel$interopDefault($bW4vJ$react))).Fragment, null, label && /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $38a9afbd39356629$exports.Label), {
-        ...labelProps,
-        labelPosition: labelPosition,
-        labelAlign: labelAlign,
-        isRequired: isRequired,
-        necessityIndicator: necessityIndicator,
-        includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName,
-        elementType: elementType
-    }, label), label && contextualHelp && /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $bW4vJ$reactspectrumutils.SlotProvider), {
-        slots: {
-            actionButton: {
-                UNSAFE_className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-contextualHelp'),
-                id: contextualHelpId,
-                'aria-labelledby': (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
-            }
-        }
-    }, contextualHelp));
-    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,
-    // so that the table layout works inside forms.
-    if (isInForm && labelPosition === 'side' && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement("div", {
-        className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-labelCell')
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement("div", {
-        className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-labelWrapper')
-    }, labelAndContextualHelp));
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement("div", {
-        ...styleProps,
-        ...wrapperProps,
-        ref: ref,
-        className: labelWrapperClass
-    }, labelAndContextualHelp, renderChildren());
-});
-
-
-//# sourceMappingURL=Field.main.js.map

package/dist/Field.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAaM,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAAqB;IACnG,IAAI,YAAY,CAAA,GAAA,qCAAW,EAAE;IAC7B,IAAI,WAAW,cAAc;IAC7B,QAAQ;IACR,IAAI,SACF,KAAK,iBACL,gBAAgB,mBAChB,UAAU,cACV,UAAU,sBACV,kBAAkB,gDAClB,4CAA4C,mBAC5C,eAAe,aACf,SAAS,eACT,WAAW,gBACX,eAAe,CAAA,IAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,wBAC5C,gBAAgB,qBAChB,iBAAiB,cACjB,UAAU,iBACV,aAAa,kBACb,cAAc,YACd,QAAQ,cACR,aAAa,CAAC,qBACd,4DAA4D;IAC5D,mBAAmB,CAAC,sBACpB,oBAAoB,CAAC,gBACrB,WAAW,oBACX,gBAAgB,gBAChB,eAAe,CAAC,GAChB,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,qBAAgC;IACpC,IAAI,OAAO,iBAAiB,YAC1B,qBAAqB,aAAa,QAAQ,oBAAoB,QAAQ,qBAAqB,OACvF,aAAa;mBACb;0BACA;2BACA;IACF,KACE;SAEJ,qBAAqB;IAEvB,IAAI,cAAc,CAAC,CAAC,eAAe,sBAAuB,CAAA,aAAa,oBAAoB,SAAQ;IACnG,IAAI,mBAAmB,CAAA,GAAA,2BAAI;IAE3B,IAAI,uBAAuB,CAAA,GAAA,2BAAI;IAC/B,IAAI,SAAS,kBAAkB,CAAC,WAAW,EAAE,EAC3C,WAAW,EAAE,GAAG;IAGlB,IAAI,oBAAoB,CAAA,GAAA,oCAAS,EAC7B,CAAA,GAAA,mDAAU,GACV,kBACF;QACE,+BAA+B,kBAAkB;QACjD,gCAAgC,kBAAkB;QAClD,4BAA4B,eAAe;QAC3C,qCAAqC,CAAC,CAAC,MAAM,cAAc;IAC7D,GACE,WAAW,SAAS,EACpB;IAGJ,yBAAW,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,UAAU,CAAA,GAAA,gCAAS,EAAE,SAAS,KAAK,EAAS;QACxE,WAAW,CAAA,GAAA,oCAAS,EAChB,CAAA,GAAA,mDAAU,GACV;IAEN;IAEA,IAAI,iBAAiB,kBACnB,0DAAC,CAAA,GAAA,kCAAO;YACN,kBAAkB;YAClB,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,iBAAiB;YACjB,WAAW;YACX,YAAY;YACZ,eAAe;YACf,UAAU,CAAA,GAAA,mDAAU,EAAE,QAAQ;;IAGlC,IAAI,iBAAiB;QACnB,IAAI,kBAAkB,QACpB,qBACE,0DAAC,CAAA,GAAA,+BAAG;YAAE,WAAU;YAAS,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;WAChE,UACA,eAAe;QAKtB,qBACE,sHACG,UACA,eAAe;IAGtB;IAEA,IAAI,uCACF,sHACG,uBACC,0DAAC,CAAA,GAAA,+BAAI;QACF,GAAG,UAAU;QACd,eAAe;QACf,YAAY;QACZ,YAAY;QACZ,oBAAoB;QACpB,8CAA8C;QAC9C,aAAa;OACZ,QAGJ,SAAS,gCACR,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;gBAC1C,IAAI;gBACJ,mBAAmB,CAAA,uBAAA,iCAAA,WAAY,EAAE,IAAG,GAAG,WAAW,EAAE,CAAC,CAAC,EAAE,kBAAkB,GAAG;YAC/E;QACF;OACC;IAMP,2FAA2F;IAC3F,+CAA+C;IACjD,IAAI,YAAY,kBAAkB,UAAU,SAAS,gBACnD,uCACE,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;qBACtC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;OACrC;IAMT,qBACG,0DAAC;QACC,GAAG,UAAU;QACb,GAAG,YAAY;QAChB,KAAK;QACL,WAAW;OACV,wBACA;AAGP","sources":["packages/@react-spectrum/label/src/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport {HelpText} from './HelpText';\nimport {Label} from './Label';\nimport {LabelPosition, RefObject} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport React, {ReactNode, Ref} from 'react';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport {useFormProps} from '@react-spectrum/form';\n\nexport const Field = React.forwardRef(function Field(props: SpectrumFieldProps, ref: Ref<HTMLElement>) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null\n      ? errorMessage({\n        isInvalid,\n        validationErrors,\n        validationDetails\n      })\n      : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n      labelStyles,\n      'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n      styleProps.className,\n      wrapperClassName\n    );\n\n  children = React.cloneElement(children, mergeProps(children.props as any, {\n    className: classNames(\n        labelStyles,\n        'spectrum-Field-field'\n      )\n  }));\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText} />\n    );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp &&\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      }\n    </>\n    );\n\n    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n    // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    (<div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>)\n  );\n});\n"],"names":[],"version":3,"file":"Field.main.js.map"}

package/dist/Field.mjs

@@ -1,112 +0,0 @@
-import {HelpText as $8e50676506611310$export$a67c0bc59081311a} from "./HelpText.mjs";
-import {Label as $00af9ba397a66f43$export$b04be29aa201d4f5} from "./Label.mjs";
-import "./label.fb8aa6a3.css";
-import $c6ZG4$fieldlabel_vars_cssmodulejs from "./fieldlabel_vars_css.mjs";
-import {useStyleProps as $c6ZG4$useStyleProps, classNames as $c6ZG4$classNames, SlotProvider as $c6ZG4$SlotProvider} from "@react-spectrum/utils";
-import {Flex as $c6ZG4$Flex} from "@react-spectrum/layout";
-import {useId as $c6ZG4$useId, mergeProps as $c6ZG4$mergeProps} from "@react-aria/utils";
-import $c6ZG4$react from "react";
-import {useFormProps as $c6ZG4$useFormProps} from "@react-spectrum/form";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-const $b7ca5b4454a2009d$export$a455218a85c89869 = /*#__PURE__*/ (0, $c6ZG4$react).forwardRef(function Field(props, ref) {
-    let formProps = (0, $c6ZG4$useFormProps)(props);
-    let isInForm = formProps !== props;
-    props = formProps;
-    let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(' '), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
-    descriptionProps = {}, errorMessageProps: errorMessageProps = {}, elementType: elementType, wrapperClassName: wrapperClassName, wrapperProps: wrapperProps = {}, ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $c6ZG4$useStyleProps)(otherProps);
-    let errorMessageString = null;
-    if (typeof errorMessage === 'function') errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
-    }) : null;
-    else errorMessageString = errorMessage;
-    let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');
-    let contextualHelpId = (0, $c6ZG4$useId)();
-    let fallbackLabelPropsId = (0, $c6ZG4$useId)();
-    if (label && contextualHelp && !labelProps.id) labelProps.id = fallbackLabelPropsId;
-    let labelWrapperClass = (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field', {
-        'spectrum-Field--positionTop': labelPosition === 'top',
-        'spectrum-Field--positionSide': labelPosition === 'side',
-        'spectrum-Field--alignEnd': labelAlign === 'end',
-        'spectrum-Field--hasContextualHelp': !!props.contextualHelp
-    }, styleProps.className, wrapperClassName);
-    children = /*#__PURE__*/ (0, $c6ZG4$react).cloneElement(children, (0, $c6ZG4$mergeProps)(children.props, {
-        className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-field')
-    }));
-    let renderHelpText = ()=>/*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $8e50676506611310$export$a67c0bc59081311a), {
-            descriptionProps: descriptionProps,
-            errorMessageProps: errorMessageProps,
-            description: description,
-            errorMessage: errorMessageString,
-            validationState: validationState,
-            isInvalid: isInvalid,
-            isDisabled: isDisabled,
-            showErrorIcon: showErrorIcon,
-            gridArea: (0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))).helpText
-        });
-    let renderChildren = ()=>{
-        if (labelPosition === 'side') return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$Flex), {
-            direction: "column",
-            UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-wrapper')
-        }, children, hasHelpText && renderHelpText());
-        return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$react).Fragment, null, children, hasHelpText && renderHelpText());
-    };
-    let labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$react).Fragment, null, label && /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $00af9ba397a66f43$export$b04be29aa201d4f5), {
-        ...labelProps,
-        labelPosition: labelPosition,
-        labelAlign: labelAlign,
-        isRequired: isRequired,
-        necessityIndicator: necessityIndicator,
-        includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName,
-        elementType: elementType
-    }, label), label && contextualHelp && /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$SlotProvider), {
-        slots: {
-            actionButton: {
-                UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-contextualHelp'),
-                id: contextualHelpId,
-                'aria-labelledby': (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
-            }
-        }
-    }, contextualHelp));
-    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,
-    // so that the table layout works inside forms.
-    if (isInForm && labelPosition === 'side' && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
-        className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelCell')
-    }, /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
-        className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelWrapper')
-    }, labelAndContextualHelp));
-    return /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
-        ...styleProps,
-        ...wrapperProps,
-        ref: ref,
-        className: labelWrapperClass
-    }, labelAndContextualHelp, renderChildren());
-});
-
-
-export {$b7ca5b4454a2009d$export$a455218a85c89869 as Field};
-//# sourceMappingURL=Field.module.js.map

package/dist/Field.module.js

@@ -1,112 +0,0 @@
-import {HelpText as $8e50676506611310$export$a67c0bc59081311a} from "./HelpText.module.js";
-import {Label as $00af9ba397a66f43$export$b04be29aa201d4f5} from "./Label.module.js";
-import "./label.fb8aa6a3.css";
-import $c6ZG4$fieldlabel_vars_cssmodulejs from "./fieldlabel_vars_css.module.js";
-import {useStyleProps as $c6ZG4$useStyleProps, classNames as $c6ZG4$classNames, SlotProvider as $c6ZG4$SlotProvider} from "@react-spectrum/utils";
-import {Flex as $c6ZG4$Flex} from "@react-spectrum/layout";
-import {useId as $c6ZG4$useId, mergeProps as $c6ZG4$mergeProps} from "@react-aria/utils";
-import $c6ZG4$react from "react";
-import {useFormProps as $c6ZG4$useFormProps} from "@react-spectrum/form";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-const $b7ca5b4454a2009d$export$a455218a85c89869 = /*#__PURE__*/ (0, $c6ZG4$react).forwardRef(function Field(props, ref) {
-    let formProps = (0, $c6ZG4$useFormProps)(props);
-    let isInForm = formProps !== props;
-    props = formProps;
-    let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(' '), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
-    descriptionProps = {}, errorMessageProps: errorMessageProps = {}, elementType: elementType, wrapperClassName: wrapperClassName, wrapperProps: wrapperProps = {}, ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $c6ZG4$useStyleProps)(otherProps);
-    let errorMessageString = null;
-    if (typeof errorMessage === 'function') errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
-    }) : null;
-    else errorMessageString = errorMessage;
-    let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');
-    let contextualHelpId = (0, $c6ZG4$useId)();
-    let fallbackLabelPropsId = (0, $c6ZG4$useId)();
-    if (label && contextualHelp && !labelProps.id) labelProps.id = fallbackLabelPropsId;
-    let labelWrapperClass = (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field', {
-        'spectrum-Field--positionTop': labelPosition === 'top',
-        'spectrum-Field--positionSide': labelPosition === 'side',
-        'spectrum-Field--alignEnd': labelAlign === 'end',
-        'spectrum-Field--hasContextualHelp': !!props.contextualHelp
-    }, styleProps.className, wrapperClassName);
-    children = /*#__PURE__*/ (0, $c6ZG4$react).cloneElement(children, (0, $c6ZG4$mergeProps)(children.props, {
-        className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-field')
-    }));
-    let renderHelpText = ()=>/*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $8e50676506611310$export$a67c0bc59081311a), {
-            descriptionProps: descriptionProps,
-            errorMessageProps: errorMessageProps,
-            description: description,
-            errorMessage: errorMessageString,
-            validationState: validationState,
-            isInvalid: isInvalid,
-            isDisabled: isDisabled,
-            showErrorIcon: showErrorIcon,
-            gridArea: (0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))).helpText
-        });
-    let renderChildren = ()=>{
-        if (labelPosition === 'side') return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$Flex), {
-            direction: "column",
-            UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-wrapper')
-        }, children, hasHelpText && renderHelpText());
-        return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$react).Fragment, null, children, hasHelpText && renderHelpText());
-    };
-    let labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$react).Fragment, null, label && /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $00af9ba397a66f43$export$b04be29aa201d4f5), {
-        ...labelProps,
-        labelPosition: labelPosition,
-        labelAlign: labelAlign,
-        isRequired: isRequired,
-        necessityIndicator: necessityIndicator,
-        includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName,
-        elementType: elementType
-    }, label), label && contextualHelp && /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$SlotProvider), {
-        slots: {
-            actionButton: {
-                UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-contextualHelp'),
-                id: contextualHelpId,
-                'aria-labelledby': (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
-            }
-        }
-    }, contextualHelp));
-    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,
-    // so that the table layout works inside forms.
-    if (isInForm && labelPosition === 'side' && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
-        className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelCell')
-    }, /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
-        className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelWrapper')
-    }, labelAndContextualHelp));
-    return /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
-        ...styleProps,
-        ...wrapperProps,
-        ref: ref,
-        className: labelWrapperClass
-    }, labelAndContextualHelp, renderChildren());
-});
-
-
-export {$b7ca5b4454a2009d$export$a455218a85c89869 as Field};
-//# sourceMappingURL=Field.module.js.map

package/dist/Field.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-spectrum/label/src/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {Flex} from '@react-spectrum/layout';\nimport {HelpText} from './HelpText';\nimport {Label} from './Label';\nimport {LabelPosition, RefObject} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport React, {ReactNode, Ref} from 'react';\nimport {SpectrumFieldProps} from '@react-types/label';\nimport {useFormProps} from '@react-spectrum/form';\n\nexport const Field = React.forwardRef(function Field(props: SpectrumFieldProps, ref: Ref<HTMLElement>) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null\n      ? errorMessage({\n        isInvalid,\n        validationErrors,\n        validationDetails\n      })\n      : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n      labelStyles,\n      'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n      styleProps.className,\n      wrapperClassName\n    );\n\n  children = React.cloneElement(children, mergeProps(children.props as any, {\n    className: classNames(\n        labelStyles,\n        'spectrum-Field-field'\n      )\n  }));\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText} />\n    );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp &&\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      }\n    </>\n    );\n\n    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n    // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    (<div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>)\n  );\n});\n"],"names":[],"version":3,"file":"Field.module.js.map"}

package/dist/HelpText.main.js

@@ -1,54 +0,0 @@
-require("./label.16985598.css");
-var $680ab92507bf49aa$exports = require("./helptext_vars_css.main.js");
-var $7UMJk$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
-var $7UMJk$reactspectrumutils = require("@react-spectrum/utils");
-var $7UMJk$react = require("react");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "HelpText", () => $2d1b5114e5b358b6$export$a67c0bc59081311a);
-/*
- * Copyright 2021 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-const $2d1b5114e5b358b6$export$a67c0bc59081311a = /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).forwardRef(function HelpText(props, ref) {
-    let { description: description, errorMessage: errorMessage, validationState: validationState, isInvalid: isInvalid, isDisabled: isDisabled, showErrorIcon: showErrorIcon, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = props;
-    let domRef = (0, $7UMJk$reactspectrumutils.useDOMRef)(ref);
-    let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');
-    let { styleProps: styleProps } = (0, $7UMJk$reactspectrumutils.useStyleProps)(props);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement("div", {
-        ...styleProps,
-        className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText', `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`, {
-            'is-disabled': isDisabled
-        }, styleProps.className),
-        ref: domRef
-    }, isErrorMessage ? /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement((0, ($parcel$interopDefault($7UMJk$react))).Fragment, null, showErrorIcon && /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement((0, ($parcel$interopDefault($7UMJk$spectrumiconsuiAlertMedium))), {
-        UNSAFE_className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText-validationIcon')
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement("div", {
-        ...errorMessageProps,
-        className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText-text')
-    }, errorMessage)) : /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement("div", {
-        ...descriptionProps,
-        className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText-text')
-    }, description));
-});
-
-
-//# sourceMappingURL=HelpText.main.js.map