@configuratorware/configurator-frontendgui 1.41.1 → 1.42.1

package/App/Modules/Designer/Designer.js

@@ -1,65 +1,44 @@
 "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"] = exports.Designer = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
+var _styles = require("@material-ui/core/styles");
 var _Editor = _interopRequireDefault(require("redhotmagma-graphics-editor/Components/Editor/Editor"));
-
 var _EditorContainer = _interopRequireDefault(require("redhotmagma-graphics-editor/Components/Editor/EditorContainer"));
-
 var _AlignTargetProvider = require("redhotmagma-visualization/AlignTargetProvider");
-
 var _createCheckerBoardBackground = require("../../../Utils/Styles/createCheckerBoardBackground");
-
 var _excluded = ["children"];
-
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 mockUploadFunction = function mockUploadFunction(files) {
   return new Promise(function (resolve, reject) {
     var reader = new FileReader();
-
     reader.onload = function () {
       var dataURL = reader.result;
       resolve([{
         src: dataURL
       }]);
     };
-
     reader.onerror = reject;
     reader.readAsDataURL(files[0]);
   });
 };
-
 var styles = function styles(theme) {
   var _root;
-
   return {
     root: (_root = {
       flexShrink: 1,
@@ -92,8 +71,7 @@ var styles = function styles(theme) {
     }))
   };
 };
