@react-aria/form 3.1.5 → 3.2.0

package/dist/import.mjs

@@ -1,4 +1,4 @@
-import {useFormValidation as $e93e671b31057976$export$b8473d3665f3a75a} from "./useFormValidation.mjs";
+import {useFormValidation as $c607b33eb33e0685$re_export$useFormValidation} from "react-aria/private/form/useFormValidation";
 
 /*
  * Copyright 2023 Adobe. All rights reserved.
@@ -13,5 +13,5 @@ import {useFormValidation as $e93e671b31057976$export$b8473d3665f3a75a} from "./
  */ 
 
 
-export {$e93e671b31057976$export$b8473d3665f3a75a as useFormValidation};
+export {$c607b33eb33e0685$re_export$useFormValidation as useFormValidation};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,11 +1,11 @@
-var $9da8e3f192aba981$exports = require("./useFormValidation.main.js");
+var $39uVJ$reactariaprivateformuseFormValidation = require("react-aria/private/form/useFormValidation");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "useFormValidation", () => $9da8e3f192aba981$exports.useFormValidation);
+$parcel$export(module.exports, "useFormValidation", function () { return $39uVJ$reactariaprivateformuseFormValidation.useFormValidation; });
 /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/form/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {useFormValidation} from './useFormValidation';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/form/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {useFormValidation} from 'react-aria/private/form/useFormValidation';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,4 +1,4 @@
-import {useFormValidation as $e93e671b31057976$export$b8473d3665f3a75a} from "./useFormValidation.module.js";
+import {useFormValidation as $c607b33eb33e0685$re_export$useFormValidation} from "react-aria/private/form/useFormValidation";
 
 /*
  * Copyright 2023 Adobe. All rights reserved.
@@ -13,5 +13,5 @@ import {useFormValidation as $e93e671b31057976$export$b8473d3665f3a75a} from "./
  */ 
 
 
