kitchen-simulator 1.1.1-test.71 → 1.1.1-test.72

package/es/catalog/holes/export.js

@@ -1,13 +1,29 @@
-export { default as doorCloset } from "./door-closet/planner-element.js";
-export { default as doorDouble } from "./door-double/planner-element.js";
-export { default as doorExterior } from "./door-exterior/planner-element.js";
-export { default as doorInterior } from "./door-interior/planner-element.js";
-export { default as doorPanic } from "./door-panic/planner-element.js";
-export { default as doorPanicDouble } from "./door-panic-double/planner-element.js";
-export { default as doorSliding } from "./door-sliding/planner-element.js";
-export { default as doorwayFramed } from "./doorway-framed/planner-element.js";
-export { default as doorwayFrameless } from "./doorway-frameless/planner-element.js";
-export { default as windowClear } from "./window-clear/planner-element.js";
-export { default as windowCross } from "./window-cross/planner-element.js";
-export { default as windowDoubleHung } from "./window-double-hung/planner-element.js";
-export { default as windowVertical } from "./window-vertical/planner-element.js";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports.windowVertical = exports.windowDoubleHung = exports.windowCross = exports.windowClear = exports.doorwayFrameless = exports.doorwayFramed = exports.doorSliding = exports.doorPanicDouble = exports.doorPanic = exports.doorInterior = exports.doorExterior = exports.doorDouble = exports.doorCloset = void 0;
+var _plannerElement = _interopRequireDefault(require("./door-closet/planner-element.js"));
+exports.doorCloset = _plannerElement["default"];
+var _plannerElement2 = _interopRequireDefault(require("./door-double/planner-element.js"));
+exports.doorDouble = _plannerElement2["default"];
+var _plannerElement3 = _interopRequireDefault(require("./door-exterior/planner-element.js"));
+exports.doorExterior = _plannerElement3["default"];
+var _plannerElement4 = _interopRequireDefault(require("./door-interior/planner-element.js"));
+exports.doorInterior = _plannerElement4["default"];
+var _plannerElement5 = _interopRequireDefault(require("./door-panic/planner-element.js"));
+exports.doorPanic = _plannerElement5["default"];
+var _plannerElement6 = _interopRequireDefault(require("./door-panic-double/planner-element.js"));
+exports.doorPanicDouble = _plannerElement6["default"];
+var _plannerElement7 = _interopRequireDefault(require("./door-sliding/planner-element.js"));
+exports.doorSliding = _plannerElement7["default"];
+var _plannerElement8 = _interopRequireDefault(require("./doorway-framed/planner-element.js"));
+exports.doorwayFramed = _plannerElement8["default"];
+var _plannerElement9 = _interopRequireDefault(require("./doorway-frameless/planner-element.js"));
+exports.doorwayFrameless = _plannerElement9["default"];
+var _plannerElement0 = _interopRequireDefault(require("./window-clear/planner-element.js"));
+exports.windowClear = _plannerElement0["default"];
+var _plannerElement1 = _interopRequireDefault(require("./window-cross/planner-element.js"));
+exports.windowCross = _plannerElement1["default"];
+var _plannerElement10 = _interopRequireDefault(require("./window-double-hung/planner-element.js"));
+exports.windowDoubleHung = _plannerElement10["default"];
+var _plannerElement11 = _interopRequireDefault(require("./window-vertical/planner-element.js"));
+exports.windowVertical = _plannerElement11["default"];

package/es/catalog/holes/window-clear/planner-element.js

@@ -1,9 +1,13 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF, scaleObject } from "../../utils/load-obj";
-import { OBJTYPE_MESH } from "../../../constants";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
+var _constants = require("../../../constants");
 var cached3DWindow = null;