-
-var CustomEditorContainer = (0, _withStyles["default"])({
+var CustomEditorContainer = (0, _styles.withStyles)({
   closeButton: {
     position: 'absolute',
     top: -20,
@@ -104,42 +82,37 @@ var CustomEditorContainer = (0, _withStyles["default"])({
   name: 'CustomEditorContainer'
 })(function (_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_EditorContainer["default"], props, children);
 });
-
 var getCustomEditorStyle = function getCustomEditorStyle(_ref2) {
   var hasBorder = _ref2.hasBorder;
   var style = {};
-
   if (!hasBorder) {
     style.borderWidth = 0;
   }
-
   return style;
 };
-
-var Designer = function Designer(_ref3) {
+var Designer = exports.Designer = function Designer(_ref3) {
   var renderStandardToolbox = _ref3.renderStandardToolbox,
-      renderSelectionToolbox = _ref3.renderSelectionToolbox,
-      renderInlineToolbox = _ref3.renderInlineToolbox,
-      renderRulers = _ref3.renderRulers,
-      canvasSize = _ref3.canvasSize,
-      classes = _ref3.classes,
-      show = _ref3.show,
-      selectedColor = _ref3.selectedColor,
-      alignTarget = _ref3.alignTarget,
-      EditorContainer = _ref3.EditorContainer,
-      hideDesigner = _ref3.hideDesigner,
-      hasBorder = _ref3.hasBorder,
-      useCheckerBoardBackground = _ref3.useCheckerBoardBackground,
-      renderInCanvasContainer = _ref3.renderInCanvasContainer;
+    renderSelectionToolbox = _ref3.renderSelectionToolbox,
+    renderInlineToolbox = _ref3.renderInlineToolbox,
+    renderRulers = _ref3.renderRulers,
+    canvasSize = _ref3.canvasSize,
+    classes = _ref3.classes,
+    show = _ref3.show,
+    selectedColor = _ref3.selectedColor,
+    alignTarget = _ref3.alignTarget,
+    EditorContainer = _ref3.EditorContainer,
+    hideDesigner = _ref3.hideDesigner,
+    hasBorder = _ref3.hasBorder,
+    useCheckerBoardBackground = _ref3.useCheckerBoardBackground,
+    renderInCanvasContainer = _ref3.renderInCanvasContainer;
   var containerReadyHandler = (0, _react.useMemo)(function () {
     return function (_ref4) {
       var container = _ref4.container;
-      alignTarget.add(container); // it has to be delayed in the next message, when the correct size is already available
-
+      alignTarget.add(container);
+      // it has to be delayed in the next message, when the correct size is already available
       return function () {
         return setTimeout(function () {
           return alignTarget.remove(container);
@@ -185,32 +158,6 @@ var Designer = function Designer(_ref3) {
     renderInCanvasContainer: renderInCanvasContainer
   }));
 };
-
-exports.Designer = Designer;
-Designer.propTypes = {
-  renderStandardToolbox: _propTypes["default"].func,
-  renderSelectionToolbox: _propTypes["default"].func,
-  renderInlineToolbox: _propTypes["default"].func,
-  renderRulers: _propTypes["default"].func,
-  show: _propTypes["default"].bool,
-  EditorContainer: _propTypes["default"].elementType,
-  hasBorder: _propTypes["default"].bool,
-  selectedColor: _propTypes["default"].string,
-  hideDesigner: _propTypes["default"].func,
-  alignTarget: _propTypes["default"].shape({
-    add: _propTypes["default"].func.isRequired,
-    remove: _propTypes["default"].func.isRequired
-  }).isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  canvasSize: _propTypes["default"].shape({
-    width: _propTypes["default"].number.isRequired,
-    height: _propTypes["default"].number.isRequired,
-    isMetric: _propTypes["default"].bool,
-    dpi: _propTypes["default"].number
-  }).isRequired,
-  useCheckerBoardBackground: _propTypes["default"].bool,
-  renderInCanvasContainer: _propTypes["default"].func
-};
 Designer.defaultProps = {
   renderStandardToolbox: null,
   renderSelectionToolbox: null,
@@ -223,9 +170,6 @@ Designer.defaultProps = {
   EditorContainer: CustomEditorContainer,
   useCheckerBoardBackground: false
 };
-
-var _default = (0, _withStyles["default"])(styles, {
+var _default = exports["default"] = (0, _styles.withStyles)(styles, {
   name: 'Designer'
-})((0, _AlignTargetProvider.withAlignTarget)(Designer));
-
-exports["default"] = _default;
+})((0, _AlignTargetProvider.withAlignTarget)(Designer));

package/App/Modules/Designer/DesignerScreen.js

@@ -1,103 +1,77 @@
 "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.DesignerScreen = DesignerScreen;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ReactComponent = _interopRequireDefault(require("../../../Shared/PropTypes/ReactComponent"));
-
 var _Header = _interopRequireDefault(require("../../Shared/Containers/Header"));
-
 var _DesignAreaControlbox = _interopRequireDefault(require("./Containers/DesignAreaControlbox"));
-
 var _EditDesignButton = _interopRequireDefault(require("./Containers/EditDesignButton"));
-
 var _CloseGraphicsEditorButton = _interopRequireDefault(require("./Containers/CloseGraphicsEditorButton"));
-
 var _CloseDesignEditor = _interopRequireDefault(require("./Containers/CloseDesignEditor"));
-
 var _ImageEditDialog = _interopRequireDefault(require("./Containers/ImageEditDialog"));
-
 var _DefaultCanvasProvider = require("../../Shared/Providers/DefaultCanvasProvider");
-
 var _DesignerAlignTarget = require("../Visualization/DesignerAlignTarget");
-
 var _DefaultLayout = _interopRequireDefault(require("./Layouts/DefaultLayout"));
-
 var _PopupAreaProvider = require("./Layouts/PopupAreaProvider");
-
 var _TwoSideBottomBar = require("./Layouts/Mobile/TwoSideBottomBar");
-
 var _Designer = _interopRequireDefault(require("./Containers/Designer"));
-
 var _DesignerSelectionToolbox = _interopRequireDefault(require("./Containers/DesignerSelectionToolbox"));
-
 var _AddVisualElement = _interopRequireDefault(require("./Containers/AddVisualElement"));
-
 var _ScreenPropTypes = _interopRequireDefault(require("../../Screens/Configurator/ScreenPropTypes"));
-
 var _FullScreenView = _interopRequireDefault(require("./Components/FullScreenView/FullScreenView"));
-
 var _DesignerClickAwayListener = _interopRequireDefault(require("./MultilayerComponents/DesignerClickAwayListener"));
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 /**
  * Main Screen of the configurator
  */
 function DesignerScreen(props) {
   var imageOnly = props.imageOnly,
-      showDesigner = props.showDesigner,
-      showProductViewButton = props.showProductViewButton,
-      fallbackMode = props.fallbackMode,
-      is3DvisualMode = props.is3DvisualMode,
-      isPortraitMode = props.isPortraitMode,
-      _renderHeader = props.renderHeader,
-      renderSaveConfiguration = props.renderSaveConfiguration,
-      renderSendEmail = props.renderSendEmail,
-      renderPdfDownload = props.renderPdfDownload,
-      renderLoadConfiguration = props.renderLoadConfiguration,
-      renderError = props.renderError,
-      renderAlertMessages = props.renderAlertMessages,
-      renderConfirm = props.renderConfirm,
-      renderAmountPrice = props.renderAmountPrice,
-      renderDesigner = props.renderDesigner,
-      renderDesignerSelectionToolbox = props.renderDesignerSelectionToolbox,
-      renderDesignerFallback = props.renderDesignerFallback,
-      _renderVisualization = props.renderVisualization,
-      renderDesignAreaControlbox = props.renderDesignAreaControlbox,
-      renderEditDesignButton = props.renderEditDesignButton,
-      renderCloseGraphicsEditorButton = props.renderCloseGraphicsEditorButton,
-      renderImageEditDialog = props.renderImageEditDialog,
-      renderCloseDesignEditor = props.renderCloseDesignEditor,
-      renderAddVisualElement = props.renderAddVisualElement,
-      renderLoader = props.renderLoader,
-      renderLicenseNotice = props.renderLicenseNotice,
-      customElements = props.customElements,
-      visualizationOverlayMode = props.visualizationOverlayMode,
-      CanvasProvider = props.CanvasProvider,
-      CanvasStateProvider = props.CanvasStateProvider,
-      TextEditorStateProvider = props.TextEditorStateProvider,
-      Layout = props.Layout,
-      PopupArea = props.PopupArea,
-      FallbackVisualization = props.FallbackVisualization;
+    showDesigner = props.showDesigner,
+    showProductViewButton = props.showProductViewButton,
+    fallbackMode = props.fallbackMode,
+    is3DvisualMode = props.is3DvisualMode,
+    isPortraitMode = props.isPortraitMode,
+    _renderHeader = props.renderHeader,
+    renderSaveConfiguration = props.renderSaveConfiguration,
+    renderSendEmail = props.renderSendEmail,
+    renderPdfDownload = props.renderPdfDownload,
+    renderLoadConfiguration = props.renderLoadConfiguration,
+    renderError = props.renderError,
+    renderAlertMessages = props.renderAlertMessages,
+    renderConfirm = props.renderConfirm,
+    renderAmountPrice = props.renderAmountPrice,
+    renderDesigner = props.renderDesigner,
+    renderDesignerSelectionToolbox = props.renderDesignerSelectionToolbox,
+    renderDesignerFallback = props.renderDesignerFallback,
+    _renderVisualization = props.renderVisualization,
+    renderDesignAreaControlbox = props.renderDesignAreaControlbox,
+    renderEditDesignButton = props.renderEditDesignButton,
+    renderCloseGraphicsEditorButton = props.renderCloseGraphicsEditorButton,
+    renderImageEditDialog = props.renderImageEditDialog,
+    renderCloseDesignEditor = props.renderCloseDesignEditor,
+    renderAddVisualElement = props.renderAddVisualElement,
+    renderLoader = props.renderLoader,
+    renderLicenseNotice = props.renderLicenseNotice,
+    customElements = props.customElements,
+    visualizationOverlayMode = props.visualizationOverlayMode,
+    CanvasProvider = props.CanvasProvider,
+    CanvasStateProvider = props.CanvasStateProvider,
+    TextEditorStateProvider = props.TextEditorStateProvider,
+    Layout = props.Layout,
+    PopupArea = props.PopupArea,
+    FallbackVisualization = props.FallbackVisualization;
   return /*#__PURE__*/React.createElement(CanvasProvider, null, /*#__PURE__*/React.createElement(Layout, {
     imageOnly: imageOnly,
     isPortraitMode: isPortraitMode,
@@ -157,49 +131,21 @@ function DesignerScreen(props) {
     renderLicenseNotice: renderLicenseNotice
   }));
 }
-
-DesignerScreen.propTypes = _objectSpread(_objectSpread({}, _ScreenPropTypes["default"]), {}, {
-  showProductViewButton: _propTypes["default"].bool,
-  showPreviewButton: _propTypes["default"].bool,
-  area: _propTypes["default"].string,
-  customElements: _propTypes["default"].shape({
-    main: _propTypes["default"].node
-  }),
-  // Render props
-  renderDesignerSelectionToolbox: _propTypes["default"].func,
-  renderVisualizationEdit: _propTypes["default"].func,
-  renderDesignerFallback: _propTypes["default"].func,
-  renderHeader: _propTypes["default"].func,
-  renderDesignAreaControlbox: _propTypes["default"].func,
-  renderEditDesignButton: _propTypes["default"].func,
-  renderCloseGraphicsEditorButton: _propTypes["default"].func,
-  renderImageEditDialog: _propTypes["default"].func,
-  renderCloseDesignEditor: _propTypes["default"].func,
-  renderAddVisualElement: _propTypes["default"].func,
-  // Components
-  CanvasProvider: _ReactComponent["default"].isRequired,
-  CanvasStateProvider: _ReactComponent["default"].isRequired,
-  TextEditorStateProvider: _ReactComponent["default"].isRequired,
-  Layout: _ReactComponent["default"].isRequired,
-  PopupArea: _ReactComponent["default"].isRequired,
-  imageOnly: _propTypes["default"].bool
-}); // eslint-disable-next-line react/prop-types
-
+// eslint-disable-next-line react/prop-types
 var renderDesignAreaControlbox = function renderDesignAreaControlbox(_ref) {
   var area = _ref.area;
   return /*#__PURE__*/React.createElement(_DesignAreaControlbox["default"], {
     boxed: area === 'sidebar'
   });
-}; // eslint-disable-next-line react/prop-types
-
+};
 
+// eslint-disable-next-line react/prop-types
 var renderEditDesignButton = function renderEditDesignButton(_ref2) {
   var styledButton = _ref2.styledButton;
   return /*#__PURE__*/React.createElement(_EditDesignButton["default"], {
     buttonXS: styledButton
   });
 };
-
 DesignerScreen.defaultProps = {
   // Render props
   renderCreator: function renderCreator() {
@@ -207,9 +153,8 @@ DesignerScreen.defaultProps = {
   },
   renderDesigner: function renderDesigner() {
     var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        designerClassName = _ref3.designerClassName,
-        visualizationOverlayMode = _ref3.visualizationOverlayMode;
-
+      designerClassName = _ref3.designerClassName,
+      visualizationOverlayMode = _ref3.visualizationOverlayMode;
     var designer = /*#__PURE__*/React.createElement(_Designer["default"], {
       visualizationOverlayMode: visualizationOverlayMode
     });

package/App/Modules/Designer/DesignerUI.js

@@ -1,66 +1,39 @@
 "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.DefaultDesigner = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _noop = _interopRequireDefault(require("lodash/noop"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _CanvasProvider = require("redhotmagma-graphics-editor/CanvasInterface/CanvasProvider");
-
 var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-
 var _RotateRight = _interopRequireDefault(require("@material-ui/icons/RotateRight"));
-
 var _UnfoldMore = _interopRequireDefault(require("@material-ui/icons/UnfoldMore"));
-
 var _Designer = _interopRequireDefault(require("./Designer"));
-
 var _AddVisualElement = _interopRequireDefault(require("./Containers/AddVisualElement"));
-
-var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth/withWidth"));
-
+var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth"));
 var _configuration = require("../../configuration");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _reactRedux = require("react-redux");
-
 var _Selectors = require("../../Reducers/DesignArea/Selectors");
-
 var _StandardToolboxPortal = _interopRequireDefault(require("./MultilayerComponents/StandardToolboxPortal"));
-
 var _InlineToolboxPortal = _interopRequireDefault(require("./MultilayerComponents/InlineToolboxPortal"));
-
 var _excluded = ["visualizationOverlayMode"];
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 StandardToolboxWithCanvasState = (0, _withWidth["default"])()(function (_ref) {
   var width = _ref.width;
   return (0, _withWidth.isWidthUp)('sm', width) &&
@@ -75,14 +48,12 @@ var StandardToolboxWithCanvasState = (0, _withWidth["default"])()(function (_ref
     }
   }, /*#__PURE__*/_react["default"].createElement(_AddVisualElement["default"], null));
 });
-
 var renderStandardToolbox = function renderStandardToolbox() {
   var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      visualizationOverlayMode = _ref2.visualizationOverlayMode;
-
+    visualizationOverlayMode = _ref2.visualizationOverlayMode;
   return function (_ref3) {
     var upload = _ref3.upload,
-        StandardToolbox = _ref3.components.StandardToolbox;
+      StandardToolbox = _ref3.components.StandardToolbox;
     var ContainerComponent = visualizationOverlayMode ? _StandardToolboxPortal["default"] : _react["default"].Fragment;
     return /*#__PURE__*/_react["default"].createElement(ContainerComponent, null, /*#__PURE__*/_react["default"].createElement(StandardToolbox, {
       upload: upload
@@ -96,7 +67,6 @@ var renderStandardToolbox = function renderStandardToolbox() {
     }));
   };
 };
-
 var toolboxButtonStyle = {
   width: 40,
   height: 40,
@@ -120,19 +90,16 @@ var transformBottomRight = {
 var transformBottomLeft = {
   transform: 'translate(-100%, 0%)'
 };
-
 var renderInlineToolButton = function renderInlineToolButton(_ref5) {
   var positionName = _ref5.positionName,
-      onScalingChange = _ref5.onScalingChange,
-      onRotationChange = _ref5.onRotationChange,
-      onDeleteClick = _ref5.onDeleteClick,
-      selectedObject = _ref5.selectedObject,
-      InlineToolboxButton = _ref5.components.InlineToolboxButton;
-
+    onScalingChange = _ref5.onScalingChange,
+    onRotationChange = _ref5.onRotationChange,
+    onDeleteClick = _ref5.onDeleteClick,
+    selectedObject = _ref5.selectedObject,
+    InlineToolboxButton = _ref5.components.InlineToolboxButton;
   if (!selectedObject) {
     return null;
   }
-
   switch (positionName) {
     case 'topRight':
       return !selectedObject.locked && /*#__PURE__*/_react["default"].createElement(InlineToolboxButton, {
@@ -144,7 +111,6 @@ var renderInlineToolButton = function renderInlineToolButton(_ref5) {
           alignSelf: 'center'
         }
       }));
-
     case 'bottomRight':
       return !selectedObject.locked && /*#__PURE__*/_react["default"].createElement(InlineToolboxButton, {
         style: _objectSpread(_objectSpread({}, toolboxButtonStyle), transformBottomRight),
@@ -156,7 +122,6 @@ var renderInlineToolButton = function renderInlineToolButton(_ref5) {
           alignSelf: 'center'
         }
       }));
-
     case 'bottomLeft':
       return /*#__PURE__*/_react["default"].createElement(InlineToolboxButton, {
         style: _objectSpread(_objectSpread({}, toolboxButtonStyle), transformBottomLeft),
@@ -166,13 +131,11 @@ var renderInlineToolButton = function renderInlineToolButton(_ref5) {
           alignSelf: 'center'
         }
       }));
-
     case 'topLeft':
       // not used
       return null;
   }
 };
-
 var AngleLabel = function AngleLabel(_ref6) {
   var angleLabel = _ref6.angleLabel;
   var isLocked = (0, _reactRedux.useSelector)(function (state) {
@@ -180,62 +143,43 @@ var AngleLabel = function AngleLabel(_ref6) {
   });
   return !isLocked && /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, angleLabel);
 };
-
-AngleLabel.propTypes = {
-  angleLabel: _propTypes["default"].node
-};
-
 var renderAngleLabel = function renderAngleLabel(angleLabel) {
   return /*#__PURE__*/_react["default"].createElement(AngleLabel, {
     angleLabel: angleLabel
   });
 };
-
-var renderInlineToolbox = function renderInlineToolbox(_ref7) {
-  var visualizationOverlayMode = _ref7.visualizationOverlayMode;
-  return function (_ref8) {
-    var InlineToolbox = _ref8.components.InlineToolbox;
+var ChildrenOnlyFragment = function ChildrenOnlyFragment(_ref7) {
+  var children = _ref7.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+};
+ChildrenOnlyFragment.propTypes = {
+  children: _propTypes["default"].node
+};
+var renderInlineToolbox = function renderInlineToolbox(_ref8) {
+  var visualizationOverlayMode = _ref8.visualizationOverlayMode;
+  return function (_ref9) {
+    var InlineToolbox = _ref9.components.InlineToolbox;
     return /*#__PURE__*/_react["default"].createElement(InlineToolbox, {
       renderToolboxButton: renderInlineToolButton,
       renderAngleLabel: renderAngleLabel,
-      ContainerComponent: visualizationOverlayMode ? _InlineToolboxPortal["default"] : _react["default"].Fragment
+      ContainerComponent: visualizationOverlayMode ? _InlineToolboxPortal["default"] : ChildrenOnlyFragment
     });
   };
 };
-
-renderInlineToolButton.propTypes = {
-  positionName: _propTypes["default"].string,
-  onScalingChange: _propTypes["default"].func,
-  onRotationChange: _propTypes["default"].func,
-  onDeleteClick: _propTypes["default"].func,
-  components: _propTypes["default"].element
-};
-renderInlineToolbox.propTypes = {
-  components: _propTypes["default"].element
-};
-
-var DefaultDesigner = function DefaultDesigner(_ref9) {
-  var visualizationOverlayMode = _ref9.visualizationOverlayMode,
-      props = _objectWithoutProperties(_ref9, _excluded);
-
+var DefaultDesigner = exports.DefaultDesigner = function DefaultDesigner(_ref10) {
+  var visualizationOverlayMode = _ref10.visualizationOverlayMode,
+    props = _objectWithoutProperties(_ref10, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Designer["default"], _extends({
     renderStandardToolbox: renderStandardToolbox({
       visualizationOverlayMode: visualizationOverlayMode
     }),
     renderSelectionToolbox: function renderSelectionToolbox() {
       return null;
-    }
-    /*disable the default*/
-    ,
+    } /*disable the default*/,
     renderInlineToolbox: renderInlineToolbox({
       visualizationOverlayMode: visualizationOverlayMode
     }),
     renderRulers: (0, _configuration.getConf)('displayEditorRulers', true) ? null : _noop["default"],
     fillContainer: true
   }, props));
-};
-
-exports.DefaultDesigner = DefaultDesigner;
-DefaultDesigner.propTypes = {
-  visualizationOverlayMode: _propTypes["default"].bool.isRequired
 };