@fluentui/react-tabster - npm Package Compare versions

Comparing version 9.0.0-alpha.33 to 9.0.0-alpha.34

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Mon, 07 Jun 2021 07:32:24 GMT",
+      "date": "Tue, 15 Jun 2021 07:36:10 GMT",
+      "tag": "@fluentui/react-tabster_v9.0.0-alpha.34",
+      "version": "9.0.0-alpha.34",
+      "comments": {
+        "prerelease": [
+          {
+            "comment": "feat(useFocusFinders): add findNextFocusable and findPreviousFocusable",
+            "author": "[e-mail]",
+            "commit": "a224777cc0089bd715cc304282115a2cd9929889",
+            "package": "@fluentui/react-tabster"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 07 Jun 2021 07:38:15 GMT",
       "tag": "@fluentui/react-tabster_v9.0.0-alpha.33",
@@ -8,0 +23,0 @@ "version": "9.0.0-alpha.33",

CHANGELOG.md

 # Change Log - @fluentui/react-tabster
 
-This log was last generated on Mon, 07 Jun 2021 07:32:24 GMT and should not be manually modified.
+This log was last generated on Tue, 15 Jun 2021 07:36:10 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-alpha.34)
+
+Tue, 15 Jun 2021 07:36:10 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-alpha.33..@fluentui/react-tabster_v9.0.0-alpha.34)
+
+### Changes
+
+- feat(useFocusFinders): add findNextFocusable and findPreviousFocusable ([PR #18490](https://github.com/microsoft/fluentui/pull/18490) by [e-mail])
+
 ## [9.0.0-alpha.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-alpha.33)
 
-Mon, 07 Jun 2021 07:32:24 GMT 
+Mon, 07 Jun 2021 07:38:15 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-alpha.32..@fluentui/react-tabster_v9.0.0-alpha.33)
@@ -11,0 +20,0 @@

dist/react-tabster.d.ts

@@ -33,2 +33,4 @@ import type { MakeStylesStyleRule } from '@fluentui/make-styles';
     findLastFocusable: (root: HTMLElement) => HTMLElement | null | undefined;
+    findNextFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
+    findPrevFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
 };
@@ -35,0 +37,0 @@

etc/react-tabster.api.md

@@ -29,2 +29,4 @@ ## API Report File for "@fluentui/react-tabster"
     findLastFocusable: (root: HTMLElement) => HTMLElement | null | undefined;
+    findNextFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
+    findPrevFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
 };
@@ -31,0 +33,0 @@

lib-amd/hooks/useFocusFinders.d.ts

@@ -8,2 +8,4 @@ /**
     findLastFocusable: (root: HTMLElement) => HTMLElement | null | undefined;
+    findNextFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
+    findPrevFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
 };

lib-amd/hooks/useFocusFinders.js

@@ -14,2 +14,8 @@ define(["require", "exports", "react", "./useTabster"], function (require, exports, React, useTabster_1) {
         var findLastFocusable = React.useCallback(function (root) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast(root); }, [tabster]);
+        var findNextFocusable = React.useCallback(function (current) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findNext(current); }, [
+            tabster,
+        ]);
+        var findPrevFocusable = React.useCallback(function (current) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findPrev(current); }, [
+            tabster,
+        ]);
         return {
@@ -19,2 +25,4 @@ findAllFocusable: findAllFocusable,
             findLastFocusable: findLastFocusable,
+            findNextFocusable: findNextFocusable,
+            findPrevFocusable: findPrevFocusable,
         };
@@ -21,0 +29,0 @@ };

lib-commonjs/hooks/useFocusFinders.d.ts

@@ -8,2 +8,4 @@ /**
     findLastFocusable: (root: HTMLElement) => HTMLElement | null | undefined;
+    findNextFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
+    findPrevFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
 };

lib-commonjs/hooks/useFocusFinders.js

@@ -15,2 +15,8 @@ "use strict";
     var findLastFocusable = React.useCallback(function (root) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast(root); }, [tabster]);
+    var findNextFocusable = React.useCallback(function (current) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findNext(current); }, [
+        tabster,
+    ]);
+    var findPrevFocusable = React.useCallback(function (current) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findPrev(current); }, [
+        tabster,
+    ]);
     return {
@@ -20,2 +26,4 @@ findAllFocusable: findAllFocusable,
         findLastFocusable: findLastFocusable,
+        findNextFocusable: findNextFocusable,
+        findPrevFocusable: findPrevFocusable,
     };
@@ -22,0 +30,0 @@ };

lib/hooks/useFocusFinders.d.ts

@@ -8,2 +8,4 @@ /**
     findLastFocusable: (root: HTMLElement) => HTMLElement | null | undefined;
+    findNextFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
+    findPrevFocusable: (current: HTMLElement) => HTMLElement | null | undefined;
 };

lib/hooks/useFocusFinders.js

@@ -12,2 +12,8 @@ import * as React from 'react';
     var findLastFocusable = React.useCallback(function (root) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast(root); }, [tabster]);
+    var findNextFocusable = React.useCallback(function (current) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findNext(current); }, [
+        tabster,
+    ]);
+    var findPrevFocusable = React.useCallback(function (current) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findPrev(current); }, [
+        tabster,
+    ]);
     return {
@@ -17,4 +23,6 @@ findAllFocusable: findAllFocusable,
         findLastFocusable: findLastFocusable,
+        findNextFocusable: findNextFocusable,
+        findPrevFocusable: findPrevFocusable,
     };
 };
 //# sourceMappingURL=useFocusFinders.js.map

package.json

 {
   "name": "@fluentui/react-tabster",
-  "version": "9.0.0-alpha.33",
+  "version": "9.0.0-alpha.34",
   "description": "Utilities for focus management and facade for tabster",
@@ -37,6 +37,6 @@ "main": "lib-commonjs/index.js",
     "@fluentui/make-styles": "^9.0.0-alpha.25",
-    "@fluentui/react-make-styles": "^9.0.0-alpha.41",
+    "@fluentui/react-make-styles": "^9.0.0-alpha.42",
     "keyborg": "^0.7.0-alpha.1",
     "@fluentui/react-shared-contexts": "^9.0.0-alpha.15",
-    "@fluentui/react-utilities": "^9.0.0-alpha.28",
+    "@fluentui/react-utilities": "^9.0.0-alpha.29",
     "tabster": "0.7.0",
@@ -43,0 +43,0 @@ "tslib": "^2.1.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

Total package byte prevSize

138158

increased by3.9%

Lines of code

1774

increased by2.72%

Dependency changes

• Updated@fluentui/react-make-styles@^9.0.0-alpha.42

• Updated@fluentui/react-utilities@^9.0.0-alpha.29