kitchen-simulator 1.1.1-test.62 → 1.1.1-test.63

package/es/catalog/properties/property-lenght-measure.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyLengthMeasure;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("./../../constants");
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _export = require("../../components/style/export");
-var _immutable = require("immutable");
-var _math = require("../../utils/math");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["hook", "label"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "./../../constants";
+import { convert } from "../../utils/convert-units-lite";
+import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
+import { Map } from 'immutable';
+import { toFixedFloat } from "../../utils/math";
+import PropertyStyle from "./shared-property-style";
 var internalTableStyle = {
   borderCollapse: 'collapse'
 };
@@ -25,7 +18,7 @@ var secondTdStyle = {
 var unitContainerStyle = {
   width: '5em'
 };
-function PropertyLengthMeasure(_ref, _ref2) {
+export default function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -36,22 +29,22 @@ function PropertyLengthMeasure(_ref, _ref2) {
   var catalog = _ref2.catalog;
   var length = value.get('length') || 0; // length in inch
   var _length = value.get('_length') || length; // length in unit
-  var _unit = value.get('_unit') || _constants.UNIT_INCH;
-  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
+  var _unit = value.get('_unit') || UNIT_INCH;
+  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
   var hook = configs.hook,
     label = configs.label,
-    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
+    configRest = _objectWithoutProperties(configs, _excluded);
   var update = function update(lengthInput, unitInput, type) {
-    var newLength = (0, _math.toFixedFloat)(lengthInput);
+    var newLength = toFixedFloat(lengthInput);
     var merged = null;
     if (type === 0) {
       merged = value.merge({
-        length: unitInput !== _constants.UNIT_INCH ? (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_INCH) : newLength,
+        length: unitInput !== UNIT_INCH ? convert(newLength).from(unitInput).to(UNIT_INCH) : newLength,
         _length: newLength
       });
     } else {
       merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
+        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
         _unit: unitInput
       });
     }
@@ -62,46 +55,46 @@ function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/React.createElement("table", {
     className: "PropertyLengthMeasure",
-    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, label)), /*#__PURE__*/_react["default"].createElement("td", {
+    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, label)), /*#__PURE__*/React.createElement("td", {
     style: secondTdStyle
-  }, /*#__PURE__*/_react["default"].createElement("table", {
+  }, /*#__PURE__*/React.createElement("table", {
     style: internalTableStyle
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, (0, _extends2["default"])({
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormNumberInput, _extends({
+    disabled: type === TALL_CABINET_LAYOUTPOS,
     value: _length,
     onChange: function onChange(event) {
       return update(event.target.value, _unit, 0);
     },
     onValid: onValid
-  }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
+  }, configRest))), /*#__PURE__*/React.createElement("td", {
     style: unitContainerStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
+  }, /*#__PURE__*/React.createElement(FormSelect, {
+    disabled: type === TALL_CABINET_LAYOUTPOS,
     value: _unit,
     onChange: function onChange(event) {
       return update(length, event.target.value, 1);
     }
-  }, _constants.UNITS_LENGTH.map(function (el) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
+  }, UNITS_LENGTH.map(function (el) {
+    return /*#__PURE__*/React.createElement("option", {
       key: el,
       value: el
     }, el);
   }))))))))));
 }
 PropertyLengthMeasure.propTypes = {
-  value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  onValid: _propTypes["default"].func,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
+  value: PropTypes.instanceOf(Map).isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onValid: PropTypes.func,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };
 PropertyLengthMeasure.contextTypes = {
-  catalog: _propTypes["default"].object.isRequired
+  catalog: PropTypes.object.isRequired
 };