-export {$e93e671b31057976$export$b8473d3665f3a75a as useFormValidation};
+export {$c607b33eb33e0685$re_export$useFormValidation as useFormValidation};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/form/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {useFormValidation} from './useFormValidation';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/form/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {useFormValidation} from 'react-aria/private/form/useFormValidation';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1 @@
+export { useFormValidation } from 'react-aria/private/form/useFormValidation';

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@react-aria/form",
-  "version": "3.1.5",
+  "version": "3.2.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
   "source": "src/index.ts",
   "files": [
@@ -26,11 +26,8 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/interactions": "^3.27.1",
-    "@react-aria/utils": "^3.33.1",
-    "@react-stately/form": "^3.2.4",
-    "@react-types/shared": "^3.33.1",
-    "@swc/helpers": "^0.5.0"
+    "@swc/helpers": "^0.5.0",
+    "react-aria": "3.48.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
@@ -39,5 +36,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "targets": {
+    "types": false
+  },
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -10,4 +10,4 @@
  * governing permissions and limitations under the License.
  */
 
-export {useFormValidation} from './useFormValidation';
+export {useFormValidation} from 'react-aria/private/form/useFormValidation';

package/dist/types.d.ts

@@ -1,9 +0,0 @@
-import { FormValidationState } from "@react-stately/form";
-import { RefObject, Validation } from "@react-types/shared";
-type ValidatableElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
-interface FormValidationProps<T> extends Validation<T> {
-    focus?: () => void;
-}
-export function useFormValidation<T>(props: FormValidationProps<T>, state: FormValidationState, ref: RefObject<ValidatableElement | null> | undefined): void;
-
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;AAkBA,0BAA0B,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAErF,8BAA8B,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,kCAAkC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,UAAU,kBAAkB,GAAG,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,CA2F3J","sources":["packages/@react-aria/form/src/packages/@react-aria/form/src/useFormValidation.ts","packages/@react-aria/form/src/packages/@react-aria/form/src/index.ts","packages/@react-aria/form/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {useFormValidation} from './useFormValidation';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/useFormValidation.main.js

@@ -1,128 +0,0 @@
-var $j3sn1$reactariautils = require("@react-aria/utils");
-var $j3sn1$reactariainteractions = require("@react-aria/interactions");
-var $j3sn1$react = require("react");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useFormValidation", () => $9da8e3f192aba981$export$b8473d3665f3a75a);
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-function $9da8e3f192aba981$export$b8473d3665f3a75a(props, state, ref) {
-    let { validationBehavior: validationBehavior, focus: focus } = props;
-    // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
-    (0, $j3sn1$reactariautils.useLayoutEffect)(()=>{
-        if (validationBehavior === 'native' && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
-            let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
-            ref.current.setCustomValidity(errorMessage);
-            // Prevent default tooltip for validation message.
-            // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
-            if (!ref.current.hasAttribute('title')) ref.current.title = '';
-            if (!state.realtimeValidation.isInvalid) state.updateValidation($9da8e3f192aba981$var$getNativeValidity(ref.current));
-        }
-    });
-    let isIgnoredReset = (0, $j3sn1$react.useRef)(false);
-    let onReset = (0, $j3sn1$reactariautils.useEffectEvent)(()=>{
-        if (!isIgnoredReset.current) state.resetValidation();
-    });
-    let onInvalid = (0, $j3sn1$reactariautils.useEffectEvent)((e)=>{
-        var _ref_current;
-        // Only commit validation if we are not already displaying one.
-        // This avoids clearing server errors that the user didn't actually fix.
-        if (!state.displayValidation.isInvalid) state.commitValidation();
-        // Auto focus the first invalid input in a form, unless the error already had its default prevented.
-        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
-        if (!e.defaultPrevented && ref && form && $9da8e3f192aba981$var$getFirstInvalidInput(form) === ref.current) {
-            var _ref_current1;
-            if (focus) focus();
-            else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
-            // Always show focus ring.
-            (0, $j3sn1$reactariainteractions.setInteractionModality)('keyboard');
-        }
-        // Prevent default browser error UI from appearing.
-        e.preventDefault();
-    });
-    let onChange = (0, $j3sn1$reactariautils.useEffectEvent)(()=>{
-        state.commitValidation();
-    });
-    (0, $j3sn1$react.useEffect)(()=>{
-        let input = ref === null || ref === void 0 ? void 0 : ref.current;
-        if (!input) return;
-        let form = input.form;
-        let reset = form === null || form === void 0 ? void 0 : form.reset;
-        if (form) // Try to detect React's automatic form reset behavior so we don't clear
-        // validation errors that are returned by server actions.
-        // To do this, we ignore programmatic form resets that occur outside a user event.
-        // This is best-effort. There may be false positives, e.g. setTimeout.
-        form.reset = ()=>{
-            // React uses MessageChannel for scheduling, so ignore 'message' events.
-            isIgnoredReset.current = !window.event || window.event.type === 'message' && (0, $j3sn1$reactariautils.getEventTarget)(window.event) instanceof MessagePort;
-            reset === null || reset === void 0 ? void 0 : reset.call(form);
-            isIgnoredReset.current = false;
-        };
-        input.addEventListener('invalid', onInvalid);
-        input.addEventListener('change', onChange);
-        form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
-        return ()=>{
-            input.removeEventListener('invalid', onInvalid);
-            input.removeEventListener('change', onChange);
-            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
-            if (form) // @ts-ignore
-            form.reset = reset;
-        };
-    }, [
-        ref,
-        validationBehavior
-    ]);
-}
-function $9da8e3f192aba981$var$getValidity(input) {
-    // The native ValidityState object is live, meaning each property is a getter that returns the current state.
-    // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
-    let validity = input.validity;
-    return {
-        badInput: validity.badInput,
-        customError: validity.customError,
-        patternMismatch: validity.patternMismatch,
-        rangeOverflow: validity.rangeOverflow,
-        rangeUnderflow: validity.rangeUnderflow,
-        stepMismatch: validity.stepMismatch,
-        tooLong: validity.tooLong,
-        tooShort: validity.tooShort,
-        typeMismatch: validity.typeMismatch,
-        valueMissing: validity.valueMissing,
-        valid: validity.valid
-    };
-}
-function $9da8e3f192aba981$var$getNativeValidity(input) {
-    return {
-        isInvalid: !input.validity.valid,
-        validationDetails: $9da8e3f192aba981$var$getValidity(input),
-        validationErrors: input.validationMessage ? [
-            input.validationMessage
-        ] : []
-    };
-}
-function $9da8e3f192aba981$var$getFirstInvalidInput(form) {
-    for(let i = 0; i < form.elements.length; i++){
-        var _element_validity;
-        let element = form.elements[i];
-        if (((_element_validity = element.validity) === null || _element_validity === void 0 ? void 0 : _element_validity.valid) === false) return element;
-    }
-    return null;
-}
-
-
-//# sourceMappingURL=useFormValidation.main.js.map

package/dist/useFormValidation.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/form/src/useFormValidation.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {FormValidationState} from '@react-stately/form';\nimport {getEventTarget, useEffectEvent, useLayoutEffect} from '@react-aria/utils';\nimport {RefObject, Validation, ValidationResult} from '@react-types/shared';\nimport {setInteractionModality} from '@react-aria/interactions';\nimport {useEffect, useRef} from 'react';\n\ntype ValidatableElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n\ninterface FormValidationProps<T> extends Validation<T> {\n  focus?: () => void\n}\n\nexport function useFormValidation<T>(props: FormValidationProps<T>, state: FormValidationState, ref: RefObject<ValidatableElement | null> | undefined): void {\n  let {validationBehavior, focus} = props;\n\n  // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.\n  useLayoutEffect(() => {\n    if (validationBehavior === 'native' && ref?.current && !ref.current.disabled) {\n      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';\n      ref.current.setCustomValidity(errorMessage);\n\n      // Prevent default tooltip for validation message.\n      // https://bugzilla.mozilla.org/show_bug.cgi?id=605277\n      if (!ref.current.hasAttribute('title')) {\n        ref.current.title = '';\n      }\n\n      if (!state.realtimeValidation.isInvalid) {\n        state.updateValidation(getNativeValidity(ref.current));\n      }\n    }\n  });\n\n  let isIgnoredReset = useRef(false);\n  let onReset = useEffectEvent(() => {\n    if (!isIgnoredReset.current) {\n      state.resetValidation();\n    }\n  });\n\n  let onInvalid = useEffectEvent((e: Event) => {\n    // Only commit validation if we are not already displaying one.\n    // This avoids clearing server errors that the user didn't actually fix.\n    if (!state.displayValidation.isInvalid) {\n      state.commitValidation();\n    }\n\n    // Auto focus the first invalid input in a form, unless the error already had its default prevented.\n    let form = ref?.current?.form;\n    if (!e.defaultPrevented && ref && form && getFirstInvalidInput(form) === ref.current) {\n      if (focus) {\n        focus();\n      } else {\n        ref.current?.focus();\n      }\n\n      // Always show focus ring.\n      setInteractionModality('keyboard');\n    }\n\n    // Prevent default browser error UI from appearing.\n    e.preventDefault();\n  });\n\n  let onChange = useEffectEvent(() => {\n    state.commitValidation();\n  });\n\n  useEffect(() => {\n    let input = ref?.current;\n    if (!input) {\n      return;\n    }\n\n    let form = input.form;\n\n    let reset = form?.reset;\n    if (form) {\n      // Try to detect React's automatic form reset behavior so we don't clear\n      // validation errors that are returned by server actions.\n      // To do this, we ignore programmatic form resets that occur outside a user event.\n      // This is best-effort. There may be false positives, e.g. setTimeout.\n      form.reset = () => {\n        // React uses MessageChannel for scheduling, so ignore 'message' events.\n        isIgnoredReset.current = !window.event || (window.event.type === 'message' && getEventTarget(window.event) instanceof MessagePort);\n        reset?.call(form);\n        isIgnoredReset.current = false;\n      };\n    }\n\n    input.addEventListener('invalid', onInvalid);\n    input.addEventListener('change', onChange);\n    form?.addEventListener('reset', onReset);\n    return () => {\n      input!.removeEventListener('invalid', onInvalid);\n      input!.removeEventListener('change', onChange);\n      form?.removeEventListener('reset', onReset);\n      if (form) {\n        // @ts-ignore\n        form.reset = reset;\n      }\n    };\n  }, [ref, validationBehavior]);\n}\n\nfunction getValidity(input: ValidatableElement) {\n  // The native ValidityState object is live, meaning each property is a getter that returns the current state.\n  // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.\n  let validity = input.validity;\n  return {\n    badInput: validity.badInput,\n    customError: validity.customError,\n    patternMismatch: validity.patternMismatch,\n    rangeOverflow: validity.rangeOverflow,\n    rangeUnderflow: validity.rangeUnderflow,\n    stepMismatch: validity.stepMismatch,\n    tooLong: validity.tooLong,\n    tooShort: validity.tooShort,\n    typeMismatch: validity.typeMismatch,\n    valueMissing: validity.valueMissing,\n    valid: validity.valid\n  };\n}\n\nfunction getNativeValidity(input: ValidatableElement): ValidationResult {\n  return {\n    isInvalid: !input.validity.valid,\n    validationDetails: getValidity(input),\n    validationErrors: input.validationMessage ? [input.validationMessage] : []\n  };\n}\n\nfunction getFirstInvalidInput(form: HTMLFormElement): ValidatableElement | null {\n  for (let i = 0; i < form.elements.length; i++) {\n    let element = form.elements[i] as ValidatableElement;\n    if (element.validity?.valid === false) {\n      return element;\n    }\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"useFormValidation.main.js.map"}

package/dist/useFormValidation.mjs

@@ -1,123 +0,0 @@
-import {useLayoutEffect as $9Gacy$useLayoutEffect, useEffectEvent as $9Gacy$useEffectEvent, getEventTarget as $9Gacy$getEventTarget} from "@react-aria/utils";
-import {setInteractionModality as $9Gacy$setInteractionModality} from "@react-aria/interactions";
-import {useRef as $9Gacy$useRef, useEffect as $9Gacy$useEffect} from "react";
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
-    let { validationBehavior: validationBehavior, focus: focus } = props;
-    // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
-    (0, $9Gacy$useLayoutEffect)(()=>{
-        if (validationBehavior === 'native' && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
-            let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
-            ref.current.setCustomValidity(errorMessage);
-            // Prevent default tooltip for validation message.
-            // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
-            if (!ref.current.hasAttribute('title')) ref.current.title = '';
-            if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
-        }
-    });
-    let isIgnoredReset = (0, $9Gacy$useRef)(false);
-    let onReset = (0, $9Gacy$useEffectEvent)(()=>{
-        if (!isIgnoredReset.current) state.resetValidation();
-    });
-    let onInvalid = (0, $9Gacy$useEffectEvent)((e)=>{
-        var _ref_current;
-        // Only commit validation if we are not already displaying one.
-        // This avoids clearing server errors that the user didn't actually fix.
-        if (!state.displayValidation.isInvalid) state.commitValidation();
-        // Auto focus the first invalid input in a form, unless the error already had its default prevented.
-        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
-        if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
-            var _ref_current1;
-            if (focus) focus();
-            else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
-            // Always show focus ring.
-            (0, $9Gacy$setInteractionModality)('keyboard');
-        }
-        // Prevent default browser error UI from appearing.
-        e.preventDefault();
-    });
-    let onChange = (0, $9Gacy$useEffectEvent)(()=>{
-        state.commitValidation();
-    });
-    (0, $9Gacy$useEffect)(()=>{
-        let input = ref === null || ref === void 0 ? void 0 : ref.current;
-        if (!input) return;
-        let form = input.form;
-        let reset = form === null || form === void 0 ? void 0 : form.reset;
-        if (form) // Try to detect React's automatic form reset behavior so we don't clear
-        // validation errors that are returned by server actions.
-        // To do this, we ignore programmatic form resets that occur outside a user event.
-        // This is best-effort. There may be false positives, e.g. setTimeout.
-        form.reset = ()=>{
-            // React uses MessageChannel for scheduling, so ignore 'message' events.
-            isIgnoredReset.current = !window.event || window.event.type === 'message' && (0, $9Gacy$getEventTarget)(window.event) instanceof MessagePort;
-            reset === null || reset === void 0 ? void 0 : reset.call(form);
-            isIgnoredReset.current = false;
-        };
-        input.addEventListener('invalid', onInvalid);
-        input.addEventListener('change', onChange);
-        form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
-        return ()=>{
-            input.removeEventListener('invalid', onInvalid);
-            input.removeEventListener('change', onChange);
-            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
-            if (form) // @ts-ignore
-            form.reset = reset;
-        };
-    }, [
-        ref,
-        validationBehavior
-    ]);
-}
-function $e93e671b31057976$var$getValidity(input) {
-    // The native ValidityState object is live, meaning each property is a getter that returns the current state.
-    // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
-    let validity = input.validity;
-    return {
-        badInput: validity.badInput,
-        customError: validity.customError,
-        patternMismatch: validity.patternMismatch,
-        rangeOverflow: validity.rangeOverflow,
-        rangeUnderflow: validity.rangeUnderflow,
-        stepMismatch: validity.stepMismatch,
-        tooLong: validity.tooLong,
-        tooShort: validity.tooShort,
-        typeMismatch: validity.typeMismatch,
-        valueMissing: validity.valueMissing,
-        valid: validity.valid
-    };
-}
-function $e93e671b31057976$var$getNativeValidity(input) {
-    return {
-        isInvalid: !input.validity.valid,
-        validationDetails: $e93e671b31057976$var$getValidity(input),
-        validationErrors: input.validationMessage ? [
-            input.validationMessage
-        ] : []
-    };
-}
-function $e93e671b31057976$var$getFirstInvalidInput(form) {
-    for(let i = 0; i < form.elements.length; i++){
-        var _element_validity;
-        let element = form.elements[i];
-        if (((_element_validity = element.validity) === null || _element_validity === void 0 ? void 0 : _element_validity.valid) === false) return element;
-    }
-    return null;
-}
-
-
-export {$e93e671b31057976$export$b8473d3665f3a75a as useFormValidation};
-//# sourceMappingURL=useFormValidation.module.js.map

