focus-trap-react 11.0.2 → 11.0.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 11.0.3
+
+### Patch Changes
+
+- 095b3d4: Bump focus-trap dependency to v7.6.4 to get fix to manually-paused traps (see [focus-trap|1340](https://github.com/focus-trap/focus-trap/pull/1340) for more info)
+
 ## 11.0.2
 
 ### Patch Changes

package/dist/focus-trap-react.js

@@ -296,7 +296,6 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
       } else {
         var nodesExist = this.focusTrapElements.some(Boolean);
         if (nodesExist) {
-          // eslint-disable-next-line react/prop-types -- _createFocusTrap is an internal prop
           this.focusTrap = this.props._createFocusTrap(this.focusTrapElements, this.internalOptions);
           if (this.props.active) {
             this.focusTrap.activate();

package/index.d.ts

@@ -3,40 +3,40 @@ import * as React from 'react';
 
 export interface FocusTrapProps {
   /**
-    * __Single container child__ for the trap. Use `containerElements` instead
-    *  if you need a trap with multiple containers.
-    */
+   * __Single container child__ for the trap. Use `containerElements` instead
+   *  if you need a trap with multiple containers.
+   */
   children?: React.ReactNode;
 
   /**
-    * By default, the trap will be active when it mounts, so it's activated by
-    *  mounting, and deactivated by unmounting. Use this prop to control when
-    *  it's active while it's mounted, or if it's initially inactive.
-    */
+   * By default, the trap will be active when it mounts, so it's activated by
+   *  mounting, and deactivated by unmounting. Use this prop to control when
+   *  it's active while it's mounted, or if it's initially inactive.
+   */
   active?: boolean;
 
   /**
-    * To pause or unpause the trap while it's `active`. Primarily for use when
-    *  you need to manage multiple traps in the same view. When paused, the trap
-    *  retains its various event listeners, but ignores all events.
-    */
+   * To pause or unpause the trap while it's `active`. Primarily for use when
+   *  you need to manage multiple traps in the same view. When paused, the trap
+   *  retains its various event listeners, but ignores all events.
+   */
   paused?: boolean;
 
   /**
-    * See Focus-trap's [createOptions](https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions)
-    *  for more details on available options.
-    */
+   * See Focus-trap's [createOptions](https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions)
+   *  for more details on available options.
+   */
   focusTrapOptions?: FocusTrapOptions;
 
   /**
-    * If specified, these elements will be used as the boundaries for the
-    *  trap, __instead of the child__ specified in `children` (though
-    *  `children` will still be rendered).
-    */
+   * If specified, these elements will be used as the boundaries for the
+   *  trap, __instead of the child__ specified in `children` (though
+   *  `children` will still be rendered).
+   */
   containerElements?: Array<HTMLElement>;
 }
 
-export declare class FocusTrap extends React.Component<FocusTrapProps> { }
+export declare class FocusTrap extends React.Component<FocusTrapProps> {}
 
 /**
  * Default export of the FocusTrap component.
@@ -44,6 +44,7 @@ export declare class FocusTrap extends React.Component<FocusTrapProps> { }
  * @description 🔺 The default export will be removed in a future release. Migrate to the named
  *  import `{ FocusTrap }` today to ensure future compatibility.
  */
+// eslint-disable-next-line no-redeclare -- Valid TypeScript
 declare namespace FocusTrap {
   export type Props = FocusTrapProps;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "focus-trap-react",
-  "version": "11.0.2",
+  "version": "11.0.3",
   "description": "A React component that traps focus.",
   "main": "dist/focus-trap-react.js",
   "types": "index.d.ts",
@@ -16,10 +16,10 @@
   "scripts": {
     "demo-bundle": "NODE_ENV=production browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js",
     "start": "npm run build && NODE_ENV=development budo demo/js/index.js:demo-bundle.js --dir demo --live -- -t babelify --extension=.jsx",
-    "lint": "eslint \"*.js\" \"src/**/*.js\" \"test/**/*.js\" \"demo/**/*.js\" \"cypress/**/*.js\"",
-    "format": "prettier --write \"{*,src/**/*,test/**/*,demo/js/**/*,.github/workflows/*,cypress/**/*}.+(js|yml)\"",
-    "format:check": "prettier --check \"{*,src/**/*,test/**/*,demo/js/**/*,.github/workflows/*,cypress/**/*}.+(js|yml)\"",
-    "format:watch": "onchange \"{*,src/**/*,test/**/*,demo/js/**/*,.github/workflows/*,cypress/**/*}.+(js|yml)\" -- prettier --write {{changed}}",
+    "lint": "eslint \"{*,src/**/*,test/**/*,demo/**/*,cypress/e2e/**/*}.+(js|cjs|mjs|ts|cts|mts)\"",
+    "format": "prettier --write \"{*,src/**/*,test/**/*,demo/js/**/*,.github/workflows/**/*,cypress/**/*}.+(js|cjs|mjs|ts|cts|mts|yml)\"",
+    "format:check": "prettier --check \"{*,src/**/*,test/**/*,demo/js/**/*,.github/workflows/**/*,cypress/**/*}.+(js|cjs|mjs|ts|cts|mts|yml)\"",
+    "format:watch": "onchange \"{*,src/**/*,test/**/*,demo/js/**/*,.github/workflows/**/*,cypress/**/*}.+(js|cjs|mjs|ts|cts|mts|yml)\" -- prettier --write {{changed}}",
     "build": "babel src -d dist",
     "test:types": "tsc index.d.ts",
     "test:unit": "jest",
@@ -60,10 +60,12 @@
     "@babel/cli": "^7.26.4",
     "@babel/core": "^7.26.0",
     "@babel/eslint-parser": "^7.25.9",
+    "@babel/eslint-plugin": "^7.25.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@changesets/cli": "^2.27.11",
+    "@eslint/js": "^9.17.0",
     "@testing-library/cypress": "^10.0.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -72,6 +74,8 @@
     "@types/jquery": "^3.5.32",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
+    "@typescript-eslint/parser": "^8.19.1",
     "all-contributors-cli": "^6.26.1",
     "babel-jest": "^29.7.0",
     "babelify": "^10.0.0",
@@ -79,11 +83,18 @@
     "budo": "^11.8.4",
     "cypress": "^13.17.0",
     "cypress-plugin-tab": "^1.0.5",
-    "eslint": "^8.57.0",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-cypress": "^3.6.0",
+    "eslint-import-resolver-node": "^0.3.9",
+    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-plugin-cypress": "^4.1.0",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^28.10.0",
+    "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-testing-library": "^7.1.1",
+    "globals": "^15.13.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-watch-typeahead": "^2.2.2",
@@ -96,7 +107,7 @@
     "typescript": "^5.7.2"
   },
   "dependencies": {
-    "focus-trap": "^7.6.2",
+    "focus-trap": "^7.6.4",
     "tabbable": "^6.2.0"
   },
   "peerDependencies": {

package/src/focus-trap-react.js

@@ -301,7 +301,6 @@ class FocusTrap extends React.Component {
     } else {
       const nodesExist = this.focusTrapElements.some(Boolean);
       if (nodesExist) {
-        // eslint-disable-next-line react/prop-types -- _createFocusTrap is an internal prop
         this.focusTrap = this.props._createFocusTrap(
           this.focusTrapElements,
           this.internalOptions