react-aria-components 1.16.0 → 1.18.0

package/dist/private/Modal.mjs

@@ -0,0 +1,201 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {OverlayTriggerStateContext as $f2ff30fde7b014be$export$d2f961adcb0afbe} from "./Dialog.mjs";
+import {useModalOverlay as $gJBoF$useModalOverlay} from "react-aria/useModalOverlay";
+import {Overlay as $gJBoF$Overlay, DismissButton as $gJBoF$DismissButton} from "react-aria/Overlay";
+import {filterDOMProps as $gJBoF$filterDOMProps} from "react-aria/filterDOMProps";
+import {isScrollable as $gJBoF$isScrollable} from "react-aria/private/utils/isScrollable";
+import {mergeProps as $gJBoF$mergeProps} from "react-aria/mergeProps";
+import {mergeRefs as $gJBoF$mergeRefs} from "react-aria/mergeRefs";
+import {useOverlayTriggerState as $gJBoF$useOverlayTriggerState} from "react-stately/useOverlayTriggerState";
+import $gJBoF$react, {createContext as $gJBoF$createContext, forwardRef as $gJBoF$forwardRef, useContext as $gJBoF$useContext, useRef as $gJBoF$useRef, useMemo as $gJBoF$useMemo} from "react";
+import {useExitAnimation as $gJBoF$useExitAnimation, useEnterAnimation as $gJBoF$useEnterAnimation} from "react-aria/private/utils/animation";
+import {useIsSSR as $gJBoF$useIsSSR} from "react-aria/SSRProvider";
+import {useObjectRef as $gJBoF$useObjectRef} from "react-aria/useObjectRef";
+import {useViewportSize as $gJBoF$useViewportSize} from "react-aria/private/utils/useViewportSize";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $8b8d26808cb8cb53$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $gJBoF$createContext)(null);
+const $8b8d26808cb8cb53$var$InternalModalContext = /*#__PURE__*/ (0, $gJBoF$createContext)(null);
+const $8b8d26808cb8cb53$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $gJBoF$forwardRef)(function Modal(props, ref) {
+    let ctx = (0, $gJBoF$useContext)($8b8d26808cb8cb53$var$InternalModalContext);
+    if (ctx) {
+        if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) {
+            // create a list of props that are passed in but not allowed when using an external ModalOverlay
+            const invalidSet = new Set([
+                'isDismissable',
+                'isKeyboardDismissDisabled',
+                'isOpen',
+                'defaultOpen',
+                'onOpenChange',
+                'isEntering',
+                'isExiting',
+                'UNSTABLE_portalContainer',
+                'shouldCloseOnInteractOutside'
+            ]);
+            const invalidProps = Object.keys(props).filter((key)=>invalidSet.has(key));
+            console.warn(`This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`);
+        }
+        return /*#__PURE__*/ (0, $gJBoF$react).createElement($8b8d26808cb8cb53$var$ModalContent, {
+            ...props,
+            modalRef: ref
+        }, props.children);
+    }
+    let { isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children, isEntering: isEntering, isExiting: isExiting, UNSTABLE_portalContainer: UNSTABLE_portalContainer, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, ...otherProps } = props;
+    return /*#__PURE__*/ (0, $gJBoF$react).createElement($8b8d26808cb8cb53$export$8948f78d83984c69, {
+        isDismissable: isDismissable,
+        isKeyboardDismissDisabled: isKeyboardDismissDisabled,
+        isOpen: isOpen,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange,
+        isEntering: isEntering,
+        isExiting: isExiting,
+        UNSTABLE_portalContainer: UNSTABLE_portalContainer,
+        shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
+    }, /*#__PURE__*/ (0, $gJBoF$react).createElement($8b8d26808cb8cb53$var$ModalContent, {
+        ...otherProps,
+        modalRef: ref
+    }, children));
+});
+function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $8b8d26808cb8cb53$export$ab57792b9b6974a6);
+    let contextState = (0, $gJBoF$useContext)((0, $f2ff30fde7b014be$export$d2f961adcb0afbe));
+    let localState = (0, $gJBoF$useOverlayTriggerState)(props);
+    let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+    if (state === contextState) {
+        if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) console.warn('This modals state is controlled by a trigger, place onOpenChange on the trigger instead.');
+    }
+    let objectRef = (0, $gJBoF$useObjectRef)(ref);
+    let modalRef = (0, $gJBoF$useRef)(null);
+    let isOverlayExiting = (0, $gJBoF$useExitAnimation)(objectRef, state.isOpen);
+    let isModalExiting = (0, $gJBoF$useExitAnimation)(modalRef, state.isOpen);
+    let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
+    let isSSR = (0, $gJBoF$useIsSSR)();
+    if (!state.isOpen && !isExiting || isSSR) return null;
+    return /*#__PURE__*/ (0, $gJBoF$react).createElement($8b8d26808cb8cb53$var$ModalOverlayInner, {
+        ...props,
+        state: state,
+        isExiting: isExiting,
+        overlayRef: objectRef,
+        modalRef: modalRef
+    });
+}
+const $8b8d26808cb8cb53$export$8948f78d83984c69 = /*#__PURE__*/ (0, $gJBoF$forwardRef)($8b8d26808cb8cb53$var$ModalOverlayWithForwardRef);
+function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }) {
+    let modalRef = props.modalRef;
+    let { state: state } = props;
+    let { modalProps: modalProps, underlayProps: underlayProps } = (0, $gJBoF$useModalOverlay)(props, state, modalRef);
+    let entering = (0, $gJBoF$useEnterAnimation)(props.overlayRef) || props.isEntering || false;
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-ModalOverlay',
+        values: {
+            isEntering: entering,
+            isExiting: props.isExiting,
+            state: state
+        }
+    });
+    let viewport = (0, $gJBoF$useViewportSize)();
+    let pageWidth = undefined;
+    let pageHeight = undefined;
+    if (typeof document !== 'undefined') {
+        let scrollingElement = (0, $gJBoF$isScrollable)(document.body) ? document.body : document.scrollingElement || document.documentElement;
+        // Prevent Firefox from adding scrollbars when the page has a fractional width/height.
+        let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;
+        let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
+        pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;
+        pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
+    }
+    let style = {
+        ...renderProps.style,
+        '--visual-viewport-width': viewport.width + 'px',
+        '--visual-viewport-height': viewport.height + 'px',
+        '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,
+        '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined
+    };
+    return /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $gJBoF$Overlay), {
+        isExiting: props.isExiting,
+        portalContainer: UNSTABLE_portalContainer
+    }, /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...(0, $gJBoF$mergeProps)((0, $gJBoF$filterDOMProps)(props, {
+            global: true
+        }), underlayProps),
+        ...renderProps,
+        style: style,
+        ref: props.overlayRef,
+        "data-entering": entering || undefined,
+        "data-exiting": props.isExiting || undefined
+    }, /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {
+        values: [
+            [
+                $8b8d26808cb8cb53$var$InternalModalContext,
+                {
+                    modalProps: modalProps,
+                    modalRef: modalRef,
+                    isExiting: props.isExiting,
+                    isDismissable: props.isDismissable
+                }
+            ],
+            [
+                (0, $f2ff30fde7b014be$export$d2f961adcb0afbe),
+                state
+            ]
+        ]
+    }, renderProps.children)));
+}
+function $8b8d26808cb8cb53$var$ModalContent(props) {
+    let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $gJBoF$useContext)($8b8d26808cb8cb53$var$InternalModalContext);
+    let state = (0, $gJBoF$useContext)((0, $f2ff30fde7b014be$export$d2f961adcb0afbe));
+    let mergedRefs = (0, $gJBoF$useMemo)(()=>(0, $gJBoF$mergeRefs)(props.modalRef, modalRef), [
+        props.modalRef,
+        modalRef
+    ]);
+    let ref = (0, $gJBoF$useObjectRef)(mergedRefs);
+    let entering = (0, $gJBoF$useEnterAnimation)(ref);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-Modal',
+        values: {
+            isEntering: entering,
+            isExiting: isExiting,
+            state: state
+        }
+    });
+    return /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...(0, $gJBoF$mergeProps)((0, $gJBoF$filterDOMProps)(props, {
+            global: true
+        }), modalProps),
+        ...renderProps,
+        ref: ref,
+        "data-entering": entering || undefined,
+        "data-exiting": isExiting || undefined
+    }, isDismissable && /*#__PURE__*/ (0, $gJBoF$react).createElement((0, $gJBoF$DismissButton), {
+        onDismiss: state.close
+    }), renderProps.children);
+}
+
+
+export {$8b8d26808cb8cb53$export$ab57792b9b6974a6 as ModalContext, $8b8d26808cb8cb53$export$2b77a92f1a5ad772 as Modal, $8b8d26808cb8cb53$export$8948f78d83984c69 as ModalOverlay};
+//# sourceMappingURL=Modal.mjs.map

