kitchen-simulator 1.1.1-test.60 → 1.1.1-test.62
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 +92 -96
- package/es/KitchenConfiguratorApp.js +143 -136
- 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 -24
- package/es/catalog/factories/area-factory-3d.js +31 -22
- package/es/catalog/factories/area-factory.js +20 -14
- 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 -27
- package/es/catalog/properties/property-color.js +23 -16
- package/es/catalog/properties/property-enum.js +31 -29
- package/es/catalog/properties/property-hidden.js +16 -9
- package/es/catalog/properties/property-lenght-measure.js +45 -39
- package/es/catalog/properties/property-length-measure.js +43 -42
- package/es/catalog/properties/property-length-measure_hole.js +45 -39
- 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 -11
- package/es/catalog/utils/exporter.js +15 -11
- package/es/catalog/utils/geom-utils.js +29 -13
- package/es/catalog/utils/item-loader.js +97 -91
- 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 -11
- package/es/class/area.js +28 -26
- package/es/class/export.js +95 -23
- package/es/class/group.js +59 -62
- package/es/class/guide.js +21 -19
- package/es/class/hole.js +89 -87
- package/es/class/item.js +147 -150
- package/es/class/layer.js +65 -63
- package/es/class/line.js +143 -144
- package/es/class/project.js +98 -94
- package/es/class/vertex.js +35 -33
- 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 -30
- package/es/components/style/cancel-button.js +14 -8
- package/es/components/style/content-container.js +16 -12
- package/es/components/style/content-title.js +20 -15
- package/es/components/style/delete-button.js +17 -9
- package/es/components/style/export.js +120 -30
- package/es/components/style/form-block.js +15 -12
- package/es/components/style/form-color-input.js +14 -8
- package/es/components/style/form-label.js +15 -12
- package/es/components/style/form-number-input.js +49 -47
- package/es/components/style/form-number-input_2.js +44 -42
- package/es/components/style/form-select.js +24 -26
- package/es/components/style/form-slider.js +17 -11
- package/es/components/style/form-submit-button.js +17 -9
- package/es/components/style/form-text-input.js +34 -33
- 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 -15
- package/es/components/viewer2d/group.js +24 -15
- package/es/components/viewer2d/item.js +70 -66
- 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 -45
- package/es/components/viewer2d/rulerY.js +45 -43
- package/es/components/viewer2d/scene.js +41 -45
- package/es/components/viewer2d/snap.js +22 -13
- package/es/components/viewer2d/state.js +27 -23
- package/es/components/viewer2d/utils.js +37 -29
- package/es/components/viewer2d/vertex.js +17 -8
- package/es/components/viewer2d/viewer2d.js +163 -164
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +23 -24
- package/es/components/viewer3d/dcm.js +7 -1
- package/es/components/viewer3d/fbm.js +7 -1
- package/es/components/viewer3d/front3D.js +21 -17
- 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 -42
- 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 +227 -198
- package/es/components/viewer3d/three-memory-cleaner.js +12 -3
- package/es/components/viewer3d/viewer3d-first-person.js +46 -46
- package/es/components/viewer3d/viewer3d.js +202 -202
- package/es/constants.js +358 -349
- package/es/index.js +15 -14
- package/es/models.js +184 -183
- package/es/plugins/SVGLoader.js +53 -48
- package/es/plugins/autosave.js +9 -3
- package/es/plugins/console-debugger.js +12 -8
- 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 -17
- 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 -190
- 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 -13
- package/es/utils/helper.js +63 -41
- package/es/utils/history.js +15 -8
- package/es/utils/id-broker.js +15 -12
- package/es/utils/logger.js +7 -1
- package/es/utils/math.js +12 -5
- package/es/utils/molding.js +144 -125
- package/es/utils/name-generator.js +13 -11
- package/es/utils/objects-utils.js +19 -7
- package/es/utils/phone-validator.js +7 -1
- package/es/utils/process-black-list.js +10 -6
- package/es/utils/react-if.js +12 -6
- package/es/utils/snap-scene.js +34 -32
- package/es/utils/snap.js +59 -51
- package/es/utils/summarizeCart.js +7 -1
- package/es/utils/threeCSG.es6.js +22 -17
- package/es/version.js +7 -1
- package/lib/@history.js +1 -1
- package/lib/AppContext.js +1 -1
- package/lib/KitchenConfigurator.js +37 -49
- package/lib/KitchenConfiguratorApp.js +60 -61
- package/lib/actions/export.js +1 -1
- package/lib/catalog/areas/area/planner-element.js +1 -1
- package/lib/catalog/catalog.js +7 -15
- package/lib/catalog/factories/area-factory-3d.js +1 -1
- package/lib/catalog/factories/area-factory.js +4 -6
- package/lib/catalog/factories/export.js +1 -1
- package/lib/catalog/factories/wall-factory-3d.js +2 -2
- package/lib/catalog/factories/wall-factory.js +2 -2
- package/lib/catalog/holes/door-closet/planner-element.js +2 -2
- package/lib/catalog/holes/door-double/planner-element.js +2 -2
- package/lib/catalog/holes/door-exterior/planner-element.js +2 -2
- package/lib/catalog/holes/door-interior/planner-element.js +2 -2
- package/lib/catalog/holes/door-panic/planner-element.js +2 -2
- package/lib/catalog/holes/door-panic-double/planner-element.js +2 -2
- package/lib/catalog/holes/door-sliding/planner-element.js +2 -2
- package/lib/catalog/holes/doorway-framed/planner-element.js +2 -2
- package/lib/catalog/holes/doorway-frameless/planner-element.js +2 -2
- package/lib/catalog/holes/export.js +2 -2
- package/lib/catalog/holes/window-clear/planner-element.js +2 -2
- package/lib/catalog/holes/window-cross/planner-element.js +2 -2
- package/lib/catalog/holes/window-double-hung/planner-element.js +2 -2
- package/lib/catalog/holes/window-vertical/planner-element.js +2 -2
- package/lib/catalog/lines/wall/planner-element.js +1 -1
- package/lib/catalog/molding/molding-dcm/planner-element.js +2 -2
- package/lib/catalog/molding/molding-fbm/planner-element.js +2 -2
- package/lib/catalog/molding/molding-lrm/planner-element.js +2 -2
- package/lib/catalog/properties/export.js +1 -1
- package/lib/catalog/properties/property-checkbox.js +3 -6
- package/lib/catalog/properties/property-color.js +1 -1
- package/lib/catalog/properties/property-enum.js +4 -9
- package/lib/catalog/properties/property-hidden.js +1 -1
- package/lib/catalog/properties/property-lenght-measure.js +5 -6
- package/lib/catalog/properties/property-length-measure.js +7 -13
- package/lib/catalog/properties/property-length-measure_hole.js +5 -6
- package/lib/catalog/properties/property-number.js +1 -1
- package/lib/catalog/properties/property-read-only.js +1 -1
- package/lib/catalog/properties/property-string.js +1 -1
- package/lib/catalog/properties/property-toggle.js +1 -1
- package/lib/catalog/utils/FuseUtils.js +8 -10
- package/lib/catalog/utils/exporter.js +3 -5
- package/lib/catalog/utils/geom-utils.js +1 -1
- package/lib/catalog/utils/item-loader.js +9 -14
- package/lib/class/FuseUtils.js +8 -10
- package/lib/class/area.js +7 -10
- package/lib/class/export.js +1 -1
- package/lib/class/group.js +11 -19
- package/lib/class/guide.js +9 -12
- package/lib/class/hole.js +5 -8
- package/lib/class/item.js +10 -18
- package/lib/class/layer.js +5 -8
- package/lib/class/line.js +12 -19
- package/lib/class/project.js +8 -10
- package/lib/class/vertex.js +7 -10
- package/lib/components/content.js +2 -2
- package/lib/components/disclaimer/disclaimer.js +1 -1
- package/lib/components/export.js +1 -1
- package/lib/components/style/button.js +15 -21
- package/lib/components/style/cancel-button.js +5 -6
- package/lib/components/style/content-container.js +3 -6
- package/lib/components/style/content-title.js +8 -11
- package/lib/components/style/delete-button.js +6 -7
- package/lib/components/style/export.js +1 -1
- package/lib/components/style/form-block.js +7 -11
- package/lib/components/style/form-color-input.js +5 -6
- package/lib/components/style/form-label.js +7 -11
- package/lib/components/style/form-number-input.js +13 -18
- package/lib/components/style/form-number-input_2.js +13 -18
- package/lib/components/style/form-select.js +10 -19
- package/lib/components/style/form-slider.js +5 -6
- package/lib/components/style/form-submit-button.js +6 -7
- package/lib/components/style/form-text-input.js +17 -22
- package/lib/components/viewer2d/area.js +1 -1
- package/lib/components/viewer2d/export.js +1 -1
- package/lib/components/viewer2d/grids/grid-horizontal-streak.js +1 -1
- package/lib/components/viewer2d/grids/grid-streak.js +1 -1
- package/lib/components/viewer2d/grids/grid-vertical-streak.js +1 -1
- package/lib/components/viewer2d/grids/grids.js +4 -9
- package/lib/components/viewer2d/group.js +2 -2
- package/lib/components/viewer2d/item.js +5 -10
- package/lib/components/viewer2d/layer.js +1 -1
- package/lib/components/viewer2d/line.js +2 -2
- package/lib/components/viewer2d/ruler.js +1 -1
- package/lib/components/viewer2d/rulerDist.js +1 -1
- package/lib/components/viewer2d/rulerX.js +13 -18
- package/lib/components/viewer2d/rulerY.js +13 -18
- package/lib/components/viewer2d/scene.js +21 -32
- package/lib/components/viewer2d/snap.js +2 -2
- package/lib/components/viewer2d/state.js +5 -10
- package/lib/components/viewer2d/utils.js +5 -9
- package/lib/components/viewer2d/vertex.js +2 -2
- package/lib/components/viewer2d/viewer2d.js +13 -23
- package/lib/components/viewer3d/camera-controls-module/camera-controls.module.js +14 -20
- package/lib/components/viewer3d/front3D.js +4 -9
- package/lib/components/viewer3d/grid-creator.js +2 -2
- package/lib/components/viewer3d/grids/grid-horizontal-streak.js +1 -1
- package/lib/components/viewer3d/grids/grid-streak.js +1 -1
- package/lib/components/viewer3d/grids/grid-vertical-streak.js +1 -1
- package/lib/components/viewer3d/pointer-lock-navigation.js +1 -1
- package/lib/components/viewer3d/ruler-utils/itemRect.js +1 -1
- package/lib/components/viewer3d/ruler-utils/layer3D.js +1 -1
- package/lib/components/viewer3d/ruler-utils/ruler3D.js +3 -6
- package/lib/components/viewer3d/ruler-utils/scene3D.js +1 -1
- package/lib/components/viewer3d/ruler-utils/state3D.js +1 -1
- package/lib/components/viewer3d/scene-creator.js +16 -21
- package/lib/components/viewer3d/three-memory-cleaner.js +1 -1
- package/lib/components/viewer3d/viewer3d-first-person.js +11 -16
- package/lib/components/viewer3d/viewer3d.js +15 -20
- package/lib/index.js +8 -14
- package/lib/models.js +51 -56
- package/lib/plugins/console-debugger.js +3 -6
- package/lib/plugins/export.js +1 -1
- package/lib/reducers/export.js +1 -1
- package/lib/styles/export.js +1 -1
- package/lib/translator/translator.js +5 -9
- package/lib/utils/export.js +2 -2
- package/lib/utils/geometry.js +11 -18
- package/lib/utils/graph-inner-cycles.js +1 -1
- package/lib/utils/graph.js +7 -10
- package/lib/utils/helper.js +7 -7
- package/lib/utils/history.js +1 -1
- package/lib/utils/id-broker.js +5 -8
- package/lib/utils/molding.js +14 -19
- package/lib/utils/name-generator.js +5 -8
- package/lib/utils/objects-utils.js +5 -3
- package/lib/utils/process-black-list.js +3 -5
- package/lib/utils/react-if.js +1 -1
- package/lib/utils/snap-scene.js +3 -7
- package/lib/utils/snap.js +22 -26
- package/lib/utils/threeCSG.es6.js +14 -14
- package/package.json +24 -18
|
@@ -1,15 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyLengthMeasure;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _constants = require("./../../constants");
|
|
13
|
+
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
14
|
+
var _export = require("../../components/style/export");
|
|
15
|
+
var _immutable = require("immutable");
|
|
16
|
+
var _math = require("../../utils/math");
|
|
17
|
+
var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
|
|
1
18
|
var _excluded = ["hook", "label"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "./../../constants";
|
|
8
|
-
import { convert } from "../../utils/convert-units-lite";
|
|
9
|
-
import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
|
|
10
|
-
import { Map } from 'immutable';
|
|
11
|
-
import { toFixedFloat } from "../../utils/math";
|
|
12
|
-
import PropertyStyle from "./shared-property-style";
|
|
13
19
|
var internalTableStyle = {
|
|
14
20
|
borderCollapse: 'collapse'
|
|
15
21
|
};
|
|
@@ -19,7 +25,7 @@ var secondTdStyle = {
|
|
|
19
25
|
var unitContainerStyle = {
|
|
20
26
|
width: '5em'
|
|
21
27
|
};
|
|
22
|
-
|
|
28
|
+
function PropertyLengthMeasure(_ref, _ref2) {
|
|
23
29
|
var value = _ref.value,
|
|
24
30
|
onUpdate = _ref.onUpdate,
|
|
25
31
|
onValid = _ref.onValid,
|
|
@@ -30,22 +36,22 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
|
|
|
30
36
|
var catalog = _ref2.catalog;
|
|
31
37
|
var length = value.get('length') || 0; // length in inch
|
|
32
38
|
var _length = value.get('_length') || length; // length in unit
|
|
33
|
-
var _unit = value.get('_unit') || UNIT_INCH;
|
|
34
|
-
var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
|
|
39
|
+
var _unit = value.get('_unit') || _constants.UNIT_INCH;
|
|
40
|
+
var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
|
|
35
41
|
var hook = configs.hook,
|
|
36
42
|
label = configs.label,
|
|
37
|
-
configRest =
|
|
43
|
+
configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
|
|
38
44
|
var update = function update(lengthInput, unitInput, type) {
|
|
39
|
-
var newLength = toFixedFloat(lengthInput);
|
|
45
|
+
var newLength = (0, _math.toFixedFloat)(lengthInput);
|
|
40
46
|
var merged = null;
|
|
41
47
|
if (type === 0) {
|
|
42
48
|
merged = value.merge({
|
|
43
|
-
length: unitInput !== UNIT_INCH ? convert(newLength).from(unitInput).to(UNIT_INCH) : newLength,
|
|
49
|
+
length: unitInput !== _constants.UNIT_INCH ? (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_INCH) : newLength,
|
|
44
50
|
_length: newLength
|
|
45
51
|
});
|
|
46
52
|
} else {
|
|
47
53
|
merged = value.merge({
|
|
48
|
-
_length: convert(newLength).from(UNIT_INCH).to(unitInput),
|
|
54
|
+
_length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
|
|
49
55
|
_unit: unitInput
|
|
50
56
|
});
|
|
51
57
|
}
|
|
@@ -56,46 +62,46 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
|
|
|
56
62
|
}
|
|
57
63
|
return onUpdate(merged);
|
|
58
64
|
};
|
|
59
|
-
return /*#__PURE__*/
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
60
66
|
className: "PropertyLengthMeasure",
|
|
61
|
-
style:
|
|
62
|
-
}, /*#__PURE__*/
|
|
63
|
-
style:
|
|
64
|
-
}, /*#__PURE__*/
|
|
67
|
+
style: _sharedPropertyStyle["default"].tableStyle
|
|
68
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
69
|
+
style: _sharedPropertyStyle["default"].firstTdStyle
|
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, label)), /*#__PURE__*/_react["default"].createElement("td", {
|
|
65
71
|
style: secondTdStyle
|
|
66
|
-
}, /*#__PURE__*/
|
|
72
|
+
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
67
73
|
style: internalTableStyle
|
|
68
|
-
}, /*#__PURE__*/
|
|
69
|
-
disabled: type === TALL_CABINET_LAYOUTPOS,
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, (0, _extends2["default"])({
|
|
75
|
+
disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
|
|
70
76
|
value: _length,
|
|
71
77
|
onChange: function onChange(event) {
|
|
72
78
|
return update(event.target.value, _unit, 0);
|
|
73
79
|
},
|
|
74
80
|
onValid: onValid
|
|
75
|
-
}, configRest))), /*#__PURE__*/
|
|
81
|
+
}, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
|
|
76
82
|
style: unitContainerStyle
|
|
77
|
-
}, /*#__PURE__*/
|
|
78
|
-
disabled: type === TALL_CABINET_LAYOUTPOS,
|
|
83
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
|
|
84
|
+
disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
|
|
79
85
|
value: _unit,
|
|
80
86
|
onChange: function onChange(event) {
|
|
81
87
|
return update(length, event.target.value, 1);
|
|
82
88
|
}
|
|
83
|
-
}, UNITS_LENGTH.map(function (el) {
|
|
84
|
-
return /*#__PURE__*/
|
|
89
|
+
}, _constants.UNITS_LENGTH.map(function (el) {
|
|
90
|
+
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
85
91
|
key: el,
|
|
86
92
|
value: el
|
|
87
93
|
}, el);
|
|
88
94
|
}))))))))));
|
|
89
95
|
}
|
|
90
96
|
PropertyLengthMeasure.propTypes = {
|
|
91
|
-
value:
|
|
92
|
-
onUpdate:
|
|
93
|
-
onValid:
|
|
94
|
-
configs:
|
|
95
|
-
sourceElement:
|
|
96
|
-
internalState:
|
|
97
|
-
state:
|
|
97
|
+
value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
|
|
98
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
99
|
+
onValid: _propTypes["default"].func,
|
|
100
|
+
configs: _propTypes["default"].object.isRequired,
|
|
101
|
+
sourceElement: _propTypes["default"].object,
|
|
102
|
+
internalState: _propTypes["default"].object,
|
|
103
|
+
state: _propTypes["default"].object.isRequired
|
|
98
104
|
};
|
|
99
105
|
PropertyLengthMeasure.contextTypes = {
|
|
100
|
-
catalog:
|
|
106
|
+
catalog: _propTypes["default"].object.isRequired
|
|
101
107
|
};
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyLengthMeasure;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var _constants = require("../../constants");
|
|
14
|
+
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
15
|
+
var _export = require("../../components/style/export");
|
|
16
|
+
var _immutable = require("immutable");
|
|
17
|
+
var _math = require("../../utils/math");
|
|
1
18
|
var _excluded = ["hook", "label"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
4
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
6
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
7
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
8
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
9
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
11
|
-
import React from 'react';
|
|
12
|
-
import PropTypes from 'prop-types';
|
|
13
|
-
import { BASE_CABINET_LAYOUTPOS, DEFAULT_FONT_FAMILY, TALL_CABINET_LAYOUTPOS, TEXT_COLOR_NEUTRAL_0, UNIT_CENTIMETER, UNIT_INCH } from "../../constants";
|
|
14
|
-
import { convert } from "../../utils/convert-units-lite";
|
|
15
|
-
import { FormNumberInput } from "../../components/style/export";
|
|
16
|
-
import { Map } from 'immutable';
|
|
17
|
-
import { toFixedFloat } from "../../utils/math";
|
|
18
19
|
var styles = {
|
|
19
20
|
distanceFloorWrapper: {
|
|
20
21
|
display: 'flex',
|
|
@@ -25,8 +26,8 @@ var styles = {
|
|
|
25
26
|
return {
|
|
26
27
|
marginRight: 'auto',
|
|
27
28
|
width: 110,
|
|
28
|
-
color: TEXT_COLOR_NEUTRAL_0,
|
|
29
|
-
fontFamily: DEFAULT_FONT_FAMILY,
|
|
29
|
+
color: _constants.TEXT_COLOR_NEUTRAL_0,
|
|
30
|
+
fontFamily: _constants.DEFAULT_FONT_FAMILY,
|
|
30
31
|
fontSize: fontSize,
|
|
31
32
|
fontWeight: 400,
|
|
32
33
|
lineHeight: '15px',
|
|
@@ -46,7 +47,7 @@ function getFontSize() {
|
|
|
46
47
|
}
|
|
47
48
|
return 13;
|
|
48
49
|
}
|
|
49
|
-
|
|
50
|
+
function PropertyLengthMeasure(_ref, _ref2) {
|
|
50
51
|
var value = _ref.value,
|
|
51
52
|
onUpdate = _ref.onUpdate,
|
|
52
53
|
onValid = _ref.onValid,
|
|
@@ -60,25 +61,25 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
|
|
|
60
61
|
var length = value.get('length') || 0; // in centi
|
|
61
62
|
var _length = value.get('_length') || length; // in _unit
|
|
62
63
|
if (!_unit) {
|
|
63
|
-
_unit = UNIT_INCH;
|
|
64
|
-
_length = convert(length).from(UNIT_CENTIMETER).to(UNIT_INCH);
|
|
64
|
+
_unit = _constants.UNIT_INCH;
|
|
65
|
+
_length = (0, _convertUnitsLite.convert)(length).from(_constants.UNIT_CENTIMETER).to(_constants.UNIT_INCH);
|
|
65
66
|
}
|
|
66
|
-
var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
|
|
67
|
+
var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
|
|
67
68
|
var hook = configs.hook,
|
|
68
69
|
label = configs.label,
|
|
69
|
-
configRest =
|
|
70
|
+
configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
|
|
70
71
|
var update = function update(lengthInput, unitInput, type) {
|
|
71
|
-
var newLength = toFixedFloat(lengthInput);
|
|
72
|
+
var newLength = (0, _math.toFixedFloat)(lengthInput);
|
|
72
73
|
var merged = null;
|
|
73
74
|
if (type === 0) {
|
|
74
75
|
merged = value.merge({
|
|
75
76
|
_length: newLength,
|
|
76
77
|
_unit: unitInput,
|
|
77
|
-
length: convert(newLength).from(unitInput).to(UNIT_CENTIMETER)
|
|
78
|
+
length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to(_constants.UNIT_CENTIMETER)
|
|
78
79
|
});
|
|
79
80
|
} else {
|
|
80
81
|
merged = value.merge({
|
|
81
|
-
_length: convert(newLength).from(UNIT_CENTIMETER).to(unitInput),
|
|
82
|
+
_length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_CENTIMETER).to(unitInput),
|
|
82
83
|
_unit: unitInput,
|
|
83
84
|
length: newLength
|
|
84
85
|
});
|
|
@@ -90,11 +91,11 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
|
|
|
90
91
|
}
|
|
91
92
|
return onUpdate(merged);
|
|
92
93
|
};
|
|
93
|
-
var _React$useState =
|
|
94
|
-
_React$useState2 =
|
|
94
|
+
var _React$useState = _react["default"].useState(getFontSize()),
|
|
95
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
95
96
|
fontSize = _React$useState2[0],
|
|
96
97
|
setFontSize = _React$useState2[1];
|
|
97
|
-
|
|
98
|
+
_react["default"].useEffect(function () {
|
|
98
99
|
function handleResize() {
|
|
99
100
|
setFontSize(getFontSize());
|
|
100
101
|
}
|
|
@@ -103,13 +104,13 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
|
|
|
103
104
|
return window.removeEventListener('resize', handleResize);
|
|
104
105
|
};
|
|
105
106
|
}, []);
|
|
106
|
-
return /*#__PURE__*/
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
107
108
|
style: styles.distanceFloorWrapper
|
|
108
|
-
}, /*#__PURE__*/
|
|
109
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
109
110
|
style: styles.distanceFloorTitle(fontSize)
|
|
110
|
-
}, label), /*#__PURE__*/
|
|
111
|
-
disabled: type === TALL_CABINET_LAYOUTPOS,
|
|
112
|
-
value: convert(_length).from('in').to(unit),
|
|
111
|
+
}, label), /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, (0, _extends2["default"])({
|
|
112
|
+
disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
|
|
113
|
+
value: (0, _convertUnitsLite.convert)(_length).from('in').to(unit),
|
|
113
114
|
onChange: function onChange(event) {
|
|
114
115
|
return update(event.target.value, _unit, 0);
|
|
115
116
|
},
|
|
@@ -121,14 +122,14 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
|
|
|
121
122
|
}, configRest)));
|
|
122
123
|
}
|
|
123
124
|
PropertyLengthMeasure.propTypes = {
|
|
124
|
-
value:
|
|
125
|
-
onUpdate:
|
|
126
|
-
onValid:
|
|
127
|
-
configs:
|
|
128
|
-
sourceElement:
|
|
129
|
-
internalState:
|
|
130
|
-
state:
|
|
125
|
+
value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
|
|
126
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
127
|
+
onValid: _propTypes["default"].func,
|
|
128
|
+
configs: _propTypes["default"].object.isRequired,
|
|
129
|
+
sourceElement: _propTypes["default"].object,
|
|
130
|
+
internalState: _propTypes["default"].object,
|
|
131
|
+
state: _propTypes["default"].object.isRequired
|
|
131
132
|
};
|
|
132
133
|
PropertyLengthMeasure.contextTypes = {
|
|
133
|
-
catalog:
|
|
134
|
+
catalog: _propTypes["default"].object.isRequired
|
|
134
135
|
};
|
|
@@ -1,15 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyLengthMeasureHole;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _constants = require("../../constants");
|
|
13
|
+
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
14
|
+
var _export = require("../../components/style/export");
|
|
15
|
+
var _immutable = require("immutable");
|
|
16
|
+
var _math = require("../../utils/math");
|
|
17
|
+
var _sharedPropertyStyle = _interopRequireDefault(require("./shared-property-style"));
|
|
1
18
|
var _excluded = ["hook", "label"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "../../constants";
|
|
8
|
-
import { convert } from "../../utils/convert-units-lite";
|
|
9
|
-
import { FormLabel, FormNumberInput1, FormSelect } from "../../components/style/export";
|
|
10
|
-
import { Map } from 'immutable';
|
|
11
|
-
import { toFixedFloat } from "../../utils/math";
|
|
12
|
-
import PropertyStyle from "./shared-property-style";
|
|
13
19
|
var internalTableStyle = {
|
|
14
20
|
borderCollapse: 'collapse'
|
|
15
21
|
};
|
|
@@ -19,7 +25,7 @@ var secondTdStyle = {
|
|
|
19
25
|
var unitContainerStyle = {
|
|
20
26
|
width: '3em'
|
|
21
27
|
};
|
|
22
|
-
|
|
28
|
+
function PropertyLengthMeasureHole(_ref, _ref2) {
|
|
23
29
|
var value = _ref.value,
|
|
24
30
|
onUpdate = _ref.onUpdate,
|
|
25
31
|
onValid = _ref.onValid,
|
|
@@ -28,24 +34,24 @@ export default function PropertyLengthMeasureHole(_ref, _ref2) {
|
|
|
28
34
|
internalState = _ref.internalState,
|
|
29
35
|
state = _ref.state;
|
|
30
36
|
var catalog = _ref2.catalog;
|
|
31
|
-
var _unit = value.get('_unit') || UNIT_INCH;
|
|
37
|
+
var _unit = value.get('_unit') || _constants.UNIT_INCH;
|
|
32
38
|
var _length = value.get('_length') || 0;
|
|
33
39
|
var length = value.get('length') || _length;
|
|
34
|
-
var type = value.get('type') || BASE_CABINET_LAYOUTPOS;
|
|
40
|
+
var type = value.get('type') || _constants.BASE_CABINET_LAYOUTPOS;
|
|
35
41
|
var hook = configs.hook,
|
|
36
42
|
label = configs.label,
|
|
37
|
-
configRest =
|
|
43
|
+
configRest = (0, _objectWithoutProperties2["default"])(configs, _excluded);
|
|
38
44
|
var update = function update(lengthInput, unitInput, type) {
|
|
39
|
-
var newLength = toFixedFloat(lengthInput);
|
|
45
|
+
var newLength = (0, _math.toFixedFloat)(lengthInput);
|
|
40
46
|
var merged = null;
|
|
41
47
|
if (type === 0) {
|
|
42
48
|
merged = value.merge({
|
|
43
49
|
_length: newLength,
|
|
44
|
-
length: convert(newLength).from(unitInput).to('cm')
|
|
50
|
+
length: (0, _convertUnitsLite.convert)(newLength).from(unitInput).to('cm')
|
|
45
51
|
});
|
|
46
52
|
} else {
|
|
47
53
|
merged = value.merge({
|
|
48
|
-
_length: convert(newLength).from(UNIT_INCH).to(unitInput),
|
|
54
|
+
_length: (0, _convertUnitsLite.convert)(newLength).from(_constants.UNIT_INCH).to(unitInput),
|
|
49
55
|
_unit: unitInput
|
|
50
56
|
});
|
|
51
57
|
}
|
|
@@ -56,46 +62,46 @@ export default function PropertyLengthMeasureHole(_ref, _ref2) {
|
|
|
56
62
|
}
|
|
57
63
|
return onUpdate(merged);
|
|
58
64
|
};
|
|
59
|
-
return /*#__PURE__*/
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
60
66
|
className: "PropertyLengthMeasure",
|
|
61
|
-
style:
|
|
62
|
-
}, /*#__PURE__*/
|
|
63
|
-
style:
|
|
64
|
-
}, /*#__PURE__*/
|
|
67
|
+
style: _sharedPropertyStyle["default"].tableStyle
|
|
68
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
69
|
+
style: _sharedPropertyStyle["default"].firstTdStyle
|
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, label)), /*#__PURE__*/_react["default"].createElement("td", {
|
|
65
71
|
style: secondTdStyle
|
|
66
|
-
}, /*#__PURE__*/
|
|
72
|
+
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
67
73
|
style: internalTableStyle
|
|
68
|
-
}, /*#__PURE__*/
|
|
69
|
-
disabled: type === TALL_CABINET_LAYOUTPOS,
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput1, (0, _extends2["default"])({
|
|
75
|
+
disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
|
|
70
76
|
value: _length,
|
|
71
77
|
onChange: function onChange(event) {
|
|
72
78
|
return update(event.target.value, _unit, 0);
|
|
73
79
|
},
|
|
74
80
|
onValid: onValid
|
|
75
|
-
}, configRest))), /*#__PURE__*/
|
|
81
|
+
}, configRest))), /*#__PURE__*/_react["default"].createElement("td", {
|
|
76
82
|
style: unitContainerStyle
|
|
77
|
-
}, /*#__PURE__*/
|
|
78
|
-
disabled: type === TALL_CABINET_LAYOUTPOS,
|
|
83
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormSelect, {
|
|
84
|
+
disabled: type === _constants.TALL_CABINET_LAYOUTPOS,
|
|
79
85
|
value: _unit,
|
|
80
86
|
onChange: function onChange(event) {
|
|
81
87
|
return update(length, event.target.value, 1);
|
|
82
88
|
}
|
|
83
|
-
}, UNITS_LENGTH.map(function (el) {
|
|
84
|
-
return /*#__PURE__*/
|
|
89
|
+
}, _constants.UNITS_LENGTH.map(function (el) {
|
|
90
|
+
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
85
91
|
key: el,
|
|
86
92
|
value: el
|
|
87
93
|
}, el);
|
|
88
94
|
}))))))))));
|
|
89
95
|
}
|
|
90
96
|
PropertyLengthMeasureHole.propTypes = {
|
|
91
|
-
value:
|
|
92
|
-
onUpdate:
|
|
93
|
-
onValid:
|
|
94
|
-
configs:
|
|
95
|
-
sourceElement:
|
|
96
|
-
internalState:
|
|
97
|
-
state:
|
|
97
|
+
value: _propTypes["default"].instanceOf(_immutable.Map).isRequired,
|
|
98
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
99
|
+
onValid: _propTypes["default"].func,
|
|
100
|
+
configs: _propTypes["default"].object.isRequired,
|
|
101
|
+
sourceElement: _propTypes["default"].object,
|
|
102
|
+
internalState: _propTypes["default"].object,
|
|
103
|
+
state: _propTypes["default"].object.isRequired
|
|
98
104
|
};
|
|
99
105
|
PropertyLengthMeasureHole.contextTypes = {
|
|
100
|
-
catalog:
|
|
106
|
+
catalog: _propTypes["default"].object.isRequired
|
|
101
107
|
};
|
|
@@ -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"] = PropertyNumber;
|
|
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 PropertyNumber(_ref) {
|
|
6
13
|
var value = _ref.value,
|
|
7
14
|
onUpdate = _ref.onUpdate,
|
|
8
15
|
onValid = _ref.onValid,
|
|
@@ -22,12 +29,12 @@ export default function PropertyNumber(_ref) {
|
|
|
22
29
|
}
|
|
23
30
|
return onUpdate(number);
|
|
24
31
|
};
|
|
25
|
-
return /*#__PURE__*/
|
|
32
|
+
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
26
33
|
className: "PropertyNumber",
|
|
27
|
-
style:
|
|
28
|
-
}, /*#__PURE__*/
|
|
29
|
-
style:
|
|
30
|
-
}, /*#__PURE__*/
|
|
34
|
+
style: _sharedPropertyStyle["default"].tableStyle
|
|
35
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
36
|
+
style: _sharedPropertyStyle["default"].firstTdStyle
|
|
37
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormNumberInput, {
|
|
31
38
|
value: value,
|
|
32
39
|
onChange: function onChange(event) {
|
|
33
40
|
return update(event.target.value);
|
|
@@ -38,11 +45,11 @@ export default function PropertyNumber(_ref) {
|
|
|
38
45
|
})))));
|
|
39
46
|
}
|
|
40
47
|
PropertyNumber.propTypes = {
|
|
41
|
-
value:
|
|
42
|
-
onUpdate:
|
|
43
|
-
onValid:
|
|
44
|
-
configs:
|
|
45
|
-
sourceElement:
|
|
46
|
-
internalState:
|
|
47
|
-
state:
|
|
48
|
+
value: _propTypes["default"].any.isRequired,
|
|
49
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
50
|
+
onValid: _propTypes["default"].func,
|
|
51
|
+
configs: _propTypes["default"].object.isRequired,
|
|
52
|
+
sourceElement: _propTypes["default"].object,
|
|
53
|
+
internalState: _propTypes["default"].object,
|
|
54
|
+
state: _propTypes["default"].object.isRequired
|
|
48
55
|
};
|
|
@@ -1,26 +1,33 @@
|
|
|
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"] = PropertyReadOnly;
|
|
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 PropertyReadOnly(_ref) {
|
|
6
13
|
var value = _ref.value,
|
|
7
14
|
onUpdate = _ref.onUpdate,
|
|
8
15
|
configs = _ref.configs,
|
|
9
16
|
sourceElement = _ref.sourceElement,
|
|
10
17
|
internalState = _ref.internalState,
|
|
11
18
|
state = _ref.state;
|
|
12
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
13
20
|
className: "PropertyReadOnly",
|
|
14
|
-
style:
|
|
15
|
-
}, /*#__PURE__*/
|
|
16
|
-
style:
|
|
17
|
-
}, /*#__PURE__*/
|
|
21
|
+
style: _sharedPropertyStyle["default"].tableStyle
|
|
22
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
23
|
+
style: _sharedPropertyStyle["default"].firstTdStyle
|
|
24
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", null, value)))));
|
|
18
25
|
}
|
|
19
26
|
PropertyReadOnly.propTypes = {
|
|
20
|
-
value:
|
|
21
|
-
onUpdate:
|
|
22
|
-
configs:
|
|
23
|
-
sourceElement:
|
|
24
|
-
internalState:
|
|
25
|
-
state:
|
|
27
|
+
value: _propTypes["default"].any.isRequired,
|
|
28
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
29
|
+
configs: _propTypes["default"].object.isRequired,
|
|
30
|
+
sourceElement: _propTypes["default"].object,
|
|
31
|
+
internalState: _propTypes["default"].object,
|
|
32
|
+
state: _propTypes["default"].object.isRequired
|
|
26
33
|
};
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = PropertyString;
|
|
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"));
|
|
5
12
|
var tableStyle = {
|
|
6
13
|
width: '100%',
|
|
7
14
|
borderSpacing: '2px 0',
|
|
@@ -11,7 +18,7 @@ var firstTdStyle = {
|
|
|
11
18
|
width: '6em',
|
|
12
19
|
textTransform: 'capitalize'
|
|
13
20
|
};
|
|
14
|
-
|
|
21
|
+
function PropertyString(_ref) {
|
|
15
22
|
var value = _ref.value,
|
|
16
23
|
onUpdate = _ref.onUpdate,
|
|
17
24
|
configs = _ref.configs,
|
|
@@ -26,12 +33,12 @@ export default function PropertyString(_ref) {
|
|
|
26
33
|
}
|
|
27
34
|
return onUpdate(val);
|
|
28
35
|
};
|
|
29
|
-
return /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
30
37
|
className: "PropertyString",
|
|
31
|
-
style:
|
|
32
|
-
}, /*#__PURE__*/
|
|
33
|
-
style:
|
|
34
|
-
}, /*#__PURE__*/
|
|
38
|
+
style: _sharedPropertyStyle["default"].tableStyle
|
|
39
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
40
|
+
style: _sharedPropertyStyle["default"].firstTdStyle
|
|
41
|
+
}, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.FormTextInput, {
|
|
35
42
|
value: value,
|
|
36
43
|
onChange: function onChange(event) {
|
|
37
44
|
return update(event.target.value);
|
|
@@ -39,10 +46,10 @@ export default function PropertyString(_ref) {
|
|
|
39
46
|
})))));
|
|
40
47
|
}
|
|
41
48
|
PropertyString.propTypes = {
|
|
42
|
-
value:
|
|
43
|
-
onUpdate:
|
|
44
|
-
configs:
|
|
45
|
-
sourceElement:
|
|
46
|
-
internalState:
|
|
47
|
-
state:
|
|
49
|
+
value: _propTypes["default"].any.isRequired,
|
|
50
|
+
onUpdate: _propTypes["default"].func.isRequired,
|
|
51
|
+
configs: _propTypes["default"].object.isRequired,
|
|
52
|
+
sourceElement: _propTypes["default"].object,
|
|
53
|
+
internalState: _propTypes["default"].object,
|
|
54
|
+
state: _propTypes["default"].object.isRequired
|
|
48
55
|
};
|