@fluentui/react-tabster
Advanced tools
@fluentui/react-tabster - npm Package Compare versions
Comparing version 0.0.0-nightlybc5ff01fb020211104.1 to 0.0.0-nightlyc0273fdc6920211123.1
@@ -5,5 +5,5 @@ { | ||
| { | ||
| "date": "Thu, 04 Nov 2021 04:20:36 GMT", | ||
| "tag": "@fluentui/react-tabster_v0.0.0-nightlybc5ff01fb020211104.1", | ||
| "version": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "date": "Tue, 23 Nov 2021 04:19:32 GMT", | ||
| "tag": "@fluentui/react-tabster_v0.0.0-nightlyc0273fdc6920211123.1", | ||
| "version": "0.0.0-nightlyc0273fdc6920211123.1", | ||
| "comments": { | ||
@@ -14,6 +14,51 @@ "prerelease": [ | ||
| "package": "@fluentui/react-tabster", | ||
| "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d", | ||
| "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e", | ||
| "comment": "Release nightly v9" | ||
| }, | ||
| { | ||
| "author": "beachball", | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/make-styles to v0.0.0-nightlyc0273fdc6920211123.1", | ||
| "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e" | ||
| }, | ||
| { | ||
| "author": "beachball", | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyc0273fdc6920211123.1", | ||
| "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e" | ||
| }, | ||
| { | ||
| "author": "beachball", | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc0273fdc6920211123.1", | ||
| "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e" | ||
| }, | ||
| { | ||
| "author": "beachball", | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc0273fdc6920211123.1", | ||
| "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e" | ||
| } | ||
| ] | ||
| } | ||
| }, | ||
| { | ||
| "date": "Fri, 12 Nov 2021 13:25:07 GMT", | ||
| "tag": "@fluentui/react-tabster_v9.0.0-beta.4", | ||
| "version": "9.0.0-beta.4", | ||
| "comments": { | ||
| "prerelease": [ | ||
| { | ||
| "author": "andredias@microsoft.com", | ||
| "package": "@fluentui/react-tabster", | ||
| "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358", | ||
| "comment": "Add useFocusableGroup hook" | ||
| }, | ||
| { | ||
| "author": "lingfangao@hotmail.com", | ||
| "package": "@fluentui/react-tabster", | ||
| "commit": "ed2d7c8d638535c89e24e3c3de3534c4fae30172", | ||
| "comment": "Use uncontrolled tabbing by default" | ||
| }, | ||
| { | ||
| "author": "gcox@microsoft.com", | ||
@@ -25,6 +70,6 @@ "package": "@fluentui/react-tabster", | ||
| { | ||
| "author": "beachball", | ||
| "author": "lingfangao@hotmail.com", | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/make-styles to v0.0.0-nightlybc5ff01fb020211104.1", | ||
| "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d" | ||
| "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa", | ||
| "comment": "Bump tabster and keyborg to 1.0.7" | ||
| }, | ||
@@ -34,4 +79,4 @@ { | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlybc5ff01fb020211104.1", | ||
| "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d" | ||
| "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3", | ||
| "commit": "742342e52c65066f779232e4e1302fedf0dd460d" | ||
| }, | ||
@@ -41,4 +86,4 @@ { | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlybc5ff01fb020211104.1", | ||
| "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d" | ||
| "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3", | ||
| "commit": "742342e52c65066f779232e4e1302fedf0dd460d" | ||
| }, | ||
@@ -48,5 +93,13 @@ { | ||
| "package": "@fluentui/react-tabster", | ||
| "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1", | ||
| "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d" | ||
| "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3", | ||
| "commit": "742342e52c65066f779232e4e1302fedf0dd460d" | ||
| } | ||
| ], | ||
| "none": [ | ||
| { | ||
| "author": "lingfangao@hotmail.com", | ||
| "package": "@fluentui/react-tabster", | ||
| "commit": "00f70581480b536e723fb69edf0ae617beac4807", | ||
| "comment": "Remove beta release tag" | ||
| } | ||
| ] | ||
@@ -53,0 +106,0 @@ } |
| # Change Log - @fluentui/react-tabster | ||
| This log was last generated on Thu, 04 Nov 2021 04:20:36 GMT and should not be manually modified. | ||
| This log was last generated on Tue, 23 Nov 2021 04:19:32 GMT and should not be manually modified. | ||
| <!-- Start content --> | ||
| ## [0.0.0-nightlybc5ff01fb020211104.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v0.0.0-nightlybc5ff01fb020211104.1) | ||
| ## [0.0.0-nightlyc0273fdc6920211123.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v0.0.0-nightlyc0273fdc6920211123.1) | ||
| Thu, 04 Nov 2021 04:20:36 GMT | ||
| [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.3..@fluentui/react-tabster_v0.0.0-nightlybc5ff01fb020211104.1) | ||
| Tue, 23 Nov 2021 04:19:32 GMT | ||
| [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.4..@fluentui/react-tabster_v0.0.0-nightlyc0273fdc6920211123.1) | ||
| ### Changes | ||
| - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by email not defined) | ||
| - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by email not defined) | ||
| - Bump @fluentui/make-styles to v0.0.0-nightlyc0273fdc6920211123.1 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by beachball) | ||
| - Bump @fluentui/react-make-styles to v0.0.0-nightlyc0273fdc6920211123.1 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by beachball) | ||
| - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc0273fdc6920211123.1 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by beachball) | ||
| - Bump @fluentui/react-utilities to v0.0.0-nightlyc0273fdc6920211123.1 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by beachball) | ||
| ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.4) | ||
| Fri, 12 Nov 2021 13:25:07 GMT | ||
| [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.3..@fluentui/react-tabster_v9.0.0-beta.4) | ||
| ### Changes | ||
| - Add useFocusableGroup hook ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by andredias@microsoft.com) | ||
| - Use uncontrolled tabbing by default ([PR #20571](https://github.com/microsoft/fluentui/pull/20571) by lingfangao@hotmail.com) | ||
| - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com) | ||
| - Bump @fluentui/make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-shared-contexts to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball) | ||
| - Bump tabster and keyborg to 1.0.7 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by lingfangao@hotmail.com) | ||
| - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball) | ||
| - Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball) | ||
| - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball) | ||
@@ -21,0 +35,0 @@ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.3) |
@@ -31,17 +31,2 @@ 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>; | ||
@@ -91,5 +76,5 @@ | ||
| /** | ||
| * Type of TAB key interaction. | ||
| * Behavior for the Tab key. | ||
| */ | ||
| tabBehavior?: FocusableGroupTabBehavior; | ||
| tabBehavior?: 'unlimited' | 'limited' | 'limitedTrapFocus'; | ||
| } | ||
@@ -96,0 +81,0 @@ |
| import { Types } from 'tabster'; | ||
| 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 interface UseFocusableGroupOptions { | ||
| /** | ||
| * Type of TAB key interaction. | ||
| * Behavior for the Tab key. | ||
| */ | ||
| tabBehavior?: FocusableGroupTabBehavior; | ||
| tabBehavior?: 'unlimited' | 'limited' | 'limitedTrapFocus'; | ||
| } | ||
@@ -22,0 +8,0 @@ /** |
@@ -6,3 +6,3 @@ "use strict"; | ||
| }); | ||
| exports.useFocusableGroup = exports.FocusableGroupTabBehavior = void 0; | ||
| exports.useFocusableGroup = void 0; | ||
@@ -14,21 +14,2 @@ const tabster_1 = /*#__PURE__*/require("tabster"); | ||
| const useTabster_1 = /*#__PURE__*/require("./useTabster"); | ||
| var FocusableGroupTabBehavior; | ||
| (function (FocusableGroupTabBehavior) { | ||
| /** | ||
| * Tab will cycle into and out of the groupper content. | ||
| */ | ||
| FocusableGroupTabBehavior[FocusableGroupTabBehavior["Unlimited"] = tabster_1.Types.GroupperTabbabilities.Unlimited] = "Unlimited"; | ||
| /** | ||
| * Tab will cycle out of the container, but not into it. | ||
| */ | ||
| FocusableGroupTabBehavior[FocusableGroupTabBehavior["Limited"] = tabster_1.Types.GroupperTabbabilities.Limited] = "Limited"; | ||
| /** | ||
| * Tab only cycles the inner elements. | ||
| */ | ||
| FocusableGroupTabBehavior[FocusableGroupTabBehavior["LimitedTrapFocus"] = tabster_1.Types.GroupperTabbabilities.LimitedTrapFocus] = "LimitedTrapFocus"; | ||
| })(FocusableGroupTabBehavior = exports.FocusableGroupTabBehavior || (exports.FocusableGroupTabBehavior = {})); | ||
| /** | ||
@@ -49,3 +30,3 @@ * A hook that returns the necessary tabster attributes to support groupping. | ||
| groupper: { | ||
| tabbability: options === null || options === void 0 ? void 0 : options.tabBehavior | ||
| tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior) | ||
| } | ||
@@ -56,2 +37,18 @@ }); | ||
| exports.useFocusableGroup = useFocusableGroup; | ||
| const getTabbability = tabBehavior => { | ||
| switch (tabBehavior) { | ||
| case 'unlimited': | ||
| return tabster_1.Types.GroupperTabbabilities.Unlimited; | ||
| case 'limited': | ||
| return tabster_1.Types.GroupperTabbabilities.Limited; | ||
| case 'limitedTrapFocus': | ||
| return tabster_1.Types.GroupperTabbabilities.LimitedTrapFocus; | ||
| default: | ||
| return undefined; | ||
| } | ||
| }; | ||
| //# sourceMappingURL=useFocusableGroup.js.map |
@@ -28,3 +28,4 @@ "use strict"; | ||
| const tabsterOptions = { | ||
| autoRoot: {} | ||
| autoRoot: {}, | ||
| controlTab: false | ||
| }; | ||
@@ -31,0 +32,0 @@ |
| import { Types } from 'tabster'; | ||
| 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 interface UseFocusableGroupOptions { | ||
| /** | ||
| * Type of TAB key interaction. | ||
| * Behavior for the Tab key. | ||
| */ | ||
| tabBehavior?: FocusableGroupTabBehavior; | ||
| tabBehavior?: 'unlimited' | 'limited' | 'limitedTrapFocus'; | ||
| } | ||
@@ -22,0 +8,0 @@ /** |
| import { Types, getGroupper } from 'tabster'; | ||
| import { useTabsterAttributes } from './useTabsterAttributes'; | ||
| import { useTabster } from './useTabster'; | ||
| export var FocusableGroupTabBehavior; | ||
| (function (FocusableGroupTabBehavior) { | ||
| /** | ||
| * Tab will cycle into and out of the groupper content. | ||
| */ | ||
| FocusableGroupTabBehavior[FocusableGroupTabBehavior["Unlimited"] = Types.GroupperTabbabilities.Unlimited] = "Unlimited"; | ||
| /** | ||
| * Tab will cycle out of the container, but not into it. | ||
| */ | ||
| FocusableGroupTabBehavior[FocusableGroupTabBehavior["Limited"] = Types.GroupperTabbabilities.Limited] = "Limited"; | ||
| /** | ||
| * Tab only cycles the inner elements. | ||
| */ | ||
| FocusableGroupTabBehavior[FocusableGroupTabBehavior["LimitedTrapFocus"] = Types.GroupperTabbabilities.LimitedTrapFocus] = "LimitedTrapFocus"; | ||
| })(FocusableGroupTabBehavior || (FocusableGroupTabBehavior = {})); | ||
| /** | ||
@@ -27,3 +9,2 @@ * A hook that returns the necessary tabster attributes to support groupping. | ||
| export const useFocusableGroup = options => { | ||
@@ -38,6 +19,22 @@ const tabster = useTabster(); | ||
| groupper: { | ||
| tabbability: options === null || options === void 0 ? void 0 : options.tabBehavior | ||
| tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior) | ||
| } | ||
| }); | ||
| }; | ||
| const getTabbability = tabBehavior => { | ||
| switch (tabBehavior) { | ||
| case 'unlimited': | ||
| return Types.GroupperTabbabilities.Unlimited; | ||
| case 'limited': | ||
| return Types.GroupperTabbabilities.Limited; | ||
| case 'limitedTrapFocus': | ||
| return Types.GroupperTabbabilities.LimitedTrapFocus; | ||
| default: | ||
| return undefined; | ||
| } | ||
| }; | ||
| //# sourceMappingURL=useFocusableGroup.js.map |
@@ -19,3 +19,4 @@ import { useFluent } from '@fluentui/react-shared-contexts'; | ||
| const tabsterOptions = { | ||
| autoRoot: {} | ||
| autoRoot: {}, | ||
| controlTab: false | ||
| }; | ||
@@ -22,0 +23,0 @@ |
| { | ||
| "name": "@fluentui/react-tabster", | ||
| "version": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "version": "0.0.0-nightlyc0273fdc6920211123.1", | ||
| "description": "Utilities for focus management and facade for tabster", | ||
@@ -37,8 +37,8 @@ "main": "lib-commonjs/index.js", | ||
| "dependencies": { | ||
| "@fluentui/make-styles": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-make-styles": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-shared-contexts": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "@fluentui/react-utilities": "0.0.0-nightlybc5ff01fb020211104.1", | ||
| "keyborg": "^1.0.0", | ||
| "tabster": "^1.0.0", | ||
| "@fluentui/make-styles": "0.0.0-nightlyc0273fdc6920211123.1", | ||
| "@fluentui/react-make-styles": "0.0.0-nightlyc0273fdc6920211123.1", | ||
| "@fluentui/react-shared-contexts": "0.0.0-nightlyc0273fdc6920211123.1", | ||
| "@fluentui/react-utilities": "0.0.0-nightlyc0273fdc6920211123.1", | ||
| "keyborg": "^1.0.7", | ||
| "tabster": "^1.0.7", | ||
| "tslib": "^2.1.0" | ||
@@ -53,3 +53,2 @@ }, | ||
| "beachball": { | ||
| "tag": "beta", | ||
| "disallowedChangeTypes": [ | ||
@@ -56,0 +55,0 @@ "major", |
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
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.65%
166652
- Lines of code
- increased by0.25%
2819
Dependency changes
+ Added@fluentui/keyboard-keys@0.0.0-nightlyc0273fdc6920211123.1(transitive)
+ Added@fluentui/make-styles@0.0.0-nightlyc0273fdc6920211123.1(transitive)
+ Added@fluentui/react-make-styles@0.0.0-nightlyc0273fdc6920211123.1(transitive)
+ Added@fluentui/react-shared-contexts@0.0.0-nightlyc0273fdc6920211123.1(transitive)
+ Added@fluentui/react-theme@0.0.0-nightlyc0273fdc6920211123.1(transitive)
+ Added@fluentui/react-utilities@0.0.0-nightlyc0273fdc6920211123.1(transitive)
- Removed@fluentui/keyboard-keys@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/make-styles@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-make-styles@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-shared-contexts@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-theme@0.0.0-nightlybc5ff01fb020211104.1(transitive)
- Removed@fluentui/react-utilities@0.0.0-nightlybc5ff01fb020211104.1(transitive)
Updated@fluentui/make-styles@0.0.0-nightlyc0273fdc6920211123.1
Updated@fluentui/react-make-styles@0.0.0-nightlyc0273fdc6920211123.1
Updated@fluentui/react-shared-contexts@0.0.0-nightlyc0273fdc6920211123.1
Updated@fluentui/react-utilities@0.0.0-nightlyc0273fdc6920211123.1
Updatedkeyborg@^1.0.7
Updatedtabster@^1.0.7