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