@mongodb-js/compass-shell 2.19.2 → 2.22.0

package/lib/2.js

@@ -1,6 +1,6 @@
 (window["webpackJsonpCompassShellPlugin"] = window["webpackJsonpCompassShellPlugin"] || []).push([[2],{
 
-/***/ 387:
+/***/ 466:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -15,17 +15,17 @@ var external_react_ = __webpack_require__(2);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(172);
+var external_prop_types_ = __webpack_require__(163);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: ./node_modules/react-redux/es/index.js + 25 modules
-var es = __webpack_require__(168);
+// EXTERNAL MODULE: ./node_modules/react-redux/es/index.js + 23 modules
+var es = __webpack_require__(159);
 
-// EXTERNAL MODULE: /Users/basit.chonka/Projects/compass/node_modules/@mongosh/browser-repl/lib/mongosh-browser-repl.js
-var mongosh_browser_repl = __webpack_require__(386);
+// EXTERNAL MODULE: /Users/rhys/Documents/mongodb/compass/node_modules/@mongosh/browser-repl/lib/mongosh-browser-repl.js
+var mongosh_browser_repl = __webpack_require__(392);
 
 // EXTERNAL MODULE: external "@mongodb-js/compass-components"
-var compass_components_ = __webpack_require__(383);
+var compass_components_ = __webpack_require__(374);
 
 // CONCATENATED MODULE: ./src/components/info-modal/keyboard-shortcuts-table.jsx
 
@@ -84,7 +84,7 @@ function KeyboardShortcutsTable() {
       label: "Key"
     }), /*#__PURE__*/external_react_default.a.createElement(compass_components_["TableHeader"], {
       key: 'value',
-      label: "Value"
+      label: "Description"
     })]
   }, ({
     datum
@@ -98,7 +98,7 @@ function KeyboardShortcutsTable() {
 
 
 // EXTERNAL MODULE: ./package.json
-var package_0 = __webpack_require__(58);
+var package_0 = __webpack_require__(55);
 
 // CONCATENATED MODULE: ./src/components/info-modal/info-modal.jsx
 
@@ -110,9 +110,6 @@ const mongoshVersion = `v${package_0.dependencies['@mongosh/browser-repl'].repla
 const modalContentWrapperStyles = Object(compass_components_["css"])({
   padding: 'initial'
 });
-const bannerStyles = Object(compass_components_["css"])({
-  marginTop: compass_components_["spacing"][4]
-});
 const shortcutsTableContainerStyles = Object(compass_components_["css"])({
   marginTop: compass_components_["spacing"][2],
   maxHeight: '50vh',
@@ -144,18 +141,15 @@ function InfoModal({
     contentClassName: modalContentWrapperStyles
   }, /*#__PURE__*/external_react_default.a.createElement("div", {
     className: modalContentStyles
-  }, /*#__PURE__*/external_react_default.a.createElement(compass_components_["H2"], null, "mongosh ", mongoshVersion), /*#__PURE__*/external_react_default.a.createElement(compass_components_["Banner"], {
-    className: bannerStyles
-  }, "For more information please visit the\xA0", /*#__PURE__*/external_react_default.a.createElement(compass_components_["Link"], {
+  }, /*#__PURE__*/external_react_default.a.createElement(compass_components_["ModalTitle"], null, "mongosh ", mongoshVersion), /*#__PURE__*/external_react_default.a.createElement(compass_components_["Banner"], null, "For more information please visit the\xA0", /*#__PURE__*/external_react_default.a.createElement(compass_components_["Link"], {
     id: "mongosh-info-link",
-    rel: "noreopener",
     href: "https://docs.mongodb.com/compass/beta/embedded-shell/",
     target: "_blank"
   }, "MongoDB Shell Documentation"), "."), /*#__PURE__*/external_react_default.a.createElement(compass_components_["Subtitle"], {
     className: shortcutsTitleStyles
   }, "Keyboard Shortcuts"), /*#__PURE__*/external_react_default.a.createElement("div", {
     className: shortcutsTableContainerStyles
-  }, /*#__PURE__*/external_react_default.a.createElement(KeyboardShortcutsTable, null))), /*#__PURE__*/external_react_default.a.createElement(compass_components_["Footer"], null, /*#__PURE__*/external_react_default.a.createElement(compass_components_["Button"], {
+  }, /*#__PURE__*/external_react_default.a.createElement(KeyboardShortcutsTable, null))), /*#__PURE__*/external_react_default.a.createElement(compass_components_["ModalFooter"], null, /*#__PURE__*/external_react_default.a.createElement(compass_components_["Button"], {
     onClick: hideInfoModal
   }, "Close")));
 }
@@ -185,11 +179,26 @@ const shellHeaderLeftStyles = Object(compass_components_["css"])({
   display: 'flex',
   alignItems: 'center'
 });
+const shellHeaderDefaultColor = compass_components_["uiColors"].gray.light1;
+const shellHeaderFlashColorDark = compass_components_["uiColors"].gray.base;
+const shellHeaderFlashColorLight = compass_components_["uiColors"].gray.light2;
+const shellLoaderFlash = compass_components_["keyframes"]`
+  0% { color: ${shellHeaderDefaultColor}; }
+  10% { color: ${shellHeaderFlashColorDark}; }
+  20% { color: ${shellHeaderFlashColorLight}; }
+  30% { color: ${shellHeaderFlashColorDark}; }
+  40% { color: ${shellHeaderFlashColorLight}; }
+  50% { color: ${shellHeaderFlashColorDark}; }
+  60% { color: ${shellHeaderFlashColorLight}; }
+  70% { color: ${shellHeaderFlashColorDark}; }
+  80% { color: ${shellHeaderFlashColorLight}; }
+  100% { color: ${shellHeaderDefaultColor}; }
+`;
 const shellHeaderToggleStyles = Object(compass_components_["css"])({
   background: 'none',
   border: 'none',
   cursor: 'pointer',
-  color: compass_components_["uiColors"].gray.light1,
+  color: shellHeaderDefaultColor,
   padding: `0px ${compass_components_["spacing"][2]}px`,
   height: '100%',
   display: 'flex',
@@ -203,6 +212,7 @@ const shellHeaderToggleStyles = Object(compass_components_["css"])({
   transition: 'all 200ms',
   userSelect: 'none',
   textTransform: 'uppercase',
+  animation: `${shellLoaderFlash} 2s linear`,
   '&:hover': {
     color: compass_components_["uiColors"].gray.light3
   }