@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/Components/LocaleSwitch.js

@@ -4,26 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LocaleSwitch = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRedux = require("react-redux");
-
 var _lodash = _interopRequireDefault(require("lodash"));
-
 var _IconMenu = _interopRequireDefault(require("../UIComponents/IconMenu"));
-
 var _LanguageIcon = _interopRequireDefault(require("../UIComponents/icons/LanguageIcon"));
-
 var _app = require("../App/Config/app");
-
 var _i18n = require("../App/i18n");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var LocaleSwitch = function LocaleSwitch(props) {
+var LocaleSwitch = exports.LocaleSwitch = function LocaleSwitch(props) {
   var locale = props.locale,
-      updateLocale = props.updateLocale;
+    updateLocale = props.updateLocale;
   return /*#__PURE__*/_react["default"].createElement(_IconMenu["default"], {
     buttonText: locale.label,
     iconComponent: _LanguageIcon["default"],
@@ -38,10 +29,7 @@ var LocaleSwitch = function LocaleSwitch(props) {
     disablePortal: true
   });
 };
-
-exports.LocaleSwitch = LocaleSwitch;
 LocaleSwitch.muiName = 'FlatButton';
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     code: state.i18n.locale,
@@ -50,7 +38,5 @@ var mapStateToProps = function mapStateToProps(state) {
     })
   };
 };
-
 exports.LocaleSwitch = LocaleSwitch = (0, _reactRedux.connect)(mapStateToProps)(LocaleSwitch);
-var _default = LocaleSwitch;
-exports["default"] = _default;
+var _default = exports["default"] = LocaleSwitch;

package/Components/LocalizedPriceTextField.js

