kitchen-simulator 3.1.2 → 4.0.0-react-18
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/README.md +0 -3
- package/es/AppContext.js +1 -1
- package/es/LiteKitchenConfigurator.js +15 -25
- package/es/LiteRenderer.js +2 -5
- package/es/actions/export.js +12 -25
- package/es/catalog/catalog.js +5 -21
- package/es/components/content.js +2 -5
- package/es/components/export.js +6 -4
- package/es/components/style/export.js +2 -28
- package/es/components/style/form-number-input.js +22 -11
- package/es/components/viewer2d/group.js +4 -5
- package/es/components/viewer2d/item.js +4 -5
- package/es/components/viewer2d/layer.js +1 -1
- package/es/components/viewer2d/line.js +47 -17
- package/es/components/viewer2d/rulerX.js +0 -3
- package/es/components/viewer2d/rulerY.js +0 -3
- package/es/components/viewer2d/scene.js +1 -4
- package/es/components/viewer2d/state.js +1 -1
- package/es/components/viewer2d/viewer2d.js +43 -28
- package/es/components/viewer3d/viewer3d-first-person.js +0 -8
- package/es/components/viewer3d/viewer3d.js +0 -9
- package/es/devLiteRenderer.js +148 -317
- package/es/index.js +12 -4
- package/es/mocks/appliancePayload.json +27 -0
- package/es/mocks/cabinetPayload.json +1914 -0
- package/es/mocks/cabinetPayload2.json +76 -0
- package/es/mocks/dataBundle2.json +4 -0
- package/es/mocks/distancePayload.json +6 -0
- package/es/mocks/doorStylePayload2.json +84 -0
- package/es/mocks/furnishingPayload.json +23 -0
- package/es/mocks/itemCDSPayload.json +27 -0
- package/es/mocks/lightingPayload.json +23 -0
- package/es/mocks/mockProps.json +43 -0
- package/es/mocks/mockProps2.json +9 -0
- package/es/mocks/moldingPayload.json +19 -0
- package/es/mocks/projectItemsCatalog.json +133 -0
- package/es/mocks/rectangleShape.json +238 -0
- package/es/mocks/replaceCabinetPayload.json +81 -0
- package/es/mocks/roomShapePayload.json +5 -0
- package/es/useAppContext.js +8 -0
- package/lib/AppContext.js +1 -1
- package/lib/LiteKitchenConfigurator.js +15 -25
- package/lib/LiteRenderer.js +2 -5
- package/lib/actions/export.js +39 -35
- package/lib/catalog/catalog.js +4 -20
- package/lib/components/content.js +2 -5
- package/lib/components/export.js +26 -6
- package/lib/components/style/export.js +1 -105
- package/lib/components/style/form-number-input.js +22 -11
- package/lib/components/viewer2d/group.js +4 -5
- package/lib/components/viewer2d/item.js +4 -5
- package/lib/components/viewer2d/layer.js +1 -1
- package/lib/components/viewer2d/line.js +47 -17
- package/lib/components/viewer2d/rulerX.js +0 -3
- package/lib/components/viewer2d/rulerY.js +0 -3
- package/lib/components/viewer2d/scene.js +1 -4
- package/lib/components/viewer2d/state.js +1 -1
- package/lib/components/viewer2d/viewer2d.js +42 -27
- package/lib/components/viewer3d/viewer3d-first-person.js +0 -8
- package/lib/components/viewer3d/viewer3d.js +0 -9
- package/lib/devLiteRenderer.js +147 -316
- package/lib/index.js +12 -4
- package/lib/mocks/appliancePayload.json +27 -0
- package/lib/mocks/cabinetPayload.json +1914 -0
- package/lib/mocks/cabinetPayload2.json +76 -0
- package/lib/mocks/dataBundle2.json +4 -0
- package/lib/mocks/distancePayload.json +6 -0
- package/lib/mocks/doorStylePayload2.json +84 -0
- package/lib/mocks/furnishingPayload.json +23 -0
- package/lib/mocks/itemCDSPayload.json +27 -0
- package/lib/mocks/lightingPayload.json +23 -0
- package/lib/mocks/mockProps.json +43 -0
- package/lib/mocks/mockProps2.json +9 -0
- package/lib/mocks/moldingPayload.json +19 -0
- package/lib/mocks/projectItemsCatalog.json +133 -0
- package/lib/mocks/rectangleShape.json +238 -0
- package/lib/mocks/replaceCabinetPayload.json +81 -0
- package/lib/mocks/roomShapePayload.json +5 -0
- package/lib/useAppContext.js +16 -0
- package/package.json +16 -21
- package/es/catalog/properties/export.js +0 -21
- package/es/catalog/properties/property-checkbox.js +0 -68
- package/es/catalog/properties/property-color.js +0 -39
- package/es/catalog/properties/property-enum.js +0 -50
- package/es/catalog/properties/property-hidden.js +0 -19
- package/es/catalog/properties/property-lenght-measure.js +0 -100
- package/es/catalog/properties/property-length-measure.js +0 -84
- package/es/catalog/properties/property-length-measure_hole.js +0 -100
- package/es/catalog/properties/property-number.js +0 -48
- package/es/catalog/properties/property-read-only.js +0 -26
- package/es/catalog/properties/property-string.js +0 -48
- package/es/catalog/properties/property-toggle.js +0 -39
- package/es/catalog/properties/shared-property-style.js +0 -14
- package/es/components/style/button.js +0 -106
- package/es/components/style/cancel-button.js +0 -21
- package/es/components/style/content-container.js +0 -30
- package/es/components/style/content-title.js +0 -25
- package/es/components/style/delete-button.js +0 -24
- package/es/components/style/form-block.js +0 -20
- package/es/components/style/form-color-input.js +0 -26
- package/es/components/style/form-label.js +0 -22
- package/es/components/style/form-number-input_2.js +0 -200
- package/es/components/style/form-select.js +0 -19
- package/es/components/style/form-slider.js +0 -60
- package/es/components/style/form-submit-button.js +0 -25
- package/es/components/style/form-text-input.js +0 -69
- package/es/plugins/SVGLoader.js +0 -1414
- package/es/styles/export.js +0 -5
- package/es/styles/tabs.css +0 -40
- package/lib/catalog/properties/export.js +0 -81
- package/lib/catalog/properties/property-checkbox.js +0 -76
- package/lib/catalog/properties/property-color.js +0 -47
- package/lib/catalog/properties/property-enum.js +0 -58
- package/lib/catalog/properties/property-hidden.js +0 -27
- package/lib/catalog/properties/property-lenght-measure.js +0 -108
- package/lib/catalog/properties/property-length-measure.js +0 -92
- package/lib/catalog/properties/property-length-measure_hole.js +0 -108
- package/lib/catalog/properties/property-number.js +0 -56
- package/lib/catalog/properties/property-read-only.js +0 -34
- package/lib/catalog/properties/property-string.js +0 -56
- package/lib/catalog/properties/property-toggle.js +0 -47
- package/lib/catalog/properties/shared-property-style.js +0 -21
- package/lib/components/style/button.js +0 -115
- package/lib/components/style/cancel-button.js +0 -29
- package/lib/components/style/content-container.js +0 -38
- package/lib/components/style/content-title.js +0 -35
- package/lib/components/style/delete-button.js +0 -34
- package/lib/components/style/form-block.js +0 -28
- package/lib/components/style/form-color-input.js +0 -34
- package/lib/components/style/form-label.js +0 -30
- package/lib/components/style/form-number-input_2.js +0 -209
- package/lib/components/style/form-select.js +0 -29
- package/lib/components/style/form-slider.js +0 -68
- package/lib/components/style/form-submit-button.js +0 -35
- package/lib/components/style/form-text-input.js +0 -78
- package/lib/plugins/SVGLoader.js +0 -1419
- package/lib/styles/export.js +0 -13
- package/lib/styles/tabs.css +0 -40
|
@@ -1,56 +0,0 @@
|
|
|
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) {
|
|
13
|
-
var value = _ref.value,
|
|
14
|
-
onUpdate = _ref.onUpdate,
|
|
15
|
-
onValid = _ref.onValid,
|
|
16
|
-
configs = _ref.configs,
|
|
17
|
-
sourceElement = _ref.sourceElement,
|
|
18
|
-
internalState = _ref.internalState,
|
|
19
|
-
state = _ref.state;
|
|
20
|
-
var update = function update(val) {
|
|
21
|
-
var number = parseFloat(val);
|
|
22
|
-
if (isNaN(number)) {
|
|
23
|
-
number = 0;
|
|
24
|
-
}
|
|
25
|
-
if (configs.hook) {
|
|
26
|
-
return configs.hook(number, sourceElement, internalState, state).then(function (_val) {
|
|
27
|
-
return onUpdate(_val);
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
return onUpdate(number);
|
|
31
|
-
};
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
33
|
-
className: "PropertyNumber",
|
|
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, {
|
|
38
|
-
value: value,
|
|
39
|
-
onChange: function onChange(event) {
|
|
40
|
-
return update(event.target.value);
|
|
41
|
-
},
|
|
42
|
-
onValid: onValid,
|
|
43
|
-
min: configs.min,
|
|
44
|
-
max: configs.max
|
|
45
|
-
})))));
|
|
46
|
-
}
|
|
47
|
-
PropertyNumber.propTypes = {
|
|
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
|
|
55
|
-
};
|
|
56
|
-
module.exports = exports.default;
|
|
@@ -1,34 +0,0 @@
|
|
|
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) {
|
|
13
|
-
var value = _ref.value,
|
|
14
|
-
onUpdate = _ref.onUpdate,
|
|
15
|
-
configs = _ref.configs,
|
|
16
|
-
sourceElement = _ref.sourceElement,
|
|
17
|
-
internalState = _ref.internalState,
|
|
18
|
-
state = _ref.state;
|
|
19
|
-
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
20
|
-
className: "PropertyReadOnly",
|
|
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)))));
|
|
25
|
-
}
|
|
26
|
-
PropertyReadOnly.propTypes = {
|
|
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
|
|
33
|
-
};
|
|
34
|
-
module.exports = exports.default;
|
|
@@ -1,56 +0,0 @@
|
|
|
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"));
|
|
12
|
-
var tableStyle = {
|
|
13
|
-
width: '100%',
|
|
14
|
-
borderSpacing: '2px 0',
|
|
15
|
-
marginBottom: '2px'
|
|
16
|
-
};
|
|
17
|
-
var firstTdStyle = {
|
|
18
|
-
width: '6em',
|
|
19
|
-
textTransform: 'capitalize'
|
|
20
|
-
};
|
|
21
|
-
function PropertyString(_ref) {
|
|
22
|
-
var value = _ref.value,
|
|
23
|
-
onUpdate = _ref.onUpdate,
|
|
24
|
-
configs = _ref.configs,
|
|
25
|
-
sourceElement = _ref.sourceElement,
|
|
26
|
-
internalState = _ref.internalState,
|
|
27
|
-
state = _ref.state;
|
|
28
|
-
var update = function update(val) {
|
|
29
|
-
if (configs.hook) {
|
|
30
|
-
return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
|
|
31
|
-
return onUpdate(_val);
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
return onUpdate(val);
|
|
35
|
-
};
|
|
36
|
-
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
37
|
-
className: "PropertyString",
|
|
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, {
|
|
42
|
-
value: value,
|
|
43
|
-
onChange: function onChange(event) {
|
|
44
|
-
return update(event.target.value);
|
|
45
|
-
}
|
|
46
|
-
})))));
|
|
47
|
-
}
|
|
48
|
-
PropertyString.propTypes = {
|
|
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
|
|
55
|
-
};
|
|
56
|
-
module.exports = exports.default;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = PropertyToggle;
|
|
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 PropertyToggle(_ref) {
|
|
13
|
-
var value = _ref.value,
|
|
14
|
-
onUpdate = _ref.onUpdate,
|
|
15
|
-
configs = _ref.configs,
|
|
16
|
-
sourceElement = _ref.sourceElement,
|
|
17
|
-
internalState = _ref.internalState,
|
|
18
|
-
state = _ref.state;
|
|
19
|
-
var update = function update(val) {
|
|
20
|
-
if (configs.hook) {
|
|
21
|
-
return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
|
|
22
|
-
return onUpdate(_val);
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
return onUpdate(val);
|
|
26
|
-
};
|
|
27
|
-
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
28
|
-
className: "PropertyToggle",
|
|
29
|
-
style: _sharedPropertyStyle["default"].tableStyle
|
|
30
|
-
}, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
31
|
-
style: _sharedPropertyStyle["default"].firstTdStyle
|
|
32
|
-
}, /*#__PURE__*/_react["default"].createElement(_export.FormLabel, null, configs.label)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_export.Button, {
|
|
33
|
-
onClick: function onClick(e) {
|
|
34
|
-
return update(!value);
|
|
35
|
-
},
|
|
36
|
-
size: "small"
|
|
37
|
-
}, configs.actionName)))));
|
|
38
|
-
}
|
|
39
|
-
PropertyToggle.propTypes = {
|
|
40
|
-
value: _propTypes["default"].any.isRequired,
|
|
41
|
-
onUpdate: _propTypes["default"].func.isRequired,
|
|
42
|
-
configs: _propTypes["default"].object.isRequired,
|
|
43
|
-
sourceElement: _propTypes["default"].object,
|
|
44
|
-
internalState: _propTypes["default"].object,
|
|
45
|
-
state: _propTypes["default"].object.isRequired
|
|
46
|
-
};
|
|
47
|
-
module.exports = exports.default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var tableStyle = {
|
|
8
|
-
width: '100%',
|
|
9
|
-
borderSpacing: '2px 0',
|
|
10
|
-
marginBottom: '2px'
|
|
11
|
-
};
|
|
12
|
-
var firstTdStyle = {
|
|
13
|
-
width: '6em',
|
|
14
|
-
textTransform: 'capitalize'
|
|
15
|
-
};
|
|
16
|
-
var PropertyStyle = {
|
|
17
|
-
tableStyle: tableStyle,
|
|
18
|
-
firstTdStyle: firstTdStyle
|
|
19
|
-
};
|
|
20
|
-
var _default = exports["default"] = PropertyStyle;
|
|
21
|
-
module.exports = exports.default;
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
15
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
18
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
19
|
-
var _excluded = ["type", "style", "styleHover", "children", "size"];
|
|
20
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
-
var BASE_STYLE = {
|
|
24
|
-
display: 'inline-block',
|
|
25
|
-
fontWeight: '400',
|
|
26
|
-
lineHeight: '1.25',
|
|
27
|
-
textAlign: 'center',
|
|
28
|
-
whiteSpace: 'nowrap',
|
|
29
|
-
verticalAlign: 'middle',
|
|
30
|
-
cursor: 'pointer',
|
|
31
|
-
WebkitUserSelect: 'none',
|
|
32
|
-
MozUserSelect: 'none',
|
|
33
|
-
MsUserSelect: 'none',
|
|
34
|
-
userSelect: 'none',
|
|
35
|
-
padding: '5px 14px',
|
|
36
|
-
fontSize: '14px',
|
|
37
|
-
color: SharedStyle.COLORS.black,
|
|
38
|
-
fonWeight: '400px',
|
|
39
|
-
transition: 'background-color 175ms ease, border 175ms ease',
|
|
40
|
-
outline: 'none',
|
|
41
|
-
borderRadius: '2px',
|
|
42
|
-
borderWidth: '1px',
|
|
43
|
-
borderType: 'solid',
|
|
44
|
-
width: '100%'
|
|
45
|
-
};
|
|
46
|
-
var BASE_STYLE_SIZE = {
|
|
47
|
-
small: {
|
|
48
|
-
fontSize: '12px',
|
|
49
|
-
padding: '3px 8px'
|
|
50
|
-
},
|
|
51
|
-
normal: {},
|
|
52
|
-
large: {
|
|
53
|
-
padding: '8px 20px'
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
var Button = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
57
|
-
function Button(props) {
|
|
58
|
-
var _this;
|
|
59
|
-
(0, _classCallCheck2["default"])(this, Button);
|
|
60
|
-
_this = _callSuper(this, Button, [props]);
|
|
61
|
-
_this.state = {
|
|
62
|
-
hover: false
|
|
63
|
-
};
|
|
64
|
-
return _this;
|
|
65
|
-
}
|
|
66
|
-
(0, _inherits2["default"])(Button, _Component);
|
|
67
|
-
return (0, _createClass2["default"])(Button, [{
|
|
68
|
-
key: "render",
|
|
69
|
-
value: function render() {
|
|
70
|
-
var _this2 = this;
|
|
71
|
-
var hover = this.state.hover;
|
|
72
|
-
var _this$props = this.props,
|
|
73
|
-
type = _this$props.type,
|
|
74
|
-
customStyle = _this$props.style,
|
|
75
|
-
customStyleHover = _this$props.styleHover,
|
|
76
|
-
children = _this$props.children,
|
|
77
|
-
size = _this$props.size,
|
|
78
|
-
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
79
|
-
var styleMerged = Object.assign({}, BASE_STYLE, BASE_STYLE_SIZE[size], hover ? customStyleHover : customStyle);
|
|
80
|
-
return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
|
|
81
|
-
type: type,
|
|
82
|
-
onMouseEnter: function onMouseEnter(e) {
|
|
83
|
-
return _this2.setState({
|
|
84
|
-
hover: true
|
|
85
|
-
});
|
|
86
|
-
},
|
|
87
|
-
onMouseLeave: function onMouseLeave(e) {
|
|
88
|
-
return _this2.setState({
|
|
89
|
-
hover: false
|
|
90
|
-
});
|
|
91
|
-
},
|
|
92
|
-
style: styleMerged
|
|
93
|
-
}, rest), children);
|
|
94
|
-
}
|
|
95
|
-
}]);
|
|
96
|
-
}(_react.Component);
|
|
97
|
-
Button.defaultProps = {
|
|
98
|
-
type: 'button',
|
|
99
|
-
size: 'normal',
|
|
100
|
-
style: {
|
|
101
|
-
backgroundColor: '#e6e6e6',
|
|
102
|
-
borderColor: '#adadad'
|
|
103
|
-
},
|
|
104
|
-
styleHover: {
|
|
105
|
-
backgroundColor: '#d4d4d4',
|
|
106
|
-
borderColor: '#8c8c8c'
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
Button.propTypes = {
|
|
110
|
-
type: _propTypes["default"].string,
|
|
111
|
-
style: _propTypes["default"].object,
|
|
112
|
-
styleHover: _propTypes["default"].object,
|
|
113
|
-
size: _propTypes["default"].oneOf(['large', 'normal', 'small'])
|
|
114
|
-
};
|
|
115
|
-
module.exports = exports.default;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = CancelButton;
|
|
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 _button = _interopRequireDefault(require("./button"));
|
|
12
|
-
var _excluded = ["children"];
|
|
13
|
-
var STYLE = {
|
|
14
|
-
borderColor: '#adadad',
|
|
15
|
-
backgroundColor: '#e6e6e6'
|
|
16
|
-
};
|
|
17
|
-
var STYLE_HOVER = {
|
|
18
|
-
backgroundColor: '#d4d4d4',
|
|
19
|
-
borderColor: '#8c8c8c'
|
|
20
|
-
};
|
|
21
|
-
function CancelButton(_ref) {
|
|
22
|
-
var children = _ref.children,
|
|
23
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
24
|
-
return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
|
|
25
|
-
style: STYLE,
|
|
26
|
-
styleHover: STYLE_HOVER
|
|
27
|
-
}, rest), children);
|
|
28
|
-
}
|
|
29
|
-
module.exports = exports.default;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = ContentContainer;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
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) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
-
var STYLE = {
|
|
14
|
-
padding: '0 20px',
|
|
15
|
-
overflowY: 'auto'
|
|
16
|
-
};
|
|
17
|
-
function ContentContainer(_ref) {
|
|
18
|
-
var children = _ref.children,
|
|
19
|
-
width = _ref.width,
|
|
20
|
-
height = _ref.height,
|
|
21
|
-
_ref$style = _ref.style,
|
|
22
|
-
style = _ref$style === void 0 ? {} : _ref$style;
|
|
23
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
24
|
-
style: _objectSpread(_objectSpread({
|
|
25
|
-
width: width,
|
|
26
|
-
height: height
|
|
27
|
-
}, STYLE), style),
|
|
28
|
-
onWheel: function onWheel(event) {
|
|
29
|
-
return event.stopPropagation();
|
|
30
|
-
}
|
|
31
|
-
}, children);
|
|
32
|
-
}
|
|
33
|
-
ContentContainer.propsType = {
|
|
34
|
-
width: _propTypes["default"].number.isRequired,
|
|
35
|
-
height: _propTypes["default"].number.isRequired,
|
|
36
|
-
style: _propTypes["default"].object
|
|
37
|
-
};
|
|
38
|
-
module.exports = exports.default;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = ContentTitle;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
15
|
-
var _excluded = ["children", "style"];
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
-
var STYLE = {
|
|
20
|
-
color: SharedStyle.PRIMARY_COLOR.alt,
|
|
21
|
-
fontWeight: 300
|
|
22
|
-
};
|
|
23
|
-
function ContentTitle(_ref) {
|
|
24
|
-
var children = _ref.children,
|
|
25
|
-
_ref$style = _ref.style,
|
|
26
|
-
style = _ref$style === void 0 ? {} : _ref$style,
|
|
27
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
28
|
-
return /*#__PURE__*/_react["default"].createElement("h1", (0, _extends2["default"])({
|
|
29
|
-
style: _objectSpread(_objectSpread({}, STYLE), style)
|
|
30
|
-
}, rest), children);
|
|
31
|
-
}
|
|
32
|
-
ContentTitle.propsType = {
|
|
33
|
-
style: _propTypes["default"].object
|
|
34
|
-
};
|
|
35
|
-
module.exports = exports.default;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = FormDeleteButton;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _button = _interopRequireDefault(require("./button"));
|
|
13
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
14
|
-
var _excluded = ["children"];
|
|
15
|
-
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); }
|
|
16
|
-
var STYLE = {
|
|
17
|
-
borderColor: '#c12e2a',
|
|
18
|
-
backgroundColor: '#c9302c',
|
|
19
|
-
color: SharedStyle.COLORS.white
|
|
20
|
-
};
|
|
21
|
-
var STYLE_HOVER = {
|
|
22
|
-
backgroundColor: '#972726',
|
|
23
|
-
borderColor: '#c12e2a',
|
|
24
|
-
color: SharedStyle.COLORS.white
|
|
25
|
-
};
|
|
26
|
-
function FormDeleteButton(_ref) {
|
|
27
|
-
var children = _ref.children,
|
|
28
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
29
|
-
return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
|
|
30
|
-
style: STYLE,
|
|
31
|
-
styleHover: STYLE_HOVER
|
|
32
|
-
}, rest), children);
|
|
33
|
-
}
|
|
34
|
-
module.exports = exports.default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = FormBlock;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _excluded = ["children", "style"];
|
|
13
|
-
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; }
|
|
14
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
|
-
var BASE_STYLE = {
|
|
16
|
-
marginBottom: '16px'
|
|
17
|
-
};
|
|
18
|
-
function FormBlock(_ref) {
|
|
19
|
-
var children = _ref.children,
|
|
20
|
-
style = _ref.style,
|
|
21
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
22
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
23
|
-
style: _objectSpread(_objectSpread({}, BASE_STYLE), {}, {
|
|
24
|
-
style: style
|
|
25
|
-
})
|
|
26
|
-
}, rest), children);
|
|
27
|
-
}
|
|
28
|
-
module.exports = exports.default;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = FormColorInput;
|
|
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 _formTextInput = _interopRequireDefault(require("./form-text-input"));
|
|
12
|
-
var _excluded = ["onChange"];
|
|
13
|
-
var STYLE = {
|
|
14
|
-
padding: 0,
|
|
15
|
-
border: 0
|
|
16
|
-
};
|
|
17
|
-
var EREG_NUMBER = /^.*$/;
|
|
18
|
-
function FormColorInput(_ref) {
|
|
19
|
-
var onChange = _ref.onChange,
|
|
20
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
21
|
-
var onChangeCustom = function onChangeCustom(event) {
|
|
22
|
-
var value = event.target.value;
|
|
23
|
-
if (EREG_NUMBER.test(value)) {
|
|
24
|
-
onChange(event);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
return /*#__PURE__*/_react["default"].createElement(_formTextInput["default"], (0, _extends2["default"])({
|
|
28
|
-
type: "color",
|
|
29
|
-
style: STYLE,
|
|
30
|
-
onChange: onChangeCustom,
|
|
31
|
-
autoComplete: "off"
|
|
32
|
-
}, rest));
|
|
33
|
-
}
|
|
34
|
-
module.exports = exports.default;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = FormLabel;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _excluded = ["children", "style"];
|
|
13
|
-
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; }
|
|
14
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
|
-
var BASE_STYLE = {
|
|
16
|
-
display: 'block',
|
|
17
|
-
marginBottom: '2px',
|
|
18
|
-
fontSize: '12px'
|
|
19
|
-
};
|
|
20
|
-
function FormLabel(_ref) {
|
|
21
|
-
var children = _ref.children,
|
|
22
|
-
style = _ref.style,
|
|
23
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
24
|
-
return /*#__PURE__*/_react["default"].createElement("label", (0, _extends2["default"])({
|
|
25
|
-
style: _objectSpread(_objectSpread({}, BASE_STYLE), {}, {
|
|
26
|
-
style: style
|
|
27
|
-
})
|
|
28
|
-
}, rest), children);
|
|
29
|
-
}
|
|
30
|
-
module.exports = exports.default;
|