react-aria
Version:
Spectrum UI components in React
56 lines (50 loc) • 2.36 kB
JavaScript
import {useLabel as $0beb20c9744a2065$export$8467354a121f1b9f} from "./useLabel.mjs";
import {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from "../utils/mergeProps.mjs";
import {useSlotId as $390e54f620492c70$export$b4cc09c592e8fdb8} from "../utils/useId.mjs";
/*
* 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.
*/
function $191c9b6d48a0a4e2$export$294aa081a6c6f55d(props) {
let { description: description, errorMessage: errorMessage, isInvalid: isInvalid, validationState: validationState } = props;
let { labelProps: labelProps, fieldProps: fieldProps } = (0, $0beb20c9744a2065$export$8467354a121f1b9f)(props);
let descriptionId = (0, $390e54f620492c70$export$b4cc09c592e8fdb8)([
Boolean(description),
Boolean(errorMessage),
isInvalid,
validationState
]);
let errorMessageId = (0, $390e54f620492c70$export$b4cc09c592e8fdb8)([
Boolean(description),
Boolean(errorMessage),
isInvalid,
validationState
]);
fieldProps = (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(fieldProps, {
'aria-describedby': [
descriptionId,
// 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
errorMessageId,
props['aria-describedby']
].filter(Boolean).join(' ') || undefined
});
return {
labelProps: labelProps,
fieldProps: fieldProps,
descriptionProps: {
id: descriptionId
},
errorMessageProps: {
id: errorMessageId
}
};
}
export {$191c9b6d48a0a4e2$export$294aa081a6c6f55d as useField};
//# sourceMappingURL=useField.mjs.map