package/es/catalog/properties/property-length-measure.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyLengthMeasure;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("../../constants");
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _export = require("../../components/style/export");
-var _immutable = require("immutable");
-var _math = require("../../utils/math");
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["hook", "label"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { BASE_CABINET_LAYOUTPOS, DEFAULT_FONT_FAMILY, TALL_CABINET_LAYOUTPOS, TEXT_COLOR_NEUTRAL_0, UNIT_CENTIMETER, UNIT_INCH } from "../../constants";
+import { convert } from "../../utils/convert-units-lite";
+import { FormNumberInput } from "../../components/style/export";
+import { Map } from 'immutable';
+import { toFixedFloat } from "../../utils/math";
 var styles = {
   distanceFloorWrapper: {
     display: 'flex',
@@ -26,8 +19,8 @@ var styles = {
     return {
       marginRight: 'auto',
       width: 110,
-      color: _constants.TEXT_COLOR_NEUTRAL_0,
-      fontFamily: _constants.DEFAULT_FONT_FAMILY,
+      color: TEXT_COLOR_NEUTRAL_0,
+      fontFamily: DEFAULT_FONT_FAMILY,
       fontSize: fontSize,
       fontWeight: 400,
       lineHeight: '15px',
@@ -47,7 +40,7 @@ function getFontSize() {
   }
   return 13;
 }
-function PropertyLengthMeasure(_ref, _ref2) {
+export default function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -61,25 +54,25 @@ function PropertyLengthMeasure(_ref, _ref2) {
   var length = value.get('length') || 0; // in centi
   var _length = value.get('_length') || length; // in _unit
   if (!_unit) {
-    _unit = _constants.UNIT_INCH;
-    _length = (0, _convertUnitsLite.convert)(length).from(_constants.UNIT_CENTIMETER).to(_constants.UNIT_INCH);
+    _unit = UNIT_INCH;
+    _length = convert(length).from(UNIT_CENTIMETER).to(UNIT_INCH);
   }
-  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
+  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
   var hook = configs.hook,
     label = configs.label,
-    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
+    configRest = _objectWithoutProperties(configs, _excluded);
   var update = function update(lengthInput, unitInput, type) {
-    var newLength = (0, _math.toFixedFloat)(lengthInput);
+    var newLength = toFixedFloat(lengthInput);
     var merged = null;
     if (type === 0) {
       merged = value.merge({
         _length: newLength,
         _unit: unitInput,
-        length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_CENTIMETER)
+        length: convert(newLength).from(unitInput).to(UNIT_CENTIMETER)
       });
     } else {
       merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_CENTIMETER).to(unitInput),
+        _length: convert(newLength).from(UNIT_CENTIMETER).to(unitInput),
         _unit: unitInput,
         length: newLength
       });
@@ -91,11 +84,11 @@ function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  var _React$useState = _react["default"].useState(getFontSize()),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+  var _React$useState = React.useState(getFontSize()),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
     fontSize = _React$useState2[0],
     setFontSize = _React$useState2[1];
-  _react["default"].useEffect(function () {
+  React.useEffect(function () {
     function handleResize() {
       setFontSize(getFontSize());
     }
@@ -104,13 +97,13 @@ function PropertyLengthMeasure(_ref, _ref2) {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: styles.distanceFloorWrapper
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     style: styles.distanceFloorTitle(fontSize)
-  }, label), /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, (0, _extends2["default"])({
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
-    value: (0, _convertUnitsLite.convert)(_length).from('in').to(unit),
+  }, label), /*#__PURE__*/React.createElement(FormNumberInput, _extends({
+    disabled: type === TALL_CABINET_LAYOUTPOS,
+    value: convert(_length).from('in').to(unit),
     onChange: function onChange(event) {
       return update(event.target.value, _unit, 0);
     },
@@ -122,14 +115,14 @@ function PropertyLengthMeasure(_ref, _ref2) {
   }, configRest)));
 }
 PropertyLengthMeasure.propTypes = {
-  value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  onValid: _propTypes["default"].func,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
+  value: PropTypes.instanceOf(Map).isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onValid: PropTypes.func,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };
 PropertyLengthMeasure.contextTypes = {
-  catalog: _propTypes["default"].object.isRequired
+  catalog: PropTypes.object.isRequired
 };

package/es/catalog/properties/property-length-measure_hole.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyLengthMeasureHole;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("../../constants");
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _export = require("../../components/style/export");
-var _immutable = require("immutable");
-var _math = require("../../utils/math");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["hook", "label"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "../../constants";
+import { convert } from "../../utils/convert-units-lite";
+import { FormLabel, FormNumberInput1, FormSelect } from "../../components/style/export";
+import { Map } from 'immutable';
+import { toFixedFloat } from "../../utils/math";
+import PropertyStyle from "./shared-property-style";
 var internalTableStyle = {
   borderCollapse: 'collapse'
 };
@@ -25,7 +18,7 @@ var secondTdStyle = {
 var unitContainerStyle = {
   width: '3em'
 };
-function PropertyLengthMeasureHole(_ref, _ref2) {
+export default function PropertyLengthMeasureHole(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -34,24 +27,24 @@ function PropertyLengthMeasureHole(_ref, _ref2) {
     internalState = _ref.internalState,
     state = _ref.state;
   var catalog = _ref2.catalog;
-  var _unit = value.get('_unit') || _constants.UNIT_INCH;
+  var _unit = value.get('_unit') || UNIT_INCH;
   var _length = value.get('_length') || 0;
   var length = value.get('length') || _length;
-  var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
+  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
   var hook = configs.hook,
     label = configs.label,
-    configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
+    configRest = _objectWithoutProperties(configs, _excluded);
   var update = function update(lengthInput, unitInput, type) {
-    var newLength = (0, _math.toFixedFloat)(lengthInput);
+    var newLength = toFixedFloat(lengthInput);
     var merged = null;
     if (type === 0) {
       merged = value.merge({
         _length: newLength,
-        length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to('cm')
+        length: convert(newLength).from(unitInput).to('cm')
       });
     } else {
       merged = value.merge({
-        _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
+        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
         _unit: unitInput
       });
     }
@@ -62,46 +55,46 @@ function PropertyLengthMeasureHole(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/React.createElement("table", {
     className: "PropertyLengthMeasure",
-    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, label)), /*#__PURE__*/_react["default"].createElement("td", {
+    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, label)), /*#__PURE__*/React.createElement("td", {
     style: secondTdStyle
-  }, /*#__PURE__*/_react["default"].createElement("table", {
+  }, /*#__PURE__*/React.createElement("table", {
     style: internalTableStyle
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput1, (0, _extends2["default"])({
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormNumberInput1, _extends({
+    disabled: type === TALL_CABINET_LAYOUTPOS,
     value: _length,
     onChange: function onChange(event) {
       return update(event.target.value, _unit, 0);
     },
     onValid: onValid
-  }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
+  }, configRest))), /*#__PURE__*/React.createElement("td", {
     style: unitContainerStyle
-  }, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
-    disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
+  }, /*#__PURE__*/React.createElement(FormSelect, {
+    disabled: type === TALL_CABINET_LAYOUTPOS,
     value: _unit,
     onChange: function onChange(event) {
       return update(length, event.target.value, 1);
     }
-  }, _constants.UNITS_LENGTH.map(function (el) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
+  }, UNITS_LENGTH.map(function (el) {
+    return /*#__PURE__*/React.createElement("option", {
       key: el,
       value: el
     }, el);
   }))))))))));
 }
 PropertyLengthMeasureHole.propTypes = {
-  value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  onValid: _propTypes["default"].func,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
+  value: PropTypes.instanceOf(Map).isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onValid: PropTypes.func,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };
 PropertyLengthMeasureHole.contextTypes = {
-  catalog: _propTypes["default"].object.isRequired
+  catalog: PropTypes.object.isRequired
 };

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

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyNumber;
-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 PropertyNumber(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormLabel, FormNumberInput } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+export default function PropertyNumber(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     onValid = _ref.onValid,
@@ -29,12 +22,12 @@ function PropertyNumber(_ref) {
     }
     return onUpdate(number);
   };
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/React.createElement("table", {
     className: "PropertyNumber",
-    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.FormNumberInput, {
+    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(FormNumberInput, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);
@@ -45,11 +38,11 @@ function PropertyNumber(_ref) {
   })))));
 }
 PropertyNumber.propTypes = {
-  value: _propTypes["default"].any.isRequired,
-  onUpdate: _propTypes["default"].func.isRequired,
-  onValid: _propTypes["default"].func,
-  configs: _propTypes["default"].object.isRequired,
-  sourceElement: _propTypes["default"].object,
-  internalState: _propTypes["default"].object,
-  state: _propTypes["default"].object.isRequired
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onValid: PropTypes.func,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };

package/es/catalog/properties/property-read-only.js

@@ -1,33 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyReadOnly;
-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 PropertyReadOnly(_ref) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormLabel } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+export default function PropertyReadOnly(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
     sourceElement = _ref.sourceElement,
     internalState = _ref.internalState,
     state = _ref.state;
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/React.createElement("table", {
     className: "PropertyReadOnly",
-    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("div", null, value)))));
+    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("div", null, value)))));
 }
 PropertyReadOnly.propTypes = {
-  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
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };

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

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PropertyString;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _export = require("../../components/style/export");
-var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormLabel, FormTextInput } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
 var tableStyle = {
   width: '100%',
   borderSpacing: '2px 0',
@@ -18,7 +11,7 @@ var firstTdStyle = {
   width: '6em',
   textTransform: 'capitalize'
 };
-function PropertyString(_ref) {
+export default function PropertyString(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
     configs = _ref.configs,
@@ -33,12 +26,12 @@ function PropertyString(_ref) {
     }
     return onUpdate(val);
   };
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/React.createElement("table", {
     className: "PropertyString",
-    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.FormTextInput, {
+    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(FormTextInput, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);
@@ -46,10 +39,10 @@ function PropertyString(_ref) {
   })))));
 }
 PropertyString.propTypes = {
-  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
+  value: PropTypes.any.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  configs: PropTypes.object.isRequired,
+  sourceElement: PropTypes.object,
+  internalState: PropTypes.object,
+  state: PropTypes.object.isRequired
 };