@react-aria/textfield - npm Package Compare versions

Comparing version 3.0.0-nightly-b3a4d6c11-241119 to 3.0.0-nightly-b4695c8fd-250306

dist/types.d.ts

 import { AriaTextFieldProps } from "@react-types/textfield";
+import { DOMAttributes, ValidationResult, RefObject as _RefObject1 } from "@react-types/shared";
 import { HTMLAttributes, JSX, LabelHTMLAttributes, RefObject } from "react";
-import { DOMAttributes, ValidationResult, RefObject as _RefObject1 } from "@react-types/shared";
 /**
@@ -52,2 +52,6 @@ * A map of HTML element names and their interface types.
     autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+    /**
+     * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+     */
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
 }
@@ -54,0 +58,0 @@ /**

dist/useTextField.main.js

@@ -0,6 +1,6 @@
+var $4Z7CR$reactariautils = require("@react-aria/utils");
 var $4Z7CR$react = require("react");
-var $4Z7CR$reactariautils = require("@react-aria/utils");
 var $4Z7CR$reactstatelyutils = require("@react-stately/utils");
 var $4Z7CR$reactarialabel = require("@react-aria/label");
-var $4Z7CR$reactariafocus = require("@react-aria/focus");
+var $4Z7CR$reactariainteractions = require("@react-aria/interactions");
 var $4Z7CR$reactariaform = require("@react-aria/form");
@@ -10,2 +10,6 @@ var $4Z7CR$reactstatelyform = require("@react-stately/form");
 
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
 function $parcel$export(e, n, v, s) {
@@ -36,3 +40,3 @@ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
     let [value, setValue] = (0, $4Z7CR$reactstatelyutils.useControlledState)(props.value, props.defaultValue || '', props.onChange);
-    let { focusableProps: focusableProps } = (0, $4Z7CR$reactariafocus.useFocusable)(props, ref);
+    let { focusableProps: focusableProps } = (0, $4Z7CR$reactariainteractions.useFocusable)(props, ref);
     let validationState = (0, $4Z7CR$reactstatelyform.useFormValidationState)({
@@ -88,2 +92,3 @@ ...props,
             'aria-haspopup': props['aria-haspopup'],
+            'aria-controls': props['aria-controls'],
             value: value,
@@ -98,2 +103,5 @@ onChange: (e)=>setValue(e.target.value),
             inputMode: props.inputMode,
+            autoCorrect: props.autoCorrect,
+            spellCheck: props.spellCheck,
+            [parseInt((0, ($parcel$interopDefault($4Z7CR$react))).version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: props.enterKeyHint,
             // Clipboard events
@@ -100,0 +108,0 @@ onCopy: props.onCopy,

dist/useTextField.module.js

@@ -1,6 +0,6 @@
-import {useEffect as $ig234$useEffect} from "react";
 import {filterDOMProps as $ig234$filterDOMProps, useFormReset as $ig234$useFormReset, getOwnerWindow as $ig234$getOwnerWindow, mergeProps as $ig234$mergeProps} from "@react-aria/utils";
+import $ig234$react, {useEffect as $ig234$useEffect} from "react";
 import {useControlledState as $ig234$useControlledState} from "@react-stately/utils";
 import {useField as $ig234$useField} from "@react-aria/label";
-import {useFocusable as $ig234$useFocusable} from "@react-aria/focus";
+import {useFocusable as $ig234$useFocusable} from "@react-aria/interactions";
 import {useFormValidation as $ig234$useFormValidation} from "@react-aria/form";
@@ -80,2 +80,3 @@ import {useFormValidationState as $ig234$useFormValidationState} from "@react-stately/form";
             'aria-haspopup': props['aria-haspopup'],
+            'aria-controls': props['aria-controls'],
             value: value,
@@ -90,2 +91,5 @@ onChange: (e)=>setValue(e.target.value),
             inputMode: props.inputMode,
+            autoCorrect: props.autoCorrect,
+            spellCheck: props.spellCheck,
+            [parseInt((0, $ig234$react).version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: props.enterKeyHint,
             // Clipboard events
@@ -92,0 +96,0 @@ onCopy: props.onCopy,

package.json

 {
   "name": "@react-aria/textfield",
-  "version": "3.0.0-nightly-b3a4d6c11-241119",
+  "version": "3.0.0-nightly-b4695c8fd-250306",
   "description": "Spectrum UI components in React",
@@ -25,19 +25,19 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "^3.0.0-nightly-b3a4d6c11-241119",
-    "@react-aria/form": "^3.0.0-nightly-b3a4d6c11-241119",
-    "@react-aria/label": "^3.0.0-nightly-b3a4d6c11-241119",
-    "@react-aria/utils": "^3.0.0-nightly-b3a4d6c11-241119",
-    "@react-stately/form": "^3.0.0-nightly-b3a4d6c11-241119",
-    "@react-stately/utils": "^3.0.0-nightly-b3a4d6c11-241119",
-    "@react-types/shared": "^3.0.0-nightly-b3a4d6c11-241119",
-    "@react-types/textfield": "^3.0.0-nightly-b3a4d6c11-241119",
+    "@react-aria/form": "3.0.0-nightly-b4695c8fd-250306",
+    "@react-aria/interactions": "3.0.0-nightly-b4695c8fd-250306",
+    "@react-aria/label": "3.0.0-nightly-b4695c8fd-250306",
+    "@react-aria/utils": "3.0.0-nightly-b4695c8fd-250306",
+    "@react-stately/form": "3.0.0-nightly-b4695c8fd-250306",
+    "@react-stately/utils": "3.0.0-nightly-b4695c8fd-250306",
+    "@react-types/shared": "3.0.0-nightly-b4695c8fd-250306",
+    "@react-types/textfield": "3.0.0-nightly-b4695c8fd-250306",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "stableVersion": "3.14.10"
+  }
 }

src/useTextField.ts

@@ -14,3 +14,5 @@ /*
 import {AriaTextFieldProps} from '@react-types/textfield';
-import {
+import {DOMAttributes, ValidationResult} from '@react-types/shared';
+import {filterDOMProps, getOwnerWindow, mergeProps, useFormReset} from '@react-aria/utils';
+import React, {
   ChangeEvent,
@@ -23,7 +25,5 @@ HTMLAttributes,
 } from 'react';
-import {DOMAttributes, ValidationResult} from '@react-types/shared';
-import {filterDOMProps, getOwnerWindow, mergeProps, useFormReset} from '@react-aria/utils';
 import {useControlledState} from '@react-stately/utils';
 import {useField} from '@react-aria/label';
-import {useFocusable} from '@react-aria/focus';
+import {useFocusable} from '@react-aria/interactions';
 import {useFormValidation} from '@react-aria/form';
@@ -86,3 +86,7 @@ import {useFormValidationState} from '@react-stately/form';
    */