package/dist/useFormValidation.module.js

@@ -1,123 +0,0 @@
-import {useLayoutEffect as $9Gacy$useLayoutEffect, useEffectEvent as $9Gacy$useEffectEvent, getEventTarget as $9Gacy$getEventTarget} from "@react-aria/utils";
-import {setInteractionModality as $9Gacy$setInteractionModality} from "@react-aria/interactions";
-import {useRef as $9Gacy$useRef, useEffect as $9Gacy$useEffect} from "react";
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
-    let { validationBehavior: validationBehavior, focus: focus } = props;
-    // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
-    (0, $9Gacy$useLayoutEffect)(()=>{
-        if (validationBehavior === 'native' && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
-            let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
-            ref.current.setCustomValidity(errorMessage);
-            // Prevent default tooltip for validation message.
-            // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
-            if (!ref.current.hasAttribute('title')) ref.current.title = '';
-            if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
-        }
-    });
-    let isIgnoredReset = (0, $9Gacy$useRef)(false);
-    let onReset = (0, $9Gacy$useEffectEvent)(()=>{
-        if (!isIgnoredReset.current) state.resetValidation();
-    });
-    let onInvalid = (0, $9Gacy$useEffectEvent)((e)=>{
-        var _ref_current;
-        // Only commit validation if we are not already displaying one.
-        // This avoids clearing server errors that the user didn't actually fix.
-        if (!state.displayValidation.isInvalid) state.commitValidation();
-        // Auto focus the first invalid input in a form, unless the error already had its default prevented.
-        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
-        if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
-            var _ref_current1;
-            if (focus) focus();
-            else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
-            // Always show focus ring.
-            (0, $9Gacy$setInteractionModality)('keyboard');
-        }
-        // Prevent default browser error UI from appearing.
-        e.preventDefault();
-    });
-    let onChange = (0, $9Gacy$useEffectEvent)(()=>{
-        state.commitValidation();
-    });
-    (0, $9Gacy$useEffect)(()=>{
-        let input = ref === null || ref === void 0 ? void 0 : ref.current;
-        if (!input) return;
-        let form = input.form;
-        let reset = form === null || form === void 0 ? void 0 : form.reset;
-        if (form) // Try to detect React's automatic form reset behavior so we don't clear
-        // validation errors that are returned by server actions.
-        // To do this, we ignore programmatic form resets that occur outside a user event.
-        // This is best-effort. There may be false positives, e.g. setTimeout.
-        form.reset = ()=>{
-            // React uses MessageChannel for scheduling, so ignore 'message' events.
-            isIgnoredReset.current = !window.event || window.event.type === 'message' && (0, $9Gacy$getEventTarget)(window.event) instanceof MessagePort;
-            reset === null || reset === void 0 ? void 0 : reset.call(form);
-            isIgnoredReset.current = false;
-        };
-        input.addEventListener('invalid', onInvalid);
-        input.addEventListener('change', onChange);
-        form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
-        return ()=>{
-            input.removeEventListener('invalid', onInvalid);
-            input.removeEventListener('change', onChange);
-            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
-            if (form) // @ts-ignore
-            form.reset = reset;
-        };
-    }, [
-        ref,
-        validationBehavior
-    ]);
-}
-function $e93e671b31057976$var$getValidity(input) {
-    // The native ValidityState object is live, meaning each property is a getter that returns the current state.
-    // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
-    let validity = input.validity;
-    return {
-        badInput: validity.badInput,
-        customError: validity.customError,
-        patternMismatch: validity.patternMismatch,
-        rangeOverflow: validity.rangeOverflow,
-        rangeUnderflow: validity.rangeUnderflow,
-        stepMismatch: validity.stepMismatch,
-        tooLong: validity.tooLong,
-        tooShort: validity.tooShort,
-        typeMismatch: validity.typeMismatch,
-        valueMissing: validity.valueMissing,
-        valid: validity.valid
-    };
-}
-function $e93e671b31057976$var$getNativeValidity(input) {
-    return {
-        isInvalid: !input.validity.valid,
-        validationDetails: $e93e671b31057976$var$getValidity(input),
-        validationErrors: input.validationMessage ? [
-            input.validationMessage
-        ] : []
-    };
-}
-function $e93e671b31057976$var$getFirstInvalidInput(form) {
-    for(let i = 0; i < form.elements.length; i++){
-        var _element_validity;
-        let element = form.elements[i];
-        if (((_element_validity = element.validity) === null || _element_validity === void 0 ? void 0 : _element_validity.valid) === false) return element;
-    }
-    return null;
-}
-
-
-export {$e93e671b31057976$export$b8473d3665f3a75a as useFormValidation};
-//# sourceMappingURL=useFormValidation.module.js.map