package/dist/private/Modal.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Modal.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaModalOverlayProps, useModalOverlay} from 'react-aria/useModalOverlay';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {DOMAttributes, forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {isScrollable} from 'react-aria/private/utils/isScrollable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport React, {createContext, ForwardedRef, forwardRef, useContext, useMemo, useRef} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useViewportSize} from 'react-aria/private/utils/useViewportSize';\n\nexport interface ModalOverlayProps\n  extends\n    AriaModalOverlayProps,\n    OverlayTriggerProps,\n    RenderProps<ModalRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ModalOverlay'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Whether the modal is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the modal is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n}\n\ninterface InternalModalContextValue {\n  modalProps: DOMAttributes;\n  modalRef: RefObject<HTMLDivElement | null>;\n  isExiting: boolean;\n  isDismissable?: boolean;\n}\n\nexport const ModalContext = createContext<ContextValue<ModalOverlayProps, HTMLDivElement>>(null);\nconst InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\nexport interface ModalRenderProps {\n  /**\n   * Whether the modal is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the modal is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the modal.\n   */\n  state: OverlayTriggerState;\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nexport const Modal = /*#__PURE__*/ (forwardRef as forwardRefType)(function Modal(\n  props: ModalOverlayProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let ctx = useContext(InternalModalContext);\n\n  if (ctx) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      // create a list of props that are passed in but not allowed when using an external ModalOverlay\n      const invalidSet = new Set([\n        'isDismissable',\n        'isKeyboardDismissDisabled',\n        'isOpen',\n        'defaultOpen',\n        'onOpenChange',\n        'isEntering',\n        'isExiting',\n        'UNSTABLE_portalContainer',\n        'shouldCloseOnInteractOutside'\n      ]);\n      const invalidProps = Object.keys(props).filter(key => invalidSet.has(key));\n      console.warn(\n        `This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`\n      );\n    }\n    return (\n      <ModalContent {...props} modalRef={ref}>\n        {props.children}\n      </ModalContent>\n    );\n  }\n\n  let {\n    isDismissable,\n    isKeyboardDismissDisabled,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    children,\n    isEntering,\n    isExiting,\n    UNSTABLE_portalContainer,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n\n  return (\n    <ModalOverlay\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isEntering={isEntering}\n      isExiting={isExiting}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer}\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}>\n      <ModalContent {...otherProps} modalRef={ref}>\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n});\n\ninterface ModalOverlayInnerProps extends ModalOverlayProps {\n  overlayRef: RefObject<HTMLDivElement | null>;\n  modalRef: RefObject<HTMLDivElement | null>;\n  state: OverlayTriggerState;\n  isExiting: boolean;\n}\n\nfunction ModalOverlayWithForwardRef(props: ModalOverlayProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ModalContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  if (state === contextState) {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)\n    ) {\n      console.warn(\n        'This modals state is controlled by a trigger, place onOpenChange on the trigger instead.'\n      );\n    }\n  }\n\n  let objectRef = useObjectRef(ref);\n  let modalRef = useRef<HTMLDivElement>(null);\n  let isOverlayExiting = useExitAnimation(objectRef, state.isOpen);\n  let isModalExiting = useExitAnimation(modalRef, state.isOpen);\n  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n  let isSSR = useIsSSR();\n\n  if ((!state.isOpen && !isExiting) || isSSR) {\n    return null;\n  }\n\n  return (\n    <ModalOverlayInner\n      {...props}\n      state={state}\n      isExiting={isExiting}\n      overlayRef={objectRef}\n      modalRef={modalRef}\n    />\n  );\n}\n\n/**\n * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.\n */\nexport const ModalOverlay = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  ModalOverlayWithForwardRef\n);\n\nfunction ModalOverlayInner({UNSTABLE_portalContainer, ...props}: ModalOverlayInnerProps) {\n  let modalRef = props.modalRef;\n  let {state} = props;\n  let {modalProps, underlayProps} = useModalOverlay(props, state, modalRef);\n\n  let entering = useEnterAnimation(props.overlayRef) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-ModalOverlay',\n    values: {\n      isEntering: entering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  let viewport = useViewportSize();\n  let pageWidth: number | undefined = undefined;\n  let pageHeight: number | undefined = undefined;\n  if (typeof document !== 'undefined') {\n    let scrollingElement = isScrollable(document.body)\n      ? document.body\n      : document.scrollingElement || document.documentElement;\n    // Prevent Firefox from adding scrollbars when the page has a fractional width/height.\n    let fractionalWidthDifference = scrollingElement.getBoundingClientRect().width % 1;\n    let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n    pageWidth = scrollingElement.scrollWidth - fractionalWidthDifference;\n    pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n  }\n\n  let style = {\n    ...renderProps.style,\n    '--visual-viewport-width': viewport.width + 'px',\n    '--visual-viewport-height': viewport.height + 'px',\n    '--page-width': pageWidth !== undefined ? pageWidth + 'px' : undefined,\n    '--page-height': pageHeight !== undefined ? pageHeight + 'px' : undefined\n  };\n\n  return (\n    <Overlay isExiting={props.isExiting} portalContainer={UNSTABLE_portalContainer}>\n      <dom.div\n        {...mergeProps(filterDOMProps(props, {global: true}), underlayProps)}\n        {...renderProps}\n        style={style}\n        ref={props.overlayRef}\n        data-entering={entering || undefined}\n        data-exiting={props.isExiting || undefined}>\n        <Provider\n          values={[\n            [\n              InternalModalContext,\n              {modalProps, modalRef, isExiting: props.isExiting, isDismissable: props.isDismissable}\n            ],\n            [OverlayTriggerStateContext, state]\n          ]}>\n          {renderProps.children}\n        </Provider>\n      </dom.div>\n    </Overlay>\n  );\n}\n\ninterface ModalContentProps\n  extends RenderProps<ModalRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ModalContent'\n   */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  modalRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction ModalContent(props: ModalContentProps) {\n  let {modalProps, modalRef, isExiting, isDismissable} = useContext(InternalModalContext)!;\n  let state = useContext(OverlayTriggerStateContext)!;\n  let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);\n\n  let ref = useObjectRef(mergedRefs);\n  let entering = useEnterAnimation(ref);\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Modal',\n    values: {\n      isEntering: entering,\n      isExiting,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), modalProps)}\n      {...renderProps}\n      ref={ref}\n      data-entering={entering || undefined}\n      data-exiting={isExiting || undefined}>\n      {isDismissable && <DismissButton onDismiss={state.close} />}\n      {renderProps.children}\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Modal.mjs.map"}

package/dist/private/NumberField.cjs

@@ -0,0 +1,150 @@
+var $16c7f9b22cce3838$exports = require("./Button.cjs");
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $862aa7df04d8fa76$exports = require("./FieldError.cjs");
+var $5adc12e2ce73be8f$exports = require("./Form.cjs");
+var $f3068c15cd7dcac2$exports = require("./Group.cjs");
+var $81dc1c05bf045ce0$exports = require("./Input.cjs");
+var $d5d46822336ca1e1$exports = require("./Label.cjs");
+var $cab7d9a238d19c33$exports = require("./Text.cjs");
+var $bFatb$reactariauseNumberField = require("react-aria/useNumberField");
+var $bFatb$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $bFatb$reactstatelyuseNumberFieldState = require("react-stately/useNumberFieldState");
+var $bFatb$react = require("react");
+var $bFatb$reactariaI18nProvider = require("react-aria/I18nProvider");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "NumberFieldContext", function () { return $4a2a97c8d8d8845a$export$b414a48cf5dcbc11; });
+$parcel$export(module.exports, "NumberFieldStateContext", function () { return $4a2a97c8d8d8845a$export$6cc906c6cff9bec5; });
+$parcel$export(module.exports, "NumberField", function () { return $4a2a97c8d8d8845a$export$63c5fa0b2fdccd2e; });
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+const $4a2a97c8d8d8845a$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $bFatb$react.createContext)(null);
+const $4a2a97c8d8d8845a$export$6cc906c6cff9bec5 = /*#__PURE__*/ (0, $bFatb$react.createContext)(null);
+const $4a2a97c8d8d8845a$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $bFatb$react.forwardRef)(function NumberField(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $4a2a97c8d8d8845a$export$b414a48cf5dcbc11);
+    let { validationBehavior: formValidationBehavior } = (0, $048d76b84370f141$exports.useSlottedContext)((0, $5adc12e2ce73be8f$exports.FormContext)) || {};
+    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
+    let { locale: locale } = (0, $bFatb$reactariaI18nProvider.useLocale)();
+    let state = (0, $bFatb$reactstatelyuseNumberFieldState.useNumberFieldState)({
+        ...props,
+        locale: locale,
+        validationBehavior: validationBehavior
+    });
+    let inputRef = (0, $bFatb$react.useRef)(null);
+    let [labelRef, label] = (0, $048d76b84370f141$exports.useSlot)(!props['aria-label'] && !props['aria-labelledby']);
+    let { labelProps: labelProps, groupProps: groupProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $bFatb$reactariauseNumberField.useNumberField)({
+        ...(0, $048d76b84370f141$exports.removeDataAttributes)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, inputRef);
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: validation.isInvalid || false,
+            isRequired: props.isRequired || false,
+            isReadOnly: props.isReadOnly || false
+        },
+        defaultClassName: 'react-aria-NumberField'
+    });
+    let DOMProps = (0, $bFatb$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($bFatb$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                $4a2a97c8d8d8845a$export$6cc906c6cff9bec5,
+                state
+            ],
+            [
+                (0, $f3068c15cd7dcac2$exports.GroupContext),
+                groupProps
+            ],
+            [
+                (0, $81dc1c05bf045ce0$exports.InputContext),
+                {
+                    ...inputProps,
+                    ref: inputRef
+                }
+            ],
+            [
+                (0, $d5d46822336ca1e1$exports.LabelContext),
+                {
+                    ...labelProps,
+                    ref: labelRef
+                }
+            ],
+            [
+                (0, $16c7f9b22cce3838$exports.ButtonContext),
+                {
+                    slots: {
+                        increment: incrementButtonProps,
+                        decrement: decrementButtonProps
+                    }
+                }
+            ],
+            [
+                (0, $cab7d9a238d19c33$exports.TextContext),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $862aa7df04d8fa76$exports.FieldErrorContext),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bFatb$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
+        "data-invalid": validation.isInvalid || undefined
+    }), props.name && /*#__PURE__*/ (0, ($parcel$interopDefault($bFatb$react))).createElement("input", {
+        type: "hidden",
+        name: props.name,
+        form: props.form,
+        value: isNaN(state.numberValue) ? '' : state.numberValue,
+        disabled: props.isDisabled || undefined
+    }));
+});
+
+
+//# sourceMappingURL=NumberField.cjs.map

