@react-aria/toolbar - npm Package Compare versions

Comparing version 3.0.0-beta.10 to 3.0.0-beta.11

dist/types.d.ts

@@ -22,4 +22,4 @@ import { AriaLabelingProps, Orientation, RefObject } from "@react-types/shared";
  */
-export function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLDivElement | null>): ToolbarAria;
+export function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLElement | null>): ToolbarAria;
 
 //# sourceMappingURL=types.d.ts.map

dist/useToolbar.main.js

 var $37ePF$reactariafocus = require("@react-aria/focus");
+var $37ePF$reactariautils = require("@react-aria/utils");
 var $37ePF$react = require("react");
-var $37ePF$reactariautils = require("@react-aria/utils");
 var $37ePF$reactariai18n = require("@react-aria/i18n");
@@ -82,2 +82,5 @@
         toolbarProps: {
+            ...(0, $37ePF$reactariautils.filterDOMProps)(props, {
+                labelable: true
+            }),
             role: !isInToolbar ? 'toolbar' : 'group',
@@ -84,0 +87,0 @@ 'aria-orientation': orientation,

dist/useToolbar.module.js

 import {createFocusManager as $k3LOe$createFocusManager} from "@react-aria/focus";
+import {useLayoutEffect as $k3LOe$useLayoutEffect, filterDOMProps as $k3LOe$filterDOMProps} from "@react-aria/utils";
 import {useState as $k3LOe$useState, useRef as $k3LOe$useRef} from "react";
-import {useLayoutEffect as $k3LOe$useLayoutEffect} from "@react-aria/utils";
 import {useLocale as $k3LOe$useLocale} from "@react-aria/i18n";
@@ -76,2 +76,5 @@
         toolbarProps: {
+            ...(0, $k3LOe$filterDOMProps)(props, {
+                labelable: true
+            }),
             role: !isInToolbar ? 'toolbar' : 'group',
@@ -78,0 +81,0 @@ 'aria-orientation': orientation,

package.json

 {
   "name": "@react-aria/toolbar",
-  "version": "3.0.0-beta.10",
+  "version": "3.0.0-beta.11",
   "description": "Spectrum UI components in React",
@@ -25,10 +25,10 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "^3.18.4",
-    "@react-aria/i18n": "^3.12.3",
-    "@react-aria/utils": "^3.25.3",
-    "@react-types/shared": "^3.25.0",
+    "@react-aria/focus": "^3.19.0",
+    "@react-aria/i18n": "^3.12.4",
+    "@react-aria/utils": "^3.26.0",
+    "@react-types/shared": "^3.26.0",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
@@ -38,3 +38,3 @@ "publishConfig": {
   },
-  "gitHead": "8e0a28d188cdbdbd2b32296fa034b1b02ddde229"
+  "gitHead": "71f0ef23053f9e03ee7e97df736e8b083e006849"
 }

src/useToolbar.ts

@@ -15,4 +15,4 @@ /*
 import {createFocusManager} from '@react-aria/focus';
+import {filterDOMProps, useLayoutEffect} from '@react-aria/utils';
 import {HTMLAttributes, KeyboardEventHandler, useRef, useState} from 'react';
-import {useLayoutEffect} from '@react-aria/utils';
 import {useLocale} from '@react-aria/i18n';
@@ -41,3 +41,3 @@
  */
-export function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLDivElement | null>): ToolbarAria {
+export function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLElement | null>): ToolbarAria {
   const {
@@ -123,2 +123,3 @@ 'aria-label': ariaLabel,
     toolbarProps: {
+      ...filterDOMProps(props, {labelable: true}),
       role: !isInToolbar ? 'toolbar' : 'group',
@@ -125,0 +126,0 @@ 'aria-orientation': orientation,

No alert changes

Improved metrics

Total package byte prevSize

53720

increased by1.33%

Lines of code

474

increased by2.16%

Dependency changes

• + Added@internationalized/date@3.6.0(transitive)

• + Added@react-aria/focus@3.19.0(transitive)

• + Added@react-aria/i18n@3.12.4(transitive)

• + Added@react-aria/interactions@3.22.5(transitive)

• + Added@react-aria/utils@3.26.0(transitive)

• + Added@react-types/shared@3.26.0(transitive)

• - Removed@internationalized/date@3.7.0(transitive)

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

• - Removed@react-aria/i18n@3.12.5(transitive)

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

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

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

• - Removedreact-dom@19.0.0(transitive)

• - Removedscheduler@0.25.0(transitive)

• Updated@react-aria/focus@^3.19.0

• Updated@react-aria/i18n@^3.12.4

• Updated@react-aria/utils@^3.26.0

• Updated@react-types/shared@^3.26.0