kitchen-simulator 4.1.6-react-18 → 5.0.0-react.18

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

@@ -0,0 +1,96 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/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'
+};
+var secondTdStyle = {
+  padding: 0
+};
+var unitContainerStyle = {
+  width: '3em'
+};
+export default function PropertyLengthMeasureHole(_ref) {
+  var value = _ref.value,
+    onUpdate = _ref.onUpdate,
+    onValid = _ref.onValid,
+    configs = _ref.configs,
+    sourceElement = _ref.sourceElement,
+    internalState = _ref.internalState,
+    state = _ref.state;
+  var _unit = value.get('_unit') || UNIT_INCH;
+  var _length = value.get('_length') || 0;
+  var length = value.get('length') || _length;
+  var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
+  var hook = configs.hook,
+    label = configs.label,
+    configRest = _objectWithoutProperties(configs, _excluded);
+  var update = function update(lengthInput, unitInput, type) {
+    var newLength = toFixedFloat(lengthInput);
+    var merged = null;
+    if (type === 0) {
+      merged = value.merge({
+        _length: newLength,
+        length: convert(newLength).from(unitInput).to('cm')
+      });
+    } else {
+      merged = value.merge({
+        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
+        _unit: unitInput
+      });
+    }
+    if (hook) {
+      return hook(merged, sourceElement, internalState, state).then(function (val) {
+        return onUpdate(val);
+      });
+    }
+    return onUpdate(merged);
+  };
+  return /*#__PURE__*/React.createElement("table", {
+    className: "PropertyLengthMeasure",
+    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.createElement("table", {
+    style: internalTableStyle
+  }, /*#__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.createElement("td", {
+    style: unitContainerStyle
+  }, /*#__PURE__*/React.createElement(FormSelect, {
+    disabled: type === TALL_CABINET_LAYOUTPOS,
+    value: _unit,
+    onChange: function onChange(event) {
+      return update(length, event.target.value, 1);
+    }
+  }, UNITS_LENGTH.map(function (el) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: el,
+      value: el
+    }, el);
+  }))))))))));
+}
+PropertyLengthMeasureHole.propTypes = {
+  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
+};

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