-  autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'
+  autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters',
+  /**
+   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+   */
+  enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'
 }
@@ -180,2 +184,3 @@
         'aria-haspopup': props['aria-haspopup'],
+        'aria-controls': props['aria-controls'],
         value,
@@ -190,2 +195,5 @@ onChange: (e: ChangeEvent<HTMLInputElement>) => setValue(e.target.value),
         inputMode: props.inputMode,
+        autoCorrect: props.autoCorrect,
+        spellCheck: props.spellCheck,
+        [parseInt(React.version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: props.enterKeyHint,
 
@@ -192,0 +200,0 @@ // Clipboard events

No alert changes

Improved metrics

Total package byte prevSize

117520

increased by2.93%

Lines of code

1218

increased by2.27%

Worsened metrics

Dependency count

11

increased by10%

Dependency changes

• + Added@react-aria/interactions@3.0.0-nightly-b4695c8fd-250306

• + Added@react-aria/form@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-aria/interactions@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-aria/label@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-aria/ssr@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-aria/utils@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-stately/flags@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-stately/form@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-stately/utils@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-types/shared@3.0.0-nightly-b4695c8fd-250306(transitive)

• + Added@react-types/textfield@3.0.0-nightly-b4695c8fd-250306(transitive)

• - Removed@react-aria/focus@^3.0.0-nightly-b3a4d6c11-241119

• - Removed@react-aria/focus@3.20.0(transitive)

• - Removed@react-aria/form@3.0.13(transitive)

• - Removed@react-aria/interactions@3.24.0(transitive)

• - Removed@react-aria/label@3.7.15(transitive)

• - Removed@react-aria/ssr@3.9.7(transitive)

• - Removed@react-aria/utils@3.28.0(transitive)

• - Removed@react-stately/flags@3.1.0(transitive)

• - Removed@react-stately/form@3.1.2(transitive)

• - Removed@react-stately/utils@3.10.5(transitive)

• - Removed@react-types/shared@3.28.0(transitive)

• - Removed@react-types/textfield@3.12.0(transitive)

• Updated@react-aria/form@3.0.0-nightly-b4695c8fd-250306

• Updated@react-aria/label@3.0.0-nightly-b4695c8fd-250306

• Updated@react-aria/utils@3.0.0-nightly-b4695c8fd-250306

• Updated@react-stately/form@3.0.0-nightly-b4695c8fd-250306

• Updated@react-stately/utils@3.0.0-nightly-b4695c8fd-250306

• Updated@react-types/shared@3.0.0-nightly-b4695c8fd-250306

• Updated@react-types/textfield@3.0.0-nightly-b4695c8fd-250306