@react-aria/numberfield - npm Package Compare versions

Comparing version 3.0.1 to 3.1.0

dist/main.js

@@ -204,3 +204,5 @@ var {
     onKeyDown,
-    onKeyUp
+    onKeyUp,
+    description,
+    errorMessage
   } = props;
@@ -305,3 +307,5 @@ let {
     labelProps,
-    inputProps: textFieldProps
+    inputProps: textFieldProps,
+    descriptionProps,
+    errorMessageProps
   } = useFormattedTextField({
@@ -327,3 +331,5 @@ label,
     onKeyDown,
-    onKeyUp
+    onKeyUp,
+    description,
+    errorMessage
   }, state, inputRef);
@@ -412,3 +418,5 @@ let inputProps = mergeProps(spinButtonProps, textFieldProps, focusProps, {
     incrementButtonProps,
-    decrementButtonProps
+    decrementButtonProps,
+    errorMessageProps,
+    descriptionProps
   };
@@ -415,0 +423,0 @@ }

dist/module.js

@@ -171,3 +171,5 @@ import { useSpinButton } from "@react-aria/spinbutton";
     onKeyDown,
-    onKeyUp
+    onKeyUp,
+    description,
+    errorMessage
   } = props;
@@ -272,3 +274,5 @@ let {
     labelProps,
-    inputProps: textFieldProps
+    inputProps: textFieldProps,
+    descriptionProps,
+    errorMessageProps
   } = useFormattedTextField({
@@ -294,3 +298,5 @@ label,
     onKeyDown,
-    onKeyUp
+    onKeyUp,
+    description,
+    errorMessage
   }, state, inputRef);
@@ -379,5 +385,7 @@ let inputProps = mergeProps(spinButtonProps, textFieldProps, focusProps, {
     incrementButtonProps,
-    decrementButtonProps
+    decrementButtonProps,
+    errorMessageProps,
+    descriptionProps
   };
 }
 //# sourceMappingURL=module.js.map

dist/types.d.ts

@@ -16,2 +16,6 @@ import { AriaButtonProps } from "@react-types/button";
     decrementButtonProps: AriaButtonProps;
+    /** Props for the number field's description element, if any. */
+    descriptionProps: HTMLAttributes<HTMLElement>;
+    /** Props for the number field's error message element, if any. */
+    errorMessageProps: HTMLAttributes<HTMLElement>;
 }
@@ -18,0 +22,0 @@ /**

package.json

 {
   "name": "@react-aria/numberfield",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Spectrum UI components in React",
@@ -22,12 +22,12 @@ "license": "Apache-2.0",
     "@react-aria/i18n": "^3.3.2",
-    "@react-aria/interactions": "^3.5.1",
+    "@react-aria/interactions": "^3.6.0",
     "@react-aria/live-announcer": "^3.0.1",
     "@react-aria/spinbutton": "^3.0.1",
-    "@react-aria/textfield": "^3.3.1",
-    "@react-aria/utils": "^3.8.2",
+    "@react-aria/textfield": "^3.4.0",
+    "@react-aria/utils": "^3.9.0",
     "@react-stately/numberfield": "^3.0.2",
     "@react-types/button": "^3.4.1",
-    "@react-types/numberfield": "^3.0.1",
-    "@react-types/shared": "^3.8.0",
-    "@react-types/textfield": "^3.2.3"
+    "@react-types/numberfield": "^3.1.0",
+    "@react-types/shared": "^3.9.0",
+    "@react-types/textfield": "^3.3.0"
   },
@@ -41,3 +41,3 @@ "peerDependencies": {
   },
-  "gitHead": "9204e1b8cb61dac767e91087fb16203611dc67c5"
+  "gitHead": "eb6c352a42ca230774b923cc0bde692d206e0999"
 }

src/useNumberField.ts

@@ -48,3 +48,7 @@ /*
   /** Props for the decrement button, to be passed to [useButton](useButton.html). */
-  decrementButtonProps: AriaButtonProps
+  decrementButtonProps: AriaButtonProps,
+  /** Props for the number field's description element, if any. */
+  descriptionProps: HTMLAttributes<HTMLElement>,
+  /** Props for the number field's error message element, if any. */
+  errorMessageProps: HTMLAttributes<HTMLElement>
 }
@@ -74,3 +78,5 @@
     onKeyDown,
-    onKeyUp
+    onKeyUp,
+    description,
+    errorMessage
   } = props;
@@ -171,3 +177,3 @@
 
-  let {labelProps, inputProps: textFieldProps} = useFormattedTextField({
+  let {labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps} = useFormattedTextField({
     label,
@@ -191,3 +197,5 @@ autoFocus,
     onKeyDown,
-    onKeyUp
+    onKeyUp,
+    description,
+    errorMessage
   }, state, inputRef);
@@ -281,4 +289,6 @@
     incrementButtonProps,
-    decrementButtonProps
+    decrementButtonProps,
+    errorMessageProps,
+    descriptionProps
   };
 }

No alert changes

Improved metrics

Total package byte prevSize

125315

1.86%

Lines of code

1078

2.86%

Dependency changes

• Updated

  @react-aria/interactions@^3.6.0

• Updated

  @react-aria/textfield@^3.4.0

• Updated

  @react-aria/utils@^3.9.0

• Updated

  @react-types/numberfield@^3.1.0

• Updated

  @react-types/shared@^3.9.0

• Updated

  @react-types/textfield@^3.3.0