package/dist/useFormValidation.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/form/src/useFormValidation.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {FormValidationState} from '@react-stately/form';\nimport {getEventTarget, useEffectEvent, useLayoutEffect} from '@react-aria/utils';\nimport {RefObject, Validation, ValidationResult} from '@react-types/shared';\nimport {setInteractionModality} from '@react-aria/interactions';\nimport {useEffect, useRef} from 'react';\n\ntype ValidatableElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n\ninterface FormValidationProps<T> extends Validation<T> {\n  focus?: () => void\n}\n\nexport function useFormValidation<T>(props: FormValidationProps<T>, state: FormValidationState, ref: RefObject<ValidatableElement | null> | undefined): void {\n  let {validationBehavior, focus} = props;\n\n  // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.\n  useLayoutEffect(() => {\n    if (validationBehavior === 'native' && ref?.current && !ref.current.disabled) {\n      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';\n      ref.current.setCustomValidity(errorMessage);\n\n      // Prevent default tooltip for validation message.\n      // https://bugzilla.mozilla.org/show_bug.cgi?id=605277\n      if (!ref.current.hasAttribute('title')) {\n        ref.current.title = '';\n      }\n\n      if (!state.realtimeValidation.isInvalid) {\n        state.updateValidation(getNativeValidity(ref.current));\n      }\n    }\n  });\n\n  let isIgnoredReset = useRef(false);\n  let onReset = useEffectEvent(() => {\n    if (!isIgnoredReset.current) {\n      state.resetValidation();\n    }\n  });\n\n  let onInvalid = useEffectEvent((e: Event) => {\n    // Only commit validation if we are not already displaying one.\n    // This avoids clearing server errors that the user didn't actually fix.\n    if (!state.displayValidation.isInvalid) {\n      state.commitValidation();\n    }\n\n    // Auto focus the first invalid input in a form, unless the error already had its default prevented.\n    let form = ref?.current?.form;\n    if (!e.defaultPrevented && ref && form && getFirstInvalidInput(form) === ref.current) {\n      if (focus) {\n        focus();\n      } else {\n        ref.current?.focus();\n      }\n\n      // Always show focus ring.\n      setInteractionModality('keyboard');\n    }\n\n    // Prevent default browser error UI from appearing.\n    e.preventDefault();\n  });\n\n  let onChange = useEffectEvent(() => {\n    state.commitValidation();\n  });\n\n  useEffect(() => {\n    let input = ref?.current;\n    if (!input) {\n      return;\n    }\n\n    let form = input.form;\n\n    let reset = form?.reset;\n    if (form) {\n      // Try to detect React's automatic form reset behavior so we don't clear\n      // validation errors that are returned by server actions.\n      // To do this, we ignore programmatic form resets that occur outside a user event.\n      // This is best-effort. There may be false positives, e.g. setTimeout.\n      form.reset = () => {\n        // React uses MessageChannel for scheduling, so ignore 'message' events.\n        isIgnoredReset.current = !window.event || (window.event.type === 'message' && getEventTarget(window.event) instanceof MessagePort);\n        reset?.call(form);\n        isIgnoredReset.current = false;\n      };\n    }\n\n    input.addEventListener('invalid', onInvalid);\n    input.addEventListener('change', onChange);\n    form?.addEventListener('reset', onReset);\n    return () => {\n      input!.removeEventListener('invalid', onInvalid);\n      input!.removeEventListener('change', onChange);\n      form?.removeEventListener('reset', onReset);\n      if (form) {\n        // @ts-ignore\n        form.reset = reset;\n      }\n    };\n  }, [ref, validationBehavior]);\n}\n\nfunction getValidity(input: ValidatableElement) {\n  // The native ValidityState object is live, meaning each property is a getter that returns the current state.\n  // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.\n  let validity = input.validity;\n  return {\n    badInput: validity.badInput,\n    customError: validity.customError,\n    patternMismatch: validity.patternMismatch,\n    rangeOverflow: validity.rangeOverflow,\n    rangeUnderflow: validity.rangeUnderflow,\n    stepMismatch: validity.stepMismatch,\n    tooLong: validity.tooLong,\n    tooShort: validity.tooShort,\n    typeMismatch: validity.typeMismatch,\n    valueMissing: validity.valueMissing,\n    valid: validity.valid\n  };\n}\n\nfunction getNativeValidity(input: ValidatableElement): ValidationResult {\n  return {\n    isInvalid: !input.validity.valid,\n    validationDetails: getValidity(input),\n    validationErrors: input.validationMessage ? [input.validationMessage] : []\n  };\n}\n\nfunction getFirstInvalidInput(form: HTMLFormElement): ValidatableElement | null {\n  for (let i = 0; i < form.elements.length; i++) {\n    let element = form.elements[i] as ValidatableElement;\n    if (element.validity?.valid === false) {\n      return element;\n    }\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"useFormValidation.module.js.map"}

package/src/useFormValidation.ts

@@ -1,154 +0,0 @@
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {FormValidationState} from '@react-stately/form';
-import {getEventTarget, useEffectEvent, useLayoutEffect} from '@react-aria/utils';
-import {RefObject, Validation, ValidationResult} from '@react-types/shared';
-import {setInteractionModality} from '@react-aria/interactions';
-import {useEffect, useRef} from 'react';
-
-type ValidatableElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
-
-interface FormValidationProps<T> extends Validation<T> {
-  focus?: () => void
-}
-
-export function useFormValidation<T>(props: FormValidationProps<T>, state: FormValidationState, ref: RefObject<ValidatableElement | null> | undefined): void {
-  let {validationBehavior, focus} = props;
-
-  // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
-  useLayoutEffect(() => {
-    if (validationBehavior === 'native' && ref?.current && !ref.current.disabled) {
-      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
-      ref.current.setCustomValidity(errorMessage);
-
-      // Prevent default tooltip for validation message.
-      // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
-      if (!ref.current.hasAttribute('title')) {
-        ref.current.title = '';
-      }
-
-      if (!state.realtimeValidation.isInvalid) {
-        state.updateValidation(getNativeValidity(ref.current));
-      }
-    }
-  });
-
-  let isIgnoredReset = useRef(false);
-  let onReset = useEffectEvent(() => {
-    if (!isIgnoredReset.current) {
-      state.resetValidation();
-    }
-  });
-
-  let onInvalid = useEffectEvent((e: Event) => {
-    // Only commit validation if we are not already displaying one.
-    // This avoids clearing server errors that the user didn't actually fix.
-    if (!state.displayValidation.isInvalid) {
-      state.commitValidation();
-    }
-
-    // Auto focus the first invalid input in a form, unless the error already had its default prevented.
-    let form = ref?.current?.form;
-    if (!e.defaultPrevented && ref && form && getFirstInvalidInput(form) === ref.current) {
-      if (focus) {
-        focus();
-      } else {
-        ref.current?.focus();
-      }
-
-      // Always show focus ring.
-      setInteractionModality('keyboard');
-    }
-
-    // Prevent default browser error UI from appearing.
-    e.preventDefault();
-  });
-
-  let onChange = useEffectEvent(() => {
-    state.commitValidation();
-  });
-
-  useEffect(() => {
-    let input = ref?.current;
-    if (!input) {
-      return;
-    }
-
-    let form = input.form;
-
-    let reset = form?.reset;
-    if (form) {
-      // Try to detect React's automatic form reset behavior so we don't clear
-      // validation errors that are returned by server actions.
-      // To do this, we ignore programmatic form resets that occur outside a user event.
-      // This is best-effort. There may be false positives, e.g. setTimeout.
-      form.reset = () => {
-        // React uses MessageChannel for scheduling, so ignore 'message' events.
-        isIgnoredReset.current = !window.event || (window.event.type === 'message' && getEventTarget(window.event) instanceof MessagePort);
-        reset?.call(form);
-        isIgnoredReset.current = false;
-      };
-    }
-
-    input.addEventListener('invalid', onInvalid);
-    input.addEventListener('change', onChange);
-    form?.addEventListener('reset', onReset);
-    return () => {
-      input!.removeEventListener('invalid', onInvalid);
-      input!.removeEventListener('change', onChange);
-      form?.removeEventListener('reset', onReset);
-      if (form) {
-        // @ts-ignore
-        form.reset = reset;
-      }
-    };
-  }, [ref, validationBehavior]);
-}
-
-function getValidity(input: ValidatableElement) {
-  // The native ValidityState object is live, meaning each property is a getter that returns the current state.
-  // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
-  let validity = input.validity;
-  return {
-    badInput: validity.badInput,
-    customError: validity.customError,
-    patternMismatch: validity.patternMismatch,
-    rangeOverflow: validity.rangeOverflow,
-    rangeUnderflow: validity.rangeUnderflow,
-    stepMismatch: validity.stepMismatch,
-    tooLong: validity.tooLong,
-    tooShort: validity.tooShort,
-    typeMismatch: validity.typeMismatch,
-    valueMissing: validity.valueMissing,
-    valid: validity.valid
-  };
-}
-
-function getNativeValidity(input: ValidatableElement): ValidationResult {
-  return {
-    isInvalid: !input.validity.valid,
-    validationDetails: getValidity(input),
-    validationErrors: input.validationMessage ? [input.validationMessage] : []
-  };
-}
-
-function getFirstInvalidInput(form: HTMLFormElement): ValidatableElement | null {
-  for (let i = 0; i < form.elements.length; i++) {
-    let element = form.elements[i] as ValidatableElement;
-    if (element.validity?.valid === false) {
-      return element;
-    }
-  }
-
-  return null;
-}