-export default {
+var _default = exports["default"] = {
   name: 'Window',
   prototype: 'holes',
   info: {
@@ -112,9 +116,9 @@ export default {
     var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
-    return /*#__PURE__*/React.createElement("g", {
+    return /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-length / 2, ", 0)")
-    }, /*#__PURE__*/React.createElement("rect", {
+    }, /*#__PURE__*/_react["default"].createElement("rect", {
       style: rectStyle,
       x: "0",
       y: -lineWidth / 2,
@@ -127,7 +131,7 @@ export default {
       var width = element.properties.get('width').get('length');
       var height = element.properties.get('height').get('length');
       var thickness = element.properties.get('thickness').get('length');
-      scaleObject(object, [90, 100, 6], [width, height, thickness]);
+      (0, _loadObj.scaleObject)(object, [90, 100, 6], [width, height, thickness]);
       if (element.selected) {
         var box = new Three.BoxHelper(object, 0x99c3fb);
         box.material.linewidth = 2;
@@ -148,7 +152,7 @@ export default {
       // mat2.envMap = textureCube;
 
       for (var j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
+        if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
         }
@@ -158,7 +162,7 @@ export default {
     if (cached3DWindow) {
       return Promise.resolve(onLoadItem(cached3DWindow.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DWindow = object;
       return onLoadItem(cached3DWindow.clone());
     });

package/es/catalog/holes/window-cross/planner-element.js

@@ -1,9 +1,13 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF, scaleObject } from "../../utils/load-obj";
-import { OBJTYPE_MESH } from "../../../constants";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
+var _constants = require("../../../constants");
 var cached3DWindow = null;
-export default {
+var _default = exports["default"] = {
   name: 'Cross Window',
   prototype: 'holes',
   info: {
@@ -111,9 +115,9 @@ export default {
     var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
-    return /*#__PURE__*/React.createElement("g", {
+    return /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-length / 2, ", 0)")
-    }, /*#__PURE__*/React.createElement("rect", {
+    }, /*#__PURE__*/_react["default"].createElement("rect", {
       style: rectStyle,
       x: "0",
       y: -lineWidth / 2,
@@ -126,7 +130,7 @@ export default {
       var width = element.properties.get('width').get('length');
       var height = element.properties.get('height').get('length');
       var thickness = element.properties.get('thickness').get('length');
-      scaleObject(object, [90, 100, 6], [width, height, thickness]);
+      (0, _loadObj.scaleObject)(object, [90, 100, 6], [width, height, thickness]);
       if (element.selected) {
         var box = new Three.BoxHelper(object, 0x99c3fb);
         box.material.linewidth = 2;
@@ -147,7 +151,7 @@ export default {
       // mat2.envMap = textureCube;
 
       for (var j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
+        if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
         }
@@ -157,7 +161,7 @@ export default {
     if (cached3DWindow) {
       return Promise.resolve(onLoadItem(cached3DWindow.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DWindow = object;
       return onLoadItem(cached3DWindow.clone());
     });

package/es/catalog/holes/window-double-hung/planner-element.js

@@ -1,9 +1,13 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF, scaleObject } from "../../utils/load-obj";
-import { OBJTYPE_MESH } from "../../../constants";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
+var _constants = require("../../../constants");
 var cached3DWindow = null;
-export default {
+var _default = exports["default"] = {
   name: 'Double Hung Window',
   prototype: 'holes',
   info: {
@@ -119,9 +123,9 @@ export default {
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
     // if(flip == false) {
-    return /*#__PURE__*/React.createElement("g", {
+    return /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-length / 2, ", 0)")
-    }, /*#__PURE__*/React.createElement("rect", {
+    }, /*#__PURE__*/_react["default"].createElement("rect", {
       style: rectStyle,
       x: "0",
       y: -lineWidth / 2,
@@ -147,7 +151,7 @@ export default {
       var width = element.properties.get('width').get('length');
       var height = element.properties.get('height').get('length');
       var thickness = element.properties.get('thickness').get('length');
-      scaleObject(object, [90, 100, 6], [width, height, thickness]);
+      (0, _loadObj.scaleObject)(object, [90, 100, 6], [width, height, thickness]);
       if (element.selected) {
         var box = new Three.BoxHelper(object, 0x99c3fb);
         box.material.linewidth = 2;
@@ -168,7 +172,7 @@ export default {
       // mat2.envMap = textureCube;
 
       for (var j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
+        if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
         }
@@ -181,7 +185,7 @@ export default {
     if (cached3DWindow) {
       return Promise.resolve(onLoadItem(cached3DWindow.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DWindow = object;
       return onLoadItem(cached3DWindow.clone());
     });

package/es/catalog/holes/window-vertical/planner-element.js

@@ -1,7 +1,11 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF, scaleObject } from "../../utils/load-obj";
-import { OBJTYPE_MESH } from "../../../constants";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
+var _constants = require("../../../constants");
 var cached3DWindow = null;
 var STYLE_HOLE_BASE = {
   stroke: '#000',
@@ -15,7 +19,7 @@ var STYLE_HOLE_SELECTED = {
   cursor: 'move'
 };
 var EPSILON = 3;
-export default {
+var _default = exports["default"] = {
   name: 'window-vertical',
   prototype: 'holes',
   info: {
@@ -125,9 +129,9 @@ export default {
     var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
-    return /*#__PURE__*/React.createElement("g", {
+    return /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-length / 2, ", 0)")
-    }, /*#__PURE__*/React.createElement("rect", {
+    }, /*#__PURE__*/_react["default"].createElement("rect", {
       style: rectStyle,
       x: "0",
       y: -lineWidth / 2,
@@ -140,7 +144,7 @@ export default {
       var width = element.properties.get('width').get('length');
       var height = element.properties.get('height').get('length');
       var thickness = element.properties.get('thickness').get('length');
-      scaleObject(object, [90, 100, 6], [width, height, thickness]);
+      (0, _loadObj.scaleObject)(object, [90, 100, 6], [width, height, thickness]);
       if (element.selected) {
         var box = new Three.BoxHelper(object, 0x99c3fb);
         box.material.linewidth = 2;
@@ -161,7 +165,7 @@ export default {
       // mat2.envMap = textureCube;
 
       for (var j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
+        if (object.children[j].type === _constants.OBJTYPE_MESH) {
           if (object.children[j].name.includes('_glass')) object.children[j].scale.z /= 2;
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
@@ -172,7 +176,7 @@ export default {
     if (cached3DWindow) {
       return Promise.resolve(onLoadItem(cached3DWindow.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DWindow = object;
       return onLoadItem(cached3DWindow.clone());
     });

package/es/catalog/lines/wall/planner-element.js

@@ -1,4 +1,7 @@
-import ElementsFactories from "../../factories/export";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _export = _interopRequireDefault(require("../../factories/export"));
 var textureUrl = function textureUrl(file) {
   return new URL("./textures/".concat(file), import.meta.url).href;
 };
@@ -70,4 +73,4 @@ var textures = {
     }
   }
 };
-export default ElementsFactories.WallFactory('wall', info, textures);
+var _default = exports["default"] = _export["default"].WallFactory('wall', info, textures);

package/es/catalog/molding/molding-dcm/planner-element.js

@@ -1,8 +1,12 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
 var cached3DMolding = null;
-export default {
+var _default = exports["default"] = {
   name: 'Dcm',
   prototype: 'molding',
   info: {
@@ -20,7 +24,7 @@ export default {
     if (cached3DMolding) {
       return Promise.resolve(onLoadItem(cached3DMolding.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DMolding = object;
       return onLoadItem(cached3DMolding.clone());
     });

package/es/catalog/molding/molding-fbm/planner-element.js

@@ -1,8 +1,12 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
 var cached3DMolding = null;
-export default {
+var _default = exports["default"] = {
   name: 'Fbm',
   prototype: 'molding',
   info: {
@@ -20,7 +24,7 @@ export default {
     if (cached3DMolding) {
       return Promise.resolve(onLoadItem(cached3DMolding.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DMolding = object;
       return onLoadItem(cached3DMolding.clone());
     });

package/es/catalog/molding/molding-lrm/planner-element.js

@@ -1,8 +1,12 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
 var cached3DMolding = null;
-export default {
+var _default = exports["default"] = {
   name: 'Lrm',
   prototype: 'molding',
   info: {
@@ -20,7 +24,7 @@ export default {
     if (cached3DMolding) {
       return Promise.resolve(onLoadItem(cached3DMolding.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DMolding = object;
       return onLoadItem(cached3DMolding.clone());
     });

package/es/catalog/properties/export.js

@@ -1,21 +1,32 @@
-import PropertyColor from "./property-color";
-import PropertyEnum from "./property-enum";
-import PropertyString from "./property-string";
-import PropertyNumber from "./property-number";
-import PropertyLengthMeasure from "./property-length-measure";
-import PropertyToggle from "./property-toggle";
-import PropertyCheckbox from "./property-checkbox";
-import PropertyHidden from "./property-hidden";
-import PropertyReadOnly from "./property-read-only";
-export { PropertyColor, PropertyEnum, PropertyString, PropertyNumber, PropertyLengthMeasure, PropertyToggle, PropertyCheckbox, PropertyHidden, PropertyReadOnly };
-export default {
-  PropertyColor: PropertyColor,
-  PropertyEnum: PropertyEnum,
-  PropertyString: PropertyString,
-  PropertyNumber: PropertyNumber,
-  PropertyLengthMeasure: PropertyLengthMeasure,
-  PropertyToggle: PropertyToggle,
-  PropertyCheckbox: PropertyCheckbox,
-  PropertyHidden: PropertyHidden,
-  PropertyReadOnly: PropertyReadOnly
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _propertyColor = _interopRequireDefault(require("./property-color"));
+exports.PropertyColor = _propertyColor["default"];
+var _propertyEnum = _interopRequireDefault(require("./property-enum"));
+exports.PropertyEnum = _propertyEnum["default"];
+var _propertyString = _interopRequireDefault(require("./property-string"));
+exports.PropertyString = _propertyString["default"];
+var _propertyNumber = _interopRequireDefault(require("./property-number"));
+exports.PropertyNumber = _propertyNumber["default"];
+var _propertyLengthMeasure = _interopRequireDefault(require("./property-length-measure"));
+exports.PropertyLengthMeasure = _propertyLengthMeasure["default"];
+var _propertyToggle = _interopRequireDefault(require("./property-toggle"));
+exports.PropertyToggle = _propertyToggle["default"];
+var _propertyCheckbox = _interopRequireDefault(require("./property-checkbox"));
+exports.PropertyCheckbox = _propertyCheckbox["default"];
+var _propertyHidden = _interopRequireDefault(require("./property-hidden"));
+exports.PropertyHidden = _propertyHidden["default"];
+var _propertyReadOnly = _interopRequireDefault(require("./property-read-only"));
+exports.PropertyReadOnly = _propertyReadOnly["default"];
+var _default = exports["default"] = {
+  PropertyColor: _propertyColor["default"],
+  PropertyEnum: _propertyEnum["default"],
+  PropertyString: _propertyString["default"],
+  PropertyNumber: _propertyNumber["default"],
+  PropertyLengthMeasure: _propertyLengthMeasure["default"],
+  PropertyToggle: _propertyToggle["default"],
+  PropertyCheckbox: _propertyCheckbox["default"],
+  PropertyHidden: _propertyHidden["default"],
+  PropertyReadOnly: _propertyReadOnly["default"]
 };

package/es/catalog/properties/property-checkbox.js

@@ -1,9 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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; }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = PropertyCheckbox;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _constants = require("../../constants");
 var styles = {
   flipWrapper: {
     display: 'flex',
@@ -13,8 +14,8 @@ var styles = {
   },
   flipTitle: {
     marginRight: 'auto',
-    color: SECONDARY_PURPLE_COLOR,
-    fontFamily: DEFAULT_FONT_FAMILY,
+    color: _constants.SECONDARY_PURPLE_COLOR,
+    fontFamily: _constants.DEFAULT_FONT_FAMILY,
     fontSize: 16,
     fontWeight: 600,
     lineHeight: '18px',
@@ -22,8 +23,8 @@ var styles = {
   },
   flipDescription: {
     marginRight: 'auto',
-    color: TEXT_COLOR_NEUTRAL_0,
-    fontFamily: DEFAULT_FONT_FAMILY,
+    color: _constants.TEXT_COLOR_NEUTRAL_0,
+    fontFamily: _constants.DEFAULT_FONT_FAMILY,
     fontSize: 13,
     fontWeight: 400,
     lineHeight: '18px',
@@ -52,7 +53,7 @@ var styles = {
     borderRadius: '50%'
   }
 };
-export default function PropertyCheckbox(_ref) {
+function PropertyCheckbox(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -72,42 +73,42 @@ export default function PropertyCheckbox(_ref) {
   } : {
     right: 0
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.flipWrapper
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.flipInfoWrapper
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     style: styles.flipTitle
-  }, configs.label), configs.description && /*#__PURE__*/React.createElement("span", {
+  }, configs.label), configs.description && /*#__PURE__*/_react["default"].createElement("span", {
     style: styles.flipDescription
-  }, configs.description)), /*#__PURE__*/React.createElement("div", {
-    style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
+  }, configs.description)), /*#__PURE__*/_react["default"].createElement("div", {
+    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, styles.flipToggle), {}, {
       color: 'black'
     }),
     onClick: function onClick(e) {
       return update(!value);
     }
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
     src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
     style: {
       width: '55px',
       height: '30px'
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
-  }, /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, styles.flipToggleIcon), activeStyle)
+  }, /*#__PURE__*/_react["default"].createElement("img", {
     src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
-    style: _objectSpread({
+    style: (0, _objectSpread2["default"])({
       width: '30px',
       height: '30px'
     }, styles.flipToggleIconImg)
   }))));
 }
 PropertyCheckbox.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
+  value: _propTypes["default"].any.isRequired,
+  onUpdate: _propTypes["default"].func.isRequired,
+  configs: _propTypes["default"].object.isRequired,
+  sourceElement: _propTypes["default"].object,
+  internalState: _propTypes["default"].object,
+  state: _propTypes["default"].object.isRequired
 };

package/es/catalog/properties/property-color.js

@@ -1,8 +1,11 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormLabel, FormColorInput } from "../../components/style/export";
-import PropertyStyle from "./shared-property-style";
-export default function PropertyColor(_ref) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = PropertyColor;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _export = require("../../components/style/export");
+var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
+function PropertyColor(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -17,12 +20,12 @@ export default function PropertyColor(_ref) {
     }
     return onUpdate(val);
   };
-  return /*#__PURE__*/React.createElement("table", {
+  return /*#__PURE__*/_react["default"].createElement("table", {
     className: "PropertyColor",
-    style: PropertyStyle.tableStyle
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    style: PropertyStyle.firstTdStyle
-  }, /*#__PURE__*/React.createElement(FormLabel, null, configs.label)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormColorInput, {
+    style: _sharedPropertyStyle["default"].tableStyle
+  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
+    style: _sharedPropertyStyle["default"].firstTdStyle
+  }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormColorInput, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);
@@ -30,10 +33,10 @@ export default function PropertyColor(_ref) {
   })))));
 }
 PropertyColor.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
+  value: _propTypes["default"].any.isRequired,
+  onUpdate: _propTypes["default"].func.isRequired,
+  configs: _propTypes["default"].object.isRequired,
+  sourceElement: _propTypes["default"].object,
+  internalState: _propTypes["default"].object,
+  state: _propTypes["default"].object.isRequired
 };