Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@fluentui/react-tabster

Package Overview
Dependencies
Maintainers
12
Versions
901
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fluentui/react-tabster - npm Package Compare versions

Comparing version 9.0.0-beta.1 to 9.0.0-beta.2

lib-commonjs/hooks/useFocusableGroup.d.ts

17

CHANGELOG.json

@@ -5,3 +5,18 @@ {

{
"date": "Wed, 06 Oct 2021 10:36:00 GMT",
"date": "Tue, 12 Oct 2021 19:45:25 GMT",
"tag": "@fluentui/react-tabster_v9.0.0-beta.2",
"version": "9.0.0-beta.2",
"comments": {
"prerelease": [
{
"author": "andredias@microsoft.com",
"package": "@fluentui/react-tabster",
"comment": "Add useFocusableGroup hook",
"commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
}
]
}
},
{
"date": "Wed, 06 Oct 2021 10:37:22 GMT",
"tag": "@fluentui/react-tabster_v9.0.0-beta.1",

@@ -8,0 +23,0 @@ "version": "9.0.0-beta.1",

# Change Log - @fluentui/react-tabster
This log was last generated on Wed, 06 Oct 2021 10:36:00 GMT and should not be manually modified.
This log was last generated on Tue, 12 Oct 2021 19:45:25 GMT and should not be manually modified.
<!-- Start content -->
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.2)
Tue, 12 Oct 2021 19:45:25 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.1..@fluentui/react-tabster_v9.0.0-beta.2)
### Changes
- Add useFocusableGroup hook ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by andredias@microsoft.com)
## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.1)
Wed, 06 Oct 2021 10:36:00 GMT
Wed, 06 Oct 2021 10:37:22 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-alpha.73..@fluentui/react-tabster_v9.0.0-beta.1)

@@ -11,0 +20,0 @@

@@ -31,2 +31,17 @@ import type { MakeStyles } from '@fluentui/make-styles';

export declare enum FocusableGroupTabBehavior {
/**
* Tab will cycle into and out of the groupper content.
*/
Unlimited,
/**
* Tab will cycle out of the container, but not into it.
*/
Limited,
/**
* Tab only cycles the inner elements.
*/
LimitedTrapFocus
}
export declare type FocusOutlineOffset = Record<'top' | 'bottom' | 'left' | 'right', string>;

@@ -69,2 +84,15 @@

/**
* A hook that returns the necessary tabster attributes to support groupping.
* @param options - Options to configure keyboard navigation
*/
export declare const useFocusableGroup: (options?: UseFocusableGroupOptions | undefined) => Types.TabsterDOMAttribute;
export declare interface UseFocusableGroupOptions {
/**
* Type of TAB key interaction.
*/
tabBehavior?: FocusableGroupTabBehavior;
}
/**
* Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element

@@ -71,0 +99,0 @@ */

@@ -7,1 +7,2 @@ export * from './useArrowNavigationGroup';

export * from './useKeyboardNavAttribute';
export * from './useFocusableGroup';

@@ -20,2 +20,4 @@ "use strict";

tslib_1.__exportStar(require("./useKeyboardNavAttribute"), exports);
tslib_1.__exportStar(require("./useFocusableGroup"), exports);
//# sourceMappingURL=index.js.map

@@ -7,1 +7,2 @@ export * from './useArrowNavigationGroup';

export * from './useKeyboardNavAttribute';
export * from './useFocusableGroup';

@@ -7,2 +7,3 @@ export * from './useArrowNavigationGroup';

export * from './useKeyboardNavAttribute';
export * from './useFocusableGroup';
//# sourceMappingURL=index.js.map

2

package.json
{
"name": "@fluentui/react-tabster",
"version": "9.0.0-beta.1",
"version": "9.0.0-beta.2",
"description": "Utilities for focus management and facade for tabster",

@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc