@configuratorware/configurator-frontendgui 1.56.2 → 1.57.1

package/App/Modules/Designer/Components/AddGalleryImage/index.js

@@ -25,13 +25,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
 function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -69,22 +69,24 @@ var styles = function styles(theme) {
   };
 };
 var AddImagePanel = /*#__PURE__*/function (_React$Component) {
+  _inherits(AddImagePanel, _React$Component);
+  var _super = _createSuper(AddImagePanel);
   function AddImagePanel() {
     var _this;
     _classCallCheck(this, AddImagePanel);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddImagePanel, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       selectedImage: {}
     });
-    _defineProperty(_this, "onSelectImage", function (selectedImage) {
+    _defineProperty(_assertThisInitialized(_this), "onSelectImage", function (selectedImage) {
       _this.setState({
         selectedImage: selectedImage
       });
     });
-    _defineProperty(_this, "selectGalleryImage", function () {
+    _defineProperty(_assertThisInitialized(_this), "selectGalleryImage", function () {
       var selectedImage = _this.state.selectedImage;
       var _this$props = _this.props,
         onSelectImage = _this$props.onSelectImage,
@@ -94,8 +96,7 @@ var AddImagePanel = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _inherits(AddImagePanel, _React$Component);
-  return _createClass(AddImagePanel, [{
+  _createClass(AddImagePanel, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var open = this.props.open;
@@ -170,6 +171,7 @@ var AddImagePanel = /*#__PURE__*/function (_React$Component) {
       }, (0, _i18n.t)('fileUpload.apply'))));
     }
   }]);
+  return AddImagePanel;
 }(_react["default"].Component);
 var _default = exports["default"] = (0, _withWidth["default"])()((0, _styles.withStyles)(styles, {
   name: 'AddImagePanel'

package/App/Modules/Designer/Components/AddGalleryImage/index.story.js

@@ -11,7 +11,7 @@ var _Stern = _interopRequireDefault(require("./res/Stern.jpg"));
 var _Dreieck = _interopRequireDefault(require("./res/Dreieck.jpg"));
 var _Rechteck = _interopRequireDefault(require("./res/Rechteck.jpg"));
 var _Kreis = _interopRequireDefault(require("./res/Kreis.jpg"));
-var _Class;
+var _class;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -55,10 +55,10 @@ var images = [{
   url: _Dreieck["default"],
   title: 'Geometrisch'
 }];
-var analyticsSrvc = new (_Class = /*#__PURE__*/_createClass(function _Class() {
-  _classCallCheck(this, _Class);
+var analyticsSrvc = new (_class = /*#__PURE__*/_createClass(function _class() {
+  _classCallCheck(this, _class);
   _defineProperty(this, "triggerEvent", function () {});
-}), _defineProperty(_Class, "serviceName", 'AnalyticsService'), _Class)();
+}), _defineProperty(_class, "serviceName", 'AnalyticsService'), _class)();
 _ServiceLocator["default"].provide(analyticsSrvc);
 (0, _react2.storiesOf)('AddGalleryImage', module).add('shows empty dialog if there are no images to show', function () {
   return /*#__PURE__*/_react["default"].createElement(_index["default"], {

package/App/Modules/Designer/Components/AddGalleryImage/index.test.js

@@ -88,7 +88,7 @@ jest.mock('@material-ui/core/Dialog', function () {
   };
 });
 it('renders correctly', function () {
-  var tree = (0, _enzyme.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     tags: tags,
     images: images,
     onClose: function onClose() {},
@@ -100,14 +100,14 @@ it('renders correctly', function () {
   expect(tree).toMatchSnapshot();
 });
 it('calls the onSelectImage callback when the user uploads an own image in the Component', function () {
-  var _Class;
-  var analyticsSrvc = new (_Class = /*#__PURE__*/_createClass(function _Class() {
-    _classCallCheck(this, _Class);
+  var _class;
+  var analyticsSrvc = new (_class = /*#__PURE__*/_createClass(function _class() {
+    _classCallCheck(this, _class);
     _defineProperty(this, "triggerEvent", jest.fn());
-  }), _defineProperty(_Class, "serviceName", 'AnalyticsService'), _Class)();
+  }), _defineProperty(_class, "serviceName", 'AnalyticsService'), _class)();
   _ServiceLocator["default"].provide(analyticsSrvc);
   var onChangeHandler = jest.fn();
-  var tree = (0, _enzyme.mount)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     tags: tags,
     images: images,
     onClose: function onClose() {},

package/App/Modules/Designer/Components/AddVisualElement/index.js

@@ -23,13 +23,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
 function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -97,12 +97,13 @@ var styles = function styles(theme) {
   };
 };
 var AddVisualElement = /*#__PURE__*/function (_React$Component) {
+  _inherits(AddVisualElement, _React$Component);
+  var _super = _createSuper(AddVisualElement);
   function AddVisualElement() {
     _classCallCheck(this, AddVisualElement);
-    return _callSuper(this, AddVisualElement, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(AddVisualElement, _React$Component);
-  return _createClass(AddVisualElement, [{
+  _createClass(AddVisualElement, [{
     key: "render",
     value: function render() {
       var _this = this;
@@ -180,6 +181,7 @@ var AddVisualElement = /*#__PURE__*/function (_React$Component) {
       }, renderAddTextLabel(this.props)))))))));
     }
   }]);
+  return AddVisualElement;
 }(_react["default"].Component);
 _defineProperty(AddVisualElement, "defaultProps", {
   boxed: false,

package/App/Modules/Designer/Components/AddVisualElement/index.test.js

@@ -17,14 +17,14 @@ jest.mock("../../../../Shared/Components/CallToAction", function () {
   };
 });
 it('renders correctly', function () {
-  var tree = (0, _render["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _render["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     onImageFileSelected: _noop["default"],
     onAddTextClick: _noop["default"]
   }));
   expect(tree).toMatchSnapshot();
 });
 it('renders a boxed component with the boxed prop', function () {
-  var tree = (0, _render["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _render["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     onImageFileSelected: _noop["default"],
     onAddTextClick: _noop["default"],
     boxed: true
@@ -33,7 +33,7 @@ it('renders a boxed component with the boxed prop', function () {
 });
 it('calls the onImageFileSelected callback when the user clicks the onImageFileSelected button', function () {
   var spy = jest.fn();
-  var tree = (0, _mount["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _mount["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     onImageFileSelected: spy,
     onAddTextClick: _noop["default"]
   }));

package/App/Modules/Designer/Components/CloseDesignEditor/index.js

@@ -16,13 +16,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
 function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -57,12 +57,13 @@ var styles = function styles(theme) {
   };
 };
 var CloseDesignEditor = /*#__PURE__*/function (_React$Component) {
+  _inherits(CloseDesignEditor, _React$Component);
+  var _super = _createSuper(CloseDesignEditor);
   function CloseDesignEditor() {
     _classCallCheck(this, CloseDesignEditor);
-    return _callSuper(this, CloseDesignEditor, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(CloseDesignEditor, _React$Component);
-  return _createClass(CloseDesignEditor, [{
+  _createClass(CloseDesignEditor, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -89,6 +90,7 @@ var CloseDesignEditor = /*#__PURE__*/function (_React$Component) {
       }, (0, _i18n.t)('addVisualElement.closeEdit'))));
     }
   }]);
+  return CloseDesignEditor;
 }(_react["default"].Component);
 var _default = exports["default"] = (0, _styles.withStyles)(styles, {
   name: 'CloseDesignEditor'

package/App/Modules/Designer/Components/CloseGraphicsEditorButton/index.js

@@ -16,15 +16,16 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var styles = function styles(theme) {
+  var _button;
   return {
-    button: _defineProperty(_defineProperty({
+    button: (_button = {
       pointerEvents: 'all'
-    }, theme.breakpoints.up('sm'), {
+    }, _defineProperty(_button, theme.breakpoints.up('sm'), {
       marginBottom: 16,
       minHeight: 40
-    }), theme.breakpoints.down('xs'), {
+    }), _defineProperty(_button, theme.breakpoints.down('xs'), {
       height: 56
-    })
+    }), _button)
   };
 };
 var CloseGraphicsEditorButton = exports.CloseGraphicsEditorButton = (0, _styles.withStyles)(styles, {

package/App/Modules/Designer/Components/ColorPalettes/index.js

@@ -47,21 +47,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
 function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var styles = function styles(theme) {
+  var _colorPaletteButton;
   return {
     container: {
       pointerEvents: 'all' // catch the pointer events again
     },
+
     containerInPortraitMode: {
       width: '40%',
       position: 'fixed',
@@ -173,14 +175,14 @@ var styles = function styles(theme) {
         }
       }
     },
-    colorPaletteButton: _defineProperty(_defineProperty({
+    colorPaletteButton: (_colorPaletteButton = {
       marginTop: 24,
       padding: 8
-    }, theme.breakpoints.down('sm'), {
+    }, _defineProperty(_colorPaletteButton, theme.breakpoints.down('sm'), {
       marginTop: '0'
-    }), theme.breakpoints.down('xs'), {
+    }), _defineProperty(_colorPaletteButton, theme.breakpoints.down('xs'), {
       height: 56
-    }),
+    }), _colorPaletteButton),
     selectedColorGrid: {
       margin: '0 auto'
     },
@@ -301,12 +303,14 @@ var ColorPaletteColorsWrapper = (0, _styles.withStyles)(styles, {
   }, !isSearchActive && renderColors(palette));
 });
 var ColorPalettes = /*#__PURE__*/function (_React$Component) {
+  _inherits(ColorPalettes, _React$Component);
+  var _super = _createSuper(ColorPalettes);
   function ColorPalettes(props) {
     var _this;
     _classCallCheck(this, ColorPalettes);
-    _this = _callSuper(this, ColorPalettes, [props]);
-    _defineProperty(_this, "textInputRef", /*#__PURE__*/_react["default"].createRef());
-    _defineProperty(_this, "colorSelectChange", function (evt, color, paletteIdentifier, isCustomColorChecked) {
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "textInputRef", /*#__PURE__*/_react["default"].createRef());
+    _defineProperty(_assertThisInitialized(_this), "colorSelectChange", function (evt, color, paletteIdentifier, isCustomColorChecked) {
       if (isCustomColorChecked) {
         return;
       }
@@ -325,16 +329,16 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
         window.getSelection().removeAllRanges();
       }
     });
-    _defineProperty(_this, "onColorPaletteChange", function (evt) {
+    _defineProperty(_assertThisInitialized(_this), "onColorPaletteChange", function (evt) {
       _this.props.colorPaletteChange(evt.target.value);
     });
-    _defineProperty(_this, "onCustomColorChange", function (evt) {
+    _defineProperty(_assertThisInitialized(_this), "onCustomColorChange", function (evt) {
       _this.setState({
         customColor: evt.target.value,
         customColorError: null
       });
     });
-    _defineProperty(_this, "onApplyColor", function () {
+    _defineProperty(_assertThisInitialized(_this), "onApplyColor", function () {
       var customColor = _this.state.customColor;
       if (!customColor) {
         _this.setState({
@@ -346,22 +350,22 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
       selectionRangeMemo.restore();
       _this.props.colorSelectClick(customColor, customColor, null, true);
     });
-    _defineProperty(_this, "toggleCustomColor", function (event) {
+    _defineProperty(_assertThisInitialized(_this), "toggleCustomColor", function (event) {
       _this.setState({
         isCustomColorChecked: event.target.checked
       });
     });
-    _defineProperty(_this, "changeText", function (event) {
+    _defineProperty(_assertThisInitialized(_this), "changeText", function (event) {
       _this.setState({
         searchText: event.target.value
       });
     });
-    _defineProperty(_this, "activateSearch", function () {
+    _defineProperty(_assertThisInitialized(_this), "activateSearch", function () {
       _this.setState({
         isSearchActive: true
       });
     });
-    _defineProperty(_this, "closeSearch", function () {
+    _defineProperty(_assertThisInitialized(_this), "closeSearch", function () {
       _this.setState({
         isSearchActive: false
       });
@@ -369,7 +373,7 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
         searchText: ''
       });
     });
-    _defineProperty(_this, "searchPaletteColors", function (palettes) {
+    _defineProperty(_assertThisInitialized(_this), "searchPaletteColors", function (palettes) {
       var _ref4;
       var colorsArray = palettes.map(function (_ref3) {
         var identifier = _ref3.identifier,
@@ -385,7 +389,7 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
         colors: (0, _uniqBy["default"])(searchColors, 'identifier')
       };
     });
-    _defineProperty(_this, "renderColors", function (palette) {
+    _defineProperty(_assertThisInitialized(_this), "renderColors", function (palette) {
       var _this$props = _this.props,
         classes = _this$props.classes,
         selectedColor = _this$props.selectedColor;
@@ -441,8 +445,7 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
     selectionRangeMemo.save();
     return _this;
   }
-  _inherits(ColorPalettes, _React$Component);
-  return _createClass(ColorPalettes, [{
+  _createClass(ColorPalettes, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var selectedColor = this.props.selectedColor;
@@ -602,6 +605,7 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
         heightColorPaletteWrapper: isCustomColorChecked ? heightColorPaletteWrapper - 150 // 135 height of custom fields
         : heightColorPaletteWrapper - 50 // 35 height of search clear button
         ,
+
         onSearch: this.onSearch,
         closeSearch: this.closeSearch,
         isSearchActive: isSearchActive,
@@ -686,6 +690,7 @@ var ColorPalettes = /*#__PURE__*/function (_React$Component) {
       }, (0, _i18n.t)('colorPalettes.apply'))))))));
     }
   }]);
+  return ColorPalettes;
 }(_react["default"].Component);
 var _default = exports["default"] = (0, _ResizeDetect.withResizeDetectWrapper)((0, _withWidth["default"])({
   initialWidth: 'lg'

package/App/Modules/Designer/Components/ColorPalettes/index.test.js

@@ -106,7 +106,7 @@ var usedColors = [{
   value: 'rgb(0, 0, 0)'
 }];
 it('renders correctly', function () {
-  var tree = (0, _enzyme.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     colorPalettes: colorPalettes.colorPalettes,
     colorPalette: 'HKS',
     selectedColor: color,
@@ -116,7 +116,7 @@ it('renders correctly', function () {
   expect(tree).toMatchSnapshot();
 });
 it('renders a boxed component with the boxed prop', function () {
-  var tree = (0, _enzyme.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     width: "xs",
     colorPalettes: colorPalettes.colorPalettes,
     colorPalette: 'HKS',
@@ -129,7 +129,7 @@ it('renders a boxed component with the boxed prop', function () {
 });
 it('calls the colorSelectClick callback when the user changes the color', function () {
   var onChangeHandler = jest.fn();
-  var tree = (0, _enzyme.mount)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     width: "xs",
     colorPalettes: colorPalettes.colorPalettes,
     colorPalette: 'HKS',

package/App/Modules/Designer/Components/DesignAreaControlbox/index.js

@@ -29,17 +29,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
 function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var styles = function styles(theme) {
+  var _cardContentRoot, _underlineInputText;
   return {
     card: _defineProperty({}, theme.breakpoints.down('xs'), {
       zIndex: 1
@@ -62,13 +63,13 @@ var styles = function styles(theme) {
         paddingBottom: 8
       }
     }),
-    cardContentRoot: _defineProperty(_defineProperty({
+    cardContentRoot: (_cardContentRoot = {
       padding: '0 16px'
-    }, theme.breakpoints.down('xs'), {
+    }, _defineProperty(_cardContentRoot, theme.breakpoints.down('xs'), {
       padding: 0
-    }), '&:last-child', _defineProperty({}, theme.breakpoints.up('sm'), {
+    }), _defineProperty(_cardContentRoot, '&:last-child', _defineProperty({}, theme.breakpoints.up('sm'), {
       paddingBottom: 16
-    })),
+    })), _cardContentRoot),
     listItemText: _defineProperty({
       fontSize: '12px',
       lineHeight: '40px'
@@ -107,23 +108,23 @@ var styles = function styles(theme) {
     iconedItem: _defineProperty({}, theme.breakpoints.down('xs'), {
       paddingRight: '6px !important'
     }),
-    underlineInputText: _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    underlineInputText: (_underlineInputText = {
       marginBottom: 0
-    }, theme.breakpoints.up('sm'), {
+    }, _defineProperty(_underlineInputText, theme.breakpoints.up('sm'), {
       marginBottom: 8
-    }), '&:before', _defineProperty({
+    }), _defineProperty(_underlineInputText, '&:before', _defineProperty({
       borderBottom: 0
     }, theme.breakpoints.up('sm'), {
       borderBottom: '1px solid rgba(0, 0, 0, 0.42)'
-    })), '&&&&:hover:before', _defineProperty({
+    })), _defineProperty(_underlineInputText, '&&&&:hover:before', _defineProperty({
       borderBottom: 0
     }, theme.breakpoints.up('sm'), {
       borderBottom: '1px solid rgba(0, 0, 0, 0.42)'
-    })), '&:after', _defineProperty({
+    })), _defineProperty(_underlineInputText, '&:after', _defineProperty({
       borderBottom: 0
     }, theme.breakpoints.up('sm'), {
       borderBottom: '1px solid transparent'
-    })),
+    })), _underlineInputText),
     iconRootCheck: _defineProperty({
       position: 'absolute',
       right: 30,
@@ -183,21 +184,23 @@ var styles = function styles(theme) {
   };
 };
 var DesignAreaControlbox = /*#__PURE__*/function (_React$Component) {
+  _inherits(DesignAreaControlbox, _React$Component);
+  var _super = _createSuper(DesignAreaControlbox);
   function DesignAreaControlbox(props) {
     var _this;
     _classCallCheck(this, DesignAreaControlbox);
-    _this = _callSuper(this, DesignAreaControlbox, [props]);
-    _defineProperty(_this, "openAmountIndicatorModal", function () {
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "openAmountIndicatorModal", function () {
       _this.setState({
         amountIndicatorOpen: true
       });
     });
-    _defineProperty(_this, "closeAmountIndicatorModal", function () {
+    _defineProperty(_assertThisInitialized(_this), "closeAmountIndicatorModal", function () {
       _this.setState({
         amountIndicatorOpen: false
       });
     });
-    _defineProperty(_this, "getColorAmountMessageClass", function () {
+    _defineProperty(_assertThisInitialized(_this), "getColorAmountMessageClass", function () {
       var _this$props = _this.props,
         classes = _this$props.classes,
         hasAmountIndicatorWarning = _this$props.hasAmountIndicatorWarning;
@@ -211,7 +214,7 @@ var DesignAreaControlbox = /*#__PURE__*/function (_React$Component) {
       }
       return className;
     });
-    _defineProperty(_this, "getColorAmountMessage", function () {
+    _defineProperty(_assertThisInitialized(_this), "getColorAmountMessage", function () {
       var _this$props2 = _this.props,
         colorAmount = _this$props2.colorAmount,
         maxColorAmount = _this$props2.maxColorAmount;
@@ -233,8 +236,7 @@ var DesignAreaControlbox = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inherits(DesignAreaControlbox, _React$Component);
-  return _createClass(DesignAreaControlbox, [{
+  _createClass(DesignAreaControlbox, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
@@ -385,6 +387,7 @@ var DesignAreaControlbox = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement("div", null)))));
     }
   }]);
+  return DesignAreaControlbox;
 }(_react["default"].Component);
 var _default = exports["default"] = (0, _withWidth["default"])({
   initialWidth: 'lg'

package/App/Modules/Designer/Components/DesignAreaControlbox/index.test.js

@@ -92,7 +92,7 @@ var hierarchicalMockData = [{
   }]
 }];
 it('renders correctly', function () {
-  var tree = (0, _enzyme.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     designAreas: hierarchicalMockData,
     designedAreas: {
       a_1: true
@@ -107,7 +107,7 @@ it('renders correctly', function () {
   expect(tree).toMatchSnapshot();
 });
 it('renders a boxed component with the boxed prop', function () {
-  var tree = (0, _enzyme.render)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     designAreas: hierarchicalMockData,
     designedAreas: {
       a_1: true
@@ -123,14 +123,14 @@ it('renders a boxed component with the boxed prop', function () {
   expect(tree).toMatchSnapshot();
 });
 it('calls the handleChangeColorAmount callback when the user clicks the DesignAreaControlbox button', function () {
-  var _Class;
+  var _class;
   var onChangeHandler = jest.fn();
-  var analyticsSrvc = new (_Class = /*#__PURE__*/_createClass(function _Class() {
-    _classCallCheck(this, _Class);
+  var analyticsSrvc = new (_class = /*#__PURE__*/_createClass(function _class() {
+    _classCallCheck(this, _class);
     _defineProperty(this, "triggerEvent", jest.fn());
-  }), _defineProperty(_Class, "serviceName", 'AnalyticsService'), _Class)();
+  }), _defineProperty(_class, "serviceName", 'AnalyticsService'), _class)();
   _ServiceLocator["default"].provide(analyticsSrvc);
-  var tree = (0, _enzyme.mount)(/*#__PURE__*/_react["default"].createElement(_index["default"], {
+  var tree = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
     width: "lg",
     designAreas: hierarchicalMockData,
     designedAreas: {