package/dist/private/NumberField.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAuFM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAkD;AACzD,MAAM,0DAA0B,CAAA,GAAA,0BAAY,EAA2B;AAMvE,MAAM,4CAA4B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,YAC/E,KAAuB,EACvB,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,EAAC,oBAAoB,sBAAsB,EAAC,GAAG,CAAA,GAAA,2CAAgB,EAAE,CAAA,GAAA,qCAAU,MAAM,CAAC;IACtF,IAAI,qBAAqB,MAAM,kBAAkB,IAAI,0BAA0B;IAC/E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,sCAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,0DAAkB,EAAE;QAC9B,GAAG,KAAK;gBACR;4BACA;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,CAAC,UAAU,MAAM,GAAG,CAAA,GAAA,iCAAM,EAAE,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,kBAAkB;IACjF,IAAI,cACF,UAAU,cACV,UAAU,cACV,UAAU,wBACV,oBAAoB,wBACpB,oBAAoB,oBACpB,gBAAgB,qBAChB,iBAAiB,EACjB,GAAG,YACJ,GAAG,CAAA,GAAA,6CAAa,EACf;QACE,GAAG,CAAA,GAAA,8CAAmB,EAAE,MAAM;eAC9B;4BACA;IACF,GACA,OACA;IAGF,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;mBACN;YACA,YAAY,MAAM,UAAU,IAAI;YAChC,WAAW,WAAW,SAAS,IAAI;YACnC,YAAY,MAAM,UAAU,IAAI;YAChC,YAAY,MAAM,UAAU,IAAI;QAClC;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,0DAAC,CAAA,GAAA,kCAAO;QACN,QAAQ;YACN;gBAAC;gBAAyB;aAAM;YAChC;gBAAC,CAAA,GAAA,sCAAW;gBAAG;aAAW;YAC1B;gBAAC,CAAA,GAAA,sCAAW;gBAAG;oBAAC,GAAG,UAAU;oBAAE,KAAK;gBAAQ;aAAE;YAC9C;gBAAC,CAAA,GAAA,sCAAW;gBAAG;oBAAC,GAAG,UAAU;oBAAE,KAAK;gBAAQ;aAAE;YAC9C;gBACE,CAAA,GAAA,uCAAY;gBACZ;oBACE,OAAO;wBACL,WAAW;wBACX,WAAW;oBACb;gBACF;aACD;YACD;gBACE,CAAA,GAAA,qCAAU;gBACV;oBACE,OAAO;wBACL,aAAa;wBACb,cAAc;oBAChB;gBACF;aACD;YACD;gBAAC,CAAA,GAAA,2CAAgB;gBAAG;aAAW;SAChC;qBACD,0DAAC,CAAA,GAAA,6BAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,iBAAe,MAAM,UAAU,IAAI;QACnC,iBAAe,MAAM,UAAU,IAAI;QACnC,iBAAe,MAAM,UAAU,IAAI;QACnC,gBAAc,WAAW,SAAS,IAAI;QAEvC,MAAM,IAAI,kBACT,0DAAC;QACC,MAAK;QACL,MAAM,MAAM,IAAI;QAChB,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,MAAM,WAAW,IAAI,KAAK,MAAM,WAAW;QACxD,UAAU,MAAM,UAAU,IAAI;;AAKxC","sources":["packages/react-aria-components/src/NumberField.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaNumberFieldProps, useNumberField} from 'react-aria/useNumberField';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RACValidation,\n  removeDataAttributes,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {FieldErrorContext} from './FieldError';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext} from './Form';\nimport {forwardRefType, GlobalDOMAttributes, InputDOMProps} from '@react-types/shared';\nimport {GroupContext} from './Group';\nimport {InputContext} from './Input';\nimport {LabelContext} from './Label';\nimport {NumberFieldState, useNumberFieldState} from 'react-stately/useNumberFieldState';\nimport React, {createContext, ForwardedRef, forwardRef, useRef} from 'react';\nimport {TextContext} from './Text';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface NumberFieldRenderProps {\n  /**\n   * Whether the number field is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the number field is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the number field is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n  /**\n   * Whether the number field is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n  /**\n   * State of the number field.\n   */\n  state: NumberFieldState;\n}\n\nexport interface NumberFieldProps\n  extends\n    Omit<\n      AriaNumberFieldProps,\n      | 'label'\n      | 'placeholder'\n      | 'description'\n      | 'errorMessage'\n      | 'validationState'\n      | 'validationBehavior'\n    >,\n    RACValidation,\n    InputDOMProps,\n    RenderProps<NumberFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-NumberField'\n   */\n  className?: ClassNameOrFunction<NumberFieldRenderProps>;\n}\n\nexport const NumberFieldContext =\n  createContext<ContextValue<NumberFieldProps, HTMLDivElement>>(null);\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(null);\n\n/**\n * A number field allows a user to enter a number, and increment or decrement the value using\n * stepper buttons.\n */\nexport const NumberField = /*#__PURE__*/ (forwardRef as forwardRefType)(function NumberField(\n  props: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, NumberFieldContext);\n  let {validationBehavior: formValidationBehavior} = useSlottedContext(FormContext) || {};\n  let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n  let {locale} = useLocale();\n  let state = useNumberFieldState({\n    ...props,\n    locale,\n    validationBehavior\n  });\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {\n    labelProps,\n    groupProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps,\n    ...validation\n  } = useNumberField(\n    {\n      ...removeDataAttributes(props),\n      label,\n      validationBehavior\n    },\n    state,\n    inputRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false,\n      isInvalid: validation.isInvalid || false,\n      isRequired: props.isRequired || false,\n      isReadOnly: props.isReadOnly || false\n    },\n    defaultClassName: 'react-aria-NumberField'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [NumberFieldStateContext, state],\n        [GroupContext, groupProps],\n        [InputContext, {...inputProps, ref: inputRef}],\n        [LabelContext, {...labelProps, ref: labelRef}],\n        [\n          ButtonContext,\n          {\n            slots: {\n              increment: incrementButtonProps,\n              decrement: decrementButtonProps\n            }\n          }\n        ],\n        [\n          TextContext,\n          {\n            slots: {\n              description: descriptionProps,\n              errorMessage: errorMessageProps\n            }\n          }\n        ],\n        [FieldErrorContext, validation]\n      ]}>\n      <dom.div\n        {...DOMProps}\n        {...renderProps}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-disabled={props.isDisabled || undefined}\n        data-readonly={props.isReadOnly || undefined}\n        data-required={props.isRequired || undefined}\n        data-invalid={validation.isInvalid || undefined}\n      />\n      {props.name && (\n        <input\n          type=\"hidden\"\n          name={props.name}\n          form={props.form}\n          value={isNaN(state.numberValue) ? '' : state.numberValue}\n          disabled={props.isDisabled || undefined}\n        />\n      )}\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"NumberField.cjs.map"}

package/dist/private/NumberField.js

@@ -0,0 +1,140 @@
+import {ButtonContext as $fc203795b9b363cd$export$24d547caef80ccd1} from "./Button.js";
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, removeDataAttributes as $b7b7a92703138c9b$export$ef03459518577ad4, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3, useSlot as $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8, useSlottedContext as $b7b7a92703138c9b$export$fabf2dc03a41866e} from "./utils.js";
+import {FieldErrorContext as $6567560e1d9cc847$export$ff05c3ac10437e03} from "./FieldError.js";
+import {FormContext as $c7332d4a2d191cd2$export$c24727297075ec6a} from "./Form.js";
+import {GroupContext as $2e357e4f16c05be6$export$f9c6924e160136d1} from "./Group.js";
+import {InputContext as $d8e7992b5f7739ce$export$37fb8590cf2c088c} from "./Input.js";
+import {LabelContext as $3e4839e5b30e7b17$export$75b6ee27786ba447} from "./Label.js";
+import {TextContext as $20d769b1e2b13352$export$9afb8bc826b033ea} from "./Text.js";
+import {useNumberField as $3MIOf$useNumberField} from "react-aria/useNumberField";
+import {filterDOMProps as $3MIOf$filterDOMProps} from "react-aria/filterDOMProps";
+import {useNumberFieldState as $3MIOf$useNumberFieldState} from "react-stately/useNumberFieldState";
+import $3MIOf$react, {createContext as $3MIOf$createContext, forwardRef as $3MIOf$forwardRef, useRef as $3MIOf$useRef} from "react";
+import {useLocale as $3MIOf$useLocale} from "react-aria/I18nProvider";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+const $bc465c0b918d6915$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $3MIOf$createContext)(null);
+const $bc465c0b918d6915$export$6cc906c6cff9bec5 = /*#__PURE__*/ (0, $3MIOf$createContext)(null);
+const $bc465c0b918d6915$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $3MIOf$forwardRef)(function NumberField(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $bc465c0b918d6915$export$b414a48cf5dcbc11);
+    let { validationBehavior: formValidationBehavior } = (0, $b7b7a92703138c9b$export$fabf2dc03a41866e)((0, $c7332d4a2d191cd2$export$c24727297075ec6a)) || {};
+    var _props_validationBehavior, _ref;
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
+    let { locale: locale } = (0, $3MIOf$useLocale)();
+    let state = (0, $3MIOf$useNumberFieldState)({
+        ...props,
+        locale: locale,
+        validationBehavior: validationBehavior
+    });
+    let inputRef = (0, $3MIOf$useRef)(null);
+    let [labelRef, label] = (0, $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
+    let { labelProps: labelProps, groupProps: groupProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $3MIOf$useNumberField)({
+        ...(0, $b7b7a92703138c9b$export$ef03459518577ad4)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, inputRef);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: validation.isInvalid || false,
+            isRequired: props.isRequired || false,
+            isReadOnly: props.isReadOnly || false
+        },
+        defaultClassName: 'react-aria-NumberField'
+    });
+    let DOMProps = (0, $3MIOf$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $3MIOf$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                $bc465c0b918d6915$export$6cc906c6cff9bec5,
+                state
+            ],
+            [
+                (0, $2e357e4f16c05be6$export$f9c6924e160136d1),
+                groupProps
+            ],
+            [
+                (0, $d8e7992b5f7739ce$export$37fb8590cf2c088c),
+                {
+                    ...inputProps,
+                    ref: inputRef
+                }
+            ],
+            [
+                (0, $3e4839e5b30e7b17$export$75b6ee27786ba447),
+                {
+                    ...labelProps,
+                    ref: labelRef
+                }
+            ],
+            [
+                (0, $fc203795b9b363cd$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        increment: incrementButtonProps,
+                        decrement: decrementButtonProps
+                    }
+                }
+            ],
+            [
+                (0, $20d769b1e2b13352$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $6567560e1d9cc847$export$ff05c3ac10437e03),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $3MIOf$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
+        "data-invalid": validation.isInvalid || undefined
+    }), props.name && /*#__PURE__*/ (0, $3MIOf$react).createElement("input", {
+        type: "hidden",
+        name: props.name,
+        form: props.form,
+        value: isNaN(state.numberValue) ? '' : state.numberValue,
+        disabled: props.isDisabled || undefined
+    }));
+});
+
+
+export {$bc465c0b918d6915$export$b414a48cf5dcbc11 as NumberFieldContext, $bc465c0b918d6915$export$6cc906c6cff9bec5 as NumberFieldStateContext, $bc465c0b918d6915$export$63c5fa0b2fdccd2e as NumberField};
+//# sourceMappingURL=NumberField.js.map

