@react-aria/toolbar - npm Package Compare versions

Comparing version 3.0.0-nightly-4baa1b08e-241029 to 3.0.0-nightly-4dd0993da-241224

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-nightly-4baa1b08e-241029",
+  "version": "3.0.0-nightly-4dd0993da-241224",
   "description": "Spectrum UI components in React",
@@ -25,15 +25,14 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "^3.0.0-nightly-4baa1b08e-241029",
-    "@react-aria/i18n": "^3.0.0-nightly-4baa1b08e-241029",
-    "@react-aria/utils": "^3.0.0-nightly-4baa1b08e-241029",
-    "@react-types/shared": "^3.0.0-nightly-4baa1b08e-241029",
+    "@react-aria/focus": "3.0.0-nightly-4dd0993da-241224",
+    "@react-aria/i18n": "3.0.0-nightly-4dd0993da-241224",
+    "@react-aria/utils": "3.0.0-nightly-4dd0993da-241224",
+    "@react-types/shared": "3.0.0-nightly-4dd0993da-241224",
     "@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"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "stableVersion": "3.0.0-beta.10"
+  }
 }

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

42436

increased by1.59%

Lines of code

474

increased by2.16%

Dependency changes

• + Added@internationalized/date@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@internationalized/message@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@internationalized/number@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@internationalized/string@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@react-aria/focus@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@react-aria/i18n@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@react-aria/interactions@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@react-aria/ssr@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@react-aria/utils@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@react-stately/utils@3.0.0-nightly-4dd0993da-241224(transitive)

• + Added@react-types/shared@3.0.0-nightly-4dd0993da-241224(transitive)

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

• - Removed@internationalized/message@3.1.6(transitive)

• - Removed@internationalized/number@3.6.0(transitive)

• - Removed@internationalized/string@3.2.5(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/ssr@3.9.7(transitive)

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

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

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

• Updated@react-aria/focus@3.0.0-nightly-4dd0993da-241224

• Updated@react-aria/i18n@3.0.0-nightly-4dd0993da-241224

• Updated@react-aria/utils@3.0.0-nightly-4dd0993da-241224

• Updated@react-types/shared@3.0.0-nightly-4dd0993da-241224