@redsift/design-system 11.5.0 → 11.6.0-muiv5-alpha.1

package/react-aria/react-aria/numberfield/intl/index.js

@@ -0,0 +1,10 @@
+import enUS from './en-US.json.js';
+import frFR from './fr-FR.json.js';
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+export { intlMessages as default };
+//# sourceMappingURL=index.js.map

package/react-aria/react-aria/numberfield/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/react-aria/react-aria/numberfield/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/react-aria/react-aria/numberfield/useNumberField.js

@@ -0,0 +1,294 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useMemo, useState, useCallback } from 'react';
+import intlMessages from './intl/index.js';
+import { useMessageFormatter } from '../i18n/useMessageFormatter.js';
+import { useId } from '../utils/useId.js';
+import { useFocus } from '../interactions/useFocus.js';
+import { useNumberFormatter } from '../i18n/useNumberFormatter.js';
+import { useSpinButton } from '../spinbutton/useSpinButton.js';
+import { useFocusWithin } from '../interactions/useFocusWithin.js';
+import { useScrollWheel } from '../interactions/useScrollWheel.js';
+import { isIPhone, isAndroid, isIOS } from '../utils/platform.js';
+import { filterDOMProps } from '../utils/filterDOMProps.js';
+import { useFormattedTextField } from '../textfield/useFormattedTextField.js';
+import { privateValidationStateProp } from '../../react-stately/form/useFormValidationState.js';
+import { chain } from '../utils/chain.js';
+import { useFormReset } from '../utils/useFormReset.js';
+import { mergeProps } from '../utils/mergeProps.js';
+
+const _excluded = ["id", "decrementAriaLabel", "incrementAriaLabel", "isDisabled", "isReadOnly", "isRequired", "minValue", "maxValue", "autoFocus", "label", "formatOptions", "onBlur", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "description", "errorMessage", "isWheelDisabled"];
+/**
+ * Provides the behavior and accessibility implementation for a number field component.
+ * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.
+ */
+function useNumberField(props, state, inputRef) {
+  let {
+      id,
+      decrementAriaLabel,
+      incrementAriaLabel,
+      isDisabled,
+      isReadOnly,
+      isRequired,
+      minValue,
+      maxValue,
+      autoFocus,
+      label,
+      formatOptions,
+      onBlur = () => {},
+      onFocus,
+      onFocusChange,
+      onKeyDown,
+      onKeyUp,
+      description,
+      errorMessage,
+      isWheelDisabled
+    } = props,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  let {
+    increment,
+    incrementToMax,
+    decrement,
+    decrementToMin,
+    numberValue,
+    inputValue,
+    commit,
+    commitValidation
+  } = state;
+  const format = useMessageFormatter(intlMessages);
+  let inputId = useId(id);
+  let {
+    focusProps
+  } = useFocus({
+    onBlur() {
+      // Set input value to normalized valid value
+      commit();
+    }
+  });
+  let numberFormatter = useNumberFormatter(formatOptions);
+  let intlOptions = useMemo(() => numberFormatter.resolvedOptions(), [numberFormatter]);
+
+  // Replace negative textValue formatted using currencySign: 'accounting'
+  // with a textValue that can be announced using a minus sign.
+  let textValueFormatter = useNumberFormatter(_objectSpread2(_objectSpread2({}, formatOptions), {}, {
+    currencySign: undefined
+  }));
+  let textValue = useMemo(() => isNaN(numberValue) ? '' : textValueFormatter.format(numberValue), [textValueFormatter, numberValue]);
+  let {
+    spinButtonProps,
+    incrementButtonProps: incButtonProps,
+    decrementButtonProps: decButtonProps
+  } = useSpinButton({
+    isDisabled,
+    isReadOnly,
+    isRequired,
+    maxValue,
+    minValue,
+    onIncrement: increment,
+    onIncrementToMax: incrementToMax,
+    onDecrement: decrement,
+    onDecrementToMin: decrementToMin,
+    value: numberValue,
+    textValue
+  });
+  let [focusWithin, setFocusWithin] = useState(false);
+  let {
+    focusWithinProps
+  } = useFocusWithin({
+    isDisabled,
+    onFocusWithinChange: setFocusWithin
+  });
+  let onWheel = useCallback(e => {
+    // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change
+    // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec
+    // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication
+    // especially if the user is scrolling near 45deg
+    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {
+      return;
+    }
+    if (e.deltaY > 0) {
+      increment();
+    } else if (e.deltaY < 0) {
+      decrement();
+    }
+  }, [decrement, increment]);
+  // If the input isn't supposed to receive input, disable scrolling.
+  let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;
+  useScrollWheel({
+    onScroll: onWheel,
+    isDisabled: scrollingDisabled
+  }, inputRef);
+
+  // The inputMode attribute influences the software keyboard that is shown on touch devices.
+  // Browsers and operating systems are quite inconsistent about what keys are available, however.
+  // We choose between numeric and decimal based on whether we allow negative and fractional numbers,
+  // and based on testing on various devices to determine what keys are available in each inputMode.
+  let hasDecimals = intlOptions.maximumFractionDigits > 0;
+  let hasNegative = state.minValue === undefined || isNaN(state.minValue) || state.minValue < 0;
+  let inputMode = 'numeric';
+  if (isIPhone()) {
+    // iPhone doesn't have a minus sign in either numeric or decimal.
+    // Note this is only for iPhone, not iPad, which always has both
+    // minus and decimal in numeric.
+    if (hasNegative) {
+      inputMode = 'text';
+    } else if (hasDecimals) {
+      inputMode = 'decimal';
+    }
+  } else if (isAndroid()) {
+    // Android numeric has both a decimal point and minus key.
+    // decimal does not have a minus key.
+    if (hasNegative) {
+      inputMode = 'numeric';
+    } else if (hasDecimals) {
+      inputMode = 'decimal';
+    }
+  }
+  let onChange = value => {
+    if (state.validate(value)) {
+      state.setInputValue(value);
+    }
+  };
+  let domProps = filterDOMProps(props);
+  let onKeyDownEnter = useCallback(e => {
+    if (e.key === 'Enter') {
+      commit();
+      commitValidation();
+    } else {
+      e.continuePropagation();
+    }
+  }, [commit, commitValidation]);
+  let {
+    isInvalid,
+    validationErrors,
+    validationDetails
+  } = state.displayValidation;
+  let {
+    labelProps,
+    inputProps: textFieldProps,
+    descriptionProps,
+    errorMessageProps
+  } = useFormattedTextField(_objectSpread2(_objectSpread2(_objectSpread2({}, otherProps), domProps), {}, {
+    name: undefined,
+    label,
+    autoFocus,
+    isDisabled,
+    isReadOnly,
+    isRequired,
+    validate: undefined,
+    [privateValidationStateProp]: state,
+    value: inputValue,
+    defaultValue: undefined,
+    // defaultValue already used to populate state.inputValue, unneeded here
+    autoComplete: 'off',
+    'aria-label': props['aria-label'] || undefined,
+    'aria-labelledby': props['aria-labelledby'] || undefined,
+    id: inputId,
+    type: 'text',
+    // Can't use type="number" because then we can't have things like $ in the field.
+    inputMode,
+    onChange,
+    onBlur,
+    onFocus,
+    onFocusChange,
+    onKeyDown: useMemo(() => chain(onKeyDownEnter, onKeyDown), [onKeyDownEnter, onKeyDown]),
+    onKeyUp,
+    description,
+    errorMessage
+  }), state, inputRef);
+  useFormReset(inputRef, state.numberValue, state.setNumberValue);
+  let inputProps = mergeProps(spinButtonProps, focusProps, textFieldProps, {
+    // override the spinbutton role, we can't focus a spin button with VO
+    role: null,
+    // ignore aria-roledescription on iOS so that required state will announce when it is present
+    'aria-roledescription': !isIOS() ? format('numberField') : null,
+    'aria-valuemax': null,
+    'aria-valuemin': null,
+    'aria-valuenow': null,
+    'aria-valuetext': null,
+    autoCorrect: 'off',
+    spellCheck: 'false'
+  });
+  if (props.validationBehavior === 'native') {
+    inputProps['aria-required'] = undefined;
+  }
+  let onButtonPressStart = e => {
+    // If focus is already on the input, keep it there so we don't hide the
+    // software keyboard when tapping the increment/decrement buttons.
+    if (document.activeElement === inputRef.current) {
+      return;
+    }
+
+    // Otherwise, when using a mouse, move focus to the input.
+    // On touch, or with a screen reader, focus the button so that the software
+    // keyboard does not appear and the screen reader cursor is not moved off the button.
+    if (e.pointerType === 'mouse') {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    } else {
+      e.target.focus();
+    }
+  };
+
+  // Determine the label for the increment and decrement buttons. There are 4 cases:
+  //
+  // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`
+  // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'
+  // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`
+  // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`
+  //
+  // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in
+  // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change
+  // the order or add additional words around the label if needed.
+  let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');
+  let ariaLabelledby;
+  if (!fieldLabel) {
+    ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];
+  }
+  let incrementId = useId();
+  let decrementId = useId();
+  let incrementButtonProps = mergeProps(incButtonProps, {
+    'aria-label': incrementAriaLabel || format('increase', {
+      fieldLabel
+    }).trim(),
+    id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,
+    'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,
+    'aria-controls': inputId,
+    excludeFromTabOrder: true,
+    preventFocusOnPress: true,
+    allowFocusWhenDisabled: true,
+    isDisabled: !state.canIncrement,
+    onPressStart: onButtonPressStart
+  });
+  let decrementButtonProps = mergeProps(decButtonProps, {
+    'aria-label': decrementAriaLabel || format('decrease', {
+      fieldLabel
+    }).trim(),
+    id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,
+    'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,
+    'aria-controls': inputId,
+    excludeFromTabOrder: true,
+    preventFocusOnPress: true,
+    allowFocusWhenDisabled: true,
+    isDisabled: !state.canDecrement,
+    onPressStart: onButtonPressStart
+  });
+  return {
+    groupProps: _objectSpread2(_objectSpread2({}, focusWithinProps), {}, {
+      role: 'group',
+      'aria-disabled': isDisabled,
+      'aria-invalid': isInvalid ? 'true' : undefined
+    }),
+    labelProps,
+    inputProps,
+    incrementButtonProps,
+    decrementButtonProps,
+    errorMessageProps,
+    descriptionProps,
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+
+export { useNumberField };
+//# sourceMappingURL=useNumberField.js.map

package/react-aria/react-aria/numberfield/useNumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberField.js","sources":["../../../../src/react-aria/react-aria/numberfield/useNumberField.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\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 { AriaButtonProps } from '../../react-types/button';\nimport { AriaNumberFieldProps } from '../../react-types/numberfield';\nimport { chain, filterDOMProps, isAndroid, isIOS, isIPhone, mergeProps, useFormReset, useId } from '../utils';\nimport { DOMAttributes, GroupDOMAttributes, TextInputDOMProps, ValidationResult } from '../../react-types/shared';\nimport { InputHTMLAttributes, LabelHTMLAttributes, RefObject, useCallback, useMemo, useState } from 'react';\n// @ts-ignore\nimport intlMessages from './intl';\nimport { NumberFieldState } from '../../react-stately/numberfield';\nimport { privateValidationStateProp } from '../../react-stately/form';\nimport { useFocus, useFocusWithin, useScrollWheel } from '../interactions';\nimport { useFormattedTextField } from '../textfield';\nimport { useMessageFormatter, useNumberFormatter } from '../i18n';\nimport { useSpinButton } from '../spinbutton';\n\nexport interface NumberFieldAria extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the group wrapper around the input and stepper buttons. */\n  groupProps: GroupDOMAttributes;\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the increment button, to be passed to [useButton](useButton.html). */\n  incrementButtonProps: AriaButtonProps;\n  /** Props for the decrement button, to be passed to [useButton](useButton.html). */\n  decrementButtonProps: AriaButtonProps;\n  /** Props for the number field's description element, if any. */\n  descriptionProps: DOMAttributes;\n  /** Props for the number field's error message element, if any. */\n  errorMessageProps: DOMAttributes;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field component.\n * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nexport function useNumberField(\n  props: AriaNumberFieldProps,\n  state: NumberFieldState,\n  inputRef: RefObject<HTMLInputElement>\n): NumberFieldAria {\n  let {\n    id,\n    decrementAriaLabel,\n    incrementAriaLabel,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    autoFocus,\n    label,\n    formatOptions,\n    onBlur = () => {},\n    onFocus,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    description,\n    errorMessage,\n    isWheelDisabled,\n    ...otherProps\n  } = props;\n\n  let { increment, incrementToMax, decrement, decrementToMin, numberValue, inputValue, commit, commitValidation } =\n    state;\n\n  const format = useMessageFormatter(intlMessages);\n\n  let inputId = useId(id);\n  let { focusProps } = useFocus({\n    onBlur() {\n      // Set input value to normalized valid value\n      commit();\n    },\n  });\n\n  let numberFormatter = useNumberFormatter(formatOptions);\n  let intlOptions = useMemo(() => numberFormatter.resolvedOptions(), [numberFormatter]);\n\n  // Replace negative textValue formatted using currencySign: 'accounting'\n  // with a textValue that can be announced using a minus sign.\n  let textValueFormatter = useNumberFormatter({ ...formatOptions, currencySign: undefined });\n  let textValue = useMemo(\n    () => (isNaN(numberValue) ? '' : textValueFormatter.format(numberValue)),\n    [textValueFormatter, numberValue]\n  );\n\n  let {\n    spinButtonProps,\n    incrementButtonProps: incButtonProps,\n    decrementButtonProps: decButtonProps,\n  } = useSpinButton({\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    maxValue,\n    minValue,\n    onIncrement: increment,\n    onIncrementToMax: incrementToMax,\n    onDecrement: decrement,\n    onDecrementToMin: decrementToMin,\n    value: numberValue,\n    textValue,\n  });\n\n  let [focusWithin, setFocusWithin] = useState(false);\n  let { focusWithinProps } = useFocusWithin({ isDisabled, onFocusWithinChange: setFocusWithin });\n\n  let onWheel = useCallback(\n    (e) => {\n      // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change\n      // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec\n      // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication\n      // especially if the user is scrolling near 45deg\n      if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n        return;\n      }\n      if (e.deltaY > 0) {\n        increment();\n      } else if (e.deltaY < 0) {\n        decrement();\n      }\n    },\n    [decrement, increment]\n  );\n  // If the input isn't supposed to receive input, disable scrolling.\n  let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;\n  useScrollWheel({ onScroll: onWheel, isDisabled: scrollingDisabled }, inputRef);\n\n  // The inputMode attribute influences the software keyboard that is shown on touch devices.\n  // Browsers and operating systems are quite inconsistent about what keys are available, however.\n  // We choose between numeric and decimal based on whether we allow negative and fractional numbers,\n  // and based on testing on various devices to determine what keys are available in each inputMode.\n  let hasDecimals = intlOptions.maximumFractionDigits > 0;\n  let hasNegative = state.minValue === undefined || isNaN(state.minValue) || state.minValue < 0;\n  let inputMode: TextInputDOMProps['inputMode'] = 'numeric';\n  if (isIPhone()) {\n    // iPhone doesn't have a minus sign in either numeric or decimal.\n    // Note this is only for iPhone, not iPad, which always has both\n    // minus and decimal in numeric.\n    if (hasNegative) {\n      inputMode = 'text';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  } else if (isAndroid()) {\n    // Android numeric has both a decimal point and minus key.\n    // decimal does not have a minus key.\n    if (hasNegative) {\n      inputMode = 'numeric';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  }\n\n  let onChange = (value) => {\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  let domProps = filterDOMProps(props);\n  let onKeyDownEnter = useCallback(\n    (e) => {\n      if (e.key === 'Enter') {\n        commit();\n        commitValidation();\n      } else {\n        e.continuePropagation();\n      }\n    },\n    [commit, commitValidation]\n  );\n\n  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;\n  let {\n    labelProps,\n    inputProps: textFieldProps,\n    descriptionProps,\n    errorMessageProps,\n  } = useFormattedTextField(\n    {\n      ...otherProps,\n      ...domProps,\n      name: undefined,\n      label,\n      autoFocus,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      validate: undefined,\n      [privateValidationStateProp]: state,\n      value: inputValue,\n      defaultValue: undefined, // defaultValue already used to populate state.inputValue, unneeded here\n      autoComplete: 'off',\n      'aria-label': props['aria-label'] || undefined,\n      'aria-labelledby': props['aria-labelledby'] || undefined,\n      id: inputId,\n      type: 'text', // Can't use type=\"number\" because then we can't have things like $ in the field.\n      inputMode,\n      onChange,\n      onBlur,\n      onFocus,\n      onFocusChange,\n      onKeyDown: useMemo(() => chain(onKeyDownEnter, onKeyDown), [onKeyDownEnter, onKeyDown]),\n      onKeyUp,\n      description,\n      errorMessage,\n    },\n    state,\n    inputRef\n  );\n\n  useFormReset(inputRef, state.numberValue, state.setNumberValue);\n\n  let inputProps: InputHTMLAttributes<HTMLInputElement> = mergeProps(spinButtonProps, focusProps, textFieldProps, {\n    // override the spinbutton role, we can't focus a spin button with VO\n    role: null,\n    // ignore aria-roledescription on iOS so that required state will announce when it is present\n    'aria-roledescription': !isIOS() ? format('numberField') : null,\n    'aria-valuemax': null,\n    'aria-valuemin': null,\n    'aria-valuenow': null,\n    'aria-valuetext': null,\n    autoCorrect: 'off',\n    spellCheck: 'false',\n  });\n\n  if (props.validationBehavior === 'native') {\n    inputProps['aria-required'] = undefined;\n  }\n\n  let onButtonPressStart = (e) => {\n    // If focus is already on the input, keep it there so we don't hide the\n    // software keyboard when tapping the increment/decrement buttons.\n    if (document.activeElement === inputRef.current) {\n      return;\n    }\n\n    // Otherwise, when using a mouse, move focus to the input.\n    // On touch, or with a screen reader, focus the button so that the software\n    // keyboard does not appear and the screen reader cursor is not moved off the button.\n    if (e.pointerType === 'mouse') {\n      inputRef.current?.focus();\n    } else {\n      e.target.focus();\n    }\n  };\n\n  // Determine the label for the increment and decrement buttons. There are 4 cases:\n  //\n  // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`\n  // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'\n  // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`\n  // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`\n  //\n  // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in\n  // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change\n  // the order or add additional words around the label if needed.\n  let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let ariaLabelledby: string | undefined;\n  if (!fieldLabel) {\n    ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];\n  }\n\n  let incrementId = useId();\n  let decrementId = useId();\n\n  let incrementButtonProps: AriaButtonProps = mergeProps(incButtonProps, {\n    'aria-label': incrementAriaLabel || format('increase', { fieldLabel }).trim(),\n    id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,\n    'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    allowFocusWhenDisabled: true,\n    isDisabled: !state.canIncrement,\n    onPressStart: onButtonPressStart,\n  });\n\n  let decrementButtonProps: AriaButtonProps = mergeProps(decButtonProps, {\n    'aria-label': decrementAriaLabel || format('decrease', { fieldLabel }).trim(),\n    id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,\n    'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    allowFocusWhenDisabled: true,\n    isDisabled: !state.canDecrement,\n    onPressStart: onButtonPressStart,\n  });\n\n  return {\n    groupProps: {\n      ...focusWithinProps,\n      role: 'group',\n      'aria-disabled': isDisabled,\n      'aria-invalid': isInvalid ? 'true' : undefined,\n    },\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    errorMessageProps,\n    descriptionProps,\n    isInvalid,\n    validationErrors,\n    validationDetails,\n  };\n}\n"],"names":["useNumberField","props","state","inputRef","id","decrementAriaLabel","incrementAriaLabel","isDisabled","isReadOnly","isRequired","minValue","maxValue","autoFocus","label","formatOptions","onBlur","onFocus","onFocusChange","onKeyDown","onKeyUp","description","errorMessage","isWheelDisabled","otherProps","_objectWithoutProperties","_excluded","increment","incrementToMax","decrement","decrementToMin","numberValue","inputValue","commit","commitValidation","format","useMessageFormatter","intlMessages","inputId","useId","focusProps","useFocus","numberFormatter","useNumberFormatter","intlOptions","useMemo","resolvedOptions","textValueFormatter","_objectSpread","currencySign","undefined","textValue","isNaN","spinButtonProps","incrementButtonProps","incButtonProps","decrementButtonProps","decButtonProps","useSpinButton","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","value","focusWithin","setFocusWithin","useState","focusWithinProps","useFocusWithin","onFocusWithinChange","onWheel","useCallback","e","Math","abs","deltaY","deltaX","scrollingDisabled","useScrollWheel","onScroll","hasDecimals","maximumFractionDigits","hasNegative","inputMode","isIPhone","isAndroid","onChange","validate","setInputValue","domProps","filterDOMProps","onKeyDownEnter","key","continuePropagation","isInvalid","validationErrors","validationDetails","displayValidation","labelProps","inputProps","textFieldProps","descriptionProps","errorMessageProps","useFormattedTextField","name","privateValidationStateProp","defaultValue","autoComplete","type","chain","useFormReset","setNumberValue","mergeProps","role","isIOS","autoCorrect","spellCheck","validationBehavior","onButtonPressStart","document","activeElement","current","pointerType","_inputRef$current","focus","target","fieldLabel","ariaLabelledby","incrementId","decrementId","trim","excludeFromTabOrder","preventFocusOnPress","allowFocusWhenDisabled","canIncrement","onPressStart","canDecrement","groupProps"],"mappings":"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"}

package/react-aria/react-aria/spinbutton/intl/en-US.json.js

@@ -0,0 +1,7 @@
+var Empty = "Empty";
+var enUS = {
+	Empty: Empty
+};
+
+export { Empty, enUS as default };
+//# sourceMappingURL=en-US.json.js.map

package/react-aria/react-aria/spinbutton/intl/en-US.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react-aria/react-aria/spinbutton/intl/fr-FR.json.js

@@ -0,0 +1,7 @@
+var Empty = "Vide";
+var frFR = {
+	Empty: Empty
+};
+
+export { Empty, frFR as default };
+//# sourceMappingURL=fr-FR.json.js.map

package/react-aria/react-aria/spinbutton/intl/fr-FR.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr-FR.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react-aria/react-aria/spinbutton/intl/index.js

@@ -0,0 +1,10 @@
+import enUS from './en-US.json.js';
+import frFR from './fr-FR.json.js';
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+export { intlMessages as default };
+//# sourceMappingURL=index.js.map

package/react-aria/react-aria/spinbutton/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/react-aria/react-aria/spinbutton/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/react-aria/react-aria/spinbutton/useSpinButton.js

@@ -0,0 +1,168 @@
+import intlMessages from './intl/index.js';
+import { useRef, useEffect } from 'react';
+import { useMessageFormatter } from '../i18n/useMessageFormatter.js';
+import { clearAnnouncer, announce } from '../live-announcer/LiveAnnouncer.js';
+import { useEffectEvent } from '../utils/useEffectEvent.js';
+import { useGlobalListeners } from '../utils/useGlobalListeners.js';
+
+/* eslint-disable prefer-const */
+function useSpinButton(props) {
+  const _async = useRef();
+  let {
+    value,
+    textValue,
+    minValue,
+    maxValue,
+    isDisabled,
+    isReadOnly,
+    isRequired,
+    onIncrement,
+    onIncrementPage,
+    onDecrement,
+    onDecrementPage,
+    onDecrementToMin,
+    onIncrementToMax
+  } = props;
+  const format = useMessageFormatter(intlMessages);
+  const clearAsync = () => clearTimeout(_async.current);
+
+  // eslint-disable-next-line arrow-body-style
+  useEffect(() => {
+    return () => clearAsync();
+  }, []);
+  let onKeyDown = e => {
+    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) {
+      return;
+    }
+    switch (e.key) {
+      case 'PageUp':
+        if (onIncrementPage) {
+          e.preventDefault();
+          onIncrementPage === null || onIncrementPage === void 0 ? void 0 : onIncrementPage();
+          break;
+        }
+      // fallthrough!
+      case 'ArrowUp':
+      case 'Up':
+        if (onIncrement) {
+          e.preventDefault();
+          onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+        }
+        break;
+      case 'PageDown':
+        if (onDecrementPage) {
+          e.preventDefault();
+          onDecrementPage === null || onDecrementPage === void 0 ? void 0 : onDecrementPage();
+          break;
+        }
+      // fallthrough
+      case 'ArrowDown':
+      case 'Down':
+        if (onDecrement) {
+          e.preventDefault();
+          onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+        }
+        break;
+      case 'Home':
+        if (onDecrementToMin) {
+          e.preventDefault();
+          onDecrementToMin === null || onDecrementToMin === void 0 ? void 0 : onDecrementToMin();
+        }
+        break;
+      case 'End':
+        if (onIncrementToMax) {
+          e.preventDefault();
+          onIncrementToMax === null || onIncrementToMax === void 0 ? void 0 : onIncrementToMax();
+        }
+        break;
+    }
+  };
+  let isFocused = useRef(false);
+  let onFocus = () => {
+    isFocused.current = true;
+  };
+  let onBlur = () => {
+    isFocused.current = false;
+  };
+
+  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).
+  // This ensures that macOS VoiceOver announces it as "minus" even with other characters between the minus sign
+  // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.
+  // In addition, replace the empty string with the word "Empty" so that iOS VoiceOver does not read "50%" for an empty field.
+  let ariaTextValue = textValue === '' ? format('Empty') : (textValue || `${value}`).replace('-', '\u2212');
+  useEffect(() => {
+    if (isFocused.current) {
+      clearAnnouncer('assertive');
+      announce(ariaTextValue, 'assertive');
+    }
+  }, [ariaTextValue]);
+  const onIncrementPressStart = useEffectEvent(initialStepDelay => {
+    clearAsync();
+    onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+    // Start spinning after initial delay
+    _async.current = window.setTimeout(() => {
+      if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) {
+        onIncrementPressStart(60);
+      }
+    }, initialStepDelay);
+  });
+  const onDecrementPressStart = useEffectEvent(initialStepDelay => {
+    clearAsync();
+    onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+    // Start spinning after initial delay
+    _async.current = window.setTimeout(() => {
+      if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) {
+        onDecrementPressStart(60);
+      }
+    }, initialStepDelay);
+  });
+  let cancelContextMenu = e => {
+    e.preventDefault();
+  };
+  let {
+    addGlobalListener,
+    removeAllGlobalListeners
+  } = useGlobalListeners();
+  return {
+    spinButtonProps: {
+      role: 'spinbutton',
+      'aria-valuenow': value !== undefined && !isNaN(value) ? value : undefined,
+      'aria-valuetext': ariaTextValue,
+      'aria-valuemin': minValue,
+      'aria-valuemax': maxValue,
+      'aria-disabled': isDisabled || undefined,
+      'aria-readonly': isReadOnly || undefined,
+      'aria-required': isRequired || undefined,
+      onKeyDown,
+      onFocus,
+      onBlur
+    },
+    incrementButtonProps: {
+      onPressStart: () => {
+        onIncrementPressStart(400);
+        addGlobalListener(window, 'contextmenu', cancelContextMenu);
+      },
+      onPressEnd: () => {
+        clearAsync();
+        removeAllGlobalListeners();
+      },
+      onFocus,
+      onBlur
+    },
+    decrementButtonProps: {
+      onPressStart: () => {
+        onDecrementPressStart(400);
+        addGlobalListener(window, 'contextmenu', cancelContextMenu);
+      },
+      onPressEnd: () => {
+        clearAsync();
+        removeAllGlobalListeners();
+      },
+      onFocus,
+      onBlur
+    }
+  };
+}
+
+export { useSpinButton };
+//# sourceMappingURL=useSpinButton.js.map

package/react-aria/react-aria/spinbutton/useSpinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpinButton.js","sources":["../../../../src/react-aria/react-aria/spinbutton/useSpinButton.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\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 { announce, clearAnnouncer } from '../live-announcer';\nimport { AriaButtonProps } from '../../react-types/button';\nimport { DOMAttributes, InputBase, RangeInputBase, Validation, ValueBase } from '../../react-types/shared';\n// @ts-ignore\nimport intlMessages from './intl';\nimport { useEffect, useRef } from 'react';\nimport { useEffectEvent, useGlobalListeners } from '../utils';\n\nimport { useMessageFormatter } from '../i18n';\n\nexport interface SpinButtonProps extends InputBase, Validation<number>, ValueBase<number>, RangeInputBase<number> {\n  textValue?: string;\n  onIncrement?: () => void;\n  onIncrementPage?: () => void;\n  onDecrement?: () => void;\n  onDecrementPage?: () => void;\n  onDecrementToMin?: () => void;\n  onIncrementToMax?: () => void;\n}\n\nexport interface SpinbuttonAria {\n  spinButtonProps: DOMAttributes;\n  incrementButtonProps: AriaButtonProps;\n  decrementButtonProps: AriaButtonProps;\n}\n\nexport function useSpinButton(props: SpinButtonProps): SpinbuttonAria {\n  const _async = useRef<number>();\n  let {\n    value,\n    textValue,\n    minValue,\n    maxValue,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    onIncrement,\n    onIncrementPage,\n    onDecrement,\n    onDecrementPage,\n    onDecrementToMin,\n    onIncrementToMax,\n  } = props;\n  const format = useMessageFormatter(intlMessages);\n\n  const clearAsync = () => clearTimeout(_async.current);\n\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    return () => clearAsync();\n  }, []);\n\n  let onKeyDown = (e) => {\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'PageUp':\n        if (onIncrementPage) {\n          e.preventDefault();\n          onIncrementPage?.();\n          break;\n        }\n      // fallthrough!\n      case 'ArrowUp':\n      case 'Up':\n        if (onIncrement) {\n          e.preventDefault();\n          onIncrement?.();\n        }\n        break;\n      case 'PageDown':\n        if (onDecrementPage) {\n          e.preventDefault();\n          onDecrementPage?.();\n          break;\n        }\n      // fallthrough\n      case 'ArrowDown':\n      case 'Down':\n        if (onDecrement) {\n          e.preventDefault();\n          onDecrement?.();\n        }\n        break;\n      case 'Home':\n        if (onDecrementToMin) {\n          e.preventDefault();\n          onDecrementToMin?.();\n        }\n        break;\n      case 'End':\n        if (onIncrementToMax) {\n          e.preventDefault();\n          onIncrementToMax?.();\n        }\n        break;\n    }\n  };\n\n  let isFocused = useRef(false);\n  let onFocus = () => {\n    isFocused.current = true;\n  };\n\n  let onBlur = () => {\n    isFocused.current = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).\n  // This ensures that macOS VoiceOver announces it as \"minus\" even with other characters between the minus sign\n  // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.\n  // In addition, replace the empty string with the word \"Empty\" so that iOS VoiceOver does not read \"50%\" for an empty field.\n  let ariaTextValue = textValue === '' ? format('Empty') : (textValue || `${value}`).replace('-', '\\u2212');\n\n  useEffect(() => {\n    if (isFocused.current) {\n      clearAnnouncer('assertive');\n      announce(ariaTextValue, 'assertive');\n    }\n  }, [ariaTextValue]);\n\n  const onIncrementPressStart = useEffectEvent((initialStepDelay: number) => {\n    clearAsync();\n    onIncrement?.();\n    // Start spinning after initial delay\n    _async.current = window.setTimeout(() => {\n      if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) {\n        onIncrementPressStart(60);\n      }\n    }, initialStepDelay);\n  });\n\n  const onDecrementPressStart = useEffectEvent((initialStepDelay: number) => {\n    clearAsync();\n    onDecrement?.();\n    // Start spinning after initial delay\n    _async.current = window.setTimeout(() => {\n      if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) {\n        onDecrementPressStart(60);\n      }\n    }, initialStepDelay);\n  });\n\n  let cancelContextMenu = (e) => {\n    e.preventDefault();\n  };\n\n  let { addGlobalListener, removeAllGlobalListeners } = useGlobalListeners();\n\n  return {\n    spinButtonProps: {\n      role: 'spinbutton',\n      'aria-valuenow': value !== undefined && !isNaN(value) ? value : undefined,\n      'aria-valuetext': ariaTextValue,\n      'aria-valuemin': minValue,\n      'aria-valuemax': maxValue,\n      'aria-disabled': isDisabled || undefined,\n      'aria-readonly': isReadOnly || undefined,\n      'aria-required': isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    },\n    incrementButtonProps: {\n      onPressStart: () => {\n        onIncrementPressStart(400);\n        addGlobalListener(window, 'contextmenu', cancelContextMenu);\n      },\n      onPressEnd: () => {\n        clearAsync();\n        removeAllGlobalListeners();\n      },\n      onFocus,\n      onBlur,\n    },\n    decrementButtonProps: {\n      onPressStart: () => {\n        onDecrementPressStart(400);\n        addGlobalListener(window, 'contextmenu', cancelContextMenu);\n      },\n      onPressEnd: () => {\n        clearAsync();\n        removeAllGlobalListeners();\n      },\n      onFocus,\n      onBlur,\n    },\n  };\n}\n"],"names":["useSpinButton","props","_async","useRef","value","textValue","minValue","maxValue","isDisabled","isReadOnly","isRequired","onIncrement","onIncrementPage","onDecrement","onDecrementPage","onDecrementToMin","onIncrementToMax","format","useMessageFormatter","intlMessages","clearAsync","clearTimeout","current","useEffect","onKeyDown","e","ctrlKey","metaKey","shiftKey","altKey","key","preventDefault","isFocused","onFocus","onBlur","ariaTextValue","replace","clearAnnouncer","announce","onIncrementPressStart","useEffectEvent","initialStepDelay","window","setTimeout","undefined","isNaN","onDecrementPressStart","cancelContextMenu","addGlobalListener","removeAllGlobalListeners","useGlobalListeners","spinButtonProps","role","incrementButtonProps","onPressStart","onPressEnd","decrementButtonProps"],"mappings":"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"}

package/react-aria/react-aria/ssr/SSRProvider.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+
+interface SSRProviderProps {
+    /** Your application here. */
+    children: ReactNode;
+}
+/**
+ * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.
+ * This ensures that auto generated ids are consistent between the client and server.
+ */
+declare function SSRProvider(props: SSRProviderProps): JSX.Element;
+declare function useModernSSRSafeId(defaultId?: string): string;
+/** @private */
+declare const useSSRSafeId: typeof useModernSSRSafeId;
+/**
+ * Returns whether the component is currently being server side rendered or
+ * hydrated on the client. Can be used to delay browser-specific rendering
+ * until after hydration.
+ */
+declare function useIsSSR(): boolean;
+
+export { SSRProvider, SSRProviderProps, useIsSSR, useSSRSafeId };