@fluentui/react-tabster - npm Package Compare versions

Comparing version 0.0.0-nightlybc5ff01fb020211104.1 to 0.0.0-nightlyf3ce1fbe1d20211110.1

CHANGELOG.json

@@ -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": "Wed, 10 Nov 2021 04:16:50 GMT",
+      "tag": "@fluentui/react-tabster_v0.0.0-nightlyf3ce1fbe1d20211110.1",
+      "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
       "comments": {
@@ -14,6 +14,12 @@ "prerelease": [
             "package": "@fluentui/react-tabster",
-            "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a",
             "comment": "Release nightly v9"
           },
           {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-tabster",
+            "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358",
+            "comment": "Add useFocusableGroup hook"
+          },
+          {
             "author": "[e-mail]",
@@ -27,4 +33,4 @@ "package": "@fluentui/react-tabster",
             "package": "@fluentui/react-tabster",
-            "comment": "Bump @fluentui/make-styles to v0.0.0-nightlybc5ff01fb020211104.1",
-            "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
+            "comment": "Bump @fluentui/make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           },
@@ -34,4 +40,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 v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           },
@@ -41,4 +47,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 v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           },
@@ -48,4 +54,4 @@ {
             "package": "@fluentui/react-tabster",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1",
-            "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           }
@@ -52,0 +58,0 @@ ]

CHANGELOG.md

 # 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 Wed, 10 Nov 2021 04:16:50 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-nightlyf3ce1fbe1d20211110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v0.0.0-nightlyf3ce1fbe1d20211110.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)
+Wed, 10 Nov 2021 04:16:50 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-beta.3..@fluentui/react-tabster_v0.0.0-nightlyf3ce1fbe1d20211110.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/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by email not defined)
+- Add useFocusableGroup hook ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by [e-mail])
 - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by [e-mail])
-- 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 @fluentui/make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
 
@@ -21,0 +22,0 @@ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-beta.3)

dist/react-tabster.d.ts

@@ -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 @@

lib-commonjs/hooks/useFocusableGroup.d.ts

 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 @@ /**

lib-commonjs/hooks/useFocusableGroup.js

@@ -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

lib/hooks/useFocusableGroup.d.ts

 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 @@ /**

lib/hooks/useFocusableGroup.js

 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

package.json

 {
   "name": "@fluentui/react-tabster",
-  "version": "0.0.0-nightlybc5ff01fb020211104.1",
+  "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
   "description": "Utilities for focus management and facade for tabster",
@@ -37,6 +37,6 @@ "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",
+    "@fluentui/make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/react-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/react-utilities": "0.0.0-nightlyf3ce1fbe1d20211110.1",
     "keyborg": "^1.0.0",
@@ -43,0 +43,0 @@ "tabster": "^1.0.0",

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Published versions last months

24

increased by9.09%

Published versions last year

293

increased by0.34%

Worsened metrics

Total package byte prevSize

163910

decreased by-1%

Number of downloads

107704

decreased by-0.32%

Lines of code

2770

decreased by-1.49%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• + Added@fluentui/make-styles@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• + Added@fluentui/react-make-styles@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightlyf3ce1fbe1d20211110.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightlyf3ce1fbe1d20211110.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-nightlyf3ce1fbe1d20211110.1

• Updated@fluentui/react-make-styles@0.0.0-nightlyf3ce1fbe1d20211110.1

• Updated@fluentui/react-shared-contexts@0.0.0-nightlyf3ce1fbe1d20211110.1

• Updated@fluentui/react-utilities@0.0.0-nightlyf3ce1fbe1d20211110.1