react-aria-modal - npm Package Compare versions

Comparing version 2.12.3 to 3.0.0

CHANGELOG.md

 # Changelog
 
+## 3.0.0
+
+- Update focus-trap (via focus-trap react), which includes a couple of behavior changes. **Probably this should not change behavior for your use case.** The key change is that focus management has been adjusted so that you can include tricky focusable elements like radio groups, iframes, and shadow DOM components within your modal — as long as the first and last focusable elements in the modal can still be detected by [Tabbable](https://github.com/davidtheclark/tabbable).
+  - An effect of this change is that positive tabindexes within the modal *might* no longer work as expected. You should avoid positive tabindexes.
+
 ## 2.12.3
@@ -4,0 +9,0 @@

package.json

 {
   "name": "react-aria-modal",
-  "version": "2.12.3",
+  "version": "3.0.0",
   "description": "A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices",
@@ -8,3 +8,3 @@ "main": "dist/react-aria-modal.js",
     "lint": "eslint .",
-    "format": "prettier --single-quote --write src/*.js test/*.js demo/js/*.js",
+    "format": "prettier --write '*/**.js'",
     "demo-bundle": "browserify demo/js -t babelify -o demo/demo-bundle.js",
@@ -35,4 +35,4 @@ "start": "budo demo/js/index.js:demo-bundle.js --live --dir demo -- -t babelify -o demo/demo-bundle.js",
   "dependencies": {
-    "focus-trap-react": "^3.0.4",
-    "no-scroll": "^2.0.0",
+    "focus-trap-react": "^4.0.0",
+    "no-scroll": "^2.1.1",
     "react-displace": "^2.3.0"
@@ -44,14 +44,14 @@ },
   "devDependencies": {
-    "babel-cli": "^6.24.1",
-    "babel-eslint": "^8.0.1",
+    "babel-cli": "^6.26.0",
+    "babel-eslint": "^8.2.6",
     "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-react": "^6.5.0",
-    "babelify": "^7.2.0",
-    "browserify": "^14.3.0",
-    "budo": "^10.0.3",
-    "eslint": "^4.8.0",
-    "prettier": "^1.2.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.24.1",
+    "babelify": "^8.0.0",
+    "browserify": "^16.2.2",
+    "budo": "^11.3.2",
+    "eslint": "^5.3.0",
+    "prettier": "1.14.1",
+    "react": "^16.4.2",
+    "react-dom": "^16.4.2"
   },
@@ -58,0 +58,0 @@ "babel": {

src/react-aria-modal.js

@@ -82,3 +82,3 @@ const React = require('react');
     }
-  }
+  };
 
@@ -94,3 +94,3 @@ exit = () => {
 
-    let style = {}
+    let style = {};
     if (props.includeDefaultStyles) {
@@ -107,3 +107,3 @@ style = {
         WebkitOverflowScrolling: 'touch',
-        textAlign: 'center',
+        textAlign: 'center'
       };
@@ -145,4 +145,4 @@
         height: '100%',
-        verticalAlign: 'middle',
-      }
+        verticalAlign: 'middle'
+      };
     }
@@ -152,3 +152,3 @@
       key: 'a',
-      style: verticalCenterStyle,
+      style: verticalCenterStyle
     };
@@ -164,3 +164,3 @@
         cursor: 'default',
-        outline: (props.focusDialog) ? 0 : null,
+        outline: props.focusDialog ? 0 : null
       };
@@ -207,3 +207,5 @@
 
-    const childrenArray = [React.createElement('div', dialogProps, props.children)];
+    const childrenArray = [
+      React.createElement('div', dialogProps, props.children)
+    ];
 
@@ -213,3 +215,3 @@ if (props.verticallyCenter) {
         React.createElement('div', verticalCenterHelperProps)
-        );
+      );
     }
@@ -219,9 +221,10 @@
     if (props.focusDialog || props.initialFocus) {
-        focusTrapOptions.initialFocus = props.focusDialog
-            ? `#${this.props.dialogId}`
-            : props.initialFocus
+      focusTrapOptions.initialFocus = props.focusDialog
+        ? `#${this.props.dialogId}`
+        : props.initialFocus;
     }
     focusTrapOptions.escapeDeactivates = props.escapeExits;
 
-    return React.createElement(FocusTrap,
+    return React.createElement(
+      FocusTrap,
       {
@@ -228,0 +231,0 @@ focusTrapOptions,

No alert changes

Improved metrics

Total package byte prevSize

175037

increased by0.37%

Number of package files

12

increased by9.09%

Lines of code

419

increased by1.45%

Dependency changes

• + Addedfocus-trap@3.0.0(transitive)

• + Addedfocus-trap-react@4.0.1(transitive)

• + Addedtabbable@3.1.2(transitive)

• + Addedxtend@4.0.2(transitive)

• - Removedfocus-trap@2.4.6(transitive)

• - Removedfocus-trap-react@3.1.4(transitive)

• - Removedtabbable@1.1.3(transitive)

• Updatedfocus-trap-react@^4.0.0

• Updatedno-scroll@^2.1.1