@react-aria/button 3.3.1 → 3.4.0

package/dist/main.js

@@ -1,125 +1,108 @@
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
+var $7EMBp$reactariautils = require("@react-aria/utils");
+var $7EMBp$reactariafocus = require("@react-aria/focus");
+var $7EMBp$reactariainteractions = require("@react-aria/interactions");
 
-var {
-  usePress
-} = require("@react-aria/interactions");
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var {
-  useFocusable
-} = require("@react-aria/focus");
-
-var {
-  filterDOMProps,
-  mergeProps,
-  chain
-} = require("@react-aria/utils");
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
+  return dest;
 }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $cf6d5e8ad7b0b063$exports = {};
+
+$parcel$export($cf6d5e8ad7b0b063$exports, "useButton", () => $cf6d5e8ad7b0b063$export$ea18c227d4417cc3);
+
 
-/**
- * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,
- * focus behavior, and ARIA props for both native button elements and custom element types.
- * @param props - Props to be applied to the button.
- * @param ref - A ref to a DOM element for the button.
- */
-function useButton(props, ref) {
-  /* eslint-enable no-redeclare */
-  let {
-    elementType = 'button',
-    isDisabled,
-    onPress,
-    onPressStart,
-    onPressEnd,
-    onPressChange,
-    // @ts-ignore - undocumented
-    preventFocusOnPress,
-    // @ts-ignore
-    onClick: deprecatedOnClick,
-    href,
-    target,
-    rel,
-    type = 'button'
-  } = props;
-  let additionalProps;
-
-  if (elementType !== 'button') {
-    additionalProps = {
-      role: 'button',
-      tabIndex: isDisabled ? undefined : 0,
-      href: elementType === 'a' && isDisabled ? undefined : href,
-      target: elementType === 'a' ? target : undefined,
-      type: elementType === 'input' ? type : undefined,
-      disabled: elementType === 'input' ? isDisabled : undefined,
-      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,
-      rel: elementType === 'a' ? rel : undefined
+
+
+function $cf6d5e8ad7b0b063$export$ea18c227d4417cc3(props, ref) {
+    let { elementType: elementType = 'button' , isDisabled: isDisabled , onPress: onPress , onPressStart: onPressStart , onPressEnd: onPressEnd , onPressChange: onPressChange , preventFocusOnPress: // @ts-ignore - undocumented
+    preventFocusOnPress , allowFocusWhenDisabled: // @ts-ignore - undocumented
+    allowFocusWhenDisabled , // @ts-ignore
+    onClick: deprecatedOnClick , href: href , target: target , rel: rel , type: type = 'button'  } = props;
+    let additionalProps;
+    if (elementType === 'button') additionalProps = {
+        type: type,
+        disabled: isDisabled
+    };
+    else additionalProps = {
+        role: 'button',
+        tabIndex: isDisabled ? undefined : 0,
+        href: elementType === 'a' && isDisabled ? undefined : href,
+        target: elementType === 'a' ? target : undefined,
+        type: elementType === 'input' ? type : undefined,
+        disabled: elementType === 'input' ? isDisabled : undefined,
+        'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,
+        rel: elementType === 'a' ? rel : undefined
+    };
+    let { pressProps: pressProps , isPressed: isPressed  } = $7EMBp$reactariainteractions.usePress({
+        onPressStart: onPressStart,
+        onPressEnd: onPressEnd,
+        onPressChange: onPressChange,
+        onPress: onPress,
+        isDisabled: isDisabled,
+        preventFocusOnPress: preventFocusOnPress,
+        ref: ref
+    });
+    let { focusableProps: focusableProps  } = $7EMBp$reactariafocus.useFocusable(props, ref);
+    if (allowFocusWhenDisabled) focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
+    let buttonProps = $7EMBp$reactariautils.mergeProps(focusableProps, pressProps, $7EMBp$reactariautils.filterDOMProps(props, {
+        labelable: true
+    }));
+    return {
+        isPressed: isPressed,
+        buttonProps: $7EMBp$reactariautils.mergeProps(additionalProps, buttonProps, {
+            'aria-haspopup': props['aria-haspopup'],
+            'aria-expanded': props['aria-expanded'],
+            'aria-controls': props['aria-controls'],
+            'aria-pressed': props['aria-pressed'],
+            onClick: (e)=>{
+                if (deprecatedOnClick) {
+                    deprecatedOnClick(e);
+                    console.warn('onClick is deprecated, please use onPress');
+                }
+            }
+        })
     };
-  }
-
-  let {
-    pressProps,
-    isPressed
-  } = usePress({
-    onPressStart,
-    onPressEnd,
-    onPressChange,
-    onPress,
-    isDisabled,
-    preventFocusOnPress,
-    ref
-  });
-  let {
-    focusableProps
-  } = useFocusable(props, ref);
-  let buttonProps = mergeProps(focusableProps, pressProps);
-  buttonProps = mergeProps(buttonProps, filterDOMProps(props, {
-    labelable: true
-  }));
-  return {
-    isPressed,
-    // Used to indicate press state for visual
-    buttonProps: mergeProps(additionalProps, buttonProps, {
-      'aria-haspopup': props['aria-haspopup'],
-      'aria-expanded': props['aria-expanded'],
-      'aria-controls': props['aria-controls'],
-      'aria-pressed': props['aria-pressed'],
-      disabled: isDisabled,
-      type,
-      onClick: e => {
-        if (deprecatedOnClick) {
-          deprecatedOnClick(e);
-          console.warn('onClick is deprecated, please use onPress');
-        }
-      }
-    })
-  };
 }
 
-exports.useButton = useButton;
-
-/**
- * Provides the behavior and accessibility implementation for a toggle button component.
- * ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.
- */
-function useToggleButton(props, state, ref) {
-  /* eslint-enable no-redeclare */
-  const {
-    isSelected
-  } = state;
-  const {
-    isPressed,
-    buttonProps
-  } = useButton(_babelRuntimeHelpersExtends({}, props, {
-    onPress: chain(state.toggle, props.onPress)
-  }), ref);
-  return {
-    isPressed,
-    buttonProps: mergeProps(buttonProps, {
-      'aria-pressed': isSelected
-    })
-  };
+
+var $06fe23040a134b53$exports = {};
+
+$parcel$export($06fe23040a134b53$exports, "useToggleButton", () => $06fe23040a134b53$export$51e84d46ca0bc451);
+
+
+
+function $06fe23040a134b53$export$51e84d46ca0bc451(props, state, ref) {
+    const { isSelected: isSelected  } = state;
+    const { isPressed: isPressed , buttonProps: buttonProps  } = $cf6d5e8ad7b0b063$export$ea18c227d4417cc3({
+        ...props,
+        onPress: $7EMBp$reactariautils.chain(state.toggle, props.onPress)
+    }, ref);
+    return {
+        isPressed: isPressed,
+        buttonProps: $7EMBp$reactariautils.mergeProps(buttonProps, {
+            'aria-pressed': isSelected
+        })
+    };
 }
 
-exports.useToggleButton = useToggleButton;
+
+$parcel$exportWildcard(module.exports, $cf6d5e8ad7b0b063$exports);
+$parcel$exportWildcard(module.exports, $06fe23040a134b53$exports);
+
+
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-aria/button/src/useButton.ts","./packages/@react-aria/button/src/useToggleButton.ts"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaButtonProps} from '@react-types/button';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {useFocusable} from '@react-aria/focus';\nimport {usePress} from '@react-aria/interactions';\n\n\nexport interface ButtonAria<T> {\n  /** Props for the button element. */\n  buttonProps: T,\n  /** Whether the button is currently pressed. */\n  isPressed: boolean\n}\n\n/* eslint-disable no-redeclare */\nexport function useButton(props: AriaButtonProps<'a'>, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useButton(props: AriaButtonProps<'button'>, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useButton(props: AriaButtonProps<'div'>, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useButton(props: AriaButtonProps<'input'>, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useButton(props: AriaButtonProps<'span'>, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,\n * focus behavior, and ARIA props for both native button elements and custom element types.\n * @param props - Props to be applied to the button.\n * @param ref - A ref to a DOM element for the button.\n */\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n/* eslint-enable no-redeclare */\n  let {\n    elementType = 'button',\n    isDisabled,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    // @ts-ignore - undocumented\n    preventFocusOnPress,\n    // @ts-ignore\n    onClick: deprecatedOnClick,\n    href,\n    target,\n    rel,\n    type = 'button'\n  } = props;\n  let additionalProps;\n  if (elementType !== 'button') {\n    additionalProps = {\n      role: 'button',\n      tabIndex: isDisabled ? undefined : 0,\n      href: elementType === 'a' && isDisabled ? undefined : href,\n      target: elementType === 'a' ? target : undefined,\n      type: elementType === 'input' ? type : undefined,\n      disabled: elementType === 'input' ? isDisabled : undefined,\n      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,\n      rel: elementType === 'a' ? rel : undefined\n    };\n  }\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    onPress,\n    isDisabled,\n    preventFocusOnPress,\n    ref\n  });\n\n  let {focusableProps} = useFocusable(props, ref);\n  let buttonProps = mergeProps(focusableProps, pressProps);\n  buttonProps = mergeProps(buttonProps, filterDOMProps(props, {labelable: true}));\n\n  return {\n    isPressed, // Used to indicate press state for visual\n    buttonProps: mergeProps(additionalProps, buttonProps, {\n      'aria-haspopup': props['aria-haspopup'],\n      'aria-expanded': props['aria-expanded'],\n      'aria-controls': props['aria-controls'],\n      'aria-pressed': props['aria-pressed'],\n      disabled: isDisabled,\n      type,\n      onClick: (e) => {\n        if (deprecatedOnClick) {\n          deprecatedOnClick(e);\n          console.warn('onClick is deprecated, please use onPress');\n        }\n      }\n    })\n  };\n}\n","/*\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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaToggleButtonProps} from '@react-types/button';\nimport {ButtonAria, useButton} from './useButton';\nimport {chain} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {ToggleState} from '@react-stately/toggle';\n\n/* eslint-disable no-redeclare */\nexport function useToggleButton(props: AriaToggleButtonProps<'a'>, state: ToggleState, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'button'>, state: ToggleState, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'div'>, state: ToggleState, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'input'>, state: ToggleState, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'span'>, state: ToggleState, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.\n */\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n/* eslint-enable no-redeclare */\n  const {isSelected} = state;\n  const {isPressed, buttonProps} = useButton({\n    ...props,\n    onPress: chain(state.toggle, props.onPress)\n  }, ref);\n\n  return {\n    isPressed,\n    buttonProps: mergeProps(buttonProps, {\n      'aria-pressed': isSelected\n    })\n  };\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","useButton","props","ref","elementType","isDisabled","onPress","onPressStart","onPressEnd","onPressChange","preventFocusOnPress","onClick","deprecatedOnClick","href","target","rel","type","additionalProps","role","tabIndex","undefined","disabled","pressProps","isPressed","usePress","focusableProps","useFocusable","buttonProps","mergeProps","filterDOMProps","labelable","e","console","warn","useToggleButton","state","isSelected","chain","toggle"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-aria/button/src/index.ts","packages/@react-aria/button/src/useButton.ts","packages/@react-aria/button/src/useToggleButton.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\nexport * from './useButton';\nexport * from './useToggleButton';\n","/*\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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaButtonProps} from '@react-types/button';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {useFocusable} from '@react-aria/focus';\nimport {usePress} from '@react-aria/interactions';\n\n\nexport interface ButtonAria<T> {\n  /** Props for the button element. */\n  buttonProps: T,\n  /** Whether the button is currently pressed. */\n  isPressed: boolean\n}\n\nexport function useButton(props: AriaButtonProps<'a'>, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useButton(props: AriaButtonProps<'button'>, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useButton(props: AriaButtonProps<'div'>, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useButton(props: AriaButtonProps<'input'>, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useButton(props: AriaButtonProps<'span'>, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,\n * focus behavior, and ARIA props for both native button elements and custom element types.\n * @param props - Props to be applied to the button.\n * @param ref - A ref to a DOM element for the button.\n */\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n  let {\n    elementType = 'button',\n    isDisabled,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    // @ts-ignore - undocumented\n    preventFocusOnPress,\n    // @ts-ignore - undocumented\n    allowFocusWhenDisabled,\n    // @ts-ignore\n    onClick: deprecatedOnClick,\n    href,\n    target,\n    rel,\n    type = 'button'\n  } = props;\n  let additionalProps;\n  if (elementType === 'button') {\n    additionalProps = {\n      type,\n      disabled: isDisabled\n    };\n  } else {\n    additionalProps = {\n      role: 'button',\n      tabIndex: isDisabled ? undefined : 0,\n      href: elementType === 'a' && isDisabled ? undefined : href,\n      target: elementType === 'a' ? target : undefined,\n      type: elementType === 'input' ? type : undefined,\n      disabled: elementType === 'input' ? isDisabled : undefined,\n      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,\n      rel: elementType === 'a' ? rel : undefined\n    };\n  }\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    onPress,\n    isDisabled,\n    preventFocusOnPress,\n    ref\n  });\n\n  let {focusableProps} = useFocusable(props, ref);\n  if (allowFocusWhenDisabled) {\n    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;\n  }\n  let buttonProps = mergeProps(focusableProps, pressProps, filterDOMProps(props, {labelable: true}));\n\n  return {\n    isPressed, // Used to indicate press state for visual\n    buttonProps: mergeProps(additionalProps, buttonProps, {\n      'aria-haspopup': props['aria-haspopup'],\n      'aria-expanded': props['aria-expanded'],\n      'aria-controls': props['aria-controls'],\n      'aria-pressed': props['aria-pressed'],\n      onClick: (e) => {\n        if (deprecatedOnClick) {\n          deprecatedOnClick(e);\n          console.warn('onClick is deprecated, please use onPress');\n        }\n      }\n    })\n  };\n}\n","/*\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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaToggleButtonProps} from '@react-types/button';\nimport {ButtonAria, useButton} from './useButton';\nimport {chain} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {ToggleState} from '@react-stately/toggle';\n\nexport function useToggleButton(props: AriaToggleButtonProps<'a'>, state: ToggleState, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'button'>, state: ToggleState, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'div'>, state: ToggleState, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'input'>, state: ToggleState, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'span'>, state: ToggleState, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.\n */\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n  const {isSelected} = state;\n  const {isPressed, buttonProps} = useButton({\n    ...props,\n    onPress: chain(state.toggle, props.onPress)\n  }, ref);\n\n  return {\n    isPressed,\n    buttonProps: mergeProps(buttonProps, {\n      'aria-pressed': isSelected\n    })\n  };\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,106 +1,91 @@
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-import { usePress } from "@react-aria/interactions";
-import { useFocusable } from "@react-aria/focus";
-import { filterDOMProps, mergeProps, chain } from "@react-aria/utils";
-
-/**
- * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,
- * focus behavior, and ARIA props for both native button elements and custom element types.
- * @param props - Props to be applied to the button.
- * @param ref - A ref to a DOM element for the button.
- */
-export function useButton(props, ref) {
-  /* eslint-enable no-redeclare */
-  let {
-    elementType = 'button',
-    isDisabled,
-    onPress,
-    onPressStart,
-    onPressEnd,
-    onPressChange,
-    // @ts-ignore - undocumented
-    preventFocusOnPress,
-    // @ts-ignore
-    onClick: deprecatedOnClick,
-    href,
-    target,
-    rel,
-    type = 'button'
-  } = props;
-  let additionalProps;
-
-  if (elementType !== 'button') {
-    additionalProps = {
-      role: 'button',
-      tabIndex: isDisabled ? undefined : 0,
-      href: elementType === 'a' && isDisabled ? undefined : href,
-      target: elementType === 'a' ? target : undefined,
-      type: elementType === 'input' ? type : undefined,
-      disabled: elementType === 'input' ? isDisabled : undefined,
-      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,
-      rel: elementType === 'a' ? rel : undefined
+import {mergeProps as $fXQi9$mergeProps, filterDOMProps as $fXQi9$filterDOMProps, chain as $fXQi9$chain} from "@react-aria/utils";
+import {useFocusable as $fXQi9$useFocusable} from "@react-aria/focus";
+import {usePress as $fXQi9$usePress} from "@react-aria/interactions";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $406353e93a1b90e2$exports = {};
+
+$parcel$export($406353e93a1b90e2$exports, "useButton", () => $406353e93a1b90e2$export$ea18c227d4417cc3);
+
+
+
+
+function $406353e93a1b90e2$export$ea18c227d4417cc3(props, ref) {
+    let { elementType: elementType = 'button' , isDisabled: isDisabled , onPress: onPress , onPressStart: onPressStart , onPressEnd: onPressEnd , onPressChange: onPressChange , preventFocusOnPress: // @ts-ignore - undocumented
+    preventFocusOnPress , allowFocusWhenDisabled: // @ts-ignore - undocumented
+    allowFocusWhenDisabled , // @ts-ignore
+    onClick: deprecatedOnClick , href: href , target: target , rel: rel , type: type = 'button'  } = props;
+    let additionalProps;
+    if (elementType === 'button') additionalProps = {
+        type: type,
+        disabled: isDisabled
+    };
+    else additionalProps = {
+        role: 'button',
+        tabIndex: isDisabled ? undefined : 0,
+        href: elementType === 'a' && isDisabled ? undefined : href,
+        target: elementType === 'a' ? target : undefined,
+        type: elementType === 'input' ? type : undefined,
+        disabled: elementType === 'input' ? isDisabled : undefined,
+        'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,
+        rel: elementType === 'a' ? rel : undefined
+    };
+    let { pressProps: pressProps , isPressed: isPressed  } = $fXQi9$usePress({
+        onPressStart: onPressStart,
+        onPressEnd: onPressEnd,
+        onPressChange: onPressChange,
+        onPress: onPress,
+        isDisabled: isDisabled,
+        preventFocusOnPress: preventFocusOnPress,
+        ref: ref
+    });
+    let { focusableProps: focusableProps  } = $fXQi9$useFocusable(props, ref);
+    if (allowFocusWhenDisabled) focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
+    let buttonProps = $fXQi9$mergeProps(focusableProps, pressProps, $fXQi9$filterDOMProps(props, {
+        labelable: true
+    }));
+    return {
+        isPressed: isPressed,
+        buttonProps: $fXQi9$mergeProps(additionalProps, buttonProps, {
+            'aria-haspopup': props['aria-haspopup'],
+            'aria-expanded': props['aria-expanded'],
+            'aria-controls': props['aria-controls'],
+            'aria-pressed': props['aria-pressed'],
+            onClick: (e)=>{
+                if (deprecatedOnClick) {
+                    deprecatedOnClick(e);
+                    console.warn('onClick is deprecated, please use onPress');
+                }
+            }
+        })
     };
-  }
-
-  let {
-    pressProps,
-    isPressed
-  } = usePress({
-    onPressStart,
-    onPressEnd,
-    onPressChange,
-    onPress,
-    isDisabled,
-    preventFocusOnPress,
-    ref
-  });
-  let {
-    focusableProps
-  } = useFocusable(props, ref);
-  let buttonProps = mergeProps(focusableProps, pressProps);
-  buttonProps = mergeProps(buttonProps, filterDOMProps(props, {
-    labelable: true
-  }));
-  return {
-    isPressed,
-    // Used to indicate press state for visual
-    buttonProps: mergeProps(additionalProps, buttonProps, {
-      'aria-haspopup': props['aria-haspopup'],
-      'aria-expanded': props['aria-expanded'],
-      'aria-controls': props['aria-controls'],
-      'aria-pressed': props['aria-pressed'],
-      disabled: isDisabled,
-      type,
-      onClick: e => {
-        if (deprecatedOnClick) {
-          deprecatedOnClick(e);
-          console.warn('onClick is deprecated, please use onPress');
-        }
-      }
-    })
-  };
 }
 
-/**
- * Provides the behavior and accessibility implementation for a toggle button component.
- * ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.
- */
-export function useToggleButton(props, state, ref) {
-  /* eslint-enable no-redeclare */
-  const {
-    isSelected
-  } = state;
-  const {
-    isPressed,
-    buttonProps
-  } = useButton(_babelRuntimeHelpersEsmExtends({}, props, {
-    onPress: chain(state.toggle, props.onPress)
-  }), ref);
-  return {
-    isPressed,
-    buttonProps: mergeProps(buttonProps, {
-      'aria-pressed': isSelected
-    })
-  };
+
+var $02948abd23f2e84a$exports = {};
+
+$parcel$export($02948abd23f2e84a$exports, "useToggleButton", () => $02948abd23f2e84a$export$51e84d46ca0bc451);
+
+
+
+function $02948abd23f2e84a$export$51e84d46ca0bc451(props, state, ref) {
+    const { isSelected: isSelected  } = state;
+    const { isPressed: isPressed , buttonProps: buttonProps  } = $406353e93a1b90e2$export$ea18c227d4417cc3({
+        ...props,
+        onPress: $fXQi9$chain(state.toggle, props.onPress)
+    }, ref);
+    return {
+        isPressed: isPressed,
+        buttonProps: $fXQi9$mergeProps(buttonProps, {
+            'aria-pressed': isSelected
+        })
+    };
 }
+
+
+
+
+export {$406353e93a1b90e2$export$ea18c227d4417cc3 as useButton, $02948abd23f2e84a$export$51e84d46ca0bc451 as useToggleButton};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-aria/button/src/useButton.ts","./packages/@react-aria/button/src/useToggleButton.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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaButtonProps} from '@react-types/button';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {useFocusable} from '@react-aria/focus';\nimport {usePress} from '@react-aria/interactions';\n\n\nexport interface ButtonAria<T> {\n  /** Props for the button element. */\n  buttonProps: T,\n  /** Whether the button is currently pressed. */\n  isPressed: boolean\n}\n\n/* eslint-disable no-redeclare */\nexport function useButton(props: AriaButtonProps<'a'>, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useButton(props: AriaButtonProps<'button'>, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useButton(props: AriaButtonProps<'div'>, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useButton(props: AriaButtonProps<'input'>, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useButton(props: AriaButtonProps<'span'>, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,\n * focus behavior, and ARIA props for both native button elements and custom element types.\n * @param props - Props to be applied to the button.\n * @param ref - A ref to a DOM element for the button.\n */\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n/* eslint-enable no-redeclare */\n  let {\n    elementType = 'button',\n    isDisabled,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    // @ts-ignore - undocumented\n    preventFocusOnPress,\n    // @ts-ignore\n    onClick: deprecatedOnClick,\n    href,\n    target,\n    rel,\n    type = 'button'\n  } = props;\n  let additionalProps;\n  if (elementType !== 'button') {\n    additionalProps = {\n      role: 'button',\n      tabIndex: isDisabled ? undefined : 0,\n      href: elementType === 'a' && isDisabled ? undefined : href,\n      target: elementType === 'a' ? target : undefined,\n      type: elementType === 'input' ? type : undefined,\n      disabled: elementType === 'input' ? isDisabled : undefined,\n      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,\n      rel: elementType === 'a' ? rel : undefined\n    };\n  }\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    onPress,\n    isDisabled,\n    preventFocusOnPress,\n    ref\n  });\n\n  let {focusableProps} = useFocusable(props, ref);\n  let buttonProps = mergeProps(focusableProps, pressProps);\n  buttonProps = mergeProps(buttonProps, filterDOMProps(props, {labelable: true}));\n\n  return {\n    isPressed, // Used to indicate press state for visual\n    buttonProps: mergeProps(additionalProps, buttonProps, {\n      'aria-haspopup': props['aria-haspopup'],\n      'aria-expanded': props['aria-expanded'],\n      'aria-controls': props['aria-controls'],\n      'aria-pressed': props['aria-pressed'],\n      disabled: isDisabled,\n      type,\n      onClick: (e) => {\n        if (deprecatedOnClick) {\n          deprecatedOnClick(e);\n          console.warn('onClick is deprecated, please use onPress');\n        }\n      }\n    })\n  };\n}\n","/*\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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaToggleButtonProps} from '@react-types/button';\nimport {ButtonAria, useButton} from './useButton';\nimport {chain} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {ToggleState} from '@react-stately/toggle';\n\n/* eslint-disable no-redeclare */\nexport function useToggleButton(props: AriaToggleButtonProps<'a'>, state: ToggleState, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'button'>, state: ToggleState, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'div'>, state: ToggleState, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'input'>, state: ToggleState, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'span'>, state: ToggleState, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.\n */\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n/* eslint-enable no-redeclare */\n  const {isSelected} = state;\n  const {isPressed, buttonProps} = useButton({\n    ...props,\n    onPress: chain(state.toggle, props.onPress)\n  }, ref);\n\n  return {\n    isPressed,\n    buttonProps: mergeProps(buttonProps, {\n      'aria-pressed': isSelected\n    })\n  };\n}\n"],"names":["useButton","props","ref","elementType","isDisabled","onPress","onPressStart","onPressEnd","onPressChange","preventFocusOnPress","onClick","deprecatedOnClick","href","target","rel","type","additionalProps","role","tabIndex","undefined","disabled","pressProps","isPressed","usePress","focusableProps","useFocusable","buttonProps","mergeProps","filterDOMProps","labelable","e","console","warn","useToggleButton","state","isSelected","chain","toggle"],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["packages/@react-aria/button/src/index.ts","packages/@react-aria/button/src/useButton.ts","packages/@react-aria/button/src/useToggleButton.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\nexport * from './useButton';\nexport * from './useToggleButton';\n","/*\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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaButtonProps} from '@react-types/button';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {useFocusable} from '@react-aria/focus';\nimport {usePress} from '@react-aria/interactions';\n\n\nexport interface ButtonAria<T> {\n  /** Props for the button element. */\n  buttonProps: T,\n  /** Whether the button is currently pressed. */\n  isPressed: boolean\n}\n\nexport function useButton(props: AriaButtonProps<'a'>, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useButton(props: AriaButtonProps<'button'>, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useButton(props: AriaButtonProps<'div'>, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useButton(props: AriaButtonProps<'input'>, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useButton(props: AriaButtonProps<'span'>, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a button component. Handles mouse, keyboard, and touch interactions,\n * focus behavior, and ARIA props for both native button elements and custom element types.\n * @param props - Props to be applied to the button.\n * @param ref - A ref to a DOM element for the button.\n */\nexport function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n  let {\n    elementType = 'button',\n    isDisabled,\n    onPress,\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    // @ts-ignore - undocumented\n    preventFocusOnPress,\n    // @ts-ignore - undocumented\n    allowFocusWhenDisabled,\n    // @ts-ignore\n    onClick: deprecatedOnClick,\n    href,\n    target,\n    rel,\n    type = 'button'\n  } = props;\n  let additionalProps;\n  if (elementType === 'button') {\n    additionalProps = {\n      type,\n      disabled: isDisabled\n    };\n  } else {\n    additionalProps = {\n      role: 'button',\n      tabIndex: isDisabled ? undefined : 0,\n      href: elementType === 'a' && isDisabled ? undefined : href,\n      target: elementType === 'a' ? target : undefined,\n      type: elementType === 'input' ? type : undefined,\n      disabled: elementType === 'input' ? isDisabled : undefined,\n      'aria-disabled': !isDisabled || elementType === 'input' ? undefined : isDisabled,\n      rel: elementType === 'a' ? rel : undefined\n    };\n  }\n\n  let {pressProps, isPressed} = usePress({\n    onPressStart,\n    onPressEnd,\n    onPressChange,\n    onPress,\n    isDisabled,\n    preventFocusOnPress,\n    ref\n  });\n\n  let {focusableProps} = useFocusable(props, ref);\n  if (allowFocusWhenDisabled) {\n    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;\n  }\n  let buttonProps = mergeProps(focusableProps, pressProps, filterDOMProps(props, {labelable: true}));\n\n  return {\n    isPressed, // Used to indicate press state for visual\n    buttonProps: mergeProps(additionalProps, buttonProps, {\n      'aria-haspopup': props['aria-haspopup'],\n      'aria-expanded': props['aria-expanded'],\n      'aria-controls': props['aria-controls'],\n      'aria-pressed': props['aria-pressed'],\n      onClick: (e) => {\n        if (deprecatedOnClick) {\n          deprecatedOnClick(e);\n          console.warn('onClick is deprecated, please use onPress');\n        }\n      }\n    })\n  };\n}\n","/*\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 {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  RefObject\n} from 'react';\nimport {AriaToggleButtonProps} from '@react-types/button';\nimport {ButtonAria, useButton} from './useButton';\nimport {chain} from '@react-aria/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {ToggleState} from '@react-stately/toggle';\n\nexport function useToggleButton(props: AriaToggleButtonProps<'a'>, state: ToggleState, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'button'>, state: ToggleState, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'div'>, state: ToggleState, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'input'>, state: ToggleState, ref: RefObject<HTMLInputElement>): ButtonAria<InputHTMLAttributes<HTMLInputElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<'span'>, state: ToggleState, ref: RefObject<HTMLSpanElement>): ButtonAria<HTMLAttributes<HTMLSpanElement>>;\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<HTMLElement>): ButtonAria<HTMLAttributes<HTMLElement>>;\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.\n */\nexport function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {\n  const {isSelected} = state;\n  const {isPressed, buttonProps} = useButton({\n    ...props,\n    onPress: chain(state.toggle, props.onPress)\n  }, ref);\n\n  return {\n    isPressed,\n    buttonProps: mergeProps(buttonProps, {\n      'aria-pressed': isSelected\n    })\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, HTMLAttributes, RefObject } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes, InputHTMLAttributes, RefObject } from "react";
 import { AriaButtonProps, AriaToggleButtonProps } from "@react-types/button";
 import { ToggleState } from "@react-stately/toggle";
 export interface ButtonAria<T> {

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;AA2BA,4BAA4B,CAAC;IAC3B,oCAAoC;IACpC,WAAW,EAAE,CAAC,CAAC;IACf,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAA;CACnB;AAGD,0BAA0B,KAAK,EAAE,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AAC/I,0BAA0B,KAAK,EAAE,gBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AACpJ,0BAA0B,KAAK,EAAE,gBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,UAAU,cAAc,CAAC,GAAG,WAAW,eAAe,cAAc,CAAC,CAAC,CAAC;AACrI,0BAA0B,KAAK,EAAE,gBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,CAAC;AAChJ,0BAA0B,KAAK,EAAE,gBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,UAAU,eAAe,CAAC,GAAG,WAAW,eAAe,eAAe,CAAC,CAAC,CAAC;AACxI,0BAA0B,KAAK,EAAE,gBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,WAAW,eAAe,WAAW,CAAC,CAAC,CAAC;ACbrI,gCAAgC,KAAK,EAAE,sBAAsB,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AAC/K,gCAAgC,KAAK,EAAE,sBAAsB,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AACpL,gCAAgC,KAAK,EAAE,sBAAsB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,cAAc,CAAC,GAAG,WAAW,eAAe,cAAc,CAAC,CAAC,CAAC;AACrK,gCAAgC,KAAK,EAAE,sBAAsB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,CAAC;AAChL,gCAAgC,KAAK,EAAE,sBAAsB,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,eAAe,CAAC,GAAG,WAAW,eAAe,eAAe,CAAC,CAAC,CAAC;AACxK,gCAAgC,KAAK,EAAE,sBAAsB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,WAAW,eAAe,WAAW,CAAC,CAAC,CAAC","sources":["./packages/@react-aria/button/src/packages/@react-aria/button/src/useButton.ts","./packages/@react-aria/button/src/packages/@react-aria/button/src/useToggleButton.ts","./packages/@react-aria/button/src/packages/@react-aria/button/src/index.ts"],"sourcesContent":[null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;AA2BA,4BAA4B,CAAC;IAC3B,oCAAoC;IACpC,WAAW,EAAE,CAAC,CAAC;IACf,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,0BAA0B,KAAK,EAAE,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AAC/I,0BAA0B,KAAK,EAAE,gBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AACpJ,0BAA0B,KAAK,EAAE,gBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,UAAU,cAAc,CAAC,GAAG,WAAW,eAAe,cAAc,CAAC,CAAC,CAAC;AACrI,0BAA0B,KAAK,EAAE,gBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,CAAC;AAChJ,0BAA0B,KAAK,EAAE,gBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,UAAU,eAAe,CAAC,GAAG,WAAW,eAAe,eAAe,CAAC,CAAC,CAAC;AACxI,0BAA0B,KAAK,EAAE,gBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,WAAW,eAAe,WAAW,CAAC,CAAC,CAAC;ACbrI,gCAAgC,KAAK,EAAE,sBAAsB,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AAC/K,gCAAgC,KAAK,EAAE,sBAAsB,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,iBAAiB,CAAC,GAAG,WAAW,qBAAqB,iBAAiB,CAAC,CAAC,CAAC;AACpL,gCAAgC,KAAK,EAAE,sBAAsB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,cAAc,CAAC,GAAG,WAAW,eAAe,cAAc,CAAC,CAAC,CAAC;AACrK,gCAAgC,KAAK,EAAE,sBAAsB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAAG,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,CAAC;AAChL,gCAAgC,KAAK,EAAE,sBAAsB,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,eAAe,CAAC,GAAG,WAAW,eAAe,eAAe,CAAC,CAAC,CAAC;AACxK,gCAAgC,KAAK,EAAE,sBAAsB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,WAAW,eAAe,WAAW,CAAC,CAAC,CAAC","sources":["packages/@react-aria/button/src/packages/@react-aria/button/src/useButton.ts","packages/@react-aria/button/src/packages/@react-aria/button/src/useToggleButton.ts","packages/@react-aria/button/src/packages/@react-aria/button/src/index.ts","packages/@react-aria/button/src/index.ts"],"sourcesContent":[null,null,null,"/*\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\nexport * from './useButton';\nexport * from './useToggleButton';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/button",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,12 +18,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "^3.2.2",
-    "@react-aria/i18n": "^3.3.0",
-    "@react-aria/interactions": "^3.3.3",
-    "@react-aria/utils": "^3.6.0",
-    "@react-stately/toggle": "^3.2.1",
-    "@react-types/button": "^3.3.1"
+    "@react-aria/focus": "^3.5.1",
+    "@react-aria/interactions": "^3.8.0",
+    "@react-aria/utils": "^3.11.1",
+    "@react-stately/toggle": "^3.2.4",
+    "@react-types/button": "^3.4.2"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -31,5 +30,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7f9dc7fa5144679d2dc733170cb5c1f40d0c5ee5"
+  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
 }

package/src/useButton.ts

@@ -32,7 +32,6 @@ export interface ButtonAria<T> {
   isPressed: boolean
 }
 
-/* eslint-disable no-redeclare */
 export function useButton(props: AriaButtonProps<'a'>, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;
 export function useButton(props: AriaButtonProps<'button'>, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;
 export function useButton(props: AriaButtonProps<'div'>, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;
@@ -46,7 +45,6 @@ export function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<HT
  * @param ref - A ref to a DOM element for the button.
  */
 export function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {
-/* eslint-enable no-redeclare */
   let {
     elementType = 'button',
     isDisabled,
@@ -56,6 +54,8 @@ export function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<an
     onPressChange,
     // @ts-ignore - undocumented
     preventFocusOnPress,
+    // @ts-ignore - undocumented
+    allowFocusWhenDisabled,
     // @ts-ignore
     onClick: deprecatedOnClick,
     href,
@@ -64,7 +64,12 @@ export function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<an
     type = 'button'
   } = props;
   let additionalProps;
-  if (elementType !== 'button') {
+  if (elementType === 'button') {
+    additionalProps = {
+      type,
+      disabled: isDisabled
+    };
+  } else {
     additionalProps = {
       role: 'button',
       tabIndex: isDisabled ? undefined : 0,
@@ -88,8 +93,10 @@ export function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<an
   });
 
   let {focusableProps} = useFocusable(props, ref);
-  let buttonProps = mergeProps(focusableProps, pressProps);
-  buttonProps = mergeProps(buttonProps, filterDOMProps(props, {labelable: true}));
+  if (allowFocusWhenDisabled) {
+    focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
+  }
+  let buttonProps = mergeProps(focusableProps, pressProps, filterDOMProps(props, {labelable: true}));
 
   return {
     isPressed, // Used to indicate press state for visual
@@ -98,8 +105,6 @@ export function useButton(props: AriaButtonProps<ElementType>, ref: RefObject<an
       'aria-expanded': props['aria-expanded'],
       'aria-controls': props['aria-controls'],
       'aria-pressed': props['aria-pressed'],
-      disabled: isDisabled,
-      type,
       onClick: (e) => {
         if (deprecatedOnClick) {
           deprecatedOnClick(e);

package/src/useToggleButton.ts

@@ -24,7 +24,6 @@ import {chain} from '@react-aria/utils';
 import {mergeProps} from '@react-aria/utils';
 import {ToggleState} from '@react-stately/toggle';
 
-/* eslint-disable no-redeclare */
 export function useToggleButton(props: AriaToggleButtonProps<'a'>, state: ToggleState, ref: RefObject<HTMLAnchorElement>): ButtonAria<AnchorHTMLAttributes<HTMLAnchorElement>>;
 export function useToggleButton(props: AriaToggleButtonProps<'button'>, state: ToggleState, ref: RefObject<HTMLButtonElement>): ButtonAria<ButtonHTMLAttributes<HTMLButtonElement>>;
 export function useToggleButton(props: AriaToggleButtonProps<'div'>, state: ToggleState, ref: RefObject<HTMLDivElement>): ButtonAria<HTMLAttributes<HTMLDivElement>>;
@@ -36,7 +35,6 @@ export function useToggleButton(props: AriaToggleButtonProps<ElementType>, state
  * ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.
  */
 export function useToggleButton(props: AriaToggleButtonProps<ElementType>, state: ToggleState, ref: RefObject<any>): ButtonAria<HTMLAttributes<any>> {
-/* eslint-enable no-redeclare */
   const {isSelected} = state;
   const {isPressed, buttonProps} = useButton({
     ...props,