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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (188) hide show
  1. package/es/@history.js +5 -2
  2. package/es/AppContext.js +6 -3
  3. package/es/KitchenConfigurator.js +86 -87
  4. package/es/KitchenConfiguratorApp.js +128 -135
  5. package/es/actions/area-actions.js +8 -5
  6. package/es/actions/export.js +24 -12
  7. package/es/actions/groups-actions.js +41 -27
  8. package/es/actions/holes-actions.js +51 -34
  9. package/es/actions/items-actions.js +141 -94
  10. package/es/actions/lines-actions.js +32 -21
  11. package/es/actions/project-actions.js +141 -94
  12. package/es/actions/scene-actions.js +17 -11
  13. package/es/actions/vertices-actions.js +11 -7
  14. package/es/actions/viewer2d-actions.js +32 -21
  15. package/es/actions/viewer3d-actions.js +14 -9
  16. package/es/catalog/areas/area/planner-element.js +5 -2
  17. package/es/catalog/catalog.js +17 -15
  18. package/es/catalog/factories/area-factory-3d.js +26 -22
  19. package/es/catalog/factories/area-factory.js +15 -13
  20. package/es/catalog/factories/export.js +10 -6
  21. package/es/catalog/factories/wall-factory-3d.js +36 -31
  22. package/es/catalog/factories/wall-factory.js +26 -21
  23. package/es/catalog/holes/door-closet/planner-element.js +19 -15
  24. package/es/catalog/holes/door-double/planner-element.js +19 -15
  25. package/es/catalog/holes/door-exterior/planner-element.js +20 -16
  26. package/es/catalog/holes/door-interior/planner-element.js +20 -16
  27. package/es/catalog/holes/door-panic/planner-element.js +11 -7
  28. package/es/catalog/holes/door-panic-double/planner-element.js +19 -15
  29. package/es/catalog/holes/door-sliding/planner-element.js +21 -17
  30. package/es/catalog/holes/doorway-framed/planner-element.js +15 -11
  31. package/es/catalog/holes/doorway-frameless/planner-element.js +11 -7
  32. package/es/catalog/holes/export.js +29 -13
  33. package/es/catalog/holes/window-clear/planner-element.js +14 -10
  34. package/es/catalog/holes/window-cross/planner-element.js +14 -10
  35. package/es/catalog/holes/window-double-hung/planner-element.js +14 -10
  36. package/es/catalog/holes/window-vertical/planner-element.js +14 -10
  37. package/es/catalog/lines/wall/planner-element.js +5 -2
  38. package/es/catalog/molding/molding-dcm/planner-element.js +9 -5
  39. package/es/catalog/molding/molding-fbm/planner-element.js +9 -5
  40. package/es/catalog/molding/molding-lrm/planner-element.js +9 -5
  41. package/es/catalog/properties/export.js +31 -20
  42. package/es/catalog/properties/property-checkbox.js +29 -28
  43. package/es/catalog/properties/property-color.js +19 -16
  44. package/es/catalog/properties/property-enum.js +27 -24
  45. package/es/catalog/properties/property-hidden.js +12 -9
  46. package/es/catalog/properties/property-lenght-measure.js +41 -38
  47. package/es/catalog/properties/property-length-measure.js +39 -36
  48. package/es/catalog/properties/property-length-measure_hole.js +41 -38
  49. package/es/catalog/properties/property-number.js +20 -17
  50. package/es/catalog/properties/property-read-only.js +19 -16
  51. package/es/catalog/properties/property-string.js +19 -16
  52. package/es/catalog/properties/property-toggle.js +19 -16
  53. package/es/catalog/properties/shared-property-style.js +3 -1
  54. package/es/catalog/utils/FuseUtils.js +13 -12
  55. package/es/catalog/utils/exporter.js +11 -10
  56. package/es/catalog/utils/geom-utils.js +24 -13
  57. package/es/catalog/utils/item-loader.js +92 -86
  58. package/es/catalog/utils/load-obj.js +24 -20
  59. package/es/catalog/utils/mtl-loader.js +4 -3
  60. package/es/catalog/utils/obj-loader.js +4 -3
  61. package/es/class/FuseUtils.js +13 -12
  62. package/es/class/area.js +24 -24
  63. package/es/class/export.js +36 -23
  64. package/es/class/group.js +55 -53
  65. package/es/class/guide.js +17 -15
  66. package/es/class/hole.js +85 -83
  67. package/es/class/item.js +155 -155
  68. package/es/class/layer.js +61 -59
  69. package/es/class/line.js +138 -135
  70. package/es/class/project.js +94 -93
  71. package/es/class/vertex.js +31 -29
  72. package/es/components/content.js +23 -19
  73. package/es/components/disclaimer/disclaimer.js +13 -10
  74. package/es/components/export.js +13 -8
  75. package/es/components/style/button.js +25 -25
  76. package/es/components/style/cancel-button.js +10 -7
  77. package/es/components/style/content-container.js +12 -11
  78. package/es/components/style/content-title.js +15 -13
  79. package/es/components/style/delete-button.js +12 -8
  80. package/es/components/style/export.js +46 -30
  81. package/es/components/style/form-block.js +11 -10
  82. package/es/components/style/form-color-input.js +10 -7
  83. package/es/components/style/form-label.js +11 -10
  84. package/es/components/style/form-number-input.js +43 -45
  85. package/es/components/style/form-number-input_2.js +39 -41
  86. package/es/components/style/form-select.js +20 -19
  87. package/es/components/style/form-slider.js +13 -10
  88. package/es/components/style/form-submit-button.js +12 -8
  89. package/es/components/style/form-text-input.js +28 -30
  90. package/es/components/viewer2d/area.js +20 -17
  91. package/es/components/viewer2d/export.js +46 -30
  92. package/es/components/viewer2d/grids/grid-horizontal-streak.js +13 -10
  93. package/es/components/viewer2d/grids/grid-streak.js +13 -10
  94. package/es/components/viewer2d/grids/grid-vertical-streak.js +13 -10
  95. package/es/components/viewer2d/grids/grids.js +14 -10
  96. package/es/components/viewer2d/group.js +19 -15
  97. package/es/components/viewer2d/item.js +65 -61
  98. package/es/components/viewer2d/layer.js +26 -23
  99. package/es/components/viewer2d/line.js +106 -101
  100. package/es/components/viewer2d/ruler.js +25 -22
  101. package/es/components/viewer2d/rulerDist.js +24 -21
  102. package/es/components/viewer2d/rulerX.js +44 -46
  103. package/es/components/viewer2d/rulerY.js +42 -44
  104. package/es/components/viewer2d/scene.js +34 -35
  105. package/es/components/viewer2d/snap.js +17 -13
  106. package/es/components/viewer2d/state.js +22 -18
  107. package/es/components/viewer2d/utils.js +33 -24
  108. package/es/components/viewer2d/vertex.js +12 -8
  109. package/es/components/viewer2d/viewer2d.js +159 -156
  110. package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +19 -21
  111. package/es/components/viewer3d/dcm.js +3 -1
  112. package/es/components/viewer3d/fbm.js +3 -1
  113. package/es/components/viewer3d/front3D.js +16 -12
  114. package/es/components/viewer3d/grid-creator.js +12 -8
  115. package/es/components/viewer3d/grids/grid-horizontal-streak.js +9 -6
  116. package/es/components/viewer3d/grids/grid-streak.js +8 -5
  117. package/es/components/viewer3d/grids/grid-vertical-streak.js +9 -6
  118. package/es/components/viewer3d/libs/first-person-controls.js +5 -2
  119. package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +3 -1
  120. package/es/components/viewer3d/libs/mtl-loader.js +3 -1
  121. package/es/components/viewer3d/libs/obj-loader.js +3 -1
  122. package/es/components/viewer3d/libs/orbit-controls.js +4 -2
  123. package/es/components/viewer3d/libs/pointer-lock-controls.js +4 -2
  124. package/es/components/viewer3d/lrm.js +3 -1
  125. package/es/components/viewer3d/model.js +3 -1
  126. package/es/components/viewer3d/pointer-lock-navigation.js +6 -3
  127. package/es/components/viewer3d/ruler-utils/itemRect.js +21 -18
  128. package/es/components/viewer3d/ruler-utils/layer3D.js +62 -59
  129. package/es/components/viewer3d/ruler-utils/ruler3D.js +43 -42
  130. package/es/components/viewer3d/ruler-utils/scene3D.js +13 -9
  131. package/es/components/viewer3d/ruler-utils/state3D.js +7 -4
  132. package/es/components/viewer3d/scene-creator.js +223 -197
  133. package/es/components/viewer3d/three-memory-cleaner.js +7 -3
  134. package/es/components/viewer3d/viewer3d-first-person.js +42 -42
  135. package/es/components/viewer3d/viewer3d.js +198 -200
  136. package/es/constants.js +354 -349
  137. package/es/index.js +11 -7
  138. package/es/models.js +191 -193
  139. package/es/plugins/SVGLoader.js +49 -48
  140. package/es/plugins/autosave.js +5 -3
  141. package/es/plugins/console-debugger.js +7 -6
  142. package/es/plugins/export.js +13 -8
  143. package/es/plugins/keyboard.js +31 -29
  144. package/es/reducers/areas-reducer.js +9 -7
  145. package/es/reducers/export.js +37 -24
  146. package/es/reducers/groups-reducer.js +33 -31
  147. package/es/reducers/holes-reducer.js +45 -43
  148. package/es/reducers/items-reducer.js +108 -106
  149. package/es/reducers/lines-reducer.js +30 -28
  150. package/es/reducers/project-reducer.js +107 -105
  151. package/es/reducers/reducer.js +19 -16
  152. package/es/reducers/scene-reducer.js +17 -15
  153. package/es/reducers/user-reducer.js +7 -5
  154. package/es/reducers/vertices-reducer.js +13 -11
  155. package/es/reducers/viewer2d-reducer.js +20 -18
  156. package/es/reducers/viewer3d-reducer.js +18 -16
  157. package/es/shared-style.js +12 -10
  158. package/es/styles/export.js +6 -3
  159. package/es/translator/en.js +3 -1
  160. package/es/translator/it.js +3 -1
  161. package/es/translator/ru.js +3 -1
  162. package/es/translator/translator.js +15 -13
  163. package/es/utils/browser.js +5 -2
  164. package/es/utils/convert-units-lite.js +3 -1
  165. package/es/utils/email-validator.js +3 -1
  166. package/es/utils/export.js +29 -15
  167. package/es/utils/geometry.js +280 -190
  168. package/es/utils/get-edges-of-subgraphs.js +5 -2
  169. package/es/utils/graph-cycles.js +7 -8
  170. package/es/utils/graph-inner-cycles.js +14 -10
  171. package/es/utils/graph.js +13 -9
  172. package/es/utils/helper.js +58 -41
  173. package/es/utils/history.js +11 -8
  174. package/es/utils/id-broker.js +11 -8
  175. package/es/utils/logger.js +3 -1
  176. package/es/utils/math.js +8 -5
  177. package/es/utils/molding.js +146 -130
  178. package/es/utils/name-generator.js +9 -7
  179. package/es/utils/objects-utils.js +14 -7
  180. package/es/utils/phone-validator.js +3 -1
  181. package/es/utils/process-black-list.js +6 -5
  182. package/es/utils/react-if.js +9 -7
  183. package/es/utils/snap-scene.js +30 -27
  184. package/es/utils/snap.js +57 -53
  185. package/es/utils/summarizeCart.js +3 -1
  186. package/es/utils/threeCSG.es6.js +17 -13
  187. package/es/version.js +3 -1
  188. package/package.json +1 -1
