UNPKG

react-aria

Version:
72 lines (62 loc) 3.1 kB
var $40cdbc5fed762ed1$exports = require("./utils.cjs"); var $b97366b6eabbb2cc$exports = require("../utils/filterDOMProps.cjs"); var $89b39774f3b79dbb$exports = require("../utils/mergeProps.cjs"); var $e3486d9c44549186$exports = require("../label/useField.cjs"); var $b4f85e31b7b8044c$exports = require("../interactions/useFocusWithin.cjs"); function $parcel$export(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } $parcel$export(module.exports, "useCheckboxGroup", function () { return $90de468670c5970e$export$49ff6f28c54f1cbe; }); /* * 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. */ function $90de468670c5970e$export$49ff6f28c54f1cbe(props, state) { let { isDisabled: isDisabled, name: name, form: form, validationBehavior: validationBehavior = 'aria' } = props; let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation; let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $e3486d9c44549186$exports.useField)({ ...props, // Checkbox group is not an HTML input element so it // shouldn't be labeled by a <label> element. labelElementType: 'span', isInvalid: isInvalid, errorMessage: props.errorMessage || validationErrors }); (0, $40cdbc5fed762ed1$exports.checkboxGroupData).set(state, { name: name, form: form, descriptionId: descriptionProps.id, errorMessageId: errorMessageProps.id, validationBehavior: validationBehavior }); let domProps = (0, $b97366b6eabbb2cc$exports.filterDOMProps)(props, { labelable: true }); let { focusWithinProps: focusWithinProps } = (0, $b4f85e31b7b8044c$exports.useFocusWithin)({ onBlurWithin: props.onBlur, onFocusWithin: props.onFocus, onFocusWithinChange: props.onFocusChange }); return { groupProps: (0, $89b39774f3b79dbb$exports.mergeProps)(domProps, { role: 'group', 'aria-disabled': isDisabled || undefined, ...fieldProps, ...focusWithinProps }), labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails }; } //# sourceMappingURL=useCheckboxGroup.cjs.map