@react-aria/toast - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

dist/useToast.main.js

 var $f49b2d6c91681304$exports = require("./intlStrings.main.js");
+var $ijFUR$reactariautils = require("@react-aria/utils");
 var $ijFUR$react = require("react");
-var $ijFUR$reactariautils = require("@react-aria/utils");
 var $ijFUR$reactariai18n = require("@react-aria/i18n");
@@ -52,10 +52,12 @@
     }, []);
+    let toastProps = (0, $ijFUR$reactariautils.filterDOMProps)(props, {
+        labelable: true
+    });
     return {
         toastProps: {
+            ...toastProps,
             role: 'alertdialog',
             'aria-modal': 'false',
-            'aria-label': props['aria-label'],
             'aria-labelledby': props['aria-labelledby'] || titleId,
             'aria-describedby': props['aria-describedby'] || descriptionId,
-            'aria-details': props['aria-details'],
             tabIndex: 0
@@ -62,0 +64,0 @@ },

dist/useToast.module.js

 import $7WpW4$intlStringsmodulejs from "./intlStrings.module.js";
+import {useId as $7WpW4$useId, useSlotId as $7WpW4$useSlotId, filterDOMProps as $7WpW4$filterDOMProps} from "@react-aria/utils";
 import {useEffect as $7WpW4$useEffect, useState as $7WpW4$useState} from "react";
-import {useId as $7WpW4$useId, useSlotId as $7WpW4$useSlotId} from "@react-aria/utils";
 import {useLocalizedStringFormatter as $7WpW4$useLocalizedStringFormatter} from "@react-aria/i18n";
@@ -46,10 +46,12 @@
     }, []);
+    let toastProps = (0, $7WpW4$filterDOMProps)(props, {
+        labelable: true
+    });
     return {
         toastProps: {
+            ...toastProps,
             role: 'alertdialog',
             'aria-modal': 'false',
-            'aria-label': props['aria-label'],
             'aria-labelledby': props['aria-labelledby'] || titleId,
             'aria-describedby': props['aria-describedby'] || descriptionId,
-            'aria-details': props['aria-details'],
             tabIndex: 0
@@ -56,0 +58,0 @@ },

package.json

 {
   "name": "@react-aria/toast",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Spectrum UI components in React",
@@ -25,9 +25,9 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/i18n": "^3.12.7",
-    "@react-aria/interactions": "^3.24.1",
-    "@react-aria/landmark": "^3.0.1",
-    "@react-aria/utils": "^3.28.1",
-    "@react-stately/toast": "^3.0.0",
-    "@react-types/button": "^3.11.0",
-    "@react-types/shared": "^3.28.0",
+    "@react-aria/i18n": "^3.12.8",
+    "@react-aria/interactions": "^3.25.0",
+    "@react-aria/landmark": "^3.0.2",
+    "@react-aria/utils": "^3.28.2",
+    "@react-stately/toast": "^3.1.0",
+    "@react-types/button": "^3.12.0",
+    "@react-types/shared": "^3.29.0",
     "@swc/helpers": "^0.5.0"
@@ -42,3 +42,3 @@ },
   },
-  "gitHead": "9c4ebbc0c1972cc880febc29de995ca58caa3ba4"
+  "gitHead": "9b66d270572f482948afee95622a85cdf68ed408"
 }

src/useToast.ts

@@ -15,2 +15,3 @@ /*
 import {AriaLabelingProps, DOMAttributes, FocusableElement, RefObject} from '@react-types/shared';
+import {filterDOMProps, useId, useSlotId} from '@react-aria/utils';
 // @ts-ignore
@@ -20,3 +21,2 @@ import intlMessages from '../intl/*.json';
 import {useEffect, useState} from 'react';
-import {useId, useSlotId} from '@react-aria/utils';
 import {useLocalizedStringFormatter} from '@react-aria/i18n';
@@ -77,10 +77,11 @@
 
+  let toastProps = filterDOMProps(props, {labelable: true});
+
   return {
     toastProps: {
+      ...toastProps,
       role: 'alertdialog',
       'aria-modal': 'false',
-      'aria-label': props['aria-label'],
       'aria-labelledby': props['aria-labelledby'] || titleId,
       'aria-describedby': props['aria-describedby'] || descriptionId,
-      'aria-details': props['aria-details'],
       tabIndex: 0
@@ -87,0 +88,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

195056

0.12%

Lines of code

2293

0.26%

Dependency changes

• Updated

  @react-aria/i18n@^3.12.8

• Updated

  @react-aria/interactions@^3.25.0

• Updated

  @react-aria/landmark@^3.0.2

• Updated

  @react-aria/utils@^3.28.2

• Updated

  @react-stately/toast@^3.1.0

• Updated

  @react-types/button@^3.12.0

• Updated

  @react-types/shared@^3.29.0