kitchen-simulator 3.1.2 → 4.0.1-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.
Files changed (138) hide show
  1. package/README.md +0 -3
  2. package/es/AppContext.js +1 -1
  3. package/es/LiteKitchenConfigurator.js +15 -25
  4. package/es/LiteRenderer.js +2 -5
  5. package/es/actions/export.js +12 -25
  6. package/es/catalog/catalog.js +5 -21
  7. package/es/components/content.js +2 -5
  8. package/es/components/export.js +6 -4
  9. package/es/components/style/export.js +2 -28
  10. package/es/components/style/form-number-input.js +22 -11
  11. package/es/components/viewer2d/group.js +4 -5
  12. package/es/components/viewer2d/item.js +300 -316
  13. package/es/components/viewer2d/layer.js +1 -1
  14. package/es/components/viewer2d/line.js +47 -17
  15. package/es/components/viewer2d/rulerX.js +0 -3
  16. package/es/components/viewer2d/rulerY.js +0 -3
  17. package/es/components/viewer2d/scene.js +1 -4
  18. package/es/components/viewer2d/state.js +1 -1
  19. package/es/components/viewer2d/viewer2d.js +43 -28
  20. package/es/components/viewer3d/viewer3d-first-person.js +0 -8
  21. package/es/components/viewer3d/viewer3d.js +0 -9
  22. package/es/devLiteRenderer.js +148 -317
  23. package/es/index.js +12 -4
  24. package/es/mocks/appliancePayload.json +27 -0
  25. package/es/mocks/cabinetPayload.json +1914 -0
  26. package/es/mocks/cabinetPayload2.json +76 -0
  27. package/es/mocks/dataBundle2.json +4 -0
  28. package/es/mocks/distancePayload.json +6 -0
  29. package/es/mocks/doorStylePayload2.json +84 -0
  30. package/es/mocks/furnishingPayload.json +23 -0
  31. package/es/mocks/itemCDSPayload.json +27 -0
  32. package/es/mocks/lightingPayload.json +23 -0
  33. package/es/mocks/mockProps.json +43 -0
  34. package/es/mocks/mockProps2.json +9 -0
  35. package/es/mocks/moldingPayload.json +19 -0
  36. package/es/mocks/projectItemsCatalog.json +133 -0
  37. package/es/mocks/rectangleShape.json +238 -0
  38. package/es/mocks/replaceCabinetPayload.json +81 -0
  39. package/es/mocks/roomShapePayload.json +5 -0
  40. package/es/useAppContext.js +8 -0
  41. package/lib/AppContext.js +1 -1
  42. package/lib/LiteKitchenConfigurator.js +15 -25
  43. package/lib/LiteRenderer.js +2 -5
  44. package/lib/actions/export.js +39 -35
  45. package/lib/catalog/catalog.js +4 -20
  46. package/lib/components/content.js +2 -5
  47. package/lib/components/export.js +26 -6
  48. package/lib/components/style/export.js +1 -105
  49. package/lib/components/style/form-number-input.js +22 -11
  50. package/lib/components/viewer2d/group.js +4 -5
  51. package/lib/components/viewer2d/item.js +298 -314
  52. package/lib/components/viewer2d/layer.js +1 -1
  53. package/lib/components/viewer2d/line.js +47 -17
  54. package/lib/components/viewer2d/rulerX.js +0 -3
  55. package/lib/components/viewer2d/rulerY.js +0 -3
  56. package/lib/components/viewer2d/scene.js +1 -4
  57. package/lib/components/viewer2d/state.js +1 -1
  58. package/lib/components/viewer2d/viewer2d.js +42 -27
  59. package/lib/components/viewer3d/viewer3d-first-person.js +0 -8
  60. package/lib/components/viewer3d/viewer3d.js +0 -9
  61. package/lib/devLiteRenderer.js +147 -316
  62. package/lib/index.js +12 -4
  63. package/lib/mocks/appliancePayload.json +27 -0
  64. package/lib/mocks/cabinetPayload.json +1914 -0
  65. package/lib/mocks/cabinetPayload2.json +76 -0
  66. package/lib/mocks/dataBundle2.json +4 -0
  67. package/lib/mocks/distancePayload.json +6 -0
  68. package/lib/mocks/doorStylePayload2.json +84 -0
  69. package/lib/mocks/furnishingPayload.json +23 -0
  70. package/lib/mocks/itemCDSPayload.json +27 -0
  71. package/lib/mocks/lightingPayload.json +23 -0
  72. package/lib/mocks/mockProps.json +43 -0
  73. package/lib/mocks/mockProps2.json +9 -0
  74. package/lib/mocks/moldingPayload.json +19 -0
  75. package/lib/mocks/projectItemsCatalog.json +133 -0
  76. package/lib/mocks/rectangleShape.json +238 -0
  77. package/lib/mocks/replaceCabinetPayload.json +81 -0
  78. package/lib/mocks/roomShapePayload.json +5 -0
  79. package/lib/useAppContext.js +16 -0
  80. package/package.json +16 -21
  81. package/es/catalog/properties/export.js +0 -21
  82. package/es/catalog/properties/property-checkbox.js +0 -68
  83. package/es/catalog/properties/property-color.js +0 -39
  84. package/es/catalog/properties/property-enum.js +0 -50
  85. package/es/catalog/properties/property-hidden.js +0 -19
  86. package/es/catalog/properties/property-lenght-measure.js +0 -100
  87. package/es/catalog/properties/property-length-measure.js +0 -84
  88. package/es/catalog/properties/property-length-measure_hole.js +0 -100
  89. package/es/catalog/properties/property-number.js +0 -48
  90. package/es/catalog/properties/property-read-only.js +0 -26
  91. package/es/catalog/properties/property-string.js +0 -48
  92. package/es/catalog/properties/property-toggle.js +0 -39
  93. package/es/catalog/properties/shared-property-style.js +0 -14
  94. package/es/components/style/button.js +0 -106
  95. package/es/components/style/cancel-button.js +0 -21
  96. package/es/components/style/content-container.js +0 -30
  97. package/es/components/style/content-title.js +0 -25
  98. package/es/components/style/delete-button.js +0 -24
  99. package/es/components/style/form-block.js +0 -20
  100. package/es/components/style/form-color-input.js +0 -26
  101. package/es/components/style/form-label.js +0 -22
  102. package/es/components/style/form-number-input_2.js +0 -200
  103. package/es/components/style/form-select.js +0 -19
  104. package/es/components/style/form-slider.js +0 -60
  105. package/es/components/style/form-submit-button.js +0 -25
  106. package/es/components/style/form-text-input.js +0 -69
  107. package/es/plugins/SVGLoader.js +0 -1414
  108. package/es/styles/export.js +0 -5
  109. package/es/styles/tabs.css +0 -40
  110. package/lib/catalog/properties/export.js +0 -81
  111. package/lib/catalog/properties/property-checkbox.js +0 -76
  112. package/lib/catalog/properties/property-color.js +0 -47
  113. package/lib/catalog/properties/property-enum.js +0 -58
  114. package/lib/catalog/properties/property-hidden.js +0 -27
  115. package/lib/catalog/properties/property-lenght-measure.js +0 -108
  116. package/lib/catalog/properties/property-length-measure.js +0 -92
  117. package/lib/catalog/properties/property-length-measure_hole.js +0 -108
  118. package/lib/catalog/properties/property-number.js +0 -56
  119. package/lib/catalog/properties/property-read-only.js +0 -34
  120. package/lib/catalog/properties/property-string.js +0 -56
  121. package/lib/catalog/properties/property-toggle.js +0 -47
  122. package/lib/catalog/properties/shared-property-style.js +0 -21
  123. package/lib/components/style/button.js +0 -115
  124. package/lib/components/style/cancel-button.js +0 -29
  125. package/lib/components/style/content-container.js +0 -38
  126. package/lib/components/style/content-title.js +0 -35
  127. package/lib/components/style/delete-button.js +0 -34
  128. package/lib/components/style/form-block.js +0 -28
  129. package/lib/components/style/form-color-input.js +0 -34
  130. package/lib/components/style/form-label.js +0 -30
  131. package/lib/components/style/form-number-input_2.js +0 -209
  132. package/lib/components/style/form-select.js +0 -29
  133. package/lib/components/style/form-slider.js +0 -68
  134. package/lib/components/style/form-submit-button.js +0 -35
  135. package/lib/components/style/form-text-input.js +0 -78
  136. package/lib/plugins/SVGLoader.js +0 -1419
  137. package/lib/styles/export.js +0 -13
  138. 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;