@@ -1,9 +1,12 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import { Seq } from 'immutable';
5
- import { FormSelect } from "../../components/style/export";
6
- import { DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = PropertyEnum;
4
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
5
+ var _react = _interopRequireDefault(require("react"));
6
+ var _propTypes = _interopRequireDefault(require("prop-types"));
7
+ var _immutable = require("immutable");
8
+ var _export = require("../../components/style/export");
9
+ var _constants = require("../../constants");
7
10
  var styles = {
8
11
  enumWrapper: {
9
12
  display: 'flex',
@@ -14,8 +17,8 @@ var styles = {
14
17
  return {
15
18
  marginRight: 'auto',
16
19
  width: 110,
17
- color: TEXT_COLOR_NEUTRAL_0,
18
- fontFamily: DEFAULT_FONT_FAMILY,
20
+ color: _constants.TEXT_COLOR_NEUTRAL_0,
21
+ fontFamily: _constants.DEFAULT_FONT_FAMILY,
19
22
  fontSize: fontSize,
20
23
  fontWeight: 400,
21
24
  lineHeight: '15px',
@@ -35,7 +38,7 @@ function getFontSize() {
35
38
  }
36
39
  return 13;
37
40
  }
38
- export default function PropertyEnum(_ref) {
41
+ function PropertyEnum(_ref) {
39
42
  var value = _ref.value,
40
43
  onUpdate = _ref.onUpdate,
41
44
  configs = _ref.configs,
@@ -50,11 +53,11 @@ export default function PropertyEnum(_ref) {
50
53
  }
51
54
  return onUpdate(val);
52
55
  };
53
- var _React$useState = React.useState(getFontSize()),
54
- _React$useState2 = _slicedToArray(_React$useState, 2),
56
+ var _React$useState = _react["default"].useState(getFontSize()),
57
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
55
58
  fontSize = _React$useState2[0],
56
59
  setFontSize = _React$useState2[1];
57
- React.useEffect(function () {
60
+ _react["default"].useEffect(function () {
58
61
  function handleResize() {
59
62
  setFontSize(getFontSize());
60
63
  }
@@ -63,30 +66,30 @@ export default function PropertyEnum(_ref) {
63
66
  return window.removeEventListener('resize', handleResize);
64
67
  };
65
68
  }, []);
66
- return /*#__PURE__*/React.createElement("div", {
69
+ return /*#__PURE__*/_react["default"].createElement("div", {
67
70
  style: styles.enumWrapper
68
- }, /*#__PURE__*/React.createElement("span", {
71
+ }, /*#__PURE__*/_react["default"].createElement("span", {
69
72
  style: styles.enumTitle(fontSize)
70
- }, configs.label), /*#__PURE__*/React.createElement(FormSelect, {
73
+ }, configs.label), /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
71
74
  value: value,
72
75
  onChange: function onChange(event) {
73
76
  return update(event.target.value);
74
77
  }
75
- }, Seq(configs.values).entrySeq().map(function (_ref2) {
76
- var _ref3 = _slicedToArray(_ref2, 2),
78
+ }, (0, _immutable.Seq)(configs.values).entrySeq().map(function (_ref2) {
79
+ var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
77
80
  key = _ref3[0],
78
81
  value = _ref3[1];
79
- return /*#__PURE__*/React.createElement("option", {
82
+ return /*#__PURE__*/_react["default"].createElement("option", {
80
83
  key: key,
81
84
  value: key
82
85
  }, value);
83
86
  })));
84
87
  }
85
88
  PropertyEnum.propTypes = {
86
- value: PropTypes.any.isRequired,
87
- onUpdate: PropTypes.func.isRequired,
88
- configs: PropTypes.object.isRequired,
89
- sourceElement: PropTypes.object,
90
- internalState: PropTypes.object,
91
- state: PropTypes.object.isRequired
89
+ value: _propTypes["default"].any.isRequired,
90
+ onUpdate: _propTypes["default"].func.isRequired,
91
+ configs: _propTypes["default"].object.isRequired,
92
+ sourceElement: _propTypes["default"].object,
93
+ internalState: _propTypes["default"].object,
94
+ state: _propTypes["default"].object.isRequired
92
95
  };
@@ -1,6 +1,9 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- export default function PropertyHidden(_ref) {
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = PropertyHidden;
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _propTypes = _interopRequireDefault(require("prop-types"));
6
+ function PropertyHidden(_ref) {
4
7
  var value = _ref.value,
5
8
  onUpdate = _ref.onUpdate,
6
9
  configs = _ref.configs,
@@ -10,10 +13,10 @@ export default function PropertyHidden(_ref) {
10
13
  return null;
11
14
  }
12
15
  PropertyHidden.propTypes = {
13
- value: PropTypes.any.isRequired,
14
- onUpdate: PropTypes.func.isRequired,
15
- configs: PropTypes.object.isRequired,
16
- sourceElement: PropTypes.object,
17
- internalState: PropTypes.object,
18
- state: PropTypes.object.isRequired
16
+ value: _propTypes["default"].any.isRequired,
17
+ onUpdate: _propTypes["default"].func.isRequired,
18
+ configs: _propTypes["default"].object.isRequired,
19
+ sourceElement: _propTypes["default"].object,
20
+ internalState: _propTypes["default"].object,
21
+ state: _propTypes["default"].object.isRequired
19
22
  };
@@ -1,14 +1,17 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = PropertyLengthMeasure;
4
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
5
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
6
+ var _react = _interopRequireDefault(require("react"));
7
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _constants = require("./../../constants");
9
+ var _convertUnitsLite = require("../../utils/convert-units-lite");
10
+ var _export = require("../../components/style/export");
11
+ var _immutable = require("immutable");
12
+ var _math = require("../../utils/math");
13
+ var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
3
14
  var _excluded = ["hook", "label"];
4
- import React from 'react';
5
- import PropTypes from 'prop-types';
6
- import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "./../../constants";
7
- import { convert } from "../../utils/convert-units-lite";
8
- import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
9
- import { Map } from 'immutable';
10
- import { toFixedFloat } from "../../utils/math";
11
- import PropertyStyle from "./shared-property-style";
12
15
  var internalTableStyle = {
13
16
  borderCollapse: 'collapse'
14
17
  };
@@ -18,7 +21,7 @@ var secondTdStyle = {
18
21
  var unitContainerStyle = {
19
22
  width: '5em'
20
23
  };
21
- export default function PropertyLengthMeasure(_ref, _ref2) {
24
+ function PropertyLengthMeasure(_ref, _ref2) {
22
25
  var value = _ref.value,
23
26
  onUpdate = _ref.onUpdate,
24
27
  onValid = _ref.onValid,
@@ -29,22 +32,22 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
29
32
  var catalog = _ref2.catalog;
30
33
  var length = value.get('length') || 0; // length in inch
31
34
  var _length = value.get('_length') || length; // length in unit
32
- var _unit = value.get('_unit') || UNIT_INCH;
33
- var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
35
+ var _unit = value.get('_unit') || _constants.UNIT_INCH;
36
+ var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
34
37
  var hook = configs.hook,
35
38
  label = configs.label,
36
- configRest = _objectWithoutProperties(configs, _excluded);
39
+ configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
37
40
  var update = function update(lengthInput, unitInput, type) {
38
- var newLength = toFixedFloat(lengthInput);
41
+ var newLength = (0, _math.toFixedFloat)(lengthInput);
39
42
  var merged = null;
40
43
  if (type === 0) {
41
44
  merged = value.merge({
42
- length: unitInput !== UNIT_INCH ? convert(newLength).from(unitInput).to(UNIT_INCH) : newLength,
45
+ length: unitInput !== _constants.UNIT_INCH ? (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_INCH) : newLength,
43
46
  _length: newLength
44
47
  });
45
48
  } else {
46
49
  merged = value.merge({
47
- _length: convert(newLength).from(UNIT_INCH).to(unitInput),
50
+ _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
48
51
  _unit: unitInput
49
52
  });
50
53
  }
@@ -55,46 +58,46 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
55
58
  }
56
59
  return onUpdate(merged);
57
60
  };
58
- return /*#__PURE__*/React.createElement("table", {
61
+ return /*#__PURE__*/_react["default"].createElement("table", {
59
62
  className: "PropertyLengthMeasure",
60
- style: PropertyStyle.tableStyle
61
- }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
62
- style: PropertyStyle.firstTdStyle
63
- }, /*#__PURE__*/React.createElement(FormLabel, null, label)), /*#__PURE__*/React.createElement("td", {
63
+ style: _sharedPropertyStyle["default"].tableStyle
64
+ }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
65
+ style: _sharedPropertyStyle["default"].firstTdStyle
66
+ }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, label)), /*#__PURE__*/_react["default"].createElement("td", {
64
67
  style: secondTdStyle
65
- }, /*#__PURE__*/React.createElement("table", {
68
+ }, /*#__PURE__*/_react["default"].createElement("table", {
66
69
  style: internalTableStyle
67
- }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormNumberInput, _extends({
68
- disabled: type === TALL_CABINET_LAYOUTPOS,
70
+ }, /*#__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"])({
71
+ disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
69
72
  value: _length,
70
73
  onChange: function onChange(event) {
71
74
  return update(event.target.value, _unit, 0);
72
75
  },
73
76
  onValid: onValid
74
- }, configRest))), /*#__PURE__*/React.createElement("td", {
77
+ }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
75
78
  style: unitContainerStyle
76
- }, /*#__PURE__*/React.createElement(FormSelect, {
77
- disabled: type === TALL_CABINET_LAYOUTPOS,
79
+ }, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
80
+ disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
78
81
  value: _unit,
79
82
  onChange: function onChange(event) {
80
83
  return update(length, event.target.value, 1);
81
84
  }
82
- }, UNITS_LENGTH.map(function (el) {
83
- return /*#__PURE__*/React.createElement("option", {
85
+ }, _constants.UNITS_LENGTH.map(function (el) {
86
+ return /*#__PURE__*/_react["default"].createElement("option", {
84
87
  key: el,
85
88
  value: el
86
89
  }, el);
87
90
  }))))))))));
88
91
  }
89
92
  PropertyLengthMeasure.propTypes = {
90
- value: PropTypes.instanceOf(Map).isRequired,
91
- onUpdate: PropTypes.func.isRequired,
92
- onValid: PropTypes.func,
93
- configs: PropTypes.object.isRequired,
94
- sourceElement: PropTypes.object,
95
- internalState: PropTypes.object,
96
- state: PropTypes.object.isRequired
93
+ value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
94
+ onUpdate: _propTypes["default"].func.isRequired,
95
+ onValid: _propTypes["default"].func,
96
+ configs: _propTypes["default"].object.isRequired,
97
+ sourceElement: _propTypes["default"].object,
98
+ internalState: _propTypes["default"].object,
99
+ state: _propTypes["default"].object.isRequired
97
100
  };
98
101
  PropertyLengthMeasure.contextTypes = {
99
- catalog: PropTypes.object.isRequired
102
+ catalog: _propTypes["default"].object.isRequired
100
103
  };
@@ -1,14 +1,17 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = PropertyLengthMeasure;
4
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
5
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
6
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+ var _constants = require("../../constants");
10
+ var _convertUnitsLite = require("../../utils/convert-units-lite");
11
+ var _export = require("../../components/style/export");
12
+ var _immutable = require("immutable");
13
+ var _math = require("../../utils/math");
4
14
  var _excluded = ["hook", "label"];
5
- import React from 'react';
6
- import PropTypes from 'prop-types';
7
- import { BASE_CABINET_LAYOUTPOS, DEFAULT_FONT_FAMILY, TALL_CABINET_LAYOUTPOS, TEXT_COLOR_NEUTRAL_0, UNIT_CENTIMETER, UNIT_INCH } from "../../constants";
8
- import { convert } from "../../utils/convert-units-lite";
9
- import { FormNumberInput } from "../../components/style/export";
10
- import { Map } from 'immutable';
11
- import { toFixedFloat } from "../../utils/math";
12
15
  var styles = {
13
16
  distanceFloorWrapper: {
14
17
  display: 'flex',
@@ -19,8 +22,8 @@ var styles = {
19
22
  return {
20
23
  marginRight: 'auto',
21
24
  width: 110,
22
- color: TEXT_COLOR_NEUTRAL_0,
23
- fontFamily: DEFAULT_FONT_FAMILY,
25
+ color: _constants.TEXT_COLOR_NEUTRAL_0,
26
+ fontFamily: _constants.DEFAULT_FONT_FAMILY,
24
27
  fontSize: fontSize,
25
28
  fontWeight: 400,
26
29
  lineHeight: '15px',
@@ -40,7 +43,7 @@ function getFontSize() {
40
43
  }
41
44
  return 13;
42
45
  }
43
- export default function PropertyLengthMeasure(_ref, _ref2) {
46
+ function PropertyLengthMeasure(_ref, _ref2) {
44
47
  var value = _ref.value,
45
48
  onUpdate = _ref.onUpdate,
46
49
  onValid = _ref.onValid,
@@ -54,25 +57,25 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
54
57
  var length = value.get('length') || 0; // in centi
55
58
  var _length = value.get('_length') || length; // in _unit
56
59
  if (!_unit) {
57
- _unit = UNIT_INCH;
58
- _length = convert(length).from(UNIT_CENTIMETER).to(UNIT_INCH);
60
+ _unit = _constants.UNIT_INCH;
61
+ _length = (0, _convertUnitsLite.convert)(length).from(_constants.UNIT_CENTIMETER).to(_constants.UNIT_INCH);
59
62
  }
60
- var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
63
+ var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
61
64
  var hook = configs.hook,
62
65
  label = configs.label,
63
- configRest = _objectWithoutProperties(configs, _excluded);
66
+ configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
64
67
  var update = function update(lengthInput, unitInput, type) {
65
- var newLength = toFixedFloat(lengthInput);
68
+ var newLength = (0, _math.toFixedFloat)(lengthInput);
66
69
  var merged = null;
67
70
  if (type === 0) {
68
71
  merged = value.merge({
69
72
  _length: newLength,
70
73
  _unit: unitInput,
71
- length: convert(newLength).from(unitInput).to(UNIT_CENTIMETER)
74
+ length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_CENTIMETER)
72
75
  });
73
76
  } else {
74
77
  merged = value.merge({
75
- _length: convert(newLength).from(UNIT_CENTIMETER).to(unitInput),
78
+ _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_CENTIMETER).to(unitInput),
76
79
  _unit: unitInput,
77
80
  length: newLength
78
81
  });
@@ -84,11 +87,11 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
84
87
  }
85
88
  return onUpdate(merged);
86
89
  };
87
- var _React$useState = React.useState(getFontSize()),
88
- _React$useState2 = _slicedToArray(_React$useState, 2),
90
+ var _React$useState = _react["default"].useState(getFontSize()),
91
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
89
92
  fontSize = _React$useState2[0],
90
93
  setFontSize = _React$useState2[1];
91
- React.useEffect(function () {
94
+ _react["default"].useEffect(function () {
92
95
  function handleResize() {
93
96
  setFontSize(getFontSize());
94
97
  }
@@ -97,13 +100,13 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
97
100
  return window.removeEventListener('resize', handleResize);
98
101
  };
99
102
  }, []);
100
- return /*#__PURE__*/React.createElement("div", {
103
+ return /*#__PURE__*/_react["default"].createElement("div", {
101
104
  style: styles.distanceFloorWrapper
102
- }, /*#__PURE__*/React.createElement("span", {
105
+ }, /*#__PURE__*/_react["default"].createElement("span", {
103
106
  style: styles.distanceFloorTitle(fontSize)
104
- }, label), /*#__PURE__*/React.createElement(FormNumberInput, _extends({
105
- disabled: type === TALL_CABINET_LAYOUTPOS,
106
- value: convert(_length).from('in').to(unit),
107
+ }, label), /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, (0, _extends2["default"])({
108
+ disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
109
+ value: (0, _convertUnitsLite.convert)(_length).from('in').to(unit),
107
110
  onChange: function onChange(event) {
108
111
  return update(event.target.value, _unit, 0);
109
112
  },
@@ -115,14 +118,14 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
115
118
  }, configRest)));
116
119
  }
117
120
  PropertyLengthMeasure.propTypes = {
118
- value: PropTypes.instanceOf(Map).isRequired,
119
- onUpdate: PropTypes.func.isRequired,
120
- onValid: PropTypes.func,
121
- configs: PropTypes.object.isRequired,
122
- sourceElement: PropTypes.object,
123
- internalState: PropTypes.object,
124
- state: PropTypes.object.isRequired
121
+ value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
122
+ onUpdate: _propTypes["default"].func.isRequired,
123
+ onValid: _propTypes["default"].func,
124
+ configs: _propTypes["default"].object.isRequired,
125
+ sourceElement: _propTypes["default"].object,
126
+ internalState: _propTypes["default"].object,
127
+ state: _propTypes["default"].object.isRequired
125
128
  };
126
129
  PropertyLengthMeasure.contextTypes = {
127
- catalog: PropTypes.object.isRequired
130
+ catalog: _propTypes["default"].object.isRequired
128
131
  };
@@ -1,14 +1,17 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = PropertyLengthMeasureHole;
4
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
5
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
6
+ var _react = _interopRequireDefault(require("react"));
7
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _constants = require("../../constants");
9
+ var _convertUnitsLite = require("../../utils/convert-units-lite");
10
+ var _export = require("../../components/style/export");
11
+ var _immutable = require("immutable");
12
+ var _math = require("../../utils/math");
13
+ var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
3
14
  var _excluded = ["hook", "label"];
4
- import React from 'react';
5
- import PropTypes from 'prop-types';
6
- import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "../../constants";
7
- import { convert } from "../../utils/convert-units-lite";
8
- import { FormLabel, FormNumberInput1, FormSelect } from "../../components/style/export";
9
- import { Map } from 'immutable';
10
- import { toFixedFloat } from "../../utils/math";
11
- import PropertyStyle from "./shared-property-style";
12
15
  var internalTableStyle = {
13
16
  borderCollapse: 'collapse'
14
17
  };
@@ -18,7 +21,7 @@ var secondTdStyle = {
18
21
  var unitContainerStyle = {
19
22
  width: '3em'
20
23
  };
21
- export default function PropertyLengthMeasureHole(_ref, _ref2) {
24
+ function PropertyLengthMeasureHole(_ref, _ref2) {
22
25
  var value = _ref.value,
23
26
  onUpdate = _ref.onUpdate,
24
27
  onValid = _ref.onValid,
@@ -27,24 +30,24 @@ export default function PropertyLengthMeasureHole(_ref, _ref2) {
27
30
  internalState = _ref.internalState,
28
31
  state = _ref.state;
29
32
  var catalog = _ref2.catalog;
30
- var _unit = value.get('_unit') || UNIT_INCH;
33
+ var _unit = value.get('_unit') || _constants.UNIT_INCH;
31
34
  var _length = value.get('_length') || 0;
32
35
  var length = value.get('length') || _length;
33
- var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
36
+ var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
34
37
  var hook = configs.hook,
35
38
  label = configs.label,
36
- configRest = _objectWithoutProperties(configs, _excluded);
39
+ configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
37
40
  var update = function update(lengthInput, unitInput, type) {
38
- var newLength = toFixedFloat(lengthInput);
41
+ var newLength = (0, _math.toFixedFloat)(lengthInput);
39
42
  var merged = null;
40
43
  if (type === 0) {
41
44
  merged = value.merge({
42
45
  _length: newLength,
43
- length: convert(newLength).from(unitInput).to('cm')
46
+ length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to('cm')
44
47
  });
45
48
  } else {
46
49
  merged = value.merge({
47
- _length: convert(newLength).from(UNIT_INCH).to(unitInput),
50
+ _length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
48
51
  _unit: unitInput
49
52
  });
50
53
  }
@@ -55,46 +58,46 @@ export default function PropertyLengthMeasureHole(_ref, _ref2) {
55
58
  }
56
59
  return onUpdate(merged);
57
60
  };
58
- return /*#__PURE__*/React.createElement("table", {
61
+ return /*#__PURE__*/_react["default"].createElement("table", {
59
62
  className: "PropertyLengthMeasure",
60
- style: PropertyStyle.tableStyle
61
- }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
62
- style: PropertyStyle.firstTdStyle
63
- }, /*#__PURE__*/React.createElement(FormLabel, null, label)), /*#__PURE__*/React.createElement("td", {
63
+ style: _sharedPropertyStyle["default"].tableStyle
64
+ }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
65
+ style: _sharedPropertyStyle["default"].firstTdStyle
66
+ }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, label)), /*#__PURE__*/_react["default"].createElement("td", {
64
67
  style: secondTdStyle
65
- }, /*#__PURE__*/React.createElement("table", {
68
+ }, /*#__PURE__*/_react["default"].createElement("table", {
66
69
  style: internalTableStyle
67
- }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormNumberInput1, _extends({
68
- disabled: type === TALL_CABINET_LAYOUTPOS,
70
+ }, /*#__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"])({
71
+ disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
69
72
  value: _length,
70
73
  onChange: function onChange(event) {
71
74
  return update(event.target.value, _unit, 0);
72
75
  },
73
76
  onValid: onValid
74
- }, configRest))), /*#__PURE__*/React.createElement("td", {
77
+ }, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
75
78
  style: unitContainerStyle
76
- }, /*#__PURE__*/React.createElement(FormSelect, {
77
- disabled: type === TALL_CABINET_LAYOUTPOS,
79
+ }, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
80
+ disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
78
81
  value: _unit,
79
82
  onChange: function onChange(event) {
80
83
  return update(length, event.target.value, 1);
81
84
  }
82
- }, UNITS_LENGTH.map(function (el) {
83
- return /*#__PURE__*/React.createElement("option", {
85
+ }, _constants.UNITS_LENGTH.map(function (el) {
86
+ return /*#__PURE__*/_react["default"].createElement("option", {
84
87
  key: el,
85
88
  value: el
86
89
  }, el);
87
90
  }))))))))));
88
91
  }
89
92
  PropertyLengthMeasureHole.propTypes = {
90
- value: PropTypes.instanceOf(Map).isRequired,
91
- onUpdate: PropTypes.func.isRequired,
92
- onValid: PropTypes.func,
93
- configs: PropTypes.object.isRequired,
94
- sourceElement: PropTypes.object,
95
- internalState: PropTypes.object,
96
- state: PropTypes.object.isRequired
93
+ value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
94
+ onUpdate: _propTypes["default"].func.isRequired,
95
+ onValid: _propTypes["default"].func,
96
+ configs: _propTypes["default"].object.isRequired,
97
+ sourceElement: _propTypes["default"].object,
98
+ internalState: _propTypes["default"].object,
99
+ state: _propTypes["default"].object.isRequired
97
100
  };
98
101
  PropertyLengthMeasureHole.contextTypes = {
99
- catalog: PropTypes.object.isRequired
102
+ catalog: _propTypes["default"].object.isRequired
100
103
  };
@@ -1,8 +1,11 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { FormLabel, FormNumberInput } from "../../components/style/export";
4
- import PropertyStyle from "./shared-property-style";
5
- export default function PropertyNumber(_ref) {
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = PropertyNumber;
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _propTypes = _interopRequireDefault(require("prop-types"));
6
+ var _export = require("../../components/style/export");
7
+ var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
8
+ function PropertyNumber(_ref) {
6
9
  var value = _ref.value,
7
10
  onUpdate = _ref.onUpdate,
8
11
  onValid = _ref.onValid,
@@ -22,12 +25,12 @@ export default function PropertyNumber(_ref) {
22
25
  }
23
26
  return onUpdate(number);
24
27
  };
25
- return /*#__PURE__*/React.createElement("table", {
28
+ return /*#__PURE__*/_react["default"].createElement("table", {
26
29
  className: "PropertyNumber",
27
- style: PropertyStyle.tableStyle
28
- }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
29
- style: PropertyStyle.firstTdStyle
30
- }, /*#__PURE__*/React.createElement(FormLabel, null, configs.label)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(FormNumberInput, {
30
+ style: _sharedPropertyStyle["default"].tableStyle
31
+ }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
32
+ style: _sharedPropertyStyle["default"].firstTdStyle
33
+ }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, {
31
34
  value: value,
32
35
  onChange: function onChange(event) {
33
36
  return update(event.target.value);
@@ -38,11 +41,11 @@ export default function PropertyNumber(_ref) {
38
41
  })))));
39
42
  }
40
43
  PropertyNumber.propTypes = {
41
- value: PropTypes.any.isRequired,
42
- onUpdate: PropTypes.func.isRequired,
43
- onValid: PropTypes.func,
44
- configs: PropTypes.object.isRequired,
45
- sourceElement: PropTypes.object,
46
- internalState: PropTypes.object,
47
- state: PropTypes.object.isRequired
44
+ value: _propTypes["default"].any.isRequired,
45
+ onUpdate: _propTypes["default"].func.isRequired,
46
+ onValid: _propTypes["default"].func,
47
+ configs: _propTypes["default"].object.isRequired,
48
+ sourceElement: _propTypes["default"].object,
49
+ internalState: _propTypes["default"].object,
50
+ state: _propTypes["default"].object.isRequired
48
51
  };
@@ -1,26 +1,29 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { FormLabel } from "../../components/style/export";
4
- import PropertyStyle from "./shared-property-style";
5
- export default function PropertyReadOnly(_ref) {
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = PropertyReadOnly;
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _propTypes = _interopRequireDefault(require("prop-types"));
6
+ var _export = require("../../components/style/export");
7
+ var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
8
+ function PropertyReadOnly(_ref) {
6
9
  var value = _ref.value,
7
10
  onUpdate = _ref.onUpdate,
8
11
  configs = _ref.configs,
9
12
  sourceElement = _ref.sourceElement,
10
13
  internalState = _ref.internalState,
11
14
  state = _ref.state;
12
- return /*#__PURE__*/React.createElement("table", {
15
+ return /*#__PURE__*/_react["default"].createElement("table", {
13
16
  className: "PropertyReadOnly",
14
- style: PropertyStyle.tableStyle
15
- }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
16
- style: PropertyStyle.firstTdStyle
17
- }, /*#__PURE__*/React.createElement(FormLabel, null, configs.label)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, value)))));
17
+ style: _sharedPropertyStyle["default"].tableStyle
18
+ }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
19
+ style: _sharedPropertyStyle["default"].firstTdStyle
20
+ }, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", null, value)))));
18
21
  }
19
22
  PropertyReadOnly.propTypes = {
20
- value: PropTypes.any.isRequired,
21
- onUpdate: PropTypes.func.isRequired,
22
- configs: PropTypes.object.isRequired,
23
- sourceElement: PropTypes.object,
24
- internalState: PropTypes.object,
25
- state: PropTypes.object.isRequired
23
+ value: _propTypes["default"].any.isRequired,
24
+ onUpdate: _propTypes["default"].func.isRequired,
25
+ configs: _propTypes["default"].object.isRequired,
26
+ sourceElement: _propTypes["default"].object,
27
+ internalState: _propTypes["default"].object,
28
+ state: _propTypes["default"].object.isRequired
26
29
  };