@@ -0,0 +1,48 @@
+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,
+    configs = _ref.configs,
+    sourceElement = _ref.sourceElement,
+    internalState = _ref.internalState,
+    state = _ref.state;
+  var update = function update(val) {
+    var number = parseFloat(val);
+    if (isNaN(number)) {
+      number = 0;
+    }
+    if (configs.hook) {
+      return configs.hook(number, sourceElement, internalState, state).then(function (_val) {
+        return onUpdate(_val);
+      });
+    }
+    return onUpdate(number);
+  };
+  return /*#__PURE__*/React.createElement("table", {
+    className: "PropertyNumber",
+    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);
+    },
+    onValid: onValid,
+    min: configs.min,
+    max: configs.max
+  })))));
+}
+PropertyNumber.propTypes = {
+  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

@@ -0,0 +1,26 @@
+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.createElement("table", {
+    className: "PropertyReadOnly",
+    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.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

@@ -0,0 +1,48 @@
+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',
+  marginBottom: '2px'
+};
+var firstTdStyle = {
+  width: '6em',
+  textTransform: 'capitalize'
+};
+export default function PropertyString(_ref) {
+  var value = _ref.value,
+    onUpdate = _ref.onUpdate,
+    configs = _ref.configs,
+    sourceElement = _ref.sourceElement,
+    internalState = _ref.internalState,
+    state = _ref.state;
+  var update = function update(val) {
+    if (configs.hook) {
+      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
+        return onUpdate(_val);
+      });
+    }
+    return onUpdate(val);
+  };
+  return /*#__PURE__*/React.createElement("table", {
+    className: "PropertyString",
+    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);
+    }
+  })))));
+}
+PropertyString.propTypes = {
+  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-toggle.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormLabel, Button } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+export default function PropertyToggle(_ref) {
+  var value = _ref.value,
+    onUpdate = _ref.onUpdate,
+    configs = _ref.configs,
+    sourceElement = _ref.sourceElement,
+    internalState = _ref.internalState,
+    state = _ref.state;
+  var update = function update(val) {
+    if (configs.hook) {
+      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
+        return onUpdate(_val);
+      });
+    }
+    return onUpdate(val);
+  };
+  return /*#__PURE__*/React.createElement("table", {
+    className: "PropertyToggle",
+    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(Button, {
+    onClick: function onClick(e) {
+      return update(!value);
+    },
+    size: "small"
+  }, configs.actionName)))));
+}
+PropertyToggle.propTypes = {
+  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/shared-property-style.js

@@ -0,0 +1,14 @@
+var tableStyle = {
+  width: '100%',
+  borderSpacing: '2px 0',
+  marginBottom: '2px'
+};
+var firstTdStyle = {
+  width: '6em',
+  textTransform: 'capitalize'
+};
+var PropertyStyle = {
+  tableStyle: tableStyle,
+  firstTdStyle: firstTdStyle
+};
+export default PropertyStyle;

package/es/catalog/utils/exporter.js

@@ -20,9 +20,18 @@ export default function (_ref) {
     alti = _ref.alti,
     obj_property = _ref.obj_property,
     outlineSVGData = _ref.outlineSVGData,
-    cds = _ref.cds;
+    cds = _ref.cds,
+    _ref$width_unit = _ref.width_unit,
+    width_unit = _ref$width_unit === void 0 ? 'in' : _ref$width_unit,
+    _ref$height_unit = _ref.height_unit,
+    height_unit = _ref$height_unit === void 0 ? 'in' : _ref$height_unit,
+    _ref$length_unit = _ref.length_unit,
+    length_unit = _ref$length_unit === void 0 ? 'in' : _ref$length_unit;
+  var widthUnit = width_unit === 'inch' ? 'in' : width_unit;
+  var heightUnit = height_unit === 'inch' ? 'in' : height_unit;
+  var lengthUnit = length_unit === 'inch' ? 'in' : length_unit;
   var _length = alti || 0;
-  var length = convert(_length).from('in').to('cm');
+  var length = convert(_length).from(lengthUnit).to('cm');
   // const length = _length;
 
   var additional_props = [];
@@ -33,8 +42,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.width,
-          _unit: 'in',
-          length: convert(sizeinfo.width).from('in').to('cm')
+          _unit: widthUnit,
+          length: convert(sizeinfo.width).from(widthUnit).to('cm')
         }
       }
     };
@@ -46,8 +55,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.width,
-          _unit: 'in',
-          length: convert(sizeinfo.width).from('in').to('cm')
+          _unit: widthUnit,
+          length: convert(sizeinfo.width).from(widthUnit).to('cm')
         }
       },
       depth: {
@@ -55,8 +64,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.depth,
-          _unit: 'in',
-          length: convert(sizeinfo.depth).from('in').to('cm')
+          _unit: lengthUnit,
+          length: convert(sizeinfo.depth).from(lengthUnit).to('cm')
         }
       },
       height: {
@@ -64,8 +73,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.height,
-          _unit: 'in',
-          length: convert(sizeinfo.height).from('in').to('cm')
+          _unit: heightUnit,
+          length: convert(sizeinfo.height).from(heightUnit).to('cm')
         }
       }
     };
@@ -97,7 +106,7 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: _length,
-          _unit: 'in',
+          _unit: lengthUnit,
           length: length
         }
       },
@@ -137,6 +146,10 @@ export default function (_ref) {
     img: base,
     obj: obj_property,
     cds: cds,
+    structure_json: structure_json,
+    width_unit: widthUnit,
+    length_unit: lengthUnit,
+    height_unit: heightUnit,
     render2D: function render2D(element, layer, scene) {
       return render2DItem.call(this, element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg);
     },