@react-aria/toolbar
Advanced tools
@react-aria/toolbar - npm Package Compare versions
Comparing version
@@ -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 |
| 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, |
| 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, |
| { | ||
| "name": "@react-aria/toolbar", | ||
| "version": "3.0.0-nightly-a626c2596-240926", | ||
| "version": "3.0.0-nightly-a792c1ad5-250222", | ||
| "description": "Spectrum UI components in React", | ||
@@ -25,15 +25,15 @@ "license": "Apache-2.0", | ||
| "dependencies": { | ||
| "@react-aria/focus": "^3.0.0-nightly-a626c2596-240926", | ||
| "@react-aria/i18n": "^3.0.0-nightly-a626c2596-240926", | ||
| "@react-aria/utils": "^3.0.0-nightly-a626c2596-240926", | ||
| "@react-types/shared": "^3.0.0-nightly-a626c2596-240926", | ||
| "@react-aria/focus": "3.0.0-nightly-a792c1ad5-250222", | ||
| "@react-aria/i18n": "3.0.0-nightly-a792c1ad5-250222", | ||
| "@react-aria/utils": "3.0.0-nightly-a792c1ad5-250222", | ||
| "@react-types/shared": "3.0.0-nightly-a792c1ad5-250222", | ||
| "@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", | ||
| "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "stableVersion": "3.0.0-beta.8" | ||
| } | ||
| } |
@@ -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, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Improved metrics
- Total package byte prevSize
42507
1.77%- Lines of code
474
2.16%Worsened metrics
- Dependency count
7
16.67%Dependency changes
+ Added
@internationalized/date@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@internationalized/message@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@internationalized/number@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@internationalized/string@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-aria/focus@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-aria/i18n@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-aria/interactions@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-aria/ssr@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-aria/utils@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-stately/flags@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-stately/utils@3.0.0-nightly-a792c1ad5-250222(transitive)+ Added
@react-types/shared@3.0.0-nightly-a792c1ad5-250222(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.20.1(transitive)- Removed
@react-aria/i18n@3.12.7(transitive)- Removed
@react-aria/interactions@3.24.1(transitive)- Removed
@react-aria/ssr@3.9.7(transitive)- Removed
@react-aria/utils@3.28.1(transitive)- Removed
@react-stately/flags@3.1.0(transitive)- Removed
@react-stately/utils@3.10.5(transitive)- Removed
@react-types/shared@3.28.0(transitive)