kitchen-simulator 1.1.1-test.61 → 1.1.1-test.63
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 -10
- package/es/AppContext.js +3 -10
- package/es/KitchenConfigurator.js +70 -79
- package/es/KitchenConfiguratorApp.js +98 -107
- package/es/actions/area-actions.js +5 -12
- package/es/actions/export.js +12 -29
- package/es/actions/groups-actions.js +27 -45
- package/es/actions/holes-actions.js +34 -55
- package/es/actions/items-actions.js +94 -145
- package/es/actions/lines-actions.js +21 -36
- package/es/actions/project-actions.js +94 -145
- package/es/actions/scene-actions.js +11 -21
- package/es/actions/vertices-actions.js +7 -15
- package/es/actions/viewer2d-actions.js +21 -36
- package/es/actions/viewer3d-actions.js +9 -18
- package/es/catalog/areas/area/planner-element.js +2 -9
- package/es/catalog/catalog.js +15 -21
- package/es/catalog/factories/area-factory-3d.js +22 -31
- package/es/catalog/factories/area-factory.js +11 -20
- package/es/catalog/factories/export.js +6 -24
- package/es/catalog/factories/wall-factory-3d.js +31 -41
- package/es/catalog/factories/wall-factory.js +21 -31
- package/es/catalog/holes/door-closet/planner-element.js +15 -24
- package/es/catalog/holes/door-double/planner-element.js +15 -24
- package/es/catalog/holes/door-exterior/planner-element.js +16 -25
- package/es/catalog/holes/door-interior/planner-element.js +16 -25
- package/es/catalog/holes/door-panic/planner-element.js +7 -16
- package/es/catalog/holes/door-panic-double/planner-element.js +15 -24
- package/es/catalog/holes/door-sliding/planner-element.js +16 -25
- package/es/catalog/holes/doorway-framed/planner-element.js +11 -20
- package/es/catalog/holes/doorway-frameless/planner-element.js +7 -16
- package/es/catalog/holes/export.js +13 -97
- package/es/catalog/holes/window-clear/planner-element.js +10 -19
- package/es/catalog/holes/window-cross/planner-element.js +10 -19
- package/es/catalog/holes/window-double-hung/planner-element.js +10 -19
- package/es/catalog/holes/window-vertical/planner-element.js +10 -19
- package/es/catalog/lines/wall/planner-element.js +2 -9
- package/es/catalog/molding/molding-dcm/planner-element.js +5 -14
- package/es/catalog/molding/molding-fbm/planner-element.js +5 -14
- package/es/catalog/molding/molding-lrm/planner-element.js +5 -14
- package/es/catalog/properties/export.js +20 -80
- package/es/catalog/properties/property-checkbox.js +24 -31
- package/es/catalog/properties/property-color.js +16 -23
- package/es/catalog/properties/property-enum.js +24 -31
- package/es/catalog/properties/property-hidden.js +9 -16
- package/es/catalog/properties/property-lenght-measure.js +38 -45
- package/es/catalog/properties/property-length-measure.js +36 -43
- package/es/catalog/properties/property-length-measure_hole.js +38 -45
- package/es/catalog/properties/property-number.js +17 -24
- package/es/catalog/properties/property-read-only.js +16 -23
- package/es/catalog/properties/property-string.js +16 -23
- package/es/catalog/properties/property-toggle.js +16 -23
- package/es/catalog/properties/shared-property-style.js +1 -7
- package/es/catalog/utils/FuseUtils.js +8 -15
- package/es/catalog/utils/exporter.js +8 -15
- package/es/catalog/utils/geom-utils.js +13 -29
- package/es/catalog/utils/item-loader.js +84 -97
- package/es/catalog/utils/load-obj.js +20 -28
- package/es/catalog/utils/mtl-loader.js +3 -8
- package/es/catalog/utils/obj-loader.js +3 -8
- package/es/class/FuseUtils.js +8 -15
- package/es/class/area.js +22 -28
- package/es/class/export.js +23 -95
- package/es/class/group.js +53 -59
- package/es/class/guide.js +15 -21
- package/es/class/hole.js +83 -89
- package/es/class/item.js +141 -147
- package/es/class/layer.js +59 -65
- package/es/class/line.js +135 -143
- package/es/class/project.js +90 -98
- package/es/class/vertex.js +29 -35
- package/es/components/content.js +19 -28
- package/es/components/disclaimer/disclaimer.js +10 -18
- package/es/components/export.js +8 -32
- package/es/components/style/button.js +23 -31
- package/es/components/style/cancel-button.js +7 -14
- package/es/components/style/content-container.js +9 -16
- package/es/components/style/content-title.js +11 -20
- package/es/components/style/delete-button.js +8 -17
- package/es/components/style/export.js +30 -120
- package/es/components/style/form-block.js +8 -15
- package/es/components/style/form-color-input.js +7 -14
- package/es/components/style/form-label.js +8 -15
- package/es/components/style/form-number-input.js +41 -49
- package/es/components/style/form-number-input_2.js +36 -44
- package/es/components/style/form-select.js +17 -24
- package/es/components/style/form-slider.js +10 -17
- package/es/components/style/form-submit-button.js +8 -17
- package/es/components/style/form-text-input.js +26 -34
- package/es/components/viewer2d/area.js +17 -24
- package/es/components/viewer2d/export.js +30 -120
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +10 -17
- package/es/components/viewer2d/grids/grid-streak.js +10 -17
- package/es/components/viewer2d/grids/grid-vertical-streak.js +10 -17
- package/es/components/viewer2d/grids/grids.js +10 -19
- package/es/components/viewer2d/group.js +15 -24
- package/es/components/viewer2d/item.js +61 -70
- package/es/components/viewer2d/layer.js +23 -30
- package/es/components/viewer2d/line.js +101 -111
- package/es/components/viewer2d/ruler.js +22 -29
- package/es/components/viewer2d/rulerDist.js +21 -28
- package/es/components/viewer2d/rulerX.js +39 -47
- package/es/components/viewer2d/rulerY.js +37 -45
- package/es/components/viewer2d/scene.js +30 -38
- package/es/components/viewer2d/snap.js +13 -22
- package/es/components/viewer2d/state.js +18 -27
- package/es/components/viewer2d/utils.js +24 -37
- package/es/components/viewer2d/vertex.js +8 -17
- package/es/components/viewer2d/viewer2d.js +153 -163
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +17 -23
- package/es/components/viewer3d/dcm.js +1 -7
- package/es/components/viewer3d/fbm.js +1 -7
- package/es/components/viewer3d/front3D.js +12 -21
- package/es/components/viewer3d/grid-creator.js +8 -17
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +6 -14
- package/es/components/viewer3d/grids/grid-streak.js +5 -13
- package/es/components/viewer3d/grids/grid-vertical-streak.js +6 -14
- package/es/components/viewer3d/libs/first-person-controls.js +2 -9
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +1 -7
- package/es/components/viewer3d/libs/mtl-loader.js +1 -7
- package/es/components/viewer3d/libs/obj-loader.js +1 -7
- package/es/components/viewer3d/libs/orbit-controls.js +2 -8
- package/es/components/viewer3d/libs/pointer-lock-controls.js +2 -8
- package/es/components/viewer3d/lrm.js +1 -7
- package/es/components/viewer3d/model.js +1 -7
- package/es/components/viewer3d/pointer-lock-navigation.js +3 -10
- package/es/components/viewer3d/ruler-utils/itemRect.js +18 -25
- package/es/components/viewer3d/ruler-utils/layer3D.js +59 -66
- package/es/components/viewer3d/ruler-utils/ruler3D.js +39 -46
- package/es/components/viewer3d/ruler-utils/scene3D.js +9 -17
- package/es/components/viewer3d/ruler-utils/state3D.js +4 -11
- package/es/components/viewer3d/scene-creator.js +191 -226
- package/es/components/viewer3d/three-memory-cleaner.js +3 -12
- package/es/components/viewer3d/viewer3d-first-person.js +40 -46
- package/es/components/viewer3d/viewer3d.js +196 -202
- package/es/constants.js +349 -358
- package/es/index.js +8 -22
- package/es/models.js +177 -184
- package/es/plugins/SVGLoader.js +48 -53
- package/es/plugins/autosave.js +3 -9
- package/es/plugins/console-debugger.js +5 -12
- package/es/plugins/export.js +8 -32
- package/es/plugins/keyboard.js +29 -35
- package/es/reducers/areas-reducer.js +7 -13
- package/es/reducers/export.js +24 -96
- package/es/reducers/groups-reducer.js +31 -37
- package/es/reducers/holes-reducer.js +43 -49
- package/es/reducers/items-reducer.js +106 -112
- package/es/reducers/lines-reducer.js +28 -34
- package/es/reducers/project-reducer.js +105 -111
- package/es/reducers/reducer.js +16 -23
- package/es/reducers/scene-reducer.js +15 -21
- package/es/reducers/user-reducer.js +5 -11
- package/es/reducers/vertices-reducer.js +11 -17
- package/es/reducers/viewer2d-reducer.js +18 -24
- package/es/reducers/viewer3d-reducer.js +16 -22
- package/es/shared-style.js +10 -16
- package/es/styles/export.js +3 -11
- package/es/translator/en.js +1 -7
- package/es/translator/it.js +1 -7
- package/es/translator/ru.js +1 -7
- package/es/translator/translator.js +13 -19
- package/es/utils/browser.js +2 -9
- package/es/utils/convert-units-lite.js +1 -7
- package/es/utils/email-validator.js +1 -7
- package/es/utils/export.js +15 -46
- package/es/utils/geometry.js +181 -278
- package/es/utils/get-edges-of-subgraphs.js +2 -9
- package/es/utils/graph-cycles.js +8 -11
- package/es/utils/graph-inner-cycles.js +10 -18
- package/es/utils/graph.js +9 -17
- package/es/utils/helper.js +39 -63
- package/es/utils/history.js +8 -15
- package/es/utils/id-broker.js +8 -15
- package/es/utils/logger.js +1 -7
- package/es/utils/math.js +5 -12
- package/es/utils/molding.js +119 -144
- package/es/utils/name-generator.js +7 -13
- package/es/utils/objects-utils.js +7 -19
- package/es/utils/phone-validator.js +1 -7
- package/es/utils/process-black-list.js +3 -10
- package/es/utils/react-if.js +6 -12
- package/es/utils/snap-scene.js +27 -34
- package/es/utils/snap.js +45 -59
- package/es/utils/summarizeCart.js +1 -7
- package/es/utils/threeCSG.es6.js +13 -22
- package/es/version.js +1 -7
- package/lib/index.js +7 -13
- package/package.json +1 -1
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = Ruler;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
11
|
-
var _idBroker = _interopRequireDefault(require("../../utils/id-broker"));
|
|
12
|
-
var _constants = require("../../constants");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { convert } from "../../utils/convert-units-lite";
|
|
4
|
+
import IDBroker from "../../utils/id-broker";
|
|
5
|
+
import { LINE_THICKNESS, TEXT_COLOR_NEUTRAL_7 } from "../../constants";
|
|
13
6
|
var STYLE = {
|
|
14
|
-
stroke:
|
|
7
|
+
stroke: TEXT_COLOR_NEUTRAL_7,
|
|
15
8
|
strokeWidth: '1px'
|
|
16
9
|
};
|
|
17
10
|
var BACKGROUNDSTYLE = {
|
|
@@ -29,7 +22,7 @@ var STYLE_TEXT = {
|
|
|
29
22
|
MsUserSelect: 'none' /* Internet Explorer/Edge */,
|
|
30
23
|
userSelect: 'none'
|
|
31
24
|
};
|
|
32
|
-
function Ruler(_ref) {
|
|
25
|
+
export default function Ruler(_ref) {
|
|
33
26
|
var layer = _ref.layer,
|
|
34
27
|
length = _ref.length,
|
|
35
28
|
unit = _ref.unit,
|
|
@@ -42,11 +35,11 @@ function Ruler(_ref) {
|
|
|
42
35
|
if (type === 0) {
|
|
43
36
|
merged = value.merge({
|
|
44
37
|
_length: newLength,
|
|
45
|
-
length:
|
|
38
|
+
length: convert(newLength).from(unitInput).to('cm')
|
|
46
39
|
});
|
|
47
40
|
} else {
|
|
48
41
|
merged = value.merge({
|
|
49
|
-
_length:
|
|
42
|
+
_length: convert(newLength).from(UNIT_INCH).to(unitInput),
|
|
50
43
|
_unit: unitInput
|
|
51
44
|
});
|
|
52
45
|
}
|
|
@@ -59,19 +52,19 @@ function Ruler(_ref) {
|
|
|
59
52
|
};
|
|
60
53
|
// let _unit = "in";
|
|
61
54
|
// let distanceText = convert(length).from(unit).to(rulerUnit);
|
|
62
|
-
var distanceText =
|
|
63
|
-
var thickness =
|
|
55
|
+
var distanceText = convert(length).from(unit).to(rulerUnit).toFixed(0);
|
|
56
|
+
var thickness = convert(LINE_THICKNESS).from(unit).to(rulerUnit).toFixed(0);
|
|
64
57
|
// let _ft_len = convert(_length).from('in').to('ft');
|
|
65
58
|
// let _ft_val = Math.floor(_ft_len); _ft_len -= _ft_val;
|
|
66
59
|
// let _in_val = convert(_ft_len).from('ft').to('in').toFixed(0);
|
|
67
60
|
// let distanceText = `${_ft_val}'${_in_val}"`;
|
|
68
61
|
var textLength = (distanceText.length + layer.unit.length) * 18;
|
|
69
|
-
return /*#__PURE__*/
|
|
62
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
70
63
|
transform: transform
|
|
71
|
-
}, /*#__PURE__*/
|
|
64
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
72
65
|
id: "ruler"
|
|
73
|
-
}, /*#__PURE__*/
|
|
74
|
-
id: "ruler_rect_".concat(
|
|
66
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
67
|
+
id: "ruler_rect_".concat(IDBroker.acquireID()),
|
|
75
68
|
style: BACKGROUNDSTYLE,
|
|
76
69
|
x: length / 2 - textLength / 2,
|
|
77
70
|
y: "-10",
|
|
@@ -79,19 +72,19 @@ function Ruler(_ref) {
|
|
|
79
72
|
height: "22",
|
|
80
73
|
rx: "1",
|
|
81
74
|
ry: "0.39"
|
|
82
|
-
}), /*#__PURE__*/
|
|
75
|
+
}), /*#__PURE__*/React.createElement("text", {
|
|
83
76
|
x: length / 2,
|
|
84
77
|
y: "3",
|
|
85
78
|
transform: "scale(1, -1)",
|
|
86
79
|
style: STYLE_TEXT,
|
|
87
|
-
fill:
|
|
88
|
-
}, Math.round(
|
|
80
|
+
fill: TEXT_COLOR_NEUTRAL_7
|
|
81
|
+
}, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/React.createElement("line", {
|
|
89
82
|
x1: "0",
|
|
90
83
|
y1: "0",
|
|
91
84
|
x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
|
|
92
85
|
y2: "0",
|
|
93
86
|
style: STYLE
|
|
94
|
-
}), /*#__PURE__*/
|
|
87
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
95
88
|
x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
|
|
96
89
|
y1: "0",
|
|
97
90
|
x2: length,
|
|
@@ -100,7 +93,7 @@ function Ruler(_ref) {
|
|
|
100
93
|
}));
|
|
101
94
|
}
|
|
102
95
|
Ruler.propTypes = {
|
|
103
|
-
length:
|
|
104
|
-
unit:
|
|
105
|
-
transform:
|
|
96
|
+
length: PropTypes.number.isRequired,
|
|
97
|
+
unit: PropTypes.string.isRequired,
|
|
98
|
+
transform: PropTypes.string.isRequired
|
|
106
99
|
};
|
|
@@ -1,13 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = RulerDist;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { convert } from "../../utils/convert-units-lite";
|
|
11
4
|
var ARROW_STYLE = {
|
|
12
5
|
stroke: '#1183B7',
|
|
13
6
|
strokeWidth: '2px',
|
|
@@ -28,7 +21,7 @@ var STYLE_TEXT = {
|
|
|
28
21
|
MsUserSelect: 'none' /* Internet Explorer/Edge */,
|
|
29
22
|
userSelect: 'none'
|
|
30
23
|
};
|
|
31
|
-
function RulerDist(_ref) {
|
|
24
|
+
export default function RulerDist(_ref) {
|
|
32
25
|
var layer = _ref.layer,
|
|
33
26
|
length = _ref.length,
|
|
34
27
|
unit = _ref.unit,
|
|
@@ -38,7 +31,7 @@ function RulerDist(_ref) {
|
|
|
38
31
|
rotation = _ref.rotation;
|
|
39
32
|
var _unit = 'in';
|
|
40
33
|
// let _length = convert(length).from(unit).to(rulerUnit);
|
|
41
|
-
var distanceText = "".concat(
|
|
34
|
+
var distanceText = "".concat(convert(length).from('cm').to(rulerUnit).toFixed(0));
|
|
42
35
|
var textLength = (distanceText.length + layer.unit.length) * 18;
|
|
43
36
|
var textangle = angle + 90;
|
|
44
37
|
var textRotation = 1;
|
|
@@ -73,35 +66,35 @@ function RulerDist(_ref) {
|
|
|
73
66
|
}
|
|
74
67
|
if (Math.abs(length - textLength) / 2 <= 16) {
|
|
75
68
|
var dy = textRotation == 0 ? 15 : -15;
|
|
76
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
77
70
|
transform: transform
|
|
78
|
-
}, /*#__PURE__*/
|
|
71
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
79
72
|
transform: "translate(0, ".concat(dy, ")")
|
|
80
|
-
}, /*#__PURE__*/
|
|
73
|
+
}, /*#__PURE__*/React.createElement("text", {
|
|
81
74
|
x: "0",
|
|
82
75
|
y: "0",
|
|
83
76
|
transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
|
|
84
77
|
style: STYLE_TEXT
|
|
85
|
-
}, Math.round(
|
|
78
|
+
}, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
|
|
86
79
|
cx: "1",
|
|
87
80
|
cy: "0",
|
|
88
81
|
fill: "white",
|
|
89
82
|
r: "1.1",
|
|
90
83
|
stroke: "black",
|
|
91
84
|
strokeWidth: "0.6"
|
|
92
|
-
}), /*#__PURE__*/
|
|
85
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
93
86
|
x1: "2",
|
|
94
87
|
y1: "0",
|
|
95
88
|
x2: (length - textLength) / 2 < 0 ? 0 : length,
|
|
96
89
|
y2: "0",
|
|
97
90
|
style: STYLE
|
|
98
|
-
}), /*#__PURE__*/
|
|
91
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
99
92
|
x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
|
|
100
93
|
y1: "0",
|
|
101
94
|
x2: length,
|
|
102
95
|
y2: "0",
|
|
103
96
|
style: STYLE
|
|
104
|
-
}), /*#__PURE__*/
|
|
97
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
105
98
|
cx: length - 1,
|
|
106
99
|
cy: "0",
|
|
107
100
|
fill: "white",
|
|
@@ -110,33 +103,33 @@ function RulerDist(_ref) {
|
|
|
110
103
|
strokeWidth: "0.6"
|
|
111
104
|
}));
|
|
112
105
|
} else {
|
|
113
|
-
return /*#__PURE__*/
|
|
106
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
114
107
|
transform: transform
|
|
115
|
-
}, /*#__PURE__*/
|
|
108
|
+
}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("text", {
|
|
116
109
|
x: "0",
|
|
117
110
|
y: "0",
|
|
118
111
|
transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
|
|
119
112
|
style: STYLE_TEXT
|
|
120
|
-
}, Math.round(
|
|
113
|
+
}, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
|
|
121
114
|
cx: "1",
|
|
122
115
|
cy: "0",
|
|
123
116
|
fill: "white",
|
|
124
117
|
r: "1.1",
|
|
125
118
|
stroke: "black",
|
|
126
119
|
strokeWidth: "0.6"
|
|
127
|
-
}), /*#__PURE__*/
|
|
120
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
128
121
|
x1: "2",
|
|
129
122
|
y1: "0",
|
|
130
123
|
x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
|
|
131
124
|
y2: "0",
|
|
132
125
|
style: STYLE
|
|
133
|
-
}), /*#__PURE__*/
|
|
126
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
134
127
|
x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
|
|
135
128
|
y1: "0",
|
|
136
129
|
x2: length,
|
|
137
130
|
y2: "0",
|
|
138
131
|
style: STYLE
|
|
139
|
-
}), /*#__PURE__*/
|
|
132
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
140
133
|
cx: length - 1,
|
|
141
134
|
cy: "0",
|
|
142
135
|
fill: "white",
|
|
@@ -147,7 +140,7 @@ function RulerDist(_ref) {
|
|
|
147
140
|
}
|
|
148
141
|
}
|
|
149
142
|
RulerDist.propTypes = {
|
|
150
|
-
length:
|
|
151
|
-
unit:
|
|
152
|
-
transform:
|
|
143
|
+
length: PropTypes.number.isRequired,
|
|
144
|
+
unit: PropTypes.string.isRequired,
|
|
145
|
+
transform: PropTypes.string.isRequired
|
|
153
146
|
};
|
|
@@ -1,32 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
18
|
-
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 _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
19
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (
|
|
21
|
-
function _callSuper(t, o, e) { return o = (
|
|
8
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
22
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
-
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import * as SharedStyle from "../../shared-style";
|
|
14
|
+
var RulerX = /*#__PURE__*/function (_Component) {
|
|
24
15
|
function RulerX(props, context) {
|
|
25
|
-
(
|
|
16
|
+
_classCallCheck(this, RulerX);
|
|
26
17
|
return _callSuper(this, RulerX, [props, context]);
|
|
27
18
|
}
|
|
28
|
-
(
|
|
29
|
-
return (
|
|
19
|
+
_inherits(RulerX, _Component);
|
|
20
|
+
return _createClass(RulerX, [{
|
|
30
21
|
key: "render",
|
|
31
22
|
value: function render() {
|
|
32
23
|
var elementW = this.props.unitPixelSize * this.props.zoom;
|
|
@@ -84,7 +75,7 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
84
75
|
var positiveDomElements = [];
|
|
85
76
|
if (elementW <= 200) {
|
|
86
77
|
for (var x = 0; x < this.props.positiveUnitsNumber; x++) {
|
|
87
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
78
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
88
79
|
key: x,
|
|
89
80
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
90
81
|
gridColumn: x + 1,
|
|
@@ -95,51 +86,52 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
95
86
|
} else if (elementW > 200) {
|
|
96
87
|
for (var _x = 0; _x < this.props.positiveUnitsNumber; _x++) {
|
|
97
88
|
var val = _x * 100;
|
|
98
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
89
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
99
90
|
key: _x,
|
|
100
91
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
101
92
|
gridColumn: _x + 1,
|
|
102
93
|
gridRow: 1
|
|
103
94
|
})
|
|
104
|
-
}, /*#__PURE__*/
|
|
95
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
105
96
|
style: insideElementsStyle
|
|
106
|
-
}, val), /*#__PURE__*/
|
|
97
|
+
}, val), /*#__PURE__*/React.createElement("div", {
|
|
107
98
|
style: insideElementsStyle
|
|
108
|
-
}, val + 1 * 20), /*#__PURE__*/
|
|
99
|
+
}, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
|
|
109
100
|
style: insideElementsStyle
|
|
110
|
-
}, val + 2 * 20), /*#__PURE__*/
|
|
101
|
+
}, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
|
|
111
102
|
style: insideElementsStyle
|
|
112
|
-
}, val + 3 * 20), /*#__PURE__*/
|
|
103
|
+
}, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
|
|
113
104
|
style: insideElementsStyle
|
|
114
105
|
}, val + 4 * 20)));
|
|
115
106
|
}
|
|
116
107
|
}
|
|
117
|
-
return /*#__PURE__*/
|
|
108
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
118
109
|
style: rulerStyle
|
|
119
|
-
}, /*#__PURE__*/
|
|
110
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
120
111
|
id: "horizontalMarker",
|
|
121
112
|
style: markerStyle
|
|
122
|
-
}), /*#__PURE__*/
|
|
113
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
123
114
|
id: "negativeRuler",
|
|
124
115
|
style: negativeRulerContainer
|
|
125
|
-
}), /*#__PURE__*/
|
|
116
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
126
117
|
id: "positiveRuler",
|
|
127
118
|
style: positiveRulerContainer
|
|
128
119
|
}, positiveDomElements));
|
|
129
120
|
}
|
|
130
121
|
}]);
|
|
131
|
-
}(
|
|
122
|
+
}(Component);
|
|
123
|
+
export { RulerX as default };
|
|
132
124
|
RulerX.propTypes = {
|
|
133
|
-
unitPixelSize:
|
|
134
|
-
positiveUnitsNumber:
|
|
135
|
-
negativeUnitsNumber:
|
|
136
|
-
zoom:
|
|
137
|
-
mouseX:
|
|
138
|
-
width:
|
|
139
|
-
zeroLeftPosition:
|
|
140
|
-
backgroundColor:
|
|
141
|
-
fontColor:
|
|
142
|
-
markerColor:
|
|
125
|
+
unitPixelSize: PropTypes.number.isRequired,
|
|
126
|
+
positiveUnitsNumber: PropTypes.number,
|
|
127
|
+
negativeUnitsNumber: PropTypes.number,
|
|
128
|
+
zoom: PropTypes.number.isRequired,
|
|
129
|
+
mouseX: PropTypes.number.isRequired,
|
|
130
|
+
width: PropTypes.number.isRequired,
|
|
131
|
+
zeroLeftPosition: PropTypes.number.isRequired,
|
|
132
|
+
backgroundColor: PropTypes.string,
|
|
133
|
+
fontColor: PropTypes.string,
|
|
134
|
+
markerColor: PropTypes.string
|
|
143
135
|
};
|
|
144
136
|
RulerX.defaultProps = {
|
|
145
137
|
positiveUnitsNumber: 50,
|
|
@@ -149,5 +141,5 @@ RulerX.defaultProps = {
|
|
|
149
141
|
markerColor: SharedStyle.SECONDARY_COLOR.main
|
|
150
142
|
};
|
|
151
143
|
RulerX.contextTypes = {
|
|
152
|
-
translator:
|
|
144
|
+
translator: PropTypes.object.isRequired
|
|
153
145
|
};
|
|
@@ -1,32 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
18
|
-
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 _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
19
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (
|
|
21
|
-
function _callSuper(t, o, e) { return o = (
|
|
8
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
22
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
-
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import * as SharedStyle from "../../shared-style";
|
|
14
|
+
var RulerY = /*#__PURE__*/function (_Component) {
|
|
24
15
|
function RulerY(props, context) {
|
|
25
|
-
(
|
|
16
|
+
_classCallCheck(this, RulerY);
|
|
26
17
|
return _callSuper(this, RulerY, [props, context]);
|
|
27
18
|
}
|
|
28
|
-
(
|
|
29
|
-
return (
|
|
19
|
+
_inherits(RulerY, _Component);
|
|
20
|
+
return _createClass(RulerY, [{
|
|
30
21
|
key: "render",
|
|
31
22
|
value: function render() {
|
|
32
23
|
var elementH = this.props.unitPixelSize * this.props.zoom;
|
|
@@ -88,7 +79,7 @@ var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
88
79
|
var positiveDomElements = [];
|
|
89
80
|
if (elementH <= 200) {
|
|
90
81
|
for (var x = 1; x <= this.props.positiveUnitsNumber; x++) {
|
|
91
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
82
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
92
83
|
key: x,
|
|
93
84
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
94
85
|
gridColumn: 1,
|
|
@@ -99,49 +90,50 @@ var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
99
90
|
} else if (elementH > 200) {
|
|
100
91
|
for (var _x = 1; _x <= this.props.positiveUnitsNumber; _x++) {
|
|
101
92
|
var val = (this.props.positiveUnitsNumber - _x) * 100;
|
|
102
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
93
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
103
94
|
key: _x,
|
|
104
95
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
105
96
|
gridColumn: 1,
|
|
106
97
|
gridRow: _x
|
|
107
98
|
})
|
|
108
|
-
}, /*#__PURE__*/
|
|
99
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
109
100
|
style: insideElementsStyle
|
|
110
|
-
}, val + 4 * 20), /*#__PURE__*/
|
|
101
|
+
}, val + 4 * 20), /*#__PURE__*/React.createElement("div", {
|
|
111
102
|
style: insideElementsStyle
|
|
112
|
-
}, val + 3 * 20), /*#__PURE__*/
|
|
103
|
+
}, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
|
|
113
104
|
style: insideElementsStyle
|
|
114
|
-
}, val + 2 * 20), /*#__PURE__*/
|
|
105
|
+
}, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
|
|
115
106
|
style: insideElementsStyle
|
|
116
|
-
}, val + 1 * 20), /*#__PURE__*/
|
|
107
|
+
}, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
|
|
117
108
|
style: insideElementsStyle
|
|
118
109
|
}, val)));
|
|
119
110
|
}
|
|
120
111
|
}
|
|
121
|
-
return /*#__PURE__*/
|
|
112
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
122
113
|
style: rulerStyle
|
|
123
|
-
}, /*#__PURE__*/
|
|
114
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
124
115
|
id: "verticalMarker",
|
|
125
116
|
style: markerStyle
|
|
126
|
-
}), /*#__PURE__*/
|
|
117
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
127
118
|
id: "negativeRuler",
|
|
128
119
|
style: negativeRulerContainer
|
|
129
|
-
}), /*#__PURE__*/
|
|
120
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
130
121
|
id: "positiveRuler",
|
|
131
122
|
style: positiveRulerContainer
|
|
132
123
|
}, positiveDomElements));
|
|
133
124
|
}
|
|
134
125
|
}]);
|
|
135
|
-
}(
|
|
126
|
+
}(Component);
|
|
127
|
+
export { RulerY as default };
|
|
136
128
|
RulerY.propTypes = {
|
|
137
|
-
unitPixelSize:
|
|
138
|
-
zoom:
|
|
139
|
-
mouseY:
|
|
140
|
-
height:
|
|
141
|
-
zeroTopPosition:
|
|
142
|
-
backgroundColor:
|
|
143
|
-
fontColor:
|
|
144
|
-
markerColor:
|
|
129
|
+
unitPixelSize: PropTypes.number.isRequired,
|
|
130
|
+
zoom: PropTypes.number.isRequired,
|
|
131
|
+
mouseY: PropTypes.number.isRequired,
|
|
132
|
+
height: PropTypes.number.isRequired,
|
|
133
|
+
zeroTopPosition: PropTypes.number.isRequired,
|
|
134
|
+
backgroundColor: PropTypes.string,
|
|
135
|
+
fontColor: PropTypes.string,
|
|
136
|
+
markerColor: PropTypes.string
|
|
145
137
|
};
|
|
146
138
|
RulerY.defaultProps = {
|
|
147
139
|
positiveUnitsNumber: 50,
|
|
@@ -151,5 +143,5 @@ RulerY.defaultProps = {
|
|
|
151
143
|
markerColor: SharedStyle.SECONDARY_COLOR.main
|
|
152
144
|
};
|
|
153
145
|
RulerY.contextTypes = {
|
|
154
|
-
translator:
|
|
146
|
+
translator: PropTypes.object.isRequired
|
|
155
147
|
};
|
|
@@ -1,37 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
14
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
18
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
var _export = require("./export");
|
|
20
|
-
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); }
|
|
21
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
|
+
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
|
+
import _createClass from "@babel/runtime/helpers/createClass";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
22
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
-
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import { Grids, Layer } from "./export";
|
|
14
|
+
var Scene = /*#__PURE__*/function (_Component) {
|
|
24
15
|
function Scene() {
|
|
25
|
-
(
|
|
16
|
+
_classCallCheck(this, Scene);
|
|
26
17
|
return _callSuper(this, Scene, arguments);
|
|
27
18
|
}
|
|
28
|
-
(
|
|
29
|
-
return (
|
|
19
|
+
_inherits(Scene, _Component);
|
|
20
|
+
return _createClass(Scene, [{
|
|
30
21
|
key: "componentWillReceiveProps",
|
|
31
22
|
value: function () {
|
|
32
|
-
var _componentWillReceiveProps = (
|
|
23
|
+
var _componentWillReceiveProps = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(nextProps) {
|
|
33
24
|
var scene, catalog, height, layers, selectedLayer, msg, isNotFoundInElements, itemType;
|
|
34
|
-
return
|
|
25
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
35
26
|
while (1) switch (_context.prev = _context.next) {
|
|
36
27
|
case 0:
|
|
37
28
|
// console.log("componentDidMount", this.props.scene.hashCode(), nextProps.scene.hashCode());
|
|
@@ -90,22 +81,22 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
90
81
|
var height = scene.height,
|
|
91
82
|
layers = scene.layers;
|
|
92
83
|
var selectedLayer = layers.get(scene.selectedLayer);
|
|
93
|
-
return /*#__PURE__*/
|
|
84
|
+
return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement(Grids, {
|
|
94
85
|
scene: scene
|
|
95
|
-
}), /*#__PURE__*/
|
|
86
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
96
87
|
style: {
|
|
97
88
|
pointerEvents: 'none'
|
|
98
89
|
}
|
|
99
90
|
}, layers.entrySeq().filter(function (_ref) {
|
|
100
|
-
var _ref2 = (
|
|
91
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
101
92
|
layerID = _ref2[0],
|
|
102
93
|
layer = _ref2[1];
|
|
103
94
|
return layerID !== scene.selectedLayer && layer.visible;
|
|
104
95
|
}).map(function (_ref3) {
|
|
105
|
-
var _ref4 = (
|
|
96
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
106
97
|
layerID = _ref4[0],
|
|
107
98
|
layer = _ref4[1];
|
|
108
|
-
return /*#__PURE__*/
|
|
99
|
+
return /*#__PURE__*/React.createElement(Layer, {
|
|
109
100
|
key: layerID,
|
|
110
101
|
layer: layer,
|
|
111
102
|
scene: scene,
|
|
@@ -114,7 +105,7 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
114
105
|
state: _this.props.state,
|
|
115
106
|
relatedLines: _this.props.relatedLines
|
|
116
107
|
});
|
|
117
|
-
})), /*#__PURE__*/
|
|
108
|
+
})), /*#__PURE__*/React.createElement(Layer, {
|
|
118
109
|
key: selectedLayer.id,
|
|
119
110
|
layer: selectedLayer,
|
|
120
111
|
scene: scene,
|
|
@@ -125,12 +116,13 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
125
116
|
}));
|
|
126
117
|
}
|
|
127
118
|
}]);
|
|
128
|
-
}(
|
|
119
|
+
}(Component);
|
|
120
|
+
export { Scene as default };
|
|
129
121
|
Scene.propTypes = {
|
|
130
|
-
scene:
|
|
131
|
-
catalog:
|
|
132
|
-
relatedLines:
|
|
122
|
+
scene: PropTypes.object.isRequired,
|
|
123
|
+
catalog: PropTypes.object.isRequired,
|
|
124
|
+
relatedLines: PropTypes.object.isRequired
|
|
133
125
|
};
|
|
134
126
|
Scene.contextTypes = {
|
|
135
|
-
projectActions:
|
|
127
|
+
projectActions: PropTypes.object.isRequired
|
|
136
128
|
};
|