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