kitchen-simulator 1.1.1-test.64 → 1.1.1-test.65
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 +10 -2
- package/es/AppContext.js +10 -3
- package/es/KitchenConfigurator.js +79 -70
- package/es/KitchenConfiguratorApp.js +107 -98
- package/es/actions/area-actions.js +12 -5
- package/es/actions/export.js +29 -12
- package/es/actions/groups-actions.js +45 -27
- package/es/actions/holes-actions.js +55 -34
- package/es/actions/items-actions.js +145 -94
- package/es/actions/lines-actions.js +36 -21
- package/es/actions/project-actions.js +145 -94
- package/es/actions/scene-actions.js +21 -11
- package/es/actions/vertices-actions.js +15 -7
- package/es/actions/viewer2d-actions.js +36 -21
- package/es/actions/viewer3d-actions.js +18 -9
- package/es/catalog/areas/area/planner-element.js +9 -2
- package/es/catalog/catalog.js +21 -15
- package/es/catalog/factories/area-factory-3d.js +31 -22
- package/es/catalog/factories/area-factory.js +20 -11
- package/es/catalog/factories/export.js +24 -6
- package/es/catalog/factories/wall-factory-3d.js +41 -31
- package/es/catalog/factories/wall-factory.js +31 -21
- package/es/catalog/holes/door-closet/planner-element.js +24 -15
- package/es/catalog/holes/door-double/planner-element.js +24 -15
- package/es/catalog/holes/door-exterior/planner-element.js +25 -16
- package/es/catalog/holes/door-interior/planner-element.js +25 -16
- package/es/catalog/holes/door-panic/planner-element.js +16 -7
- package/es/catalog/holes/door-panic-double/planner-element.js +24 -15
- package/es/catalog/holes/door-sliding/planner-element.js +25 -16
- package/es/catalog/holes/doorway-framed/planner-element.js +20 -11
- package/es/catalog/holes/doorway-frameless/planner-element.js +16 -7
- package/es/catalog/holes/export.js +97 -13
- package/es/catalog/holes/window-clear/planner-element.js +19 -10
- package/es/catalog/holes/window-cross/planner-element.js +19 -10
- package/es/catalog/holes/window-double-hung/planner-element.js +19 -10
- package/es/catalog/holes/window-vertical/planner-element.js +19 -10
- package/es/catalog/lines/wall/planner-element.js +9 -2
- package/es/catalog/molding/molding-dcm/planner-element.js +14 -5
- package/es/catalog/molding/molding-fbm/planner-element.js +14 -5
- package/es/catalog/molding/molding-lrm/planner-element.js +14 -5
- package/es/catalog/properties/export.js +80 -20
- package/es/catalog/properties/property-checkbox.js +31 -24
- package/es/catalog/properties/property-color.js +23 -16
- package/es/catalog/properties/property-enum.js +31 -24
- package/es/catalog/properties/property-hidden.js +16 -9
- package/es/catalog/properties/property-lenght-measure.js +45 -38
- package/es/catalog/properties/property-length-measure.js +43 -36
- package/es/catalog/properties/property-length-measure_hole.js +45 -38
- package/es/catalog/properties/property-number.js +24 -17
- package/es/catalog/properties/property-read-only.js +23 -16
- package/es/catalog/properties/property-string.js +23 -16
- package/es/catalog/properties/property-toggle.js +23 -16
- package/es/catalog/properties/shared-property-style.js +7 -1
- package/es/catalog/utils/FuseUtils.js +15 -8
- package/es/catalog/utils/exporter.js +15 -8
- package/es/catalog/utils/geom-utils.js +29 -13
- package/es/catalog/utils/item-loader.js +97 -84
- package/es/catalog/utils/load-obj.js +28 -20
- package/es/catalog/utils/mtl-loader.js +8 -3
- package/es/catalog/utils/obj-loader.js +8 -3
- package/es/class/FuseUtils.js +15 -8
- package/es/class/area.js +28 -22
- package/es/class/export.js +95 -23
- package/es/class/group.js +59 -53
- package/es/class/guide.js +21 -15
- package/es/class/hole.js +89 -83
- package/es/class/item.js +147 -141
- package/es/class/layer.js +65 -59
- package/es/class/line.js +143 -135
- package/es/class/project.js +98 -90
- package/es/class/vertex.js +35 -29
- package/es/components/content.js +28 -19
- package/es/components/disclaimer/disclaimer.js +18 -10
- package/es/components/export.js +32 -8
- package/es/components/style/button.js +31 -23
- package/es/components/style/cancel-button.js +14 -7
- package/es/components/style/content-container.js +16 -9
- package/es/components/style/content-title.js +20 -11
- package/es/components/style/delete-button.js +17 -8
- package/es/components/style/export.js +120 -30
- package/es/components/style/form-block.js +15 -8
- package/es/components/style/form-color-input.js +14 -7
- package/es/components/style/form-label.js +15 -8
- package/es/components/style/form-number-input.js +49 -41
- package/es/components/style/form-number-input_2.js +44 -36
- package/es/components/style/form-select.js +24 -17
- package/es/components/style/form-slider.js +17 -10
- package/es/components/style/form-submit-button.js +17 -8
- package/es/components/style/form-text-input.js +34 -26
- package/es/components/viewer2d/area.js +24 -17
- package/es/components/viewer2d/export.js +120 -30
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +17 -10
- package/es/components/viewer2d/grids/grid-streak.js +17 -10
- package/es/components/viewer2d/grids/grid-vertical-streak.js +17 -10
- package/es/components/viewer2d/grids/grids.js +19 -10
- package/es/components/viewer2d/group.js +24 -15
- package/es/components/viewer2d/item.js +70 -61
- package/es/components/viewer2d/layer.js +30 -23
- package/es/components/viewer2d/line.js +111 -101
- package/es/components/viewer2d/ruler.js +29 -22
- package/es/components/viewer2d/rulerDist.js +28 -21
- package/es/components/viewer2d/rulerX.js +47 -39
- package/es/components/viewer2d/rulerY.js +45 -37
- package/es/components/viewer2d/scene.js +38 -30
- package/es/components/viewer2d/snap.js +22 -13
- package/es/components/viewer2d/state.js +27 -18
- package/es/components/viewer2d/utils.js +37 -24
- package/es/components/viewer2d/vertex.js +17 -8
- package/es/components/viewer2d/viewer2d.js +163 -153
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +23 -17
- package/es/components/viewer3d/dcm.js +7 -1
- package/es/components/viewer3d/fbm.js +7 -1
- package/es/components/viewer3d/front3D.js +21 -12
- package/es/components/viewer3d/grid-creator.js +17 -8
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +14 -6
- package/es/components/viewer3d/grids/grid-streak.js +13 -5
- package/es/components/viewer3d/grids/grid-vertical-streak.js +14 -6
- package/es/components/viewer3d/libs/first-person-controls.js +9 -2
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +7 -1
- package/es/components/viewer3d/libs/mtl-loader.js +7 -1
- package/es/components/viewer3d/libs/obj-loader.js +7 -1
- package/es/components/viewer3d/libs/orbit-controls.js +8 -2
- package/es/components/viewer3d/libs/pointer-lock-controls.js +8 -2
- package/es/components/viewer3d/lrm.js +7 -1
- package/es/components/viewer3d/model.js +7 -1
- package/es/components/viewer3d/pointer-lock-navigation.js +10 -3
- package/es/components/viewer3d/ruler-utils/itemRect.js +25 -18
- package/es/components/viewer3d/ruler-utils/layer3D.js +66 -59
- package/es/components/viewer3d/ruler-utils/ruler3D.js +46 -39
- package/es/components/viewer3d/ruler-utils/scene3D.js +17 -9
- package/es/components/viewer3d/ruler-utils/state3D.js +11 -4
- package/es/components/viewer3d/scene-creator.js +226 -191
- package/es/components/viewer3d/three-memory-cleaner.js +12 -3
- package/es/components/viewer3d/viewer3d-first-person.js +46 -40
- package/es/components/viewer3d/viewer3d.js +202 -196
- package/es/constants.js +358 -349
- package/es/index.js +15 -7
- package/es/models.js +184 -177
- package/es/plugins/SVGLoader.js +53 -48
- package/es/plugins/autosave.js +9 -3
- package/es/plugins/console-debugger.js +12 -5
- package/es/plugins/export.js +32 -8
- package/es/plugins/keyboard.js +35 -29
- package/es/reducers/areas-reducer.js +13 -7
- package/es/reducers/export.js +96 -24
- package/es/reducers/groups-reducer.js +37 -31
- package/es/reducers/holes-reducer.js +49 -43
- package/es/reducers/items-reducer.js +112 -106
- package/es/reducers/lines-reducer.js +34 -28
- package/es/reducers/project-reducer.js +111 -105
- package/es/reducers/reducer.js +23 -16
- package/es/reducers/scene-reducer.js +21 -15
- package/es/reducers/user-reducer.js +11 -5
- package/es/reducers/vertices-reducer.js +17 -11
- package/es/reducers/viewer2d-reducer.js +24 -18
- package/es/reducers/viewer3d-reducer.js +22 -16
- package/es/shared-style.js +16 -10
- package/es/styles/export.js +11 -3
- package/es/translator/en.js +7 -1
- package/es/translator/it.js +7 -1
- package/es/translator/ru.js +7 -1
- package/es/translator/translator.js +19 -13
- package/es/utils/browser.js +9 -2
- package/es/utils/convert-units-lite.js +7 -1
- package/es/utils/email-validator.js +7 -1
- package/es/utils/export.js +46 -15
- package/es/utils/geometry.js +278 -181
- package/es/utils/get-edges-of-subgraphs.js +9 -2
- package/es/utils/graph-cycles.js +11 -8
- package/es/utils/graph-inner-cycles.js +18 -10
- package/es/utils/graph.js +17 -9
- package/es/utils/helper.js +63 -39
- package/es/utils/history.js +15 -8
- package/es/utils/id-broker.js +15 -8
- package/es/utils/logger.js +7 -1
- package/es/utils/math.js +12 -5
- package/es/utils/molding.js +144 -119
- package/es/utils/name-generator.js +13 -7
- package/es/utils/objects-utils.js +19 -7
- package/es/utils/phone-validator.js +7 -1
- package/es/utils/process-black-list.js +10 -3
- package/es/utils/react-if.js +12 -6
- package/es/utils/snap-scene.js +34 -27
- package/es/utils/snap.js +59 -45
- package/es/utils/summarizeCart.js +7 -1
- package/es/utils/threeCSG.es6.js +22 -13
- package/es/version.js +7 -1
- package/package.json +1 -1
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
+
var _loadObj = require("../../utils/load-obj");
|
|
12
|
+
var _constants = require("../../../constants");
|
|
13
|
+
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); }
|
|
5
14
|
var cached3DWindow = null;
|
|
6
15
|
var STYLE_HOLE_BASE = {
|
|
7
16
|
stroke: '#000',
|
|
@@ -15,7 +24,7 @@ var STYLE_HOLE_SELECTED = {
|
|
|
15
24
|
cursor: 'move'
|
|
16
25
|
};
|
|
17
26
|
var EPSILON = 3;
|
|
18
|
-
|
|
27
|
+
var _default = exports["default"] = {
|
|
19
28
|
name: 'window-vertical',
|
|
20
29
|
prototype: 'holes',
|
|
21
30
|
info: {
|
|
@@ -125,9 +134,9 @@ export default {
|
|
|
125
134
|
var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
|
|
126
135
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
127
136
|
var length = element.properties.get('width').get('length');
|
|
128
|
-
return /*#__PURE__*/
|
|
137
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
129
138
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
130
|
-
}, /*#__PURE__*/
|
|
139
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
131
140
|
style: rectStyle,
|
|
132
141
|
x: "0",
|
|
133
142
|
y: -lineWidth / 2,
|
|
@@ -140,7 +149,7 @@ export default {
|
|
|
140
149
|
var width = element.properties.get('width').get('length');
|
|
141
150
|
var height = element.properties.get('height').get('length');
|
|
142
151
|
var thickness = element.properties.get('thickness').get('length');
|
|
143
|
-
scaleObject(object, [90, 100, 6], [width, height, thickness]);
|
|
152
|
+
(0, _loadObj.scaleObject)(object, [90, 100, 6], [width, height, thickness]);
|
|
144
153
|
if (element.selected) {
|
|
145
154
|
var box = new Three.BoxHelper(object, 0x99c3fb);
|
|
146
155
|
box.material.linewidth = 2;
|
|
@@ -161,7 +170,7 @@ export default {
|
|
|
161
170
|
// mat2.envMap = textureCube;
|
|
162
171
|
|
|
163
172
|
for (var j = 0; j < object.children.length; j++) {
|
|
164
|
-
if (object.children[j].type === OBJTYPE_MESH) {
|
|
173
|
+
if (object.children[j].type === _constants.OBJTYPE_MESH) {
|
|
165
174
|
if (object.children[j].name.includes('_glass')) object.children[j].scale.z /= 2;
|
|
166
175
|
object.children[j].material = mat2;
|
|
167
176
|
object.children[j].receiveShadow = true;
|
|
@@ -172,7 +181,7 @@ export default {
|
|
|
172
181
|
if (cached3DWindow) {
|
|
173
182
|
return Promise.resolve(onLoadItem(cached3DWindow.clone()));
|
|
174
183
|
}
|
|
175
|
-
return loadGLTF(element.url).then(function (object) {
|
|
184
|
+
return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
|
|
176
185
|
cached3DWindow = object;
|
|
177
186
|
return onLoadItem(cached3DWindow.clone());
|
|
178
187
|
});
|
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _export = _interopRequireDefault(require("../../factories/export"));
|
|
2
9
|
var textureUrl = function textureUrl(file) {
|
|
3
10
|
return new URL("./textures/".concat(file), import.meta.url).href;
|
|
4
11
|
};
|
|
@@ -70,4 +77,4 @@ var textures = {
|
|
|
70
77
|
}
|
|
71
78
|
}
|
|
72
79
|
};
|
|
73
|
-
|
|
80
|
+
var _default = exports["default"] = _export["default"].WallFactory('wall', info, textures);
|
|
@@ -1,8 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
+
var _loadObj = require("../../utils/load-obj");
|
|
12
|
+
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); }
|
|
4
13
|
var cached3DMolding = null;
|
|
5
|
-
|
|
14
|
+
var _default = exports["default"] = {
|
|
6
15
|
name: 'Dcm',
|
|
7
16
|
prototype: 'molding',
|
|
8
17
|
info: {
|
|
@@ -20,7 +29,7 @@ export default {
|
|
|
20
29
|
if (cached3DMolding) {
|
|
21
30
|
return Promise.resolve(onLoadItem(cached3DMolding.clone()));
|
|
22
31
|
}
|
|
23
|
-
return loadGLTF(element.url).then(function (object) {
|
|
32
|
+
return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
|
|
24
33
|
cached3DMolding = object;
|
|
25
34
|
return onLoadItem(cached3DMolding.clone());
|
|
26
35
|
});
|
|
@@ -1,8 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
+
var _loadObj = require("../../utils/load-obj");
|
|
12
|
+
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); }
|
|
4
13
|
var cached3DMolding = null;
|
|
5
|
-
|
|
14
|
+
var _default = exports["default"] = {
|
|
6
15
|
name: 'Fbm',
|
|
7
16
|
prototype: 'molding',
|
|
8
17
|
info: {
|
|
@@ -20,7 +29,7 @@ export default {
|
|
|
20
29
|
if (cached3DMolding) {
|
|
21
30
|
return Promise.resolve(onLoadItem(cached3DMolding.clone()));
|
|
22
31
|
}
|
|
23
|
-
return loadGLTF(element.url).then(function (object) {
|
|
32
|
+
return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
|
|
24
33
|
cached3DMolding = object;
|
|
25
34
|
return onLoadItem(cached3DMolding.clone());
|
|
26
35
|
});
|
|
@@ -1,8 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
+
var _loadObj = require("../../utils/load-obj");
|
|
12
|
+
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); }
|
|
4
13
|
var cached3DMolding = null;
|
|
5
|
-
|
|
14
|
+
var _default = exports["default"] = {
|
|
6
15
|
name: 'Lrm',
|
|
7
16
|
prototype: 'molding',
|
|
8
17
|
info: {
|
|
@@ -20,7 +29,7 @@ export default {
|
|
|
20
29
|
if (cached3DMolding) {
|
|
21
30
|
return Promise.resolve(onLoadItem(cached3DMolding.clone()));
|
|
22
31
|
}
|
|
23
|
-
return loadGLTF(element.url).then(function (object) {
|
|
32
|
+
return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
|
|
24
33
|
cached3DMolding = object;
|
|
25
34
|
return onLoadItem(cached3DMolding.clone());
|
|
26
35
|
});
|
|
@@ -1,21 +1,81 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "PropertyCheckbox", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _propertyCheckbox["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "PropertyColor", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _propertyColor["default"];
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "PropertyEnum", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _propertyEnum["default"];
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "PropertyHidden", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _propertyHidden["default"];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "PropertyLengthMeasure", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _propertyLengthMeasure["default"];
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "PropertyNumber", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _propertyNumber["default"];
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(exports, "PropertyReadOnly", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _propertyReadOnly["default"];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "PropertyString", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function get() {
|
|
52
|
+
return _propertyString["default"];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
Object.defineProperty(exports, "PropertyToggle", {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function get() {
|
|
58
|
+
return _propertyToggle["default"];
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
exports["default"] = void 0;
|
|
62
|
+
var _propertyColor = _interopRequireDefault(require("./property-color"));
|
|
63
|
+
var _propertyEnum = _interopRequireDefault(require("./property-enum"));
|
|
64
|
+
var _propertyString = _interopRequireDefault(require("./property-string"));
|
|
65
|
+
var _propertyNumber = _interopRequireDefault(require("./property-number"));
|
|
66
|
+
var _propertyLengthMeasure = _interopRequireDefault(require("./property-length-measure"));
|
|
67
|
+
var _propertyToggle = _interopRequireDefault(require("./property-toggle"));
|
|
68
|
+
var _propertyCheckbox = _interopRequireDefault(require("./property-checkbox"));
|
|
69
|
+
var _propertyHidden = _interopRequireDefault(require("./property-hidden"));
|
|
70
|
+
var _propertyReadOnly = _interopRequireDefault(require("./property-read-only"));
|
|
71
|
+
var _default = exports["default"] = {
|
|
72
|
+
PropertyColor: _propertyColor["default"],
|
|
73
|
+
PropertyEnum: _propertyEnum["default"],
|
|
74
|
+
PropertyString: _propertyString["default"],
|
|
75
|
+
PropertyNumber: _propertyNumber["default"],
|
|
76
|
+
PropertyLengthMeasure: _propertyLengthMeasure["default"],
|
|
77
|
+
PropertyToggle: _propertyToggle["default"],
|
|
78
|
+
PropertyCheckbox: _propertyCheckbox["default"],
|
|
79
|
+
PropertyHidden: _propertyHidden["default"],
|
|
80
|
+
PropertyReadOnly: _propertyReadOnly["default"]
|
|
21
81
|
};
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyCheckbox;
|
|
8
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _constants = require("../../constants");
|
|
2
12
|
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; }
|
|
3
|
-
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) {
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
6
|
-
import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
|
|
13
|
+
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) { (0, _defineProperty2["default"])(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; }
|
|
7
14
|
var styles = {
|
|
8
15
|
flipWrapper: {
|
|
9
16
|
display: 'flex',
|
|
@@ -13,8 +20,8 @@ var styles = {
|
|
|
13
20
|
},
|
|
14
21
|
flipTitle: {
|
|
15
22
|
marginRight: 'auto',
|
|
16
|
-
color: SECONDARY_PURPLE_COLOR,
|
|
17
|
-
fontFamily: DEFAULT_FONT_FAMILY,
|
|
23
|
+
color: _constants.SECONDARY_PURPLE_COLOR,
|
|
24
|
+
fontFamily: _constants.DEFAULT_FONT_FAMILY,
|
|
18
25
|
fontSize: 16,
|
|
19
26
|
fontWeight: 600,
|
|
20
27
|
lineHeight: '18px',
|
|
@@ -22,8 +29,8 @@ var styles = {
|
|
|
22
29
|
},
|
|
23
30
|
flipDescription: {
|
|
24
31
|
marginRight: 'auto',
|
|
25
|
-
color: TEXT_COLOR_NEUTRAL_0,
|
|
26
|
-
fontFamily: DEFAULT_FONT_FAMILY,
|
|
32
|
+
color: _constants.TEXT_COLOR_NEUTRAL_0,
|
|
33
|
+
fontFamily: _constants.DEFAULT_FONT_FAMILY,
|
|
27
34
|
fontSize: 13,
|
|
28
35
|
fontWeight: 400,
|
|
29
36
|
lineHeight: '18px',
|
|
@@ -52,7 +59,7 @@ var styles = {
|
|
|
52
59
|
borderRadius: '50%'
|
|
53
60
|
}
|
|
54
61
|
};
|
|
55
|
-
|
|
62
|
+
function PropertyCheckbox(_ref) {
|
|
56
63
|
var value = _ref.value,
|
|
57
64
|
onUpdate = _ref.onUpdate,
|
|
58
65
|
configs = _ref.configs,
|
|
@@ -72,30 +79,30 @@ export default function PropertyCheckbox(_ref) {
|
|
|
72
79
|
} : {
|
|
73
80
|
right: 0
|
|
74
81
|
};
|
|
75
|
-
return /*#__PURE__*/
|
|
82
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
76
83
|
style: styles.flipWrapper
|
|
77
|
-
}, /*#__PURE__*/
|
|
84
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
78
85
|
style: styles.flipInfoWrapper
|
|
79
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
80
87
|
style: styles.flipTitle
|
|
81
|
-
}, configs.label), configs.description && /*#__PURE__*/
|
|
88
|
+
}, configs.label), configs.description && /*#__PURE__*/_react["default"].createElement("span", {
|
|
82
89
|
style: styles.flipDescription
|
|
83
|
-
}, configs.description)), /*#__PURE__*/
|
|
90
|
+
}, configs.description)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
84
91
|
style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
|
|
85
92
|
color: 'black'
|
|
86
93
|
}),
|
|
87
94
|
onClick: function onClick(e) {
|
|
88
95
|
return update(!value);
|
|
89
96
|
}
|
|
90
|
-
}, /*#__PURE__*/
|
|
97
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
91
98
|
src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
|
|
92
99
|
style: {
|
|
93
100
|
width: '55px',
|
|
94
101
|
height: '30px'
|
|
95
102
|
}
|
|
96
|
-
}), /*#__PURE__*/
|
|
103
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
97
104
|
style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
|
|
98
|
-
}, /*#__PURE__*/
|
|
105
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
99
106
|
src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
|
|
100
107
|
style: _objectSpread({
|
|
101
108
|
width: '30px',
|
|
@@ -104,10 +111,10 @@ export default function PropertyCheckbox(_ref) {
|
|
|
104
111
|
}))));
|
|
105
112
|
}
|
|
106
113
|
PropertyCheckbox.propTypes = {
|
|
107
|
-
value:
|
|
108
|
-
onUpdate:
|
|
109
|
-
configs:
|
|
110
|
-
sourceElement:
|
|
111
|
-
internalState:
|
|
112
|
-
state:
|
|
114
|
+
value: _propTypes["default"].any.isRequired,
|
|
115
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
116
|
+
configs: _propTypes["default"].object.isRequired,
|
|
117
|
+
sourceElement: _propTypes["default"].object,
|
|
118
|
+
internalState: _propTypes["default"].object,
|
|
119
|
+
state: _propTypes["default"].object.isRequired
|
|
113
120
|
};
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyColor;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var _export = require("../../components/style/export");
|
|
11
|
+
var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
|
|
12
|
+
function PropertyColor(_ref) {
|
|
6
13
|
var value = _ref.value,
|
|
7
14
|
onUpdate = _ref.onUpdate,
|
|
8
15
|
configs = _ref.configs,
|
|
@@ -17,12 +24,12 @@ export default function PropertyColor(_ref) {
|
|
|
17
24
|
}
|
|
18
25
|
return onUpdate(val);
|
|
19
26
|
};
|
|
20
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
21
28
|
className: "PropertyColor",
|
|
22
|
-
style:
|
|
23
|
-
}, /*#__PURE__*/
|
|
24
|
-
style:
|
|
25
|
-
}, /*#__PURE__*/
|
|
29
|
+
style: _sharedPropertyStyle["default"].tableStyle
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
31
|
+
style: _sharedPropertyStyle["default"].firstTdStyle
|
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormColorInput, {
|
|
26
33
|
value: value,
|
|
27
34
|
onChange: function onChange(event) {
|
|
28
35
|
return update(event.target.value);
|
|
@@ -30,10 +37,10 @@ export default function PropertyColor(_ref) {
|
|
|
30
37
|
})))));
|
|
31
38
|
}
|
|
32
39
|
PropertyColor.propTypes = {
|
|
33
|
-
value:
|
|
34
|
-
onUpdate:
|
|
35
|
-
configs:
|
|
36
|
-
sourceElement:
|
|
37
|
-
internalState:
|
|
38
|
-
state:
|
|
40
|
+
value: _propTypes["default"].any.isRequired,
|
|
41
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
42
|
+
configs: _propTypes["default"].object.isRequired,
|
|
43
|
+
sourceElement: _propTypes["default"].object,
|
|
44
|
+
internalState: _propTypes["default"].object,
|
|
45
|
+
state: _propTypes["default"].object.isRequired
|
|
39
46
|
};
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyEnum;
|
|
8
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _immutable = require("immutable");
|
|
12
|
+
var _export = require("../../components/style/export");
|
|
13
|
+
var _constants = require("../../constants");
|
|
7
14
|
var styles = {
|
|
8
15
|
enumWrapper: {
|
|
9
16
|
display: 'flex',
|
|
@@ -14,8 +21,8 @@ var styles = {
|
|
|
14
21
|
return {
|
|
15
22
|
marginRight: 'auto',
|
|
16
23
|
width: 110,
|
|
17
|
-
color: TEXT_COLOR_NEUTRAL_0,
|
|
18
|
-
fontFamily: DEFAULT_FONT_FAMILY,
|
|
24
|
+
color: _constants.TEXT_COLOR_NEUTRAL_0,
|
|
25
|
+
fontFamily: _constants.DEFAULT_FONT_FAMILY,
|
|
19
26
|
fontSize: fontSize,
|
|
20
27
|
fontWeight: 400,
|
|
21
28
|
lineHeight: '15px',
|
|
@@ -35,7 +42,7 @@ function getFontSize() {
|
|
|
35
42
|
}
|
|
36
43
|
return 13;
|
|
37
44
|
}
|
|
38
|
-
|
|
45
|
+
function PropertyEnum(_ref) {
|
|
39
46
|
var value = _ref.value,
|
|
40
47
|
onUpdate = _ref.onUpdate,
|
|
41
48
|
configs = _ref.configs,
|
|
@@ -50,11 +57,11 @@ export default function PropertyEnum(_ref) {
|
|
|
50
57
|
}
|
|
51
58
|
return onUpdate(val);
|
|
52
59
|
};
|
|
53
|
-
var _React$useState =
|
|
54
|
-
_React$useState2 =
|
|
60
|
+
var _React$useState = _react["default"].useState(getFontSize()),
|
|
61
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
55
62
|
fontSize = _React$useState2[0],
|
|
56
63
|
setFontSize = _React$useState2[1];
|
|
57
|
-
|
|
64
|
+
_react["default"].useEffect(function () {
|
|
58
65
|
function handleResize() {
|
|
59
66
|
setFontSize(getFontSize());
|
|
60
67
|
}
|
|
@@ -63,30 +70,30 @@ export default function PropertyEnum(_ref) {
|
|
|
63
70
|
return window.removeEventListener('resize', handleResize);
|
|
64
71
|
};
|
|
65
72
|
}, []);
|
|
66
|
-
return /*#__PURE__*/
|
|
73
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
67
74
|
style: styles.enumWrapper
|
|
68
|
-
}, /*#__PURE__*/
|
|
75
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
69
76
|
style: styles.enumTitle(fontSize)
|
|
70
|
-
}, configs.label), /*#__PURE__*/
|
|
77
|
+
}, configs.label), /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
|
|
71
78
|
value: value,
|
|
72
79
|
onChange: function onChange(event) {
|
|
73
80
|
return update(event.target.value);
|
|
74
81
|
}
|
|
75
|
-
}, Seq(configs.values).entrySeq().map(function (_ref2) {
|
|
76
|
-
var _ref3 =
|
|
82
|
+
}, (0, _immutable.Seq)(configs.values).entrySeq().map(function (_ref2) {
|
|
83
|
+
var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
|
|
77
84
|
key = _ref3[0],
|
|
78
85
|
value = _ref3[1];
|
|
79
|
-
return /*#__PURE__*/
|
|
86
|
+
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
80
87
|
key: key,
|
|
81
88
|
value: key
|
|
82
89
|
}, value);
|
|
83
90
|
})));
|
|
84
91
|
}
|
|
85
92
|
PropertyEnum.propTypes = {
|
|
86
|
-
value:
|
|
87
|
-
onUpdate:
|
|
88
|
-
configs:
|
|
89
|
-
sourceElement:
|
|
90
|
-
internalState:
|
|
91
|
-
state:
|
|
93
|
+
value: _propTypes["default"].any.isRequired,
|
|
94
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
95
|
+
configs: _propTypes["default"].object.isRequired,
|
|
96
|
+
sourceElement: _propTypes["default"].object,
|
|
97
|
+
internalState: _propTypes["default"].object,
|
|
98
|
+
state: _propTypes["default"].object.isRequired
|
|
92
99
|
};
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyHidden;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
function PropertyHidden(_ref) {
|
|
4
11
|
var value = _ref.value,
|
|
5
12
|
onUpdate = _ref.onUpdate,
|
|
6
13
|
configs = _ref.configs,
|
|
@@ -10,10 +17,10 @@ export default function PropertyHidden(_ref) {
|
|
|
10
17
|
return null;
|
|
11
18
|
}
|
|
12
19
|
PropertyHidden.propTypes = {
|
|
13
|
-
value:
|
|
14
|
-
onUpdate:
|
|
15
|
-
configs:
|
|
16
|
-
sourceElement:
|
|
17
|
-
internalState:
|
|
18
|
-
state:
|
|
20
|
+
value: _propTypes["default"].any.isRequired,
|
|
21
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
22
|
+
configs: _propTypes["default"].object.isRequired,
|
|
23
|
+
sourceElement: _propTypes["default"].object,
|
|
24
|
+
internalState: _propTypes["default"].object,
|
|
25
|
+
state: _propTypes["default"].object.isRequired
|
|
19
26
|
};
|