react-aria/dist/private/label/useField.mjs.map

Spectrum UI components in React

{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAuBM,SAAS,0CAAS,KAAqB;IAC5C,IAAI,eAAC,WAAW,gBAAE,YAAY,aAAE,SAAS,mBAAE,eAAe,EAAC,GAAG;IAC9D,IAAI,cAAC,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAO,EAAE;IAExC,IAAI,gBAAgB,CAAA,GAAA,yCAAQ,EAAE;QAC5B,QAAQ;QACR,QAAQ;QACR;QACA;KACD;IACD,IAAI,iBAAiB,CAAA,GAAA,yCAAQ,EAAE;QAC7B,QAAQ;QACR,QAAQ;QACR;QACA;KACD;IAED,aAAa,CAAA,GAAA,yCAAS,EAAE,YAAY;QAClC,oBACE;YACE;YACA,0LAA0L;YAC1L;YACA,KAAK,CAAC,mBAAmB;SAC1B,CACE,MAAM,CAAC,SACP,IAAI,CAAC,QAAQ;IACpB;IAEA,OAAO;oBACL;oBACA;QACA,kBAAkB;YAChB,IAAI;QACN;QACA,mBAAmB;YACjB,IAAI;QACN;IACF;AACF","sources":["packages/react-aria/src/label/useField.ts"],"sourcesContent":["/*\n * Copyright 2021 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 {DOMAttributes, HelpTextProps, Validation} from '@react-types/shared';\nimport {LabelAria, LabelAriaProps, useLabel} from './useLabel';\nimport {mergeProps} from '../utils/mergeProps';\nimport {useSlotId} from '../utils/useId';\n\nexport interface AriaFieldProps\n  extends LabelAriaProps, HelpTextProps, Omit<Validation<any>, 'isRequired'> {}\n\nexport interface FieldAria extends LabelAria {\n  /** Props for the description element, if any. */\n  descriptionProps: DOMAttributes;\n  /** Props for the error message element, if any. */\n  errorMessageProps: DOMAttributes;\n}\n\n/**\n * Provides the accessibility implementation for input fields. Fields accept user input, gain\n * context from their label, and may display a description or error message.\n *\n * @param props - Props for the Field.\n */\nexport function useField(props: AriaFieldProps): FieldAria {\n  let {description, errorMessage, isInvalid, validationState} = props;\n  let {labelProps, fieldProps} = useLabel(props);\n\n  let descriptionId = useSlotId([\n    Boolean(description),\n    Boolean(errorMessage),\n    isInvalid,\n    validationState\n  ]);\n  let errorMessageId = useSlotId([\n    Boolean(description),\n    Boolean(errorMessage),\n    isInvalid,\n    validationState\n  ]);\n\n  fieldProps = mergeProps(fieldProps, {\n    'aria-describedby':\n      [\n        descriptionId,\n        // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268\n        errorMessageId,\n        props['aria-describedby']\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined\n  });\n\n  return {\n    labelProps,\n    fieldProps,\n    descriptionProps: {\n      id: descriptionId\n    },\n    errorMessageProps: {\n      id: errorMessageId\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useField.mjs.map"}