Adding upstream version 115.7.0esr.upstream/115.7.0esr

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 73 insertions, 0 deletions

diff --git a/devtools/client/debugger/src/components/shared/Modal.js b/devtools/client/debugger/src/components/shared/Modal.js
new file mode 100644
index 0000000000..dec65e627b
--- /dev/null
+++ b/devtools/client/debugger/src/components/shared/Modal.js
@@ -0,0 +1,73 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+import PropTypes from "prop-types";
+import React from "react";
+import Transition from "react-transition-group/Transition";
+const classnames = require("devtools/client/shared/classnames.js");
+import "./Modal.css";
+
+export const transitionTimeout = 50;
+
+export class Modal extends React.Component {
+  static get propTypes() {
+    return {
+      additionalClass: PropTypes.string,
+      children: PropTypes.node.isRequired,
+      handleClose: PropTypes.func.isRequired,
+      status: PropTypes.string.isRequired,
+    };
+  }
+
+  onClick = e => {
+    e.stopPropagation();
+  };
+
+  render() {
+    const { additionalClass, children, handleClose, status } = this.props;
+
+    return (
+      <div className="modal-wrapper" onClick={handleClose}>
+        <div
+          className={classnames("modal", additionalClass, status)}
+          onClick={this.onClick}
+        >
+          {children}
+        </div>
+      </div>
+    );
+  }
+}
+
+Modal.contextTypes = {
+  shortcuts: PropTypes.object,
+};
+
+export default function Slide({
+  in: inProp,
+  children,
+  additionalClass,
+  handleClose,
+}) {
+  return (
+    <Transition in={inProp} timeout={transitionTimeout} appear>
+      {status => (
+        <Modal
+          status={status}
+          additionalClass={additionalClass}
+          handleClose={handleClose}
+        >
+          {children}
+        </Modal>
+      )}
+    </Transition>
+  );
+}
+
+Slide.propTypes = {
+  additionalClass: PropTypes.string,
+  children: PropTypes.node.isRequired,
+  handleClose: PropTypes.func.isRequired,
+  in: PropTypes.bool.isRequired,
+};