@@ -4,65 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LocalizedPriceTextField = void 0;
-
 var _reactRedux = require("react-redux");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _Text = _interopRequireDefault(require("./FormFragments/Text"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Utils = require("../App/Utils");
-
 var _excluded = ["value", "label", "name", "helperText", "emptyValue", "multiLine", "readOnly", "rows", "error", "inputProps"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var LocalizedPriceTextField = function LocalizedPriceTextField(_ref) {
+var LocalizedPriceTextField = exports.LocalizedPriceTextField = function LocalizedPriceTextField(_ref) {
   var value = _ref.value,
-      label = _ref.label,
-      name = _ref.name,
-      helperText = _ref.helperText,
-      emptyValue = _ref.emptyValue,
-      multiLine = _ref.multiLine,
-      readOnly = _ref.readOnly,
-      rows = _ref.rows,
-      error = _ref.error,
-      inputProps = _ref.inputProps,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    label = _ref.label,
+    name = _ref.name,
+    helperText = _ref.helperText,
+    emptyValue = _ref.emptyValue,
+    multiLine = _ref.multiLine,
+    readOnly = _ref.readOnly,
+    rows = _ref.rows,
+    error = _ref.error,
+    inputProps = _ref.inputProps,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useSelector = (0, _reactRedux.useSelector)(function (_ref2) {
-    var language = _ref2.i18n.locale,
+      var language = _ref2.i18n.locale,
         _ref2$language = _ref2.language,
         decimalSeparatorsByLangIso = _ref2$language.decimalSeparatorsByLangIso,
         altSeparator = _ref2$language.altSeparator,
         defaultSeparator = _ref2$language.defaultSeparator;
-    var localeSeparator = (0, _get["default"])(decimalSeparatorsByLangIso, language, defaultSeparator);
-    return {
-      localeSeparator: localeSeparator,
-      altSeparator: altSeparator,
-      defaultSeparator: defaultSeparator
-    };
-  }),
-      localeSeparator = _useSelector.localeSeparator,
-      altSeparator = _useSelector.altSeparator,
-      defaultSeparator = _useSelector.defaultSeparator;
-
+      var localeSeparator = (0, _get["default"])(decimalSeparatorsByLangIso, language, defaultSeparator);
+      return {
+        localeSeparator: localeSeparator,
+        altSeparator: altSeparator,
+        defaultSeparator: defaultSeparator
+      };
+    }),
+    localeSeparator = _useSelector.localeSeparator,
+    altSeparator = _useSelector.altSeparator,
+    defaultSeparator = _useSelector.defaultSeparator;
   var onChange = function onChange(name, value) {
     // replace occurrences of (localized) decimal separator
-    var localizedValue = "".concat(value).replace(new RegExp(altSeparator, 'g'), defaultSeparator); //  remove all letters etc.
+    var localizedValue = "".concat(value).replace(new RegExp(altSeparator, 'g'), defaultSeparator);
 
-    localizedValue = localizedValue.replace(new RegExp("[^0-9\\".concat(defaultSeparator, "]"), 'g'), ''); // remove all separators but the first one
+    //  remove all letters etc.
+    localizedValue = localizedValue.replace(new RegExp("[^0-9\\".concat(defaultSeparator, "]"), 'g'), '');
 
+    // remove all separators but the first one
     localizedValue = (0, _Utils.removeDuplicateRegexMatchesExceptFirst)(localizedValue, new RegExp("\\".concat(defaultSeparator), 'g'));
     props.onChange(name, localizedValue);
   };
-
   var displayValue = localeSeparator === altSeparator ? "".concat(value || '').replace(defaultSeparator, localeSeparator) : localeSeparator === defaultSeparator ? "".concat(value || '').replace(altSeparator, localeSeparator) : value;
   return /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     type: "text",
@@ -79,7 +68,4 @@ var LocalizedPriceTextField = function LocalizedPriceTextField(_ref) {
     inputProps: inputProps
   });
 };
-
-exports.LocalizedPriceTextField = LocalizedPriceTextField;
-var _default = LocalizedPriceTextField;
-exports["default"] = _default;
+var _default = exports["default"] = LocalizedPriceTextField;

package/Components/LocalizedPriceValue.js

@@ -4,35 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRedux = require("react-redux");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var LocalizedPriceValue = function LocalizedPriceValue(_ref) {
   var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? '' : _ref$data,
-      decimalSeparators = _ref.decimalSeparators,
-      language = _ref.language,
-      defaultSeparator = _ref.defaultSeparator;
+    data = _ref$data === void 0 ? '' : _ref$data,
+    decimalSeparators = _ref.decimalSeparators,
+    language = _ref.language,
+    defaultSeparator = _ref.defaultSeparator;
   var localeSeparator = (0, _get["default"])(decimalSeparators, language, defaultSeparator);
   return data && localeSeparator !== defaultSeparator ? "".concat(data).replace(defaultSeparator, localeSeparator) : data;
 };
-
 var mapStateToProps = function mapStateToProps(_ref2) {
   var i18n = _ref2.i18n,
-      language = _ref2.language;
+    language = _ref2.language;
   return {
     language: i18n.locale,
     decimalSeparators: language.decimalSeparatorsByLangIso,
     defaultSeparator: language.defaultSeparator
   };
 };
-
 LocalizedPriceValue = (0, _reactRedux.connect)(mapStateToProps)(LocalizedPriceValue);
-var _default = LocalizedPriceValue;
-exports["default"] = _default;
+var _default = exports["default"] = LocalizedPriceValue;

package/Components/Menu.js

@@ -1,70 +1,41 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRouter = require("react-router");
-
 var _Drawer = _interopRequireDefault(require("../UIComponents/Drawer"));
-
 var _FontIcon = _interopRequireDefault(require("../UIComponents/FontIcon"));
-
 var _ExpandMoreIcon = _interopRequireDefault(require("../UIComponents/icons/ExpandMoreIcon"));
-
 var _ExpandLessIcon = _interopRequireDefault(require("../UIComponents/icons/ExpandLessIcon"));
-
 var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
 var _ListItemText = _interopRequireDefault(require("../UIComponents/ListItemText"));
-
 var _ListItemIcon = _interopRequireDefault(require("../UIComponents/ListItemIcon"));
-
 var _Collapse = _interopRequireDefault(require("../UIComponents/Collapse"));
-
 var _ListItem = _interopRequireDefault(require("../UIComponents/ListItem"));
-
 var _List = _interopRequireDefault(require("../UIComponents/List"));
-
 var _VersionBadge = _interopRequireDefault(require("./VersionBadge"));
-
 var _VersionUpdateChip = _interopRequireDefault(require("./VersionUpdateChip"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var drawerWidth = 256;
-
 var styles = function styles(theme) {
   return {
     drawer: {
@@ -98,35 +69,25 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var Menu = /*#__PURE__*/function (_Component) {
   _inherits(Menu, _Component);
-
   var _super = _createSuper(Menu);
-
   function Menu() {
     var _this;
-
     _classCallCheck(this, Menu);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "renderMenuItem", function (menuItem, i) {
       var classes = _this.props.classes;
       var menuItemClick;
       var menuItemIcon;
       var hasSubmenu = menuItem.data instanceof Array;
-
       if (menuItem.icon) {
         menuItemIcon = /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], null, menuItem.icon));
       }
-
       var expandIcon;
-
       if (hasSubmenu) {
         menuItemClick = _this.toggleSubmenu.bind(_assertThisInitialized(_this), menuItem);
         expandIcon = menuItem.submenuOpen ? /*#__PURE__*/_react["default"].createElement(_ExpandLessIcon["default"], null) : /*#__PURE__*/_react["default"].createElement(_ExpandMoreIcon["default"], null);
@@ -137,7 +98,6 @@ var Menu = /*#__PURE__*/function (_Component) {
           }
         };
       }
-
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
         key: "menu-item-".concat(i)
       }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
@@ -155,27 +115,23 @@ var Menu = /*#__PURE__*/function (_Component) {
         className: classes.nested
       }, menuItem.data.map(_this.renderMenuItem))));
     });
