@react-aria/radio 3.0.0-nightly-641446f65-240905

package/dist/useRadioGroup.mjs

@@ -0,0 +1,127 @@
+import {radioGroupData as $884aeceb3d67f00f$export$37b65e5b5444d35c} from "./utils.mjs";
+import {filterDOMProps as $czmJy$filterDOMProps, useId as $czmJy$useId, mergeProps as $czmJy$mergeProps} from "@react-aria/utils";
+import {getFocusableTreeWalker as $czmJy$getFocusableTreeWalker} from "@react-aria/focus";
+import {useField as $czmJy$useField} from "@react-aria/label";
+import {useFocusWithin as $czmJy$useFocusWithin} from "@react-aria/interactions";
+import {useLocale as $czmJy$useLocale} from "@react-aria/i18n";
+
+/*
+ * 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 $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
+    let { name: name, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = 'vertical', validationBehavior: validationBehavior = 'aria' } = props;
+    let { direction: direction } = (0, $czmJy$useLocale)();
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $czmJy$useField)({
+        ...props,
+        // Radio group is not an HTML input element so it
+        // shouldn't be labeled by a <label> element.
+        labelElementType: 'span',
+        isInvalid: state.isInvalid,
+        errorMessage: props.errorMessage || validationErrors
+    });
+    let domProps = (0, $czmJy$filterDOMProps)(props, {
+        labelable: true
+    });
+    // When the radio group loses focus, reset the focusable radio to null if
+    // there is no selection. This allows tabbing into the group from either
+    // direction to go to the first or last radio.
+    let { focusWithinProps: focusWithinProps } = (0, $czmJy$useFocusWithin)({
+        onBlurWithin (e) {
+            var _props_onBlur;
+            (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
+            if (!state.selectedValue) state.setLastFocusedValue(null);
+        },
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
+    let onKeyDown = (e)=>{
+        let nextDir;
+        switch(e.key){
+            case 'ArrowRight':
+                if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'prev';
+                else nextDir = 'next';
+                break;
+            case 'ArrowLeft':
+                if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'next';
+                else nextDir = 'prev';
+                break;
+            case 'ArrowDown':
+                nextDir = 'next';
+                break;
+            case 'ArrowUp':
+                nextDir = 'prev';
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        let walker = (0, $czmJy$getFocusableTreeWalker)(e.currentTarget, {
+            from: e.target
+        });
+        let nextElem;
+        if (nextDir === 'next') {
+            nextElem = walker.nextNode();
+            if (!nextElem) {
+                walker.currentNode = e.currentTarget;
+                nextElem = walker.firstChild();
+            }
+        } else {
+            nextElem = walker.previousNode();
+            if (!nextElem) {
+                walker.currentNode = e.currentTarget;
+                nextElem = walker.lastChild();
+            }
+        }
+        if (nextElem) {
+            // Call focus on nextElem so that keyboard navigation scrolls the radio into view
+            nextElem.focus();
+            state.setSelectedValue(nextElem.value);
+        }
+    };
+    let groupName = (0, $czmJy$useId)(name);
+    (0, $884aeceb3d67f00f$export$37b65e5b5444d35c).set(state, {
+        name: groupName,
+        descriptionId: descriptionProps.id,
+        errorMessageId: errorMessageProps.id,
+        validationBehavior: validationBehavior
+    });
+    return {
+        radioGroupProps: (0, $czmJy$mergeProps)(domProps, {
+            // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
+            role: 'radiogroup',
+            onKeyDown: onKeyDown,
+            'aria-invalid': state.isInvalid || undefined,
+            'aria-errormessage': props['aria-errormessage'],
+            'aria-readonly': isReadOnly || undefined,
+            'aria-required': isRequired || undefined,
+            'aria-disabled': isDisabled || undefined,
+            'aria-orientation': orientation,
+            ...fieldProps,
+            ...focusWithinProps
+        }),
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
+    };
+}
+
+
+export {$430f30ed08ec25fa$export$62b9571f283ff5c2 as useRadioGroup};
+//# sourceMappingURL=useRadioGroup.module.js.map

package/dist/useRadioGroup.module.js

@@ -0,0 +1,127 @@
+import {radioGroupData as $884aeceb3d67f00f$export$37b65e5b5444d35c} from "./utils.module.js";
+import {filterDOMProps as $czmJy$filterDOMProps, useId as $czmJy$useId, mergeProps as $czmJy$mergeProps} from "@react-aria/utils";
+import {getFocusableTreeWalker as $czmJy$getFocusableTreeWalker} from "@react-aria/focus";
+import {useField as $czmJy$useField} from "@react-aria/label";
+import {useFocusWithin as $czmJy$useFocusWithin} from "@react-aria/interactions";
+import {useLocale as $czmJy$useLocale} from "@react-aria/i18n";
+
+/*
+ * 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 $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
+    let { name: name, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = 'vertical', validationBehavior: validationBehavior = 'aria' } = props;
+    let { direction: direction } = (0, $czmJy$useLocale)();
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $czmJy$useField)({
+        ...props,
+        // Radio group is not an HTML input element so it
+        // shouldn't be labeled by a <label> element.
+        labelElementType: 'span',
+        isInvalid: state.isInvalid,
+        errorMessage: props.errorMessage || validationErrors
+    });
+    let domProps = (0, $czmJy$filterDOMProps)(props, {
+        labelable: true
+    });
+    // When the radio group loses focus, reset the focusable radio to null if
+    // there is no selection. This allows tabbing into the group from either
+    // direction to go to the first or last radio.
+    let { focusWithinProps: focusWithinProps } = (0, $czmJy$useFocusWithin)({
+        onBlurWithin (e) {
+            var _props_onBlur;
+            (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
+            if (!state.selectedValue) state.setLastFocusedValue(null);
+        },
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
+    let onKeyDown = (e)=>{
+        let nextDir;
+        switch(e.key){
+            case 'ArrowRight':
+                if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'prev';
+                else nextDir = 'next';
+                break;
+            case 'ArrowLeft':
+                if (direction === 'rtl' && orientation !== 'vertical') nextDir = 'next';
+                else nextDir = 'prev';
+                break;
+            case 'ArrowDown':
+                nextDir = 'next';
+                break;
+            case 'ArrowUp':
+                nextDir = 'prev';
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        let walker = (0, $czmJy$getFocusableTreeWalker)(e.currentTarget, {
+            from: e.target
+        });
+        let nextElem;
+        if (nextDir === 'next') {
+            nextElem = walker.nextNode();
+            if (!nextElem) {
+                walker.currentNode = e.currentTarget;
+                nextElem = walker.firstChild();
+            }
+        } else {
+            nextElem = walker.previousNode();
+            if (!nextElem) {
+                walker.currentNode = e.currentTarget;
+                nextElem = walker.lastChild();
+            }
+        }
+        if (nextElem) {
+            // Call focus on nextElem so that keyboard navigation scrolls the radio into view
+            nextElem.focus();
+            state.setSelectedValue(nextElem.value);
+        }
+    };
+    let groupName = (0, $czmJy$useId)(name);
+    (0, $884aeceb3d67f00f$export$37b65e5b5444d35c).set(state, {
+        name: groupName,
+        descriptionId: descriptionProps.id,
+        errorMessageId: errorMessageProps.id,
+        validationBehavior: validationBehavior
+    });
+    return {
+        radioGroupProps: (0, $czmJy$mergeProps)(domProps, {
+            // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
+            role: 'radiogroup',
+            onKeyDown: onKeyDown,
+            'aria-invalid': state.isInvalid || undefined,
+            'aria-errormessage': props['aria-errormessage'],
+            'aria-readonly': isReadOnly || undefined,
+            'aria-required': isRequired || undefined,
+            'aria-disabled': isDisabled || undefined,
+            'aria-orientation': orientation,
+            ...fieldProps,
+            ...focusWithinProps
+        }),
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
+    };
+}
+
+
+export {$430f30ed08ec25fa$export$62b9571f283ff5c2 as useRadioGroup};
+//# sourceMappingURL=useRadioGroup.module.js.map

package/dist/useRadioGroup.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA6BM,SAAS,0CAAc,KAA0B,EAAE,KAAsB;IAC9E,IAAI,QACF,IAAI,cACJ,UAAU,cACV,UAAU,cACV,UAAU,eACV,cAAc,gCACd,qBAAqB,QACtB,GAAG;IACJ,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,IAAI,aAAC,SAAS,oBAAE,gBAAgB,qBAAE,iBAAiB,EAAC,GAAG,MAAM,iBAAiB;IAC9E,IAAI,cAAC,UAAU,cAAE,UAAU,oBAAE,gBAAgB,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAC3E,GAAG,KAAK;QACR,iDAAiD;QACjD,6CAA6C;QAC7C,kBAAkB;QAClB,WAAW,MAAM,SAAS;QAC1B,cAAc,MAAM,YAAY,IAAI;IACtC;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IAErD,yEAAyE;IACzE,wEAAwE;IACxE,8CAA8C;IAC9C,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QACtC,cAAa,CAAC;gBACZ;aAAA,gBAAA,MAAM,MAAM,cAAZ,oCAAA,mBAAA,OAAe;YACf,IAAI,CAAC,MAAM,aAAa,EACtB,MAAM,mBAAmB,CAAC;QAE9B;QACA,eAAe,MAAM,OAAO;QAC5B,qBAAqB,MAAM,aAAa;IAC1C;IAEA,IAAI,YAAY,CAAC;QACf,IAAI;QACJ,OAAQ,EAAE,GAAG;YACX,KAAK;gBACH,IAAI,cAAc,SAAS,gBAAgB,YACzC,UAAU;qBAEV,UAAU;gBAEZ;YACF,KAAK;gBACH,IAAI,cAAc,SAAS,gBAAgB,YACzC,UAAU;qBAEV,UAAU;gBAEZ;YACF,KAAK;gBACH,UAAU;gBACV;YACF,KAAK;gBACH,UAAU;gBACV;YACF;gBACE;QACJ;QACA,EAAE,cAAc;QAChB,IAAI,SAAS,CAAA,GAAA,6BAAqB,EAAE,EAAE,aAAa,EAAE;YAAC,MAAM,EAAE,MAAM;QAAA;QACpE,IAAI;QACJ,IAAI,YAAY,QAAQ;YACtB,WAAW,OAAO,QAAQ;YAC1B,IAAI,CAAC,UAAU;gBACb,OAAO,WAAW,GAAG,EAAE,aAAa;gBACpC,WAAW,OAAO,UAAU;YAC9B;QACF,OAAO;YACL,WAAW,OAAO,YAAY;YAC9B,IAAI,CAAC,UAAU;gBACb,OAAO,WAAW,GAAG,EAAE,aAAa;gBACpC,WAAW,OAAO,SAAS;YAC7B;QACF;QACA,IAAI,UAAU;YACZ,iFAAiF;YACjF,SAAS,KAAK;YACd,MAAM,gBAAgB,CAAC,SAAS,KAAK;QACvC;IACF;IAEA,IAAI,YAAY,CAAA,GAAA,YAAI,EAAE;IACtB,CAAA,GAAA,yCAAa,EAAE,GAAG,CAAC,OAAO;QACxB,MAAM;QACN,eAAe,iBAAiB,EAAE;QAClC,gBAAgB,kBAAkB,EAAE;4BACpC;IACF;IAEA,OAAO;QACL,iBAAiB,CAAA,GAAA,iBAAS,EAAE,UAAU;YACpC,iDAAiD;YACjD,MAAM;uBACN;YACA,gBAAgB,MAAM,SAAS,IAAI;YACnC,qBAAqB,KAAK,CAAC,oBAAoB;YAC/C,iBAAiB,cAAc;YAC/B,iBAAiB,cAAc;YAC/B,iBAAiB,cAAc;YAC/B,oBAAoB;YACpB,GAAG,UAAU;YACb,GAAG,gBAAgB;QACrB;oBACA;0BACA;2BACA;mBACA;0BACA;2BACA;IACF;AACF","sources":["packages/@react-aria/radio/src/useRadioGroup.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\nimport {AriaRadioGroupProps} from '@react-types/radio';\nimport {DOMAttributes, ValidationResult} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useId} from '@react-aria/utils';\nimport {getFocusableTreeWalker} from '@react-aria/focus';\nimport {radioGroupData} from './utils';\nimport {RadioGroupState} from '@react-stately/radio';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface RadioGroupAria extends ValidationResult {\n  /** Props for the radio group wrapper element. */\n  radioGroupProps: DOMAttributes,\n  /** Props for the radio group's visible label (if any). */\n  labelProps: DOMAttributes,\n  /** Props for the radio group description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the radio group error message element, if any. */\n  errorMessageProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n * @param props - Props for the radio group.\n * @param state - State for the radio group, as returned by `useRadioGroupState`.\n */\nexport function useRadioGroup(props: AriaRadioGroupProps, state: RadioGroupState): RadioGroupAria {\n  let {\n    name,\n    isReadOnly,\n    isRequired,\n    isDisabled,\n    orientation = 'vertical',\n    validationBehavior = 'aria'\n  } = props;\n  let {direction} = useLocale();\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    // Radio group is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: 'span',\n    isInvalid: state.isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  let domProps = filterDOMProps(props, {labelable: true});\n\n  // When the radio group loses focus, reset the focusable radio to null if\n  // there is no selection. This allows tabbing into the group from either\n  // direction to go to the first or last radio.\n  let {focusWithinProps} = useFocusWithin({\n    onBlurWithin(e) {\n      props.onBlur?.(e);\n      if (!state.selectedValue) {\n        state.setLastFocusedValue(null);\n      }\n    },\n    onFocusWithin: props.onFocus,\n    onFocusWithinChange: props.onFocusChange\n  });\n\n  let onKeyDown = (e) => {\n    let nextDir;\n    switch (e.key) {\n      case 'ArrowRight':\n        if (direction === 'rtl' && orientation !== 'vertical') {\n          nextDir = 'prev';\n        } else {\n          nextDir = 'next';\n        }\n        break;\n      case 'ArrowLeft':\n        if (direction === 'rtl' && orientation !== 'vertical') {\n          nextDir = 'next';\n        } else {\n          nextDir = 'prev';\n        }\n        break;\n      case 'ArrowDown':\n        nextDir = 'next';\n        break;\n      case 'ArrowUp':\n        nextDir = 'prev';\n        break;\n      default:\n        return;\n    }\n    e.preventDefault();\n    let walker = getFocusableTreeWalker(e.currentTarget, {from: e.target});\n    let nextElem;\n    if (nextDir === 'next') {\n      nextElem = walker.nextNode();\n      if (!nextElem) {\n        walker.currentNode = e.currentTarget;\n        nextElem = walker.firstChild();\n      }\n    } else {\n      nextElem = walker.previousNode();\n      if (!nextElem) {\n        walker.currentNode = e.currentTarget;\n        nextElem = walker.lastChild();\n      }\n    }\n    if (nextElem) {\n      // Call focus on nextElem so that keyboard navigation scrolls the radio into view\n      nextElem.focus();\n      state.setSelectedValue(nextElem.value);\n    }\n  };\n\n  let groupName = useId(name);\n  radioGroupData.set(state, {\n    name: groupName,\n    descriptionId: descriptionProps.id,\n    errorMessageId: errorMessageProps.id,\n    validationBehavior\n  });\n\n  return {\n    radioGroupProps: mergeProps(domProps, {\n      // https://www.w3.org/TR/wai-aria-1.2/#radiogroup\n      role: 'radiogroup',\n      onKeyDown,\n      'aria-invalid': state.isInvalid || undefined,\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-readonly': isReadOnly || undefined,\n      'aria-required': isRequired || undefined,\n      'aria-disabled': isDisabled || undefined,\n      'aria-orientation': orientation,\n      ...fieldProps,\n      ...focusWithinProps\n    }),\n    labelProps,\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails\n  };\n}\n"],"names":[],"version":3,"file":"useRadioGroup.module.js.map"}

package/dist/utils.main.js

@@ -0,0 +1,20 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "radioGroupData", () => $eeb149278aae5c67$export$37b65e5b5444d35c);
+/*
+ * 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 $eeb149278aae5c67$export$37b65e5b5444d35c = new WeakMap();
+
+
+//# sourceMappingURL=utils.main.js.map

package/dist/utils.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GAWM,MAAM,4CAAiB,IAAI","sources":["packages/@react-aria/radio/src/utils.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\nimport {RadioGroupState} from '@react-stately/radio';\n\ninterface RadioGroupData {\n  name: string,\n  descriptionId: string | undefined,\n  errorMessageId: string | undefined,\n  validationBehavior: 'aria' | 'native'\n}\n\nexport const radioGroupData = new WeakMap<RadioGroupState, RadioGroupData>();\n"],"names":[],"version":3,"file":"utils.main.js.map"}

package/dist/utils.mjs

@@ -0,0 +1,15 @@
+/*
+ * 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 $884aeceb3d67f00f$export$37b65e5b5444d35c = new WeakMap();
+
+
+export {$884aeceb3d67f00f$export$37b65e5b5444d35c as radioGroupData};
+//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js

@@ -0,0 +1,15 @@
+/*
+ * 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 $884aeceb3d67f00f$export$37b65e5b5444d35c = new WeakMap();
+
+
+export {$884aeceb3d67f00f$export$37b65e5b5444d35c as radioGroupData};
+//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;;;CAUC,GAWM,MAAM,4CAAiB,IAAI","sources":["packages/@react-aria/radio/src/utils.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\nimport {RadioGroupState} from '@react-stately/radio';\n\ninterface RadioGroupData {\n  name: string,\n  descriptionId: string | undefined,\n  errorMessageId: string | undefined,\n  validationBehavior: 'aria' | 'native'\n}\n\nexport const radioGroupData = new WeakMap<RadioGroupState, RadioGroupData>();\n"],"names":[],"version":3,"file":"utils.module.js.map"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@react-aria/radio",
+  "version": "3.0.0-nightly-641446f65-240905",
+  "description": "Spectrum UI components in React",
+  "license": "Apache-2.0",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@react-aria/focus": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/form": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/i18n": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/interactions": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/label": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/utils": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/radio": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/radio": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/shared": "^3.0.0-nightly-641446f65-240905",
+    "@swc/helpers": "^0.5.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "stableVersion": "3.10.7"
+}

package/src/index.ts

@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+export {useRadio} from './useRadio';
+export {useRadioGroup} from './useRadioGroup';
+export type {AriaRadioGroupProps, AriaRadioProps} from '@react-types/radio';
+export type {Orientation} from '@react-types/shared';
+export type {RadioAria} from './useRadio';
+export type {RadioGroupAria} from './useRadioGroup';

package/src/useRadio.ts

@@ -0,0 +1,121 @@
+/*
+ * 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.
+ */
+
+import {AriaRadioProps} from '@react-types/radio';
+import {filterDOMProps, mergeProps, useFormReset} from '@react-aria/utils';
+import {InputHTMLAttributes, LabelHTMLAttributes} from 'react';
+import {radioGroupData} from './utils';
+import {RadioGroupState} from '@react-stately/radio';
+import {RefObject} from '@react-types/shared';
+import {useFocusable} from '@react-aria/focus';
+import {useFormValidation} from '@react-aria/form';
+import {usePress} from '@react-aria/interactions';
+
+export interface RadioAria {
+  /** Props for the label wrapper element. */
+  labelProps: LabelHTMLAttributes<HTMLLabelElement>,
+  /** Props for the input element. */
+  inputProps: InputHTMLAttributes<HTMLInputElement>,
+  /** Whether the radio is disabled. */
+  isDisabled: boolean,
+  /** Whether the radio is currently selected. */
+  isSelected: boolean,
+  /** Whether the radio is in a pressed state. */
+  isPressed: boolean
+}
+
+/**
+ * Provides the behavior and accessibility implementation for an individual
+ * radio button in a radio group.
+ * @param props - Props for the radio.
+ * @param state - State for the radio group, as returned by `useRadioGroupState`.
+ * @param ref - Ref to the HTML input element.
+ */
+export function useRadio(props: AriaRadioProps, state: RadioGroupState, ref: RefObject<HTMLInputElement | null>): RadioAria {
+  let {
+    value,
+    children,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledby
+  } = props;
+
+  const isDisabled = props.isDisabled || state.isDisabled;
+
+  let hasChildren = children != null;
+  let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
+  if (!hasChildren && !hasAriaLabel) {
+    console.warn('If you do not provide children, you must specify an aria-label for accessibility');
+  }
+
+  let checked = state.selectedValue === value;
+
+  let onChange = (e) => {
+    e.stopPropagation();
+    state.setSelectedValue(value);
+  };
+
+  let {pressProps, isPressed} = usePress({
+    isDisabled
+  });
+
+  // iOS does not toggle radios if you drag off and back onto the label, so handle it ourselves.
+  let {pressProps: labelProps, isPressed: isLabelPressed} = usePress({
+    isDisabled,
+    onPress() {
+      state.setSelectedValue(value);
+    }
+  });
+
+  let {focusableProps} = useFocusable(mergeProps(props, {
+    onFocus: () => state.setLastFocusedValue(value)
+  }), ref);
+  let interactions = mergeProps(pressProps, focusableProps);
+  let domProps = filterDOMProps(props, {labelable: true});
+  let tabIndex: number | undefined = -1;
+  if (state.selectedValue != null) {
+    if (state.selectedValue === value) {
+      tabIndex = 0;
+    }
+  } else if (state.lastFocusedValue === value || state.lastFocusedValue == null) {
+    tabIndex = 0;
+  }
+  if (isDisabled) {
+    tabIndex = undefined;
+  }
+
+  let {name, descriptionId, errorMessageId, validationBehavior} = radioGroupData.get(state)!;
+  useFormReset(ref, state.selectedValue, state.setSelectedValue);
+  useFormValidation({validationBehavior}, state, ref);
+
+  return {
+    labelProps: mergeProps(labelProps, {onClick: e => e.preventDefault()}),
+    inputProps: mergeProps(domProps, {
+      ...interactions,
+      type: 'radio',
+      name,
+      tabIndex,
+      disabled: isDisabled,
+      required: state.isRequired && validationBehavior === 'native',
+      checked,
+      value,
+      onChange,
+      'aria-describedby': [
+        props['aria-describedby'],
+        state.isInvalid ? errorMessageId : null,
+        descriptionId
+      ].filter(Boolean).join(' ') || undefined
+    }),
+    isDisabled,
+    isSelected: checked,
+    isPressed: isPressed || isLabelPressed
+  };
+}