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,11 +1,15 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import React, { useState } from 'react';
3
- import PropTypes from 'prop-types';
4
- import RulerDist from "./rulerDist";
5
- import { convert } from "../../utils/convert-units-lite";
6
- import { GeometryUtils } from "../../utils/export";
7
- import { MODE_ROTATING_ITEM, WALL_CABINET_LAYOUTPOS } from "../../constants";
8
- import { returnReplaceableDeepSearchType } from "./utils";
1
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
2
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
3
+ exports.__esModule = true;
4
+ exports["default"] = Item;
5
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
6
+ var _react = _interopRequireWildcard(require("react"));
7
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _rulerDist = _interopRequireDefault(require("./rulerDist"));
9
+ var _convertUnitsLite = require("../../utils/convert-units-lite");
10
+ var _export = require("../../utils/export");
11
+ var _constants = require("../../constants");
12
+ var _utils = require("./utils");
9
13
  var STYLE_LINE = {
10
14
  fill: '#0096fd',
11
15
  stroke: '#0096fd'
@@ -20,7 +24,7 @@ var STYLE_CIRCLE2 = {
20
24
  stroke: '#0096fd',
21
25
  cursor: 'ew-resize'
22
26
  };
23
- export default function Item(_ref, _ref2) {
27
+ function Item(_ref, _ref2) {
24
28
  var layer = _ref.layer,
25
29
  item = _ref.item,
26
30
  scene = _ref.scene,
@@ -40,12 +44,12 @@ export default function Item(_ref, _ref2) {
40
44
  var allLineRects;
41
45
  var allItemRect;
42
46
  var width, height;
43
- var _useState = useState(false),
44
- _useState2 = _slicedToArray(_useState, 2),
47
+ var _useState = (0, _react.useState)(false),
48
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
45
49
  clockRotateState = _useState2[0],
46
50
  setClockRotateState = _useState2[1];
47
- var _useState3 = useState(false),
48
- _useState4 = _slicedToArray(_useState3, 2),
51
+ var _useState3 = (0, _react.useState)(false),
52
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
49
53
  antiClockRotateState = _useState4[0],
50
54
  setAntiClockRotateState = _useState4[1];
51
55
  var val = {
@@ -58,11 +62,11 @@ export default function Item(_ref, _ref2) {
58
62
  var tempWidth = item.properties.get('width');
59
63
  var tempHeight = item.properties.get('depth');
60
64
  if (tempWidth || tempHeight) {
61
- width = convert(tempWidth.get('_length')).from(tempWidth.get('_unit')).to('cm');
62
- height = convert(tempHeight.get('_length')).from(tempHeight.get('_unit')).to('cm');
65
+ width = (0, _convertUnitsLite.convert)(tempWidth.get('_length')).from(tempWidth.get('_unit')).to('cm');
66
+ height = (0, _convertUnitsLite.convert)(tempHeight.get('_length')).from(tempHeight.get('_unit')).to('cm');
63
67
  } else {
64
- width = convert(element.info.sizeinfo.width).from('in').to('cm');
65
- height = convert(element.info.sizeinfo.depth).from('in').to('cm');
68
+ width = (0, _convertUnitsLite.convert)(element.info.sizeinfo.width).from('in').to('cm');
69
+ height = (0, _convertUnitsLite.convert)(element.info.sizeinfo.depth).from('in').to('cm');
66
70
  }
67
71
  var angle = rotation + 90;
68
72
  val.size = {
@@ -117,10 +121,10 @@ export default function Item(_ref, _ref2) {
117
121
  selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
118
122
  var catid = selectedItem.type;
119
123
  var cat = catalog.elements[catid];
120
- if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
124
+ if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
121
125
  if (cat === undefined || cat === null) {
122
126
  cat = catalog.getIn(['elements', catid]);
123
- if (!cat) cat = catalog.getIn(['elements', returnReplaceableDeepSearchType(catid)]);
127
+ if (!cat) cat = catalog.getIn(['elements', (0, _utils.returnReplaceableDeepSearchType)(catid)]);
124
128
  }
125
129
  currentItem = {
126
130
  selectedItem: selectedItem,
@@ -137,9 +141,9 @@ export default function Item(_ref, _ref2) {
137
141
  };
138
142
  var catid = item.type;
139
143
  var cat = catalog.elements[catid];
140
- if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
141
- var width = convert(item.properties.getIn(['width', '_length'])).from('in').to('cm');
142
- var height = convert(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
144
+ if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
145
+ var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
146
+ var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
143
147
  // let width = cat.info.sizeinfo.width;
144
148
  // let height = cat.info.sizeinfo.depth;
145
149
  val.size = {
@@ -230,8 +234,8 @@ export default function Item(_ref, _ref2) {
230
234
  };
231
235
  }
232
236
  allItemRect = getAllItems();
233
- allLines = GeometryUtils.getAllLines(layer);
234
- allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
237
+ allLines = _export.GeometryUtils.getAllLines(layer);
238
+ allLineRects = _export.GeometryUtils.buildRectFromLines(layer, allLines);
235
239
  var allRect = allLineRects.concat(allItemRect.others);
236
240
  curiteminfo = getCalcRectFromItem(val);
237
241
 
@@ -252,17 +256,17 @@ export default function Item(_ref, _ref2) {
252
256
  var comparelength = [];
253
257
  var a;
254
258
  var RectLineFuction;
255
- if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
259
+ if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
256
260
  allRect.forEach(function (linerect) {
257
- var p0 = GeometryUtils.clone_point(linerect.rect[2]);
258
- var p1 = GeometryUtils.clone_point(linerect.rect[3]);
261
+ var p0 = _export.GeometryUtils.clone_point(linerect.rect[2]);
262
+ var p1 = _export.GeometryUtils.clone_point(linerect.rect[3]);
259
263
  var lineFunction = {};
260
- if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
261
- var coordinatePoint = GeometryUtils.twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
264
+ if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = _export.GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
265
+ var coordinatePoint = _export.GeometryUtils.twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
262
266
  if (coordinatePoint !== undefined) {
263
- if (GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
264
- if (GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
265
- comparelength.push(GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
267
+ if (_export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
268
+ if (_export.GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > _export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
269
+ comparelength.push(_export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
266
270
  a = Math.min.apply(null, comparelength);
267
271
  }
268
272
  }
@@ -288,7 +292,7 @@ export default function Item(_ref, _ref2) {
288
292
  var itemDistanceFromLine = element[0];
289
293
  var length = itemDistanceFromLine;
290
294
  if (itemDistanceFromLine > ep || itemDistanceFromLine < -ep) {
291
- renderedRuler.push(/*#__PURE__*/React.createElement("g", {
295
+ renderedRuler.push(/*#__PURE__*/_react["default"].createElement("g", {
292
296
  "data-element-root": true,
293
297
  "data-prototype": "rulerDist",
294
298
  "data-id": item.id,
@@ -297,7 +301,7 @@ export default function Item(_ref, _ref2) {
297
301
  key: key,
298
302
  "data-length": length,
299
303
  "data-direct": element[1]
300
- }, /*#__PURE__*/React.createElement(RulerDist, {
304
+ }, /*#__PURE__*/_react["default"].createElement(_rulerDist["default"], {
301
305
  key: key,
302
306
  layer: layer,
303
307
  unit: scene.unit,
@@ -318,7 +322,7 @@ export default function Item(_ref, _ref2) {
318
322
  var newWidth = item.toJS().properties.width.length;
319
323
  if (item.toJS().doorStyle.doorStyles && item.toJS().doorStyle.doorStyles.cds && item.toJS().doorStyle.doorStyles.cds.filter(function (cd) {
320
324
  return cd.itemID == item.getIn(['itemID']);
321
- }).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
325
+ }).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", {
322
326
  id: "warning_info_2d",
323
327
  style: {
324
328
  transform: "translate(0px,20px)",
@@ -333,12 +337,12 @@ export default function Item(_ref, _ref2) {
333
337
  onMouseLeave: function onMouseLeave() {
334
338
  document.getElementById('warning_box_2d').style.display = 'none';
335
339
  }
336
- }, /*#__PURE__*/React.createElement("circle", {
340
+ }, /*#__PURE__*/_react["default"].createElement("circle", {
337
341
  cx: 0,
338
342
  cy: 0,
339
343
  r: 8,
340
344
  fill: "white"
341
- }), /*#__PURE__*/React.createElement("image", {
345
+ }), /*#__PURE__*/_react["default"].createElement("image", {
342
346
  width: 15,
343
347
  height: 15,
344
348
  x: -7.5,
@@ -347,7 +351,7 @@ export default function Item(_ref, _ref2) {
347
351
  transform: "rotate(".concat(180 - item.rotation, "deg)")
348
352
  },
349
353
  href: buttons[1].thumbnail
350
- })), /*#__PURE__*/React.createElement("g", {
354
+ })), /*#__PURE__*/_react["default"].createElement("g", {
351
355
  style: {
352
356
  cursor: 'pointer'
353
357
  },
@@ -357,12 +361,12 @@ export default function Item(_ref, _ref2) {
357
361
  "data-selected": item.selected,
358
362
  "data-layer": layer.id,
359
363
  "data-part": "warning_edit"
360
- }, /*#__PURE__*/React.createElement("circle", {
364
+ }, /*#__PURE__*/_react["default"].createElement("circle", {
361
365
  cx: 0,
362
366
  cy: 0,
363
367
  r: 8,
364
368
  fill: "white"
365
- }), /*#__PURE__*/React.createElement("image", {
369
+ }), /*#__PURE__*/_react["default"].createElement("image", {
366
370
  width: 15,
367
371
  height: 15,
368
372
  x: -7.5,
@@ -372,7 +376,7 @@ export default function Item(_ref, _ref2) {
372
376
  },
373
377
  href: buttons[0].thumbnail
374
378
  })));
375
- if (item.selected) parts = [/*#__PURE__*/React.createElement("g", {
379
+ if (item.selected) parts = [/*#__PURE__*/_react["default"].createElement("g", {
376
380
  key: 0,
377
381
  "data-element-root": true,
378
382
  "data-prototype": item.prototype,
@@ -383,7 +387,7 @@ export default function Item(_ref, _ref2) {
383
387
  style: {
384
388
  cursor: 'w-resize'
385
389
  }
386
- }, /*#__PURE__*/React.createElement("image", {
390
+ }, /*#__PURE__*/_react["default"].createElement("image", {
387
391
  href: clockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
388
392
  style: {
389
393
  transform: "scale(-1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
@@ -395,9 +399,9 @@ export default function Item(_ref, _ref2) {
395
399
  setAntiClockRotateState(false);
396
400
  },
397
401
  onMouseLeave: function onMouseLeave() {
398
- return setClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
402
+ return setClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
399
403
  }
400
- }), /*#__PURE__*/React.createElement("image", {
404
+ }), /*#__PURE__*/_react["default"].createElement("image", {
401
405
  href: antiClockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
402
406
  style: {
403
407
  transform: "scale(1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
@@ -409,9 +413,9 @@ export default function Item(_ref, _ref2) {
409
413
  setClockRotateState(false);
410
414
  },
411
415
  onMouseLeave: function onMouseLeave() {
412
- return setAntiClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
416
+ return setAntiClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
413
417
  }
414
- })), /*#__PURE__*/React.createElement("g", {
418
+ })), /*#__PURE__*/_react["default"].createElement("g", {
415
419
  key: 1
416
420
  // transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2 + 40})`}
417
421
  ,
@@ -425,20 +429,20 @@ export default function Item(_ref, _ref2) {
425
429
  "data-selected": item.selected,
426
430
  "data-layer": layer.id,
427
431
  "data-part": "duplicate"
428
- }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
432
+ }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
429
433
  id: "shadow"
430
- }, /*#__PURE__*/React.createElement("feDropShadow", {
434
+ }, /*#__PURE__*/_react["default"].createElement("feDropShadow", {
431
435
  dx: "0",
432
436
  dy: "0",
433
437
  stdDeviation: "0.6"
434
- }))), /*#__PURE__*/React.createElement("rect", {
438
+ }))), /*#__PURE__*/_react["default"].createElement("rect", {
435
439
  rx: "4",
436
440
  ry: "4",
437
441
  height: "22",
438
442
  width: "22",
439
443
  fill: "white",
440
444
  filter: "url(#shadow)"
441
- }), /*#__PURE__*/React.createElement("image", {
445
+ }), /*#__PURE__*/_react["default"].createElement("image", {
442
446
  href: "/assets/img/svg/duplicate.svg",
443
447
  x: "3",
444
448
  y: "-19",
@@ -447,7 +451,7 @@ export default function Item(_ref, _ref2) {
447
451
  style: {
448
452
  transform: 'rotateX(180deg)'
449
453
  }
450
- })), /*#__PURE__*/React.createElement("g", {
454
+ })), /*#__PURE__*/_react["default"].createElement("g", {
451
455
  key: 2
452
456
  // transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2})`}
453
457
  ,
@@ -461,14 +465,14 @@ export default function Item(_ref, _ref2) {
461
465
  "data-selected": item.selected,
462
466
  "data-layer": layer.id,
463
467
  "data-part": "remove"
464
- }, /*#__PURE__*/React.createElement("rect", {
468
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
465
469
  rx: "4",
466
470
  ry: "4",
467
471
  height: "22",
468
472
  width: "22",
469
473
  fill: "white",
470
474
  filter: "url(#shadow)"
471
- }), /*#__PURE__*/React.createElement("image", {
475
+ }), /*#__PURE__*/_react["default"].createElement("image", {
472
476
  href: "/assets/img/svg/delete.svg",
473
477
  x: "3",
474
478
  y: "-19",
@@ -478,8 +482,8 @@ export default function Item(_ref, _ref2) {
478
482
  transform: 'rotateX(180deg)'
479
483
  }
480
484
  }))];
481
- var measure = item.layoutpos === WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
482
- return /*#__PURE__*/React.createElement("g", {
485
+ var measure = item.layoutpos === _constants.WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
486
+ return /*#__PURE__*/_react["default"].createElement("g", {
483
487
  "data-element-root": true,
484
488
  "data-prototype": item.prototype,
485
489
  "data-id": item.id,
@@ -488,7 +492,7 @@ export default function Item(_ref, _ref2) {
488
492
  style: item.selected ? {
489
493
  cursor: 'move'
490
494
  } : {}
491
- }, renderedItem, /*#__PURE__*/React.createElement("g", {
495
+ }, renderedItem, /*#__PURE__*/_react["default"].createElement("g", {
492
496
  transform: "translate(".concat(x, ",").concat(y, ") rotate(").concat(rotation, ")"),
493
497
  style: {
494
498
  cursor: 'initial'
@@ -496,11 +500,11 @@ export default function Item(_ref, _ref2) {
496
500
  }, measure ? renderedRuler : null, parts, warning_buttons));
497
501
  }
498
502
  Item.propTypes = {
499
- item: PropTypes.object.isRequired,
500
- layer: PropTypes.object.isRequired,
501
- scene: PropTypes.object.isRequired,
502
- catalog: PropTypes.object.isRequired
503
+ item: _propTypes["default"].object.isRequired,
504
+ layer: _propTypes["default"].object.isRequired,
505
+ scene: _propTypes["default"].object.isRequired,
506
+ catalog: _propTypes["default"].object.isRequired
503
507
  };
504
508
  Item.contextTypes = {
505
- itemsActions: PropTypes.object.isRequired
509
+ itemsActions: _propTypes["default"].object.isRequired
506
510
  };
@@ -1,9 +1,12 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Line, Area, Vertex, Item, Group } from "./export";
4
- import { GeometryUtils } from "../../utils/export";
5
- import { MODE_DRAWING_LINE, WALL_CABINET_LAYOUTPOS } from "../../constants";
6
- import { returnReplaceableDeepSearchType } from "./utils";
1
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
2
+ exports.__esModule = true;
3
+ exports["default"] = Layer;
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _propTypes = _interopRequireDefault(require("prop-types"));
6
+ var _export = require("./export");
7
+ var _export2 = require("../../utils/export");
8
+ var _constants = require("../../constants");
9
+ var _utils = require("./utils");
7
10
  var STYLE = {
8
11
  stroke: '#494949',
9
12
  strokeWidth: 1,
@@ -26,7 +29,7 @@ var HINT_STYLE_TEXT = {
26
29
  fontWeight: 'bold',
27
30
  fill: '1a75ff'
28
31
  };
29
- export default function Layer(_ref) {
32
+ function Layer(_ref) {
30
33
  var layer = _ref.layer,
31
34
  scene = _ref.scene,
32
35
  catalog = _ref.catalog,
@@ -44,8 +47,8 @@ export default function Layer(_ref) {
44
47
  opacity = layer.opacity;
45
48
  var allLines;
46
49
  var allLineRects;
47
- allLines = GeometryUtils.getAllLines(layer);
48
- allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
50
+ allLines = _export2.GeometryUtils.getAllLines(layer);
51
+ allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, allLines);
49
52
  var hintVertex = {
50
53
  x: 0,
51
54
  y: 0
@@ -76,7 +79,7 @@ export default function Layer(_ref) {
76
79
  items.valueSeq().filter(function (a) {
77
80
  return a.selected === true;
78
81
  }).forEach(function (item) {
79
- itemSelected.push(/*#__PURE__*/React.createElement(Item, {
82
+ itemSelected.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
80
83
  key: item.id,
81
84
  layer: layer,
82
85
  item: item,
@@ -86,8 +89,8 @@ export default function Layer(_ref) {
86
89
  }));
87
90
  });
88
91
  items.valueSeq().forEach(function (item) {
89
- if (item.layoutpos !== WALL_CABINET_LAYOUTPOS) {
90
- if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[returnReplaceableDeepSearchType(item.type)]) itemData.push(/*#__PURE__*/React.createElement(Item, {
92
+ if (item.layoutpos !== _constants.WALL_CABINET_LAYOUTPOS) {
93
+ if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)]) itemData.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
91
94
  key: item.id,
92
95
  layer: layer,
93
96
  item: item,
@@ -101,8 +104,8 @@ export default function Layer(_ref) {
101
104
  items.valueSeq().filter(function (a) {
102
105
  return a.selected === false;
103
106
  }).forEach(function (item) {
104
- if (item.layoutpos === WALL_CABINET_LAYOUTPOS) {
105
- if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[returnReplaceableDeepSearchType(item.type)]) itemWall.push(/*#__PURE__*/React.createElement(Item, {
107
+ if (item.layoutpos === _constants.WALL_CABINET_LAYOUTPOS) {
108
+ if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)]) itemWall.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
106
109
  key: item.id,
107
110
  layer: layer,
108
111
  item: item,
@@ -117,7 +120,7 @@ export default function Layer(_ref) {
117
120
  lines.sort(function compare(a, b) {
118
121
  return a.createdDateTime - b.createdDateTime;
119
122
  }).valueSeq().forEach(function (line) {
120
- lineData.push(/*#__PURE__*/React.createElement(Line, {
123
+ lineData.push(/*#__PURE__*/_react["default"].createElement(_export.Line, {
121
124
  key: line.id,
122
125
  layer: layer,
123
126
  line: line,
@@ -127,20 +130,20 @@ export default function Layer(_ref) {
127
130
  relatedLines: relatedLines
128
131
  }));
129
132
  });
130
- return /*#__PURE__*/React.createElement("g", {
133
+ return /*#__PURE__*/_react["default"].createElement("g", {
131
134
  opacity: opacity
132
135
  }, areas.valueSeq().map(function (area) {
133
- return /*#__PURE__*/React.createElement(Area, {
136
+ return /*#__PURE__*/_react["default"].createElement(_export.Area, {
134
137
  key: area.id,
135
138
  layer: layer,
136
139
  area: area,
137
140
  unit: unit,
138
141
  catalog: catalog
139
142
  });
140
- }), lineData, itemData, itemWall, itemSelected, mode !== MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
143
+ }), lineData, itemData, itemWall, itemSelected, mode !== _constants.MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
141
144
  return v.selected;
142
145
  }).map(function (vertex) {
143
- return /*#__PURE__*/React.createElement(Vertex, {
146
+ return /*#__PURE__*/_react["default"].createElement(_export.Vertex, {
144
147
  key: vertex.id,
145
148
  layer: layer,
146
149
  vertex: vertex
@@ -148,7 +151,7 @@ export default function Layer(_ref) {
148
151
  }), groups.valueSeq().filter(function (g) {
149
152
  return g.hasIn(['elements', layerID]) && g.get('selected');
150
153
  }).map(function (group) {
151
- return /*#__PURE__*/React.createElement(Group, {
154
+ return /*#__PURE__*/_react["default"].createElement(_export.Group, {
152
155
  key: group.get('id'),
153
156
  layer: layer,
154
157
  group: group,
@@ -158,7 +161,7 @@ export default function Layer(_ref) {
158
161
  }));
159
162
  }
160
163
  Layer.propTypes = {
161
- layer: PropTypes.object.isRequired,
162
- scene: PropTypes.object.isRequired,
163
- catalog: PropTypes.object.isRequired
164
+ layer: _propTypes["default"].object.isRequired,
165
+ scene: _propTypes["default"].object.isRequired,
166
+ catalog: _propTypes["default"].object.isRequired
164
167
  };