kitchen-simulator 1.1.1-test.71 → 1.1.1-test.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/@history.js +5 -2
- package/es/AppContext.js +6 -3
- package/es/KitchenConfigurator.js +86 -87
- package/es/KitchenConfiguratorApp.js +128 -135
- package/es/actions/area-actions.js +8 -5
- package/es/actions/export.js +24 -12
- package/es/actions/groups-actions.js +41 -27
- package/es/actions/holes-actions.js +51 -34
- package/es/actions/items-actions.js +141 -94
- package/es/actions/lines-actions.js +32 -21
- package/es/actions/project-actions.js +141 -94
- package/es/actions/scene-actions.js +17 -11
- package/es/actions/vertices-actions.js +11 -7
- package/es/actions/viewer2d-actions.js +32 -21
- package/es/actions/viewer3d-actions.js +14 -9
- package/es/catalog/areas/area/planner-element.js +5 -2
- package/es/catalog/catalog.js +17 -15
- package/es/catalog/factories/area-factory-3d.js +26 -22
- package/es/catalog/factories/area-factory.js +15 -13
- package/es/catalog/factories/export.js +10 -6
- package/es/catalog/factories/wall-factory-3d.js +36 -31
- package/es/catalog/factories/wall-factory.js +26 -21
- package/es/catalog/holes/door-closet/planner-element.js +19 -15
- package/es/catalog/holes/door-double/planner-element.js +19 -15
- package/es/catalog/holes/door-exterior/planner-element.js +20 -16
- package/es/catalog/holes/door-interior/planner-element.js +20 -16
- package/es/catalog/holes/door-panic/planner-element.js +11 -7
- package/es/catalog/holes/door-panic-double/planner-element.js +19 -15
- package/es/catalog/holes/door-sliding/planner-element.js +21 -17
- package/es/catalog/holes/doorway-framed/planner-element.js +15 -11
- package/es/catalog/holes/doorway-frameless/planner-element.js +11 -7
- package/es/catalog/holes/export.js +29 -13
- package/es/catalog/holes/window-clear/planner-element.js +14 -10
- package/es/catalog/holes/window-cross/planner-element.js +14 -10
- package/es/catalog/holes/window-double-hung/planner-element.js +14 -10
- package/es/catalog/holes/window-vertical/planner-element.js +14 -10
- package/es/catalog/lines/wall/planner-element.js +5 -2
- package/es/catalog/molding/molding-dcm/planner-element.js +9 -5
- package/es/catalog/molding/molding-fbm/planner-element.js +9 -5
- package/es/catalog/molding/molding-lrm/planner-element.js +9 -5
- package/es/catalog/properties/export.js +31 -20
- package/es/catalog/properties/property-checkbox.js +29 -28
- package/es/catalog/properties/property-color.js +19 -16
- package/es/catalog/properties/property-enum.js +27 -24
- package/es/catalog/properties/property-hidden.js +12 -9
- package/es/catalog/properties/property-lenght-measure.js +41 -38
- package/es/catalog/properties/property-length-measure.js +39 -36
- package/es/catalog/properties/property-length-measure_hole.js +41 -38
- package/es/catalog/properties/property-number.js +20 -17
- package/es/catalog/properties/property-read-only.js +19 -16
- package/es/catalog/properties/property-string.js +19 -16
- package/es/catalog/properties/property-toggle.js +19 -16
- package/es/catalog/properties/shared-property-style.js +3 -1
- package/es/catalog/utils/FuseUtils.js +13 -12
- package/es/catalog/utils/exporter.js +11 -10
- package/es/catalog/utils/geom-utils.js +24 -13
- package/es/catalog/utils/item-loader.js +92 -86
- package/es/catalog/utils/load-obj.js +24 -20
- package/es/catalog/utils/mtl-loader.js +4 -3
- package/es/catalog/utils/obj-loader.js +4 -3
- package/es/class/FuseUtils.js +13 -12
- package/es/class/area.js +24 -24
- package/es/class/export.js +36 -23
- package/es/class/group.js +55 -53
- package/es/class/guide.js +17 -15
- package/es/class/hole.js +85 -83
- package/es/class/item.js +155 -155
- package/es/class/layer.js +61 -59
- package/es/class/line.js +138 -135
- package/es/class/project.js +94 -93
- package/es/class/vertex.js +31 -29
- package/es/components/content.js +23 -19
- package/es/components/disclaimer/disclaimer.js +13 -10
- package/es/components/export.js +13 -8
- package/es/components/style/button.js +25 -25
- package/es/components/style/cancel-button.js +10 -7
- package/es/components/style/content-container.js +12 -11
- package/es/components/style/content-title.js +15 -13
- package/es/components/style/delete-button.js +12 -8
- package/es/components/style/export.js +46 -30
- package/es/components/style/form-block.js +11 -10
- package/es/components/style/form-color-input.js +10 -7
- package/es/components/style/form-label.js +11 -10
- package/es/components/style/form-number-input.js +43 -45
- package/es/components/style/form-number-input_2.js +39 -41
- package/es/components/style/form-select.js +20 -19
- package/es/components/style/form-slider.js +13 -10
- package/es/components/style/form-submit-button.js +12 -8
- package/es/components/style/form-text-input.js +28 -30
- package/es/components/viewer2d/area.js +20 -17
- package/es/components/viewer2d/export.js +46 -30
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +13 -10
- package/es/components/viewer2d/grids/grid-streak.js +13 -10
- package/es/components/viewer2d/grids/grid-vertical-streak.js +13 -10
- package/es/components/viewer2d/grids/grids.js +14 -10
- package/es/components/viewer2d/group.js +19 -15
- package/es/components/viewer2d/item.js +65 -61
- package/es/components/viewer2d/layer.js +26 -23
- package/es/components/viewer2d/line.js +106 -101
- package/es/components/viewer2d/ruler.js +25 -22
- package/es/components/viewer2d/rulerDist.js +24 -21
- package/es/components/viewer2d/rulerX.js +44 -46
- package/es/components/viewer2d/rulerY.js +42 -44
- package/es/components/viewer2d/scene.js +34 -35
- package/es/components/viewer2d/snap.js +17 -13
- package/es/components/viewer2d/state.js +22 -18
- package/es/components/viewer2d/utils.js +33 -24
- package/es/components/viewer2d/vertex.js +12 -8
- package/es/components/viewer2d/viewer2d.js +159 -156
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +19 -21
- package/es/components/viewer3d/dcm.js +3 -1
- package/es/components/viewer3d/fbm.js +3 -1
- package/es/components/viewer3d/front3D.js +16 -12
- package/es/components/viewer3d/grid-creator.js +12 -8
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +9 -6
- package/es/components/viewer3d/grids/grid-streak.js +8 -5
- package/es/components/viewer3d/grids/grid-vertical-streak.js +9 -6
- package/es/components/viewer3d/libs/first-person-controls.js +5 -2
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +3 -1
- package/es/components/viewer3d/libs/mtl-loader.js +3 -1
- package/es/components/viewer3d/libs/obj-loader.js +3 -1
- package/es/components/viewer3d/libs/orbit-controls.js +4 -2
- package/es/components/viewer3d/libs/pointer-lock-controls.js +4 -2
- package/es/components/viewer3d/lrm.js +3 -1
- package/es/components/viewer3d/model.js +3 -1
- package/es/components/viewer3d/pointer-lock-navigation.js +6 -3
- package/es/components/viewer3d/ruler-utils/itemRect.js +21 -18
- package/es/components/viewer3d/ruler-utils/layer3D.js +62 -59
- package/es/components/viewer3d/ruler-utils/ruler3D.js +43 -42
- package/es/components/viewer3d/ruler-utils/scene3D.js +13 -9
- package/es/components/viewer3d/ruler-utils/state3D.js +7 -4
- package/es/components/viewer3d/scene-creator.js +223 -197
- package/es/components/viewer3d/three-memory-cleaner.js +7 -3
- package/es/components/viewer3d/viewer3d-first-person.js +42 -42
- package/es/components/viewer3d/viewer3d.js +198 -200
- package/es/constants.js +354 -349
- package/es/index.js +11 -7
- package/es/models.js +191 -193
- package/es/plugins/SVGLoader.js +49 -48
- package/es/plugins/autosave.js +5 -3
- package/es/plugins/console-debugger.js +7 -6
- package/es/plugins/export.js +13 -8
- package/es/plugins/keyboard.js +31 -29
- package/es/reducers/areas-reducer.js +9 -7
- package/es/reducers/export.js +37 -24
- package/es/reducers/groups-reducer.js +33 -31
- package/es/reducers/holes-reducer.js +45 -43
- package/es/reducers/items-reducer.js +108 -106
- package/es/reducers/lines-reducer.js +30 -28
- package/es/reducers/project-reducer.js +107 -105
- package/es/reducers/reducer.js +19 -16
- package/es/reducers/scene-reducer.js +17 -15
- package/es/reducers/user-reducer.js +7 -5
- package/es/reducers/vertices-reducer.js +13 -11
- package/es/reducers/viewer2d-reducer.js +20 -18
- package/es/reducers/viewer3d-reducer.js +18 -16
- package/es/shared-style.js +12 -10
- package/es/styles/export.js +6 -3
- package/es/translator/en.js +3 -1
- package/es/translator/it.js +3 -1
- package/es/translator/ru.js +3 -1
- package/es/translator/translator.js +15 -13
- package/es/utils/browser.js +5 -2
- package/es/utils/convert-units-lite.js +3 -1
- package/es/utils/email-validator.js +3 -1
- package/es/utils/export.js +29 -15
- package/es/utils/geometry.js +280 -190
- package/es/utils/get-edges-of-subgraphs.js +5 -2
- package/es/utils/graph-cycles.js +7 -8
- package/es/utils/graph-inner-cycles.js +14 -10
- package/es/utils/graph.js +13 -9
- package/es/utils/helper.js +58 -41
- package/es/utils/history.js +11 -8
- package/es/utils/id-broker.js +11 -8
- package/es/utils/logger.js +3 -1
- package/es/utils/math.js +8 -5
- package/es/utils/molding.js +146 -130
- package/es/utils/name-generator.js +9 -7
- package/es/utils/objects-utils.js +14 -7
- package/es/utils/phone-validator.js +3 -1
- package/es/utils/process-black-list.js +6 -5
- package/es/utils/react-if.js +9 -7
- package/es/utils/snap-scene.js +30 -27
- package/es/utils/snap.js +57 -53
- package/es/utils/summarizeCart.js +3 -1
- package/es/utils/threeCSG.es6.js +17 -13
- package/es/version.js +3 -1
- package/package.json +1 -1
package/es/components/content.js
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
2
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = Content;
|
|
5
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
7
|
+
var _viewer2d = _interopRequireDefault(require("./viewer2d/viewer2d"));
|
|
8
|
+
var _viewer3d = _interopRequireDefault(require("./viewer3d/viewer3d"));
|
|
9
|
+
var _viewer3dFirstPerson = _interopRequireDefault(require("./viewer3d/viewer3d-first-person"));
|
|
10
|
+
var constants = _interopRequireWildcard(require("../constants"));
|
|
11
|
+
var _front3D = _interopRequireDefault(require("./viewer3d/front3D"));
|
|
12
|
+
function Content(_ref, _ref2) {
|
|
9
13
|
var width = _ref.width,
|
|
10
14
|
height = _ref.height,
|
|
11
15
|
state = _ref.state,
|
|
@@ -21,7 +25,7 @@ export default function Content(_ref, _ref2) {
|
|
|
21
25
|
switch (mode) {
|
|
22
26
|
// this mode is when view elevation
|
|
23
27
|
case constants.MODE_ELEVATION_VIEW:
|
|
24
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/_react["default"].createElement(_front3D["default"], {
|
|
25
29
|
state: state,
|
|
26
30
|
width: width,
|
|
27
31
|
height: height,
|
|
@@ -31,7 +35,7 @@ export default function Content(_ref, _ref2) {
|
|
|
31
35
|
catalog: catalog
|
|
32
36
|
});
|
|
33
37
|
case constants.MODE_3D_VIEW:
|
|
34
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer3d["default"], {
|
|
35
39
|
id: "viewer3D",
|
|
36
40
|
state: state,
|
|
37
41
|
width: width,
|
|
@@ -42,7 +46,7 @@ export default function Content(_ref, _ref2) {
|
|
|
42
46
|
downloadFlag: false
|
|
43
47
|
});
|
|
44
48
|
case constants.MODE_3D_FIRST_PERSON:
|
|
45
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer3dFirstPerson["default"], {
|
|
46
50
|
state: state,
|
|
47
51
|
width: width,
|
|
48
52
|
height: height
|
|
@@ -60,7 +64,7 @@ export default function Content(_ref, _ref2) {
|
|
|
60
64
|
case constants.MODE_DRAWING_ITEM:
|
|
61
65
|
case constants.MODE_DRAGGING_HOLE:
|
|
62
66
|
case constants.MODE_ROTATING_ITEM:
|
|
63
|
-
return /*#__PURE__*/
|
|
67
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer2d["default"], {
|
|
64
68
|
state: state,
|
|
65
69
|
width: width,
|
|
66
70
|
height: height,
|
|
@@ -73,7 +77,7 @@ export default function Content(_ref, _ref2) {
|
|
|
73
77
|
case constants.MODE_DRAWING_ITEM_3D:
|
|
74
78
|
case constants.MODE_DRAWING_HOLE_3D:
|
|
75
79
|
case constants.MODE_DRAGGING_HOLE_3D:
|
|
76
|
-
return /*#__PURE__*/
|
|
80
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer3d["default"], {
|
|
77
81
|
id: "viewer3D",
|
|
78
82
|
state: state,
|
|
79
83
|
width: width,
|
|
@@ -86,7 +90,7 @@ export default function Content(_ref, _ref2) {
|
|
|
86
90
|
default:
|
|
87
91
|
if (customContents.hasOwnProperty(mode)) {
|
|
88
92
|
var CustomContent = customContents[mode];
|
|
89
|
-
return /*#__PURE__*/
|
|
93
|
+
return /*#__PURE__*/_react["default"].createElement(CustomContent, {
|
|
90
94
|
width: width,
|
|
91
95
|
height: height,
|
|
92
96
|
state: state
|
|
@@ -97,11 +101,11 @@ export default function Content(_ref, _ref2) {
|
|
|
97
101
|
}
|
|
98
102
|
}
|
|
99
103
|
Content.propTypes = {
|
|
100
|
-
state:
|
|
101
|
-
width:
|
|
102
|
-
height:
|
|
103
|
-
replaceCabinet:
|
|
104
|
+
state: _propTypes["default"].object.isRequired,
|
|
105
|
+
width: _propTypes["default"].number.isRequired,
|
|
106
|
+
height: _propTypes["default"].number.isRequired,
|
|
107
|
+
replaceCabinet: _propTypes["default"].func.isRequired
|
|
104
108
|
};
|
|
105
109
|
Content.contextTypes = {
|
|
106
|
-
projectActions:
|
|
110
|
+
projectActions: _propTypes["default"].object.isRequired
|
|
107
111
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = DisclaimerScreen;
|
|
4
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
2
5
|
var styles = {
|
|
3
6
|
root: {
|
|
4
7
|
display: 'flex',
|
|
@@ -57,17 +60,17 @@ var styles = {
|
|
|
57
60
|
cursor: 'pointer'
|
|
58
61
|
}
|
|
59
62
|
};
|
|
60
|
-
|
|
63
|
+
function DisclaimerScreen(_ref) {
|
|
61
64
|
var _ref$open = _ref.open,
|
|
62
65
|
open = _ref$open === void 0 ? true : _ref$open,
|
|
63
66
|
onClose = _ref.onClose,
|
|
64
67
|
_ref$titleTop = _ref.titleTop,
|
|
65
68
|
titleTop = _ref$titleTop === void 0 ? 'Building something great!' : _ref$titleTop,
|
|
66
69
|
_ref$message = _ref.message,
|
|
67
|
-
message = _ref$message === void 0 ? /*#__PURE__*/
|
|
70
|
+
message = _ref$message === void 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "We\u2019re adding the finishing touches to the mobile version.", /*#__PURE__*/_react["default"].createElement("br", null), "In the meantime, try our desktop version to start designing your dream room.") : _ref$message,
|
|
68
71
|
_ref$buttonText = _ref.buttonText,
|
|
69
72
|
buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
|
|
70
|
-
useEffect(function () {
|
|
73
|
+
(0, _react.useEffect)(function () {
|
|
71
74
|
var viewportMeta = document.querySelector('meta[name="viewport"]');
|
|
72
75
|
if (!viewportMeta) {
|
|
73
76
|
viewportMeta = document.createElement('meta');
|
|
@@ -77,20 +80,20 @@ export default function DisclaimerScreen(_ref) {
|
|
|
77
80
|
viewportMeta.content = 'width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover';
|
|
78
81
|
}, []);
|
|
79
82
|
if (!open) return null;
|
|
80
|
-
return /*#__PURE__*/
|
|
83
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
81
84
|
style: styles.root
|
|
82
|
-
}, /*#__PURE__*/
|
|
85
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
83
86
|
style: styles.card
|
|
84
|
-
}, /*#__PURE__*/
|
|
87
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
85
88
|
width: 40,
|
|
86
89
|
height: 40,
|
|
87
90
|
alt: "loog",
|
|
88
91
|
src: '/assets/img/svg/disclaimer/logo-dots.svg'
|
|
89
|
-
}), /*#__PURE__*/
|
|
92
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
90
93
|
style: styles.title
|
|
91
|
-
}, titleTop), /*#__PURE__*/
|
|
94
|
+
}, titleTop), /*#__PURE__*/_react["default"].createElement("div", {
|
|
92
95
|
style: styles.body
|
|
93
|
-
}, message), /*#__PURE__*/
|
|
96
|
+
}, message), /*#__PURE__*/_react["default"].createElement("button", {
|
|
94
97
|
style: styles.button,
|
|
95
98
|
onClick: onClose
|
|
96
99
|
}, buttonText)));
|
package/es/components/export.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = void 0;
|
|
4
|
+
var _content = _interopRequireDefault(require("./content"));
|
|
5
|
+
exports.Content = _content["default"];
|
|
6
|
+
var _export = _interopRequireDefault(require("./viewer2d/export"));
|
|
7
|
+
exports.Viewer2DComponents = _export["default"];
|
|
8
|
+
var _export2 = _interopRequireDefault(require("./style/export"));
|
|
9
|
+
exports.StyleComponents = _export2["default"];
|
|
10
|
+
var _default = exports["default"] = {
|
|
11
|
+
Content: _content["default"],
|
|
12
|
+
Viewer2DComponents: _export["default"],
|
|
13
|
+
StyleComponents: _export2["default"]
|
|
9
14
|
};
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
6
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
7
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
8
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
9
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
|
|
10
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
8
14
|
var _excluded = ["type", "style", "styleHover", "children", "size"];
|
|
9
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
10
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
|
-
import React, { Component } from 'react';
|
|
12
|
-
import PropTypes from 'prop-types';
|
|
13
|
-
import * as SharedStyle from "../../shared-style";
|
|
14
15
|
var BASE_STYLE = {
|
|
15
16
|
display: 'inline-block',
|
|
16
17
|
fontWeight: '400',
|
|
@@ -44,18 +45,18 @@ var BASE_STYLE_SIZE = {
|
|
|
44
45
|
padding: '8px 20px'
|
|
45
46
|
}
|
|
46
47
|
};
|
|
47
|
-
var Button = /*#__PURE__*/function (_Component) {
|
|
48
|
+
var Button = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
48
49
|
function Button(props) {
|
|
49
50
|
var _this;
|
|
50
|
-
|
|
51
|
-
_this =
|
|
51
|
+
(0, _classCallCheck2["default"])(this, Button);
|
|
52
|
+
_this = (0, _callSuper2["default"])(this, Button, [props]);
|
|
52
53
|
_this.state = {
|
|
53
54
|
hover: false
|
|
54
55
|
};
|
|
55
56
|
return _this;
|
|
56
57
|
}
|
|
57
|
-
|
|
58
|
-
return
|
|
58
|
+
(0, _inherits2["default"])(Button, _Component);
|
|
59
|
+
return (0, _createClass2["default"])(Button, [{
|
|
59
60
|
key: "render",
|
|
60
61
|
value: function render() {
|
|
61
62
|
var _this2 = this;
|
|
@@ -66,9 +67,9 @@ var Button = /*#__PURE__*/function (_Component) {
|
|
|
66
67
|
customStyleHover = _this$props.styleHover,
|
|
67
68
|
children = _this$props.children,
|
|
68
69
|
size = _this$props.size,
|
|
69
|
-
rest =
|
|
70
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
70
71
|
var styleMerged = Object.assign({}, BASE_STYLE, BASE_STYLE_SIZE[size], hover ? customStyleHover : customStyle);
|
|
71
|
-
return /*#__PURE__*/
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
|
|
72
73
|
type: type,
|
|
73
74
|
onMouseEnter: function onMouseEnter(e) {
|
|
74
75
|
return _this2.setState({
|
|
@@ -84,8 +85,7 @@ var Button = /*#__PURE__*/function (_Component) {
|
|
|
84
85
|
}, rest), children);
|
|
85
86
|
}
|
|
86
87
|
}]);
|
|
87
|
-
}(Component);
|
|
88
|
-
export { Button as default };
|
|
88
|
+
}(_react.Component);
|
|
89
89
|
Button.defaultProps = {
|
|
90
90
|
type: 'button',
|
|
91
91
|
size: 'normal',
|
|
@@ -99,8 +99,8 @@ Button.defaultProps = {
|
|
|
99
99
|
}
|
|
100
100
|
};
|
|
101
101
|
Button.propTypes = {
|
|
102
|
-
type:
|
|
103
|
-
style:
|
|
104
|
-
styleHover:
|
|
105
|
-
size:
|
|
102
|
+
type: _propTypes["default"].string,
|
|
103
|
+
style: _propTypes["default"].object,
|
|
104
|
+
styleHover: _propTypes["default"].object,
|
|
105
|
+
size: _propTypes["default"].oneOf(['large', 'normal', 'small'])
|
|
106
106
|
};
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = CancelButton;
|
|
4
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
5
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
var _button = _interopRequireDefault(require("./button"));
|
|
3
8
|
var _excluded = ["children"];
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import Button from "./button";
|
|
6
9
|
var STYLE = {
|
|
7
10
|
borderColor: '#adadad',
|
|
8
11
|
backgroundColor: '#e6e6e6'
|
|
@@ -11,10 +14,10 @@ var STYLE_HOVER = {
|
|
|
11
14
|
backgroundColor: '#d4d4d4',
|
|
12
15
|
borderColor: '#8c8c8c'
|
|
13
16
|
};
|
|
14
|
-
|
|
17
|
+
function CancelButton(_ref) {
|
|
15
18
|
var children = _ref.children,
|
|
16
|
-
rest =
|
|
17
|
-
return /*#__PURE__*/
|
|
19
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
|
|
18
21
|
style: STYLE,
|
|
19
22
|
styleHover: STYLE_HOVER
|
|
20
23
|
}, rest), children);
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = ContentContainer;
|
|
4
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
5
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
7
|
var STYLE = {
|
|
7
8
|
padding: '0 20px',
|
|
8
9
|
overflowY: 'auto'
|
|
9
10
|
};
|
|
10
|
-
|
|
11
|
+
function ContentContainer(_ref) {
|
|
11
12
|
var children = _ref.children,
|
|
12
13
|
width = _ref.width,
|
|
13
14
|
height = _ref.height,
|
|
14
15
|
_ref$style = _ref.style,
|
|
15
16
|
style = _ref$style === void 0 ? {} : _ref$style;
|
|
16
|
-
return /*#__PURE__*/
|
|
17
|
-
style:
|
|
17
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
18
|
+
style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
18
19
|
width: width,
|
|
19
20
|
height: height
|
|
20
21
|
}, STYLE), style),
|
|
@@ -24,7 +25,7 @@ export default function ContentContainer(_ref) {
|
|
|
24
25
|
}, children);
|
|
25
26
|
}
|
|
26
27
|
ContentContainer.propsType = {
|
|
27
|
-
width:
|
|
28
|
-
height:
|
|
29
|
-
style:
|
|
28
|
+
width: _propTypes["default"].number.isRequired,
|
|
29
|
+
height: _propTypes["default"].number.isRequired,
|
|
30
|
+
style: _propTypes["default"].object
|
|
30
31
|
};
|
|
@@ -1,25 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = ContentTitle;
|
|
5
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
6
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
7
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
4
11
|
var _excluded = ["children", "style"];
|
|
5
|
-
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; }
|
|
6
|
-
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; }
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import PropTypes from 'prop-types';
|
|
9
|
-
import * as SharedStyle from "../../shared-style";
|
|
10
12
|
var STYLE = {
|
|
11
13
|
color: SharedStyle.PRIMARY_COLOR.alt,
|
|
12
14
|
fontWeight: 300
|
|
13
15
|
};
|
|
14
|
-
|
|
16
|
+
function ContentTitle(_ref) {
|
|
15
17
|
var children = _ref.children,
|
|
16
18
|
_ref$style = _ref.style,
|
|
17
19
|
style = _ref$style === void 0 ? {} : _ref$style,
|
|
18
|
-
rest =
|
|
19
|
-
return /*#__PURE__*/
|
|
20
|
-
style:
|
|
20
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement("h1", (0, _extends2["default"])({
|
|
22
|
+
style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, STYLE), style)
|
|
21
23
|
}, rest), children);
|
|
22
24
|
}
|
|
23
25
|
ContentTitle.propsType = {
|
|
24
|
-
style:
|
|
26
|
+
style: _propTypes["default"].object
|
|
25
27
|
};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = FormDeleteButton;
|
|
5
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
6
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _button = _interopRequireDefault(require("./button"));
|
|
9
|
+
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
3
10
|
var _excluded = ["children"];
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import Button from "./button";
|
|
6
|
-
import * as SharedStyle from "../../shared-style";
|
|
7
11
|
var STYLE = {
|
|
8
12
|
borderColor: '#c12e2a',
|
|
9
13
|
backgroundColor: '#c9302c',
|
|
@@ -14,10 +18,10 @@ var STYLE_HOVER = {
|
|
|
14
18
|
borderColor: '#c12e2a',
|
|
15
19
|
color: SharedStyle.COLORS.white
|
|
16
20
|
};
|
|
17
|
-
|
|
21
|
+
function FormDeleteButton(_ref) {
|
|
18
22
|
var children = _ref.children,
|
|
19
|
-
rest =
|
|
20
|
-
return /*#__PURE__*/
|
|
23
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
|
|
21
25
|
style: STYLE,
|
|
22
26
|
styleHover: STYLE_HOVER
|
|
23
27
|
}, rest), children);
|
|
@@ -1,31 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = void 0;
|
|
4
|
+
var _button = _interopRequireDefault(require("./button"));
|
|
5
|
+
exports.Button = _button["default"];
|
|
6
|
+
var _cancelButton = _interopRequireDefault(require("./cancel-button"));
|
|
7
|
+
exports.CancelButton = _cancelButton["default"];
|
|
8
|
+
var _contentContainer = _interopRequireDefault(require("./content-container"));
|
|
9
|
+
exports.ContentContainer = _contentContainer["default"];
|
|
10
|
+
var _contentTitle = _interopRequireDefault(require("./content-title"));
|
|
11
|
+
exports.ContentTitle = _contentTitle["default"];
|
|
12
|
+
var _deleteButton = _interopRequireDefault(require("./delete-button"));
|
|
13
|
+
exports.DeleteButton = _deleteButton["default"];
|
|
14
|
+
var _formBlock = _interopRequireDefault(require("./form-block"));
|
|
15
|
+
exports.FormBlock = _formBlock["default"];
|
|
16
|
+
var _formColorInput = _interopRequireDefault(require("./form-color-input"));
|
|
17
|
+
exports.FormColorInput = _formColorInput["default"];
|
|
18
|
+
var _formLabel = _interopRequireDefault(require("./form-label"));
|
|
19
|
+
exports.FormLabel = _formLabel["default"];
|
|
20
|
+
var _formNumberInput = _interopRequireDefault(require("./form-number-input"));
|
|
21
|
+
exports.FormNumberInput = _formNumberInput["default"];
|
|
22
|
+
var _formSelect = _interopRequireDefault(require("./form-select"));
|
|
23
|
+
exports.FormSelect = _formSelect["default"];
|
|
24
|
+
var _formSlider = _interopRequireDefault(require("./form-slider"));
|
|
25
|
+
exports.FormSlider = _formSlider["default"];
|
|
26
|
+
var _formSubmitButton = _interopRequireDefault(require("./form-submit-button"));
|
|
27
|
+
exports.FormSubmitButton = _formSubmitButton["default"];
|
|
28
|
+
var _formTextInput = _interopRequireDefault(require("./form-text-input"));
|
|
29
|
+
exports.FormTextInput = _formTextInput["default"];
|
|
30
|
+
var _formNumberInput_ = _interopRequireDefault(require("./form-number-input_2"));
|
|
31
|
+
exports.FormNumberInput2 = _formNumberInput_["default"];
|
|
32
|
+
var _default = exports["default"] = {
|
|
33
|
+
Button: _button["default"],
|
|
34
|
+
CancelButton: _cancelButton["default"],
|
|
35
|
+
ContentContainer: _contentContainer["default"],
|
|
36
|
+
ContentTitle: _contentTitle["default"],
|
|
37
|
+
DeleteButton: _deleteButton["default"],
|
|
38
|
+
FormBlock: _formBlock["default"],
|
|
39
|
+
FormColorInput: _formColorInput["default"],
|
|
40
|
+
FormLabel: _formLabel["default"],
|
|
41
|
+
FormNumberInput: _formNumberInput["default"],
|
|
42
|
+
FormSelect: _formSelect["default"],
|
|
43
|
+
FormSlider: _formSlider["default"],
|
|
44
|
+
FormSubmitButton: _formSubmitButton["default"],
|
|
45
|
+
FormTextInput: _formTextInput["default"],
|
|
46
|
+
FormNumberInput2: _formNumberInput_["default"]
|
|
31
47
|
};
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = FormBlock;
|
|
4
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
5
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
6
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
8
|
var _excluded = ["children", "style"];
|
|
5
|
-
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; }
|
|
6
|
-
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; }
|
|
7
|
-
import React from 'react';
|
|
8
9
|
var BASE_STYLE = {
|
|
9
10
|
marginBottom: '16px'
|
|
10
11
|
};
|
|
11
|
-
|
|
12
|
+
function FormBlock(_ref) {
|
|
12
13
|
var children = _ref.children,
|
|
13
14
|
style = _ref.style,
|
|
14
|
-
rest =
|
|
15
|
-
return /*#__PURE__*/
|
|
16
|
-
style:
|
|
15
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
16
|
+
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
17
|
+
style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, BASE_STYLE), {}, {
|
|
17
18
|
style: style
|
|
18
19
|
})
|
|
19
20
|
}, rest), children);
|
|
@@ -1,23 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = FormColorInput;
|
|
4
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
5
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
var _formTextInput = _interopRequireDefault(require("./form-text-input"));
|
|
3
8
|
var _excluded = ["onChange"];
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import FormTextInput from "./form-text-input";
|
|
6
9
|
var STYLE = {
|
|
7
10
|
padding: 0,
|
|
8
11
|
border: 0
|
|
9
12
|
};
|
|
10
13
|
var EREG_NUMBER = /^.*$/;
|
|
11
|
-
|
|
14
|
+
function FormColorInput(_ref) {
|
|
12
15
|
var onChange = _ref.onChange,
|
|
13
|
-
rest =
|
|
16
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
14
17
|
var onChangeCustom = function onChangeCustom(event) {
|
|
15
18
|
var value = event.target.value;
|
|
16
19
|
if (EREG_NUMBER.test(value)) {
|
|
17
20
|
onChange(event);
|
|
18
21
|
}
|
|
19
22
|
};
|
|
20
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/_react["default"].createElement(_formTextInput["default"], (0, _extends2["default"])({
|
|
21
24
|
type: "color",
|
|
22
25
|
style: STYLE,
|
|
23
26
|
onChange: onChangeCustom,
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = FormLabel;
|
|
4
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
5
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
6
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
8
|
var _excluded = ["children", "style"];
|
|
5
|
-
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; }
|
|
6
|
-
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; }
|
|
7
|
-
import React from 'react';
|
|
8
9
|
var BASE_STYLE = {
|
|
9
10
|
display: 'block',
|
|
10
11
|
marginBottom: '2px',
|
|
11
12
|
fontSize: '12px'
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
+
function FormLabel(_ref) {
|
|
14
15
|
var children = _ref.children,
|
|
15
16
|
style = _ref.style,
|
|
16
|
-
rest =
|
|
17
|
-
return /*#__PURE__*/
|
|
18
|
-
style:
|
|
17
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
18
|
+
return /*#__PURE__*/_react["default"].createElement("label", (0, _extends2["default"])({
|
|
19
|
+
style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, BASE_STYLE), {}, {
|
|
19
20
|
style: style
|
|
20
21
|
})
|
|
21
22
|
}, rest), children);
|