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