kitchen-simulator 1.1.1-test.70 → 1.1.1-test.71
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.
- package/es/@history.js +2 -8
- package/es/AppContext.js +3 -8
- package/es/KitchenConfigurator.js +70 -77
- package/es/KitchenConfiguratorApp.js +98 -105
- package/es/actions/area-actions.js +5 -10
- package/es/actions/export.js +12 -27
- package/es/actions/groups-actions.js +27 -43
- package/es/actions/holes-actions.js +34 -53
- package/es/actions/items-actions.js +94 -143
- package/es/actions/lines-actions.js +21 -34
- package/es/actions/project-actions.js +94 -143
- package/es/actions/scene-actions.js +11 -19
- package/es/actions/vertices-actions.js +7 -13
- package/es/actions/viewer2d-actions.js +21 -34
- package/es/actions/viewer3d-actions.js +9 -16
- package/es/catalog/areas/area/planner-element.js +2 -7
- package/es/catalog/catalog.js +15 -19
- package/es/catalog/factories/area-factory-3d.js +22 -29
- package/es/catalog/factories/area-factory.js +11 -18
- package/es/catalog/factories/export.js +6 -12
- package/es/catalog/factories/wall-factory-3d.js +31 -39
- package/es/catalog/factories/wall-factory.js +21 -29
- package/es/catalog/holes/door-closet/planner-element.js +15 -22
- package/es/catalog/holes/door-double/planner-element.js +15 -22
- package/es/catalog/holes/door-exterior/planner-element.js +16 -23
- package/es/catalog/holes/door-interior/planner-element.js +16 -23
- package/es/catalog/holes/door-panic/planner-element.js +7 -14
- package/es/catalog/holes/door-panic-double/planner-element.js +15 -22
- package/es/catalog/holes/door-sliding/planner-element.js +16 -23
- package/es/catalog/holes/doorway-framed/planner-element.js +11 -18
- package/es/catalog/holes/doorway-frameless/planner-element.js +7 -14
- package/es/catalog/holes/export.js +13 -31
- package/es/catalog/holes/window-clear/planner-element.js +10 -17
- package/es/catalog/holes/window-cross/planner-element.js +10 -17
- package/es/catalog/holes/window-double-hung/planner-element.js +10 -17
- package/es/catalog/holes/window-vertical/planner-element.js +10 -17
- package/es/catalog/lines/wall/planner-element.js +2 -7
- package/es/catalog/molding/molding-dcm/planner-element.js +5 -12
- package/es/catalog/molding/molding-fbm/planner-element.js +5 -12
- package/es/catalog/molding/molding-lrm/planner-element.js +5 -12
- package/es/catalog/properties/export.js +20 -33
- package/es/catalog/properties/property-checkbox.js +24 -29
- package/es/catalog/properties/property-color.js +16 -21
- package/es/catalog/properties/property-enum.js +24 -29
- package/es/catalog/properties/property-hidden.js +9 -14
- package/es/catalog/properties/property-lenght-measure.js +38 -43
- package/es/catalog/properties/property-length-measure.js +36 -41
- package/es/catalog/properties/property-length-measure_hole.js +38 -43
- package/es/catalog/properties/property-number.js +17 -22
- package/es/catalog/properties/property-read-only.js +16 -21
- package/es/catalog/properties/property-string.js +16 -21
- package/es/catalog/properties/property-toggle.js +16 -21
- package/es/catalog/properties/shared-property-style.js +1 -5
- package/es/catalog/utils/FuseUtils.js +8 -13
- package/es/catalog/utils/exporter.js +8 -13
- package/es/catalog/utils/geom-utils.js +13 -27
- package/es/catalog/utils/item-loader.js +84 -95
- package/es/catalog/utils/load-obj.js +20 -26
- package/es/catalog/utils/mtl-loader.js +3 -6
- package/es/catalog/utils/obj-loader.js +3 -6
- package/es/class/FuseUtils.js +8 -13
- package/es/class/area.js +22 -26
- package/es/class/export.js +23 -38
- package/es/class/group.js +53 -57
- package/es/class/guide.js +15 -19
- package/es/class/hole.js +83 -87
- package/es/class/item.js +141 -145
- package/es/class/layer.js +59 -63
- package/es/class/line.js +135 -141
- package/es/class/project.js +90 -96
- package/es/class/vertex.js +29 -33
- package/es/components/content.js +19 -26
- package/es/components/disclaimer/disclaimer.js +10 -16
- package/es/components/export.js +8 -15
- package/es/components/style/button.js +23 -29
- package/es/components/style/cancel-button.js +7 -12
- package/es/components/style/content-container.js +9 -14
- package/es/components/style/content-title.js +11 -18
- package/es/components/style/delete-button.js +8 -15
- package/es/components/style/export.js +30 -48
- package/es/components/style/form-block.js +8 -13
- package/es/components/style/form-color-input.js +7 -12
- package/es/components/style/form-label.js +8 -13
- package/es/components/style/form-number-input.js +41 -47
- package/es/components/style/form-number-input_2.js +36 -42
- package/es/components/style/form-select.js +17 -22
- package/es/components/style/form-slider.js +10 -15
- package/es/components/style/form-submit-button.js +8 -15
- package/es/components/style/form-text-input.js +26 -32
- package/es/components/viewer2d/area.js +17 -22
- package/es/components/viewer2d/export.js +30 -48
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +10 -15
- package/es/components/viewer2d/grids/grid-streak.js +10 -15
- package/es/components/viewer2d/grids/grid-vertical-streak.js +10 -15
- package/es/components/viewer2d/grids/grids.js +10 -17
- package/es/components/viewer2d/group.js +15 -22
- package/es/components/viewer2d/item.js +61 -68
- package/es/components/viewer2d/layer.js +23 -28
- package/es/components/viewer2d/line.js +101 -109
- package/es/components/viewer2d/ruler.js +22 -27
- package/es/components/viewer2d/rulerDist.js +21 -26
- package/es/components/viewer2d/rulerX.js +39 -45
- package/es/components/viewer2d/rulerY.js +37 -43
- package/es/components/viewer2d/scene.js +30 -36
- package/es/components/viewer2d/snap.js +13 -20
- package/es/components/viewer2d/state.js +18 -25
- package/es/components/viewer2d/utils.js +24 -35
- package/es/components/viewer2d/vertex.js +8 -15
- package/es/components/viewer2d/viewer2d.js +153 -161
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +17 -21
- package/es/components/viewer3d/dcm.js +1 -5
- package/es/components/viewer3d/fbm.js +1 -5
- package/es/components/viewer3d/front3D.js +12 -19
- package/es/components/viewer3d/grid-creator.js +8 -15
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +6 -12
- package/es/components/viewer3d/grids/grid-streak.js +5 -11
- package/es/components/viewer3d/grids/grid-vertical-streak.js +6 -12
- package/es/components/viewer3d/libs/first-person-controls.js +2 -7
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +1 -5
- package/es/components/viewer3d/libs/mtl-loader.js +1 -5
- package/es/components/viewer3d/libs/obj-loader.js +1 -5
- package/es/components/viewer3d/libs/orbit-controls.js +2 -6
- package/es/components/viewer3d/libs/pointer-lock-controls.js +2 -6
- package/es/components/viewer3d/lrm.js +1 -5
- package/es/components/viewer3d/model.js +1 -5
- package/es/components/viewer3d/pointer-lock-navigation.js +3 -8
- package/es/components/viewer3d/ruler-utils/itemRect.js +18 -23
- package/es/components/viewer3d/ruler-utils/layer3D.js +59 -64
- package/es/components/viewer3d/ruler-utils/ruler3D.js +39 -44
- package/es/components/viewer3d/ruler-utils/scene3D.js +9 -15
- package/es/components/viewer3d/ruler-utils/state3D.js +4 -9
- package/es/components/viewer3d/scene-creator.js +191 -224
- package/es/components/viewer3d/three-memory-cleaner.js +3 -10
- package/es/components/viewer3d/viewer3d-first-person.js +40 -44
- package/es/components/viewer3d/viewer3d.js +196 -200
- package/es/constants.js +349 -356
- package/es/index.js +7 -13
- package/es/models.js +177 -182
- package/es/plugins/SVGLoader.js +48 -51
- package/es/plugins/autosave.js +3 -7
- package/es/plugins/console-debugger.js +5 -10
- package/es/plugins/export.js +8 -15
- package/es/plugins/keyboard.js +29 -33
- package/es/reducers/areas-reducer.js +7 -11
- package/es/reducers/export.js +24 -39
- package/es/reducers/groups-reducer.js +31 -35
- package/es/reducers/holes-reducer.js +43 -47
- package/es/reducers/items-reducer.js +106 -110
- package/es/reducers/lines-reducer.js +28 -32
- package/es/reducers/project-reducer.js +105 -109
- package/es/reducers/reducer.js +16 -21
- package/es/reducers/scene-reducer.js +15 -19
- package/es/reducers/user-reducer.js +5 -9
- package/es/reducers/vertices-reducer.js +11 -15
- package/es/reducers/viewer2d-reducer.js +18 -22
- package/es/reducers/viewer3d-reducer.js +16 -20
- package/es/shared-style.js +10 -14
- package/es/styles/export.js +3 -9
- package/es/translator/en.js +1 -5
- package/es/translator/it.js +1 -5
- package/es/translator/ru.js +1 -5
- package/es/translator/translator.js +13 -17
- package/es/utils/browser.js +2 -7
- package/es/utils/convert-units-lite.js +1 -5
- package/es/utils/email-validator.js +1 -5
- package/es/utils/export.js +15 -32
- package/es/utils/geometry.js +181 -276
- package/es/utils/get-edges-of-subgraphs.js +2 -7
- package/es/utils/graph-cycles.js +8 -9
- package/es/utils/graph-inner-cycles.js +10 -16
- package/es/utils/graph.js +9 -15
- package/es/utils/helper.js +39 -61
- package/es/utils/history.js +8 -13
- package/es/utils/id-broker.js +8 -13
- package/es/utils/logger.js +1 -5
- package/es/utils/math.js +5 -10
- package/es/utils/molding.js +119 -142
- package/es/utils/name-generator.js +7 -11
- package/es/utils/objects-utils.js +7 -17
- package/es/utils/phone-validator.js +1 -5
- package/es/utils/process-black-list.js +3 -8
- package/es/utils/react-if.js +6 -10
- package/es/utils/snap-scene.js +27 -32
- package/es/utils/snap.js +45 -57
- package/es/utils/summarizeCart.js +1 -5
- package/es/utils/threeCSG.es6.js +13 -20
- package/es/version.js +1 -5
- package/package.json +1 -1
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _polylabel = _interopRequireDefault(require("polylabel"));
|
|
9
|
-
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
10
|
-
var _math = require("../../utils/math");
|
|
11
|
-
var _constants = require("../../constants");
|
|
12
|
-
var _utils = require("./utils");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import polylabel from 'polylabel';
|
|
4
|
+
import { convert } from "../../utils/convert-units-lite";
|
|
5
|
+
import { formatNumber } from "../../utils/math";
|
|
6
|
+
import { DECIMAL_PLACES_2 } from "../../constants";
|
|
7
|
+
import { areaPolygon } from "./utils";
|
|
13
8
|
var STYLE_TEXT = {
|
|
14
9
|
textAnchor: 'middle',
|
|
15
10
|
fontSize: '12px',
|
|
@@ -23,7 +18,7 @@ var STYLE_TEXT = {
|
|
|
23
18
|
MsUserSelect: 'none' /* Internet Explorer/Edge */,
|
|
24
19
|
userSelect: 'none'
|
|
25
20
|
};
|
|
26
|
-
function Area(_ref) {
|
|
21
|
+
export default function Area(_ref) {
|
|
27
22
|
var layer = _ref.layer,
|
|
28
23
|
area = _ref.area,
|
|
29
24
|
catalog = _ref.catalog;
|
|
@@ -48,8 +43,8 @@ function Area(_ref) {
|
|
|
48
43
|
});
|
|
49
44
|
polygonWithHoles = polygonWithHoles.concat(polygonHole.reverse());
|
|
50
45
|
});
|
|
51
|
-
var center = (
|
|
52
|
-
var areaSize =
|
|
46
|
+
var center = polylabel([polygonWithHoles], 1.0);
|
|
47
|
+
var areaSize = areaPolygon(polygon, false);
|
|
53
48
|
//subtract holes area
|
|
54
49
|
area.holes.forEach(function (areaID) {
|
|
55
50
|
var hole = layer.areas.get(areaID);
|
|
@@ -59,16 +54,16 @@ function Area(_ref) {
|
|
|
59
54
|
y = _layer$vertices$get3.y;
|
|
60
55
|
return [x, y];
|
|
61
56
|
});
|
|
62
|
-
areaSize -=
|
|
57
|
+
areaSize -= areaPolygon(holePolygon, false);
|
|
63
58
|
});
|
|
64
|
-
renderedAreaSize = /*#__PURE__*/
|
|
59
|
+
renderedAreaSize = /*#__PURE__*/React.createElement("text", {
|
|
65
60
|
x: "0",
|
|
66
61
|
y: "0",
|
|
67
62
|
transform: "translate(".concat(center[0], " ").concat(center[1], ") scale(1, -1)"),
|
|
68
63
|
style: STYLE_TEXT
|
|
69
|
-
},
|
|
64
|
+
}, formatNumber(convert(areaSize).from('cm2').to('ft2'), DECIMAL_PLACES_2), ' ', "ft", String.fromCharCode(0xb2));
|
|
70
65
|
}
|
|
71
|
-
return /*#__PURE__*/
|
|
66
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
72
67
|
"data-element-root": true,
|
|
73
68
|
"data-prototype": area.prototype,
|
|
74
69
|
"data-id": area.id,
|
|
@@ -80,7 +75,7 @@ function Area(_ref) {
|
|
|
80
75
|
}, rendered, renderedAreaSize);
|
|
81
76
|
}
|
|
82
77
|
Area.propTypes = {
|
|
83
|
-
area:
|
|
84
|
-
layer:
|
|
85
|
-
catalog:
|
|
78
|
+
area: PropTypes.object.isRequired,
|
|
79
|
+
layer: PropTypes.object.isRequired,
|
|
80
|
+
catalog: PropTypes.object.isRequired
|
|
86
81
|
};
|
|
@@ -1,49 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
exports.RulerX = _rulerX["default"];
|
|
32
|
-
var _rulerY = _interopRequireDefault(require("./rulerY"));
|
|
33
|
-
exports.RulerY = _rulerY["default"];
|
|
34
|
-
var _default = exports["default"] = {
|
|
35
|
-
Viewer2D: _viewer2d["default"],
|
|
36
|
-
Vertex: _vertex["default"],
|
|
37
|
-
State: _state["default"],
|
|
38
|
-
Snap: _snap["default"],
|
|
39
|
-
Scene: _scene["default"],
|
|
40
|
-
Ruler: _ruler["default"],
|
|
41
|
-
Line: _line["default"],
|
|
42
|
-
Layer: _layer["default"],
|
|
43
|
-
Item: _item["default"],
|
|
44
|
-
Area: _area["default"],
|
|
45
|
-
Grids: _grids["default"],
|
|
46
|
-
Group: _group["default"],
|
|
47
|
-
RulerX: _rulerX["default"],
|
|
48
|
-
RulerY: _rulerY["default"]
|
|
1
|
+
import Viewer2D from "./viewer2d";
|
|
2
|
+
import Vertex from "./vertex";
|
|
3
|
+
import State from "./state";
|
|
4
|
+
import Snap from "./snap";
|
|
5
|
+
import Scene from "./scene";
|
|
6
|
+
import Ruler from "./ruler";
|
|
7
|
+
import Line from "./line";
|
|
8
|
+
import Layer from "./layer";
|
|
9
|
+
import Item from "./item";
|
|
10
|
+
import Area from "./area";
|
|
11
|
+
import Grids from "./grids/grids";
|
|
12
|
+
import Group from "./group";
|
|
13
|
+
import RulerX from "./rulerX";
|
|
14
|
+
import RulerY from "./rulerY";
|
|
15
|
+
export { Viewer2D, Vertex, State, Snap, Scene, Ruler, Line, Layer, Item, Area, Grids, Group, RulerX, RulerY };
|
|
16
|
+
export default {
|
|
17
|
+
Viewer2D: Viewer2D,
|
|
18
|
+
Vertex: Vertex,
|
|
19
|
+
State: State,
|
|
20
|
+
Snap: Snap,
|
|
21
|
+
Scene: Scene,
|
|
22
|
+
Ruler: Ruler,
|
|
23
|
+
Line: Line,
|
|
24
|
+
Layer: Layer,
|
|
25
|
+
Item: Item,
|
|
26
|
+
Area: Area,
|
|
27
|
+
Grids: Grids,
|
|
28
|
+
Group: Group,
|
|
29
|
+
RulerX: RulerX,
|
|
30
|
+
RulerY: RulerY
|
|
49
31
|
};
|
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports["default"] = GridHorizontalStreak;
|
|
6
|
-
var _react = _interopRequireDefault(require("react"));
|
|
7
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
-
var _immutable = require("immutable");
|
|
9
|
-
function GridHorizontalStreak(_ref) {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { List } from 'immutable';
|
|
4
|
+
export default function GridHorizontalStreak(_ref) {
|
|
10
5
|
var width = _ref.width,
|
|
11
6
|
height = _ref.height,
|
|
12
7
|
grid = _ref.grid;
|
|
13
8
|
var step = grid.properties.get('step');
|
|
14
9
|
var colors;
|
|
15
10
|
if (grid.properties.has('color')) {
|
|
16
|
-
colors = new
|
|
11
|
+
colors = new List([grid.properties.get('color')]);
|
|
17
12
|
} else {
|
|
18
13
|
colors = grid.properties.get('colors');
|
|
19
14
|
}
|
|
@@ -22,7 +17,7 @@ function GridHorizontalStreak(_ref) {
|
|
|
22
17
|
for (var y = 0; y <= height; y += step) {
|
|
23
18
|
var color = colors.get(i % colors.size);
|
|
24
19
|
i++;
|
|
25
|
-
rendered.push(/*#__PURE__*/
|
|
20
|
+
rendered.push(/*#__PURE__*/React.createElement("line", {
|
|
26
21
|
key: y,
|
|
27
22
|
x1: "0",
|
|
28
23
|
y1: y,
|
|
@@ -32,10 +27,10 @@ function GridHorizontalStreak(_ref) {
|
|
|
32
27
|
stroke: color
|
|
33
28
|
}));
|
|
34
29
|
}
|
|
35
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement("g", null, rendered);
|
|
36
31
|
}
|
|
37
32
|
GridHorizontalStreak.propTypes = {
|
|
38
|
-
width:
|
|
39
|
-
height:
|
|
40
|
-
grid:
|
|
33
|
+
width: PropTypes.number.isRequired,
|
|
34
|
+
height: PropTypes.number.isRequired,
|
|
35
|
+
grid: PropTypes.object.isRequired
|
|
41
36
|
};
|
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports["default"] = GridStreak;
|
|
6
|
-
var _react = _interopRequireDefault(require("react"));
|
|
7
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
-
var _immutable = require("immutable");
|
|
9
|
-
function GridStreak(_ref) {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { List } from 'immutable';
|
|
4
|
+
export default function GridStreak(_ref) {
|
|
10
5
|
var width = _ref.width,
|
|
11
6
|
height = _ref.height,
|
|
12
7
|
grid = _ref.grid;
|
|
13
8
|
var step = grid.properties.get('step');
|
|
14
9
|
var colors;
|
|
15
10
|
if (grid.properties.has('color')) {
|
|
16
|
-
colors = new
|
|
11
|
+
colors = new List([grid.properties.get('color')]);
|
|
17
12
|
} else {
|
|
18
13
|
colors = grid.properties.get('colors');
|
|
19
14
|
}
|
|
@@ -23,7 +18,7 @@ function GridStreak(_ref) {
|
|
|
23
18
|
for (var x = 0; x <= width; x += step) {
|
|
24
19
|
var color = colors.get(i % colors.size);
|
|
25
20
|
i++;
|
|
26
|
-
rendered.push(/*#__PURE__*/
|
|
21
|
+
rendered.push(/*#__PURE__*/React.createElement("circle", {
|
|
27
22
|
key: i,
|
|
28
23
|
cx: x,
|
|
29
24
|
cy: y,
|
|
@@ -32,10 +27,10 @@ function GridStreak(_ref) {
|
|
|
32
27
|
}));
|
|
33
28
|
}
|
|
34
29
|
}
|
|
35
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement("g", null, rendered);
|
|
36
31
|
}
|
|
37
32
|
GridStreak.propTypes = {
|
|
38
|
-
width:
|
|
39
|
-
height:
|
|
40
|
-
grid:
|
|
33
|
+
width: PropTypes.number.isRequired,
|
|
34
|
+
height: PropTypes.number.isRequired,
|
|
35
|
+
grid: PropTypes.object.isRequired
|
|
41
36
|
};
|
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports["default"] = GridVerticalStreak;
|
|
6
|
-
var _react = _interopRequireDefault(require("react"));
|
|
7
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
-
var _immutable = require("immutable");
|
|
9
|
-
function GridVerticalStreak(_ref) {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { List } from 'immutable';
|
|
4
|
+
export default function GridVerticalStreak(_ref) {
|
|
10
5
|
var width = _ref.width,
|
|
11
6
|
height = _ref.height,
|
|
12
7
|
grid = _ref.grid;
|
|
13
8
|
var step = grid.properties.get('step');
|
|
14
9
|
var colors;
|
|
15
10
|
if (grid.properties.has('color')) {
|
|
16
|
-
colors = new
|
|
11
|
+
colors = new List([grid.properties.get('color')]);
|
|
17
12
|
} else {
|
|
18
13
|
colors = grid.properties.get('colors');
|
|
19
14
|
}
|
|
@@ -22,7 +17,7 @@ function GridVerticalStreak(_ref) {
|
|
|
22
17
|
for (var x = 0; x <= width; x += step) {
|
|
23
18
|
var color = colors.get(i % colors.size);
|
|
24
19
|
i++;
|
|
25
|
-
rendered.push(/*#__PURE__*/
|
|
20
|
+
rendered.push(/*#__PURE__*/React.createElement("line", {
|
|
26
21
|
key: x,
|
|
27
22
|
x1: x,
|
|
28
23
|
y1: "0",
|
|
@@ -32,10 +27,10 @@ function GridVerticalStreak(_ref) {
|
|
|
32
27
|
stroke: color
|
|
33
28
|
}));
|
|
34
29
|
}
|
|
35
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement("g", null, rendered);
|
|
36
31
|
}
|
|
37
32
|
GridVerticalStreak.propTypes = {
|
|
38
|
-
width:
|
|
39
|
-
height:
|
|
40
|
-
grid:
|
|
33
|
+
width: PropTypes.number.isRequired,
|
|
34
|
+
height: PropTypes.number.isRequired,
|
|
35
|
+
grid: PropTypes.object.isRequired
|
|
41
36
|
};
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _gridStreak = _interopRequireDefault(require("./grid-streak"));
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import React, { memo } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import GridStreak from "./grid-streak";
|
|
12
5
|
var propsAreEqual = function propsAreEqual(oldScene, newScene) {
|
|
13
6
|
return oldScene.scene.width === newScene.scene.width && oldScene.scene.height === newScene.scene.height && oldScene.scene.grids === newScene.scene.grids;
|
|
14
7
|
};
|
|
@@ -18,20 +11,20 @@ var drawGrid = function drawGrid(_ref) {
|
|
|
18
11
|
height = scene.height,
|
|
19
12
|
grids = scene.grids;
|
|
20
13
|
var renderedGrids = grids.entrySeq().map(function (_ref2) {
|
|
21
|
-
var _ref3 = (
|
|
14
|
+
var _ref3 = _slicedToArray(_ref2, 2),
|
|
22
15
|
gridID = _ref3[0],
|
|
23
16
|
grid = _ref3[1];
|
|
24
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement(GridStreak, {
|
|
25
18
|
key: gridID,
|
|
26
19
|
width: width,
|
|
27
20
|
height: height,
|
|
28
21
|
grid: grid
|
|
29
22
|
});
|
|
30
23
|
}).toList();
|
|
31
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/React.createElement("g", null, renderedGrids);
|
|
32
25
|
};
|
|
33
|
-
var Grids = /*#__PURE__*/
|
|
26
|
+
var Grids = /*#__PURE__*/memo(drawGrid, propsAreEqual);
|
|
34
27
|
Grids.propTypes = {
|
|
35
|
-
scene:
|
|
28
|
+
scene: PropTypes.object.isRequired
|
|
36
29
|
};
|
|
37
|
-
|
|
30
|
+
export default Grids;
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = Group;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _reactIf = _interopRequireDefault(require("../../utils/react-if"));
|
|
10
|
-
var sharedStyles = _interopRequireWildcard(require("../../shared-style"));
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import If from "../../utils/react-if";
|
|
4
|
+
import * as sharedStyles from "../../shared-style";
|
|
12
5
|
var cx = 0;
|
|
13
6
|
var cy = 0;
|
|
14
7
|
var radius = 5;
|
|
@@ -17,13 +10,13 @@ var STYLE_CIRCLE = {
|
|
|
17
10
|
stroke: sharedStyles.MATERIAL_COLORS[500].orange,
|
|
18
11
|
cursor: 'default'
|
|
19
12
|
};
|
|
20
|
-
function Group(_ref, _ref2) {
|
|
13
|
+
export default function Group(_ref, _ref2) {
|
|
21
14
|
var layer = _ref.layer,
|
|
22
15
|
group = _ref.group,
|
|
23
16
|
scene = _ref.scene,
|
|
24
17
|
catalog = _ref.catalog;
|
|
25
18
|
var translator = _ref2.translator;
|
|
26
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
27
20
|
"data-element-root": true,
|
|
28
21
|
"data-prototype": group.prototype,
|
|
29
22
|
"data-id": group.id,
|
|
@@ -33,28 +26,28 @@ function Group(_ref, _ref2) {
|
|
|
33
26
|
cursor: 'move'
|
|
34
27
|
} : {},
|
|
35
28
|
transform: "translate(".concat(group.x, ",").concat(group.y, ") rotate(").concat(group.rotation, ")")
|
|
36
|
-
}, /*#__PURE__*/
|
|
29
|
+
}, /*#__PURE__*/React.createElement(If, {
|
|
37
30
|
condition: group.selected
|
|
38
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
39
32
|
"data-element-root": true,
|
|
40
33
|
"data-prototype": group.prototype,
|
|
41
34
|
"data-id": group.id,
|
|
42
35
|
"data-selected": group.selected,
|
|
43
36
|
"data-layer": layer.id,
|
|
44
37
|
"data-part": "rotation-anchor"
|
|
45
|
-
}, /*#__PURE__*/
|
|
38
|
+
}, /*#__PURE__*/React.createElement("circle", {
|
|
46
39
|
cx: cx,
|
|
47
40
|
cy: cy,
|
|
48
41
|
r: radius,
|
|
49
42
|
style: STYLE_CIRCLE
|
|
50
|
-
}, /*#__PURE__*/
|
|
43
|
+
}, /*#__PURE__*/React.createElement("title", null, translator.t("Group's Barycenter"))))));
|
|
51
44
|
}
|
|
52
45
|
Group.propTypes = {
|
|
53
|
-
group:
|
|
54
|
-
layer:
|
|
55
|
-
scene:
|
|
56
|
-
catalog:
|
|
46
|
+
group: PropTypes.object.isRequired,
|
|
47
|
+
layer: PropTypes.object.isRequired,
|
|
48
|
+
scene: PropTypes.object.isRequired,
|
|
49
|
+
catalog: PropTypes.object.isRequired
|
|
57
50
|
};
|
|
58
51
|
Group.contextTypes = {
|
|
59
|
-
translator:
|
|
52
|
+
translator: PropTypes.object.isRequired
|
|
60
53
|
};
|