@react-aria/textfield - npm Package Compare versions

Comparing version 3.16.0 to 3.17.0

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)({
@@ -100,2 +104,3 @@ ...props,
             spellCheck: props.spellCheck,
+            [parseInt((0, ($parcel$interopDefault($4Z7CR$react))).version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: props.enterKeyHint,
             // Clipboard events
@@ -102,0 +107,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";
@@ -92,2 +92,3 @@ import {useFormValidationState as $ig234$useFormValidationState} from "@react-stately/form";
             spellCheck: props.spellCheck,
+            [parseInt((0, $ig234$react).version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: props.enterKeyHint,
             // Clipboard events
@@ -94,0 +95,0 @@ onCopy: props.onCopy,

package.json

 {
   "name": "@react-aria/textfield",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "description": "Spectrum UI components in React",
@@ -25,10 +25,10 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "^3.19.1",
-    "@react-aria/form": "^3.0.12",
-    "@react-aria/label": "^3.7.14",
-    "@react-aria/utils": "^3.27.0",
-    "@react-stately/form": "^3.1.1",
+    "@react-aria/form": "^3.0.13",
+    "@react-aria/interactions": "^3.24.0",
+    "@react-aria/label": "^3.7.15",
+    "@react-aria/utils": "^3.28.0",
+    "@react-stately/form": "^3.1.2",
     "@react-stately/utils": "^3.10.5",
-    "@react-types/shared": "^3.27.0",
-    "@react-types/textfield": "^3.11.0",
+    "@react-types/shared": "^3.28.0",
+    "@react-types/textfield": "^3.12.0",
     "@swc/helpers": "^0.5.0"
@@ -43,3 +43,3 @@ },
   },
-  "gitHead": "09e7f44bebdc9d89122926b2b439a0a38a2814ea"
+  "gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
 }

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'
 }
@@ -192,2 +196,3 @@
         spellCheck: props.spellCheck,
+        [parseInt(React.version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: props.enterKeyHint,
 
@@ -194,0 +199,0 @@ // Clipboard events

No alert changes

Improved metrics

Total package byte prevSize

128704

1.87%

Lines of code

1218

1.25%

Worsened metrics

Published versions last year

330

-0.3%

Dependency changes

• + Added

  @react-aria/interactions@^3.24.0

• - Removed

  @react-aria/focus@^3.19.1

• - Removed

  @react-aria/focus@3.20.5
  (transitive)

• Updated

  @react-aria/form@^3.0.13

• Updated

  @react-aria/label@^3.7.15

• Updated

  @react-aria/utils@^3.28.0

• Updated

  @react-stately/form@^3.1.2

• Updated

  @react-types/shared@^3.28.0

• Updated

  @react-types/textfield@^3.12.0