Add react-aria-modal

package-lock.json

@@ -4773,6 +4773,23 @@
       "resolved": "https://registry.npmjs.org/focus-group/-/focus-group-0.3.1.tgz",
       "integrity": "sha1-4PMu2GsNq91v/OvfiY7LMuR/7c4="
     },
+    "focus-trap": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-3.0.0.tgz",
+      "integrity": "sha512-jTFblf0tLWbleGjj2JZsAKbgtZTdL1uC48L8FcmSDl4c2vDoU4NycN1kgV5vJhuq1mxNFkw7uWZ1JAGlINWvyw==",
+      "requires": {
+        "tabbable": "^3.1.0",
+        "xtend": "^4.0.1"
+      }
+    },
+    "focus-trap-react": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/focus-trap-react/-/focus-trap-react-4.0.1.tgz",
+      "integrity": "sha512-UUZKVEn5cFbF6yUnW7lbXNW0iqN617ShSqYKgxctUvWw1wuylLtyVmC0RmPQNnJ/U+zoKc/djb0tZMs0uN/0QQ==",
+      "requires": {
+        "focus-trap": "^3.0.0"
+      }
+    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
@@ -11804,6 +11821,16 @@
         "prop-types": "^15.6.0"
       }
     },
+    "react-aria-modal": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/react-aria-modal/-/react-aria-modal-3.0.0.tgz",
+      "integrity": "sha512-qudZTYYkrahJIPXssuI/MYQiskkIg4pW+3eVI1mPCn3XbNQ2eun7/3ghVV4IPYTSXERRX9LVQbbfmoFu2Ie9Gg==",
+      "requires": {
+        "focus-trap-react": "^4.0.0",
+        "no-scroll": "^2.1.1",
+        "react-displace": "^2.3.0"
+      }
+    },
     "react-autocomplete": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/react-autocomplete/-/react-autocomplete-1.8.1.tgz",
@@ -11813,6 +11840,11 @@
         "prop-types": "^15.5.10"
       }
     },
+    "react-displace": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/react-displace/-/react-displace-2.3.0.tgz",
+      "integrity": "sha512-T8g/lyn3IX8kxLO4k4vJ/oIO9G72pRTc9GYslqKsfPcN4gY5+FYR5OHxeTH1skPjVylJrveGE3OC2qCt3BuHeA=="
+    },
     "react-dom": {
       "version": "16.3.2",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.3.2.tgz",
@@ -13701,6 +13733,11 @@
         "acorn-node": "^1.2.0"
       }
     },
+    "tabbable": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-3.1.1.tgz",
+      "integrity": "sha512-583MHIOwictf7+zbxqO/L5fBqMN6Li4SJ1XTKQA9WzHRA7c2BB+D+Ny7Y6kGqU2u+rHK59+oRzrBvMU53aZz+A=="
+    },
     "tapable": {
       "version": "0.2.8",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.8.tgz",

package.json

@@ -131,6 +131,7 @@
     "quill": "^1.3.6",
     "ramda": "^0.21.0",
     "react": "^16.2.0",
+    "react-aria-modal": "^3.0.0",
     "react-autocomplete": "^1.8.1",
     "react-dom": "^16.3.1",
     "react-intl": "^2.4.0",

types/react-aria-modal

@@ -0,0 +1,36 @@
+// License: LGPL-3.0-or-later
+
+import {Component} from "react";
+
+interface ModalProps {
+  underlayProps?: any
+  dialogId?:string
+  underlayClickExits?: boolean
+  escapeExits?:boolean
+  onEnter?:() => void
+  titleText?:string
+  titleId?:string
+
+  applicationNode?:Node
+  getApplicationNode?:() => Node
+  onExit?:() => void
+  alert?: boolean
+  includeDefaultStyles?:boolean
+  dialogClass?:string
+  dialogStyle?:any
+  focusDialog?:boolean
+  initialFocus?:string
+  mounted?:boolean
+  underlayStyle?:any
+  underlayClass?:any
+  underlayClickExits?:boolean
+  underlayColor?:string|false
+  verticallyCenter?:boolean
+  focusTrapPaused?:boolean
+  focusTrapOptions?:any
+  scrollDisabled?:boolean
+}
+
+class Modal extends Component<ModalProps, {}>{}
+
+export = Modal