@configuratorware/configurator-admingui 1.31.0 → 1.31.3

package/Screens/ColorPalettes/Components/DefaultColorSwitch.js

@@ -72,7 +72,11 @@ var DefaultColorSwitch = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "onToggle", function (e) {
-      _this.props.setDefaultColor(_this.props.isDefaultColor ? null : _this.props.color);
+      var colorId = (0, _get["default"])(_this.props.color, 'id', null);
+
+      if (colorId) {
+        _this.props.setDefaultColor(_this.props.isDefaultColor ? null : _this.props.color);
+      }
     });
 
     return _this;
@@ -82,15 +86,21 @@ var DefaultColorSwitch = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var classes = this.props.classes;
-      return /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
-        classes: {
-          switchBase: classes.switchBase
-        },
-        checked: this.props.isDefaultColor,
-        onClick: this.onToggle,
-        name: "isDefaultColor",
-        color: "primary"
-      });
+      var colorId = (0, _get["default"])(this.props.color, 'id', null);
+
+      if (colorId) {
+        return /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+          classes: {
+            switchBase: classes.switchBase
+          },
+          checked: this.props.isDefaultColor,
+          onClick: this.onToggle,
+          name: "isDefaultColor",
+          color: "primary"
+        });
+      }
+
+      return null;
     }
   }]);
 
@@ -109,7 +119,7 @@ var mapStateToProps = function mapStateToProps(state, ownProps) {
   var colorId = (0, _get["default"])(ownProps.color, 'id', null);
   var defaultColorId = (0, _get["default"])(state, "".concat(_Actions.COLORPALETTES_REDUCER_NAME, ".data.defaultColor.value.id"), null);
   return {
-    isDefaultColor: colorId === defaultColorId
+    isDefaultColor: colorId === defaultColorId && colorId !== null && defaultColorId !== null
   };
 };
 

package/Screens/Designer/SubScreens/Visualization/Containers/List.js

@@ -164,7 +164,7 @@ var VisualizationSettings = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(VisualizationSettings, "propTypes", {
   loadDetails: _propTypes["default"].func.isRequired,
-  steState: _propTypes["default"].func.isRequired,
+  setState: _propTypes["default"].func.isRequired,
   onDeleteItems: _propTypes["default"].func.isRequired
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@configuratorware/configurator-admingui",
-  "version": "1.31.0",
+  "version": "1.31.3",
   "license": "UNLICENSED",
   "private": false,
   "dependencies": {
@@ -29,7 +29,7 @@
     "react-redux-i18n": "^1.9.3",
     "react-router": "^3.2.6",
     "react-sortable-hoc": "^1.11.0",
-    "redhotmagma-visualization": "1.31.0",
+    "redhotmagma-visualization": "1.31.3",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",

package/src/Screens/ColorPalettes/Components/DefaultColorSwitch.js

@@ -20,20 +20,27 @@ export class DefaultColorSwitch extends Component {
     };
 
     onToggle = e => {
-        this.props.setDefaultColor(this.props.isDefaultColor ? null : this.props.color);
+        const colorId = get(this.props.color, 'id', null);
+        if (colorId) {
+            this.props.setDefaultColor(this.props.isDefaultColor ? null : this.props.color);
+        }
     };
 
     render() {
         const { classes } = this.props;
-        return (
-            <Switch
-                classes={{ switchBase: classes.switchBase }}
-                checked={this.props.isDefaultColor}
-                onClick={this.onToggle}
-                name="isDefaultColor"
-                color="primary"
-            />
-        );
+        const colorId = get(this.props.color, 'id', null);
+        if (colorId) {
+            return (
+                <Switch
+                    classes={{ switchBase: classes.switchBase }}
+                    checked={this.props.isDefaultColor}
+                    onClick={this.onToggle}
+                    name="isDefaultColor"
+                    color="primary"
+                />
+            );
+        }
+        return null;
     }
 }
 
@@ -42,7 +49,7 @@ const mapStateToProps = (state, ownProps) => {
     const defaultColorId = get(state, `${COLORPALETTES_REDUCER_NAME}.data.defaultColor.value.id`, null);
 
     return {
-        isDefaultColor: colorId === defaultColorId,
+        isDefaultColor: colorId === defaultColorId && colorId !== null && defaultColorId !== null,
     };
 };
 

package/src/Screens/Designer/SubScreens/Visualization/Containers/List.js

@@ -16,7 +16,7 @@ import { DESIGNER_REDUCER_NAME } from '../../../Reducers/Actions';
 class VisualizationSettings extends React.Component {
     static propTypes = {
         loadDetails: PropTypes.func.isRequired,
-        steState: PropTypes.func.isRequired,
+        setState: PropTypes.func.isRequired,
         onDeleteItems: PropTypes.func.isRequired,
     };