@arch-ui/dropdown - npm Package Compare versions

Comparing version 0.0.12 to 0.0.13

CHANGELOG.md

 # @arch-ui/dropdown
 
+## 0.0.13
+
+### Patch Changes
+
+- [`92d77eac`](https://github.com/keystonejs/keystone/commit/92d77eac59649430c2db810d2c701e5eab8b6e24) [#2373](https://github.com/keystonejs/keystone/pull/2373) Thanks [@Vultraz](https://github.com/Vultraz)! - Replaced `react-focus-marshal` dependency with `focus-trap-react`.
+
 ## 0.0.12
@@ -4,0 +10,0 @@

dist/dropdown.cjs.dev.js

@@ -16,3 +16,3 @@ 'use strict';
 var theme = require('@arch-ui/theme');
-var reactFocusMarshal = require('react-focus-marshal');
+var FocusTrap = _interopDefault(require('focus-trap-react'));
 var modalUtils = require('@arch-ui/modal-utils');
@@ -286,4 +286,4 @@
     if (attachTo) {
-      return reactDom.createPortal(core.jsx(reactFocusMarshal.FocusTrap, {
-        options: {
+      return reactDom.createPortal(core.jsx(FocusTrap, {
+        focusTrapOptions: {
           clickOutsideDeactivates: true
@@ -290,0 +290,0 @@ }

dist/dropdown.cjs.prod.js

@@ -11,3 +11,3 @@ "use strict";
 
-var _defineProperty = _interopDefault(require("@babel/runtime/helpers/defineProperty")), _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), _extends = _interopDefault(require("@babel/runtime/helpers/extends")), react = require("react"), reactRouterDom = require("react-router-dom"), reactDom = require("react-dom"), styled = _interopDefault(require("@emotion/styled")), core = require("@emotion/core"), theme = require("@arch-ui/theme"), reactFocusMarshal = require("react-focus-marshal"), modalUtils = require("@arch-ui/modal-utils");
+var _defineProperty = _interopDefault(require("@babel/runtime/helpers/defineProperty")), _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), _extends = _interopDefault(require("@babel/runtime/helpers/extends")), react = require("react"), reactRouterDom = require("react-router-dom"), reactDom = require("react-dom"), styled = _interopDefault(require("@emotion/styled")), core = require("@emotion/core"), theme = require("@arch-ui/theme"), FocusTrap = _interopDefault(require("focus-trap-react")), modalUtils = require("@arch-ui/modal-utils");
 
@@ -171,4 +171,4 @@ function ownKeys(object, enumerableOnly) {
     const {items: items, style: style} = this.props, {leftOffset: leftOffset, topOffset: topOffset} = this.state, attachTo = document.body;
-    return attachTo ? reactDom.createPortal(core.jsx(reactFocusMarshal.FocusTrap, {
-      options: {
+    return attachTo ? reactDom.createPortal(core.jsx(FocusTrap, {
+      focusTrapOptions: {
         clickOutsideDeactivates: !0
@@ -175,0 +175,0 @@ }

dist/dropdown.esm.js

@@ -10,3 +10,3 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { borderRadius, shadows, gridSize, colors } from '@arch-ui/theme';
-import { FocusTrap } from 'react-focus-marshal';
+import FocusTrap from 'focus-trap-react';
 import { withModalHandlers, slideDown } from '@arch-ui/modal-utils';
@@ -281,3 +281,3 @@
       return createPortal(jsx(FocusTrap, {
-        options: {
+        focusTrapOptions: {
           clickOutsideDeactivates: true
@@ -284,0 +284,0 @@ }

package.json

 {
   "name": "@arch-ui/dropdown",
   "description": "Dropdown UI as used in @keystonejs Admin UI.",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "author": "Jed Watson",
@@ -22,3 +22,3 @@ "license": "MIT",
     "@emotion/styled": "^10.0.22",
-    "react-focus-marshal": "^1.0.1",
+    "focus-trap-react": "^6.0.0",
     "react-router-dom": "5.1.2"
@@ -25,0 +25,0 @@ },

src/index.js

@@ -10,3 +10,3 @@ /** @jsx jsx */
 import { borderRadius, colors, gridSize, shadows } from '@arch-ui/theme';
-import { FocusTrap } from 'react-focus-marshal';
+import FocusTrap from 'focus-trap-react';
 import { withModalHandlers, slideDown } from '@arch-ui/modal-utils';
@@ -214,3 +214,3 @@
       return createPortal(
-        <FocusTrap options={{ clickOutsideDeactivates: true }}>
+        <FocusTrap focusTrapOptions={{ clickOutsideDeactivates: true }}>
           <Menu
@@ -217,0 +217,0 @@ left={leftOffset}

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

37784

increased by0.81%

Dependency changes

• + Addedfocus-trap-react@^6.0.0

• + Addedfocus-trap@4.0.2(transitive)

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

• + Addedtabbable@3.1.2(transitive)

• + Addedxtend@4.0.2(transitive)

• - Removedreact-focus-marshal@^1.0.1

• - Removedfocus-trap@2.4.6(transitive)

• - Removedreact-focus-marshal@1.0.1(transitive)

• - Removedreact-node-resolver@2.0.1(transitive)

• - Removedtabbable@1.1.3(transitive)