package/dist/private/NumberField.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/NumberField.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaNumberFieldProps, useNumberField} from 'react-aria/useNumberField';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RACValidation,\n  removeDataAttributes,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {FieldErrorContext} from './FieldError';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext} from './Form';\nimport {forwardRefType, GlobalDOMAttributes, InputDOMProps} from '@react-types/shared';\nimport {GroupContext} from './Group';\nimport {InputContext} from './Input';\nimport {LabelContext} from './Label';\nimport {NumberFieldState, useNumberFieldState} from 'react-stately/useNumberFieldState';\nimport React, {createContext, ForwardedRef, forwardRef, useRef} from 'react';\nimport {TextContext} from './Text';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface NumberFieldRenderProps {\n  /**\n   * Whether the number field is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the number field is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the number field is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n  /**\n   * Whether the number field is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n  /**\n   * State of the number field.\n   */\n  state: NumberFieldState;\n}\n\nexport interface NumberFieldProps\n  extends\n    Omit<\n      AriaNumberFieldProps,\n      | 'label'\n      | 'placeholder'\n      | 'description'\n      | 'errorMessage'\n      | 'validationState'\n      | 'validationBehavior'\n    >,\n    RACValidation,\n    InputDOMProps,\n    RenderProps<NumberFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-NumberField'\n   */\n  className?: ClassNameOrFunction<NumberFieldRenderProps>;\n}\n\nexport const NumberFieldContext =\n  createContext<ContextValue<NumberFieldProps, HTMLDivElement>>(null);\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(null);\n\n/**\n * A number field allows a user to enter a number, and increment or decrement the value using\n * stepper buttons.\n */\nexport const NumberField = /*#__PURE__*/ (forwardRef as forwardRefType)(function NumberField(\n  props: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, NumberFieldContext);\n  let {validationBehavior: formValidationBehavior} = useSlottedContext(FormContext) || {};\n  let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n  let {locale} = useLocale();\n  let state = useNumberFieldState({\n    ...props,\n    locale,\n    validationBehavior\n  });\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {\n    labelProps,\n    groupProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps,\n    ...validation\n  } = useNumberField(\n    {\n      ...removeDataAttributes(props),\n      label,\n      validationBehavior\n    },\n    state,\n    inputRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false,\n      isInvalid: validation.isInvalid || false,\n      isRequired: props.isRequired || false,\n      isReadOnly: props.isReadOnly || false\n    },\n    defaultClassName: 'react-aria-NumberField'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [NumberFieldStateContext, state],\n        [GroupContext, groupProps],\n        [InputContext, {...inputProps, ref: inputRef}],\n        [LabelContext, {...labelProps, ref: labelRef}],\n        [\n          ButtonContext,\n          {\n            slots: {\n              increment: incrementButtonProps,\n              decrement: decrementButtonProps\n            }\n          }\n        ],\n        [\n          TextContext,\n          {\n            slots: {\n              description: descriptionProps,\n              errorMessage: errorMessageProps\n            }\n          }\n        ],\n        [FieldErrorContext, validation]\n      ]}>\n      <dom.div\n        {...DOMProps}\n        {...renderProps}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-disabled={props.isDisabled || undefined}\n        data-readonly={props.isReadOnly || undefined}\n        data-required={props.isRequired || undefined}\n        data-invalid={validation.isInvalid || undefined}\n      />\n      {props.name && (\n        <input\n          type=\"hidden\"\n          name={props.name}\n          form={props.form}\n          value={isNaN(state.numberValue) ? '' : state.numberValue}\n          disabled={props.isDisabled || undefined}\n        />\n      )}\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"NumberField.js.map"}