-
     _defineProperty(_assertThisInitialized(_this), "toggleSubmenu", function (menuItem) {
       menuItem.submenuOpen = !menuItem.submenuOpen;
-
       _this.forceUpdate();
     });
-
     return _this;
   }
-
   _createClass(Menu, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          open = _this$props.open,
-          data = _this$props.data,
-          showLicenseError = _this$props.showLicenseError,
-          version = _this$props.version,
-          latestReleasedVersion = _this$props.latestReleasedVersion,
-          showVersionUpdateBadge = _this$props.showVersionUpdateBadge;
+        classes = _this$props.classes,
+        open = _this$props.open,
+        data = _this$props.data,
+        showLicenseError = _this$props.showLicenseError,
+        version = _this$props.version,
+        latestReleasedVersion = _this$props.latestReleasedVersion,
+        showVersionUpdateBadge = _this$props.showVersionUpdateBadge;
       return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
         variant: "persistent",
         open: open,
@@ -193,10 +149,6 @@ var Menu = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return Menu;
 }(_react.Component);
-
-var _default = (0, _withStyles["default"])(styles)(Menu);
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _withStyles["default"])(styles)(Menu);

package/Components/ModalContainer.js

@@ -1,46 +1,32 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Dialog = _interopRequireDefault(require("../UIComponents/Dialog"));
-
 var _GeneralFragments = require("./GeneralFragments");
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
+var _reactRedux = require("react-redux");
+var _IconButton = _interopRequireDefault(require("../UIComponents/IconButton"));
+var _CloseIcon = _interopRequireDefault(require("../UIComponents/icons/CloseIcon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var styles = function styles() {
   return {
     dialogContentContainer: {
@@ -48,26 +34,41 @@ var styles = function styles() {
       flexDirection: 'column',
       flex: 1,
       width: '100%'
+    },
+    closeButton: {
+      position: 'absolute',
+      right: 28,
+      top: 28,
+      zIndex: 999999
     }
   };
 };
-
+var CloseButton = (0, _reactRedux.connect)(function () {
+  return {};
+}, function (dispatch, _ref) {
+  var hideDetailsAction = _ref.hideDetailsAction;
+  return {
+    hideDetails: function hideDetails() {
+      return dispatch(hideDetailsAction());
+    }
+  };
+})(function (_ref2) {
+  var hideDetails = _ref2.hideDetails;
+  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    onClick: hideDetails,
+    id: "close"
+  }, " ", /*#__PURE__*/_react["default"].createElement(_CloseIcon["default"], null), " ");
+});
 var ModalContainer = /*#__PURE__*/function (_React$Component) {
   _inherits(ModalContainer, _React$Component);
-
   var _super = _createSuper(ModalContainer);
-
   function ModalContainer() {
     var _this;
-
     _classCallCheck(this, ModalContainer);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "setContainerRef", function (ref) {
       if (ref && ref !== _this.container) {
         _this._observer.observe(ref, {
@@ -77,18 +78,14 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
       } else if (!ref) {
         _this._observer.disconnect();
       }
-
       _this.container = ref;
     });
-
     return _this;
   }
-
   _createClass(ModalContainer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this._observer = new MutationObserver((0, _debounce["default"])(function () {
         _this2.setState({
           lastMutation: new Date()
@@ -105,13 +102,14 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var props = this.props;
       var showDetails = props.showDetails,
-          listComponent = props.listComponent,
-          detailsComponent = props.detailsComponent,
-          headlineText = props.headlineText,
-          className = props.className,
-          actions = props.actions,
-          children = props.children,
-          classes = props.classes;
+        listComponent = props.listComponent,
+        detailsComponent = props.detailsComponent,
+        headlineText = props.headlineText,
+        className = props.className,
+        actions = props.actions,
+        children = props.children,
+        classes = props.classes,
+        hideDetails = props.hideDetails;
       var containerClassName = 'overlay-container ' + className + (showDetails ? ' showDetails' : '');
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: containerClassName
@@ -128,16 +126,16 @@ var ModalContainer = /*#__PURE__*/function (_React$Component) {
         className: containerClassName,
         maxWidth: "lg",
         classes: classes
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, hideDetails && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.closeButton
+      }, /*#__PURE__*/_react["default"].createElement(CloseButton, {
+        hideDetailsAction: hideDetails
+      })), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.dialogContentContainer,
         ref: this.setContainerRef
       }, detailsComponent)), children);
     }
   }]);
-
   return ModalContainer;
 }(_react["default"].Component);
-
-var _default = (0, _withStyles["default"])(styles)(ModalContainer);
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _withStyles["default"])(styles)(ModalContainer);