kitchen-simulator 1.1.1-test.7 → 1.1.1-test.70
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 +8 -2
- package/es/AppContext.js +8 -3
- package/es/KitchenConfigurator.js +93 -106
- package/es/KitchenConfiguratorApp.js +143 -154
- package/es/actions/area-actions.js +10 -5
- package/es/actions/export.js +27 -12
- package/es/actions/groups-actions.js +43 -27
- package/es/actions/holes-actions.js +53 -34
- package/es/actions/items-actions.js +143 -94
- package/es/actions/lines-actions.js +34 -21
- package/es/actions/project-actions.js +143 -94
- package/es/actions/scene-actions.js +19 -11
- package/es/actions/vertices-actions.js +13 -7
- package/es/actions/viewer2d-actions.js +34 -21
- package/es/actions/viewer3d-actions.js +16 -9
- package/es/catalog/areas/area/planner-element.js +16 -8
- package/es/catalog/catalog.js +19 -24
- package/es/catalog/factories/area-factory-3d.js +29 -22
- package/es/catalog/factories/area-factory.js +18 -14
- package/es/catalog/factories/export.js +12 -6
- package/es/catalog/factories/wall-factory-3d.js +39 -31
- package/es/catalog/factories/wall-factory.js +29 -21
- package/es/catalog/holes/door-closet/planner-element.js +22 -15
- package/es/catalog/holes/door-double/planner-element.js +22 -15
- package/es/catalog/holes/door-exterior/planner-element.js +23 -16
- package/es/catalog/holes/door-interior/planner-element.js +23 -16
- package/es/catalog/holes/door-panic/planner-element.js +14 -7
- package/es/catalog/holes/door-panic-double/planner-element.js +22 -15
- package/es/catalog/holes/door-sliding/planner-element.js +23 -16
- package/es/catalog/holes/doorway-framed/planner-element.js +18 -11
- package/es/catalog/holes/doorway-frameless/planner-element.js +14 -7
- package/es/catalog/holes/export.js +31 -13
- package/es/catalog/holes/window-clear/planner-element.js +17 -10
- package/es/catalog/holes/window-cross/planner-element.js +17 -10
- package/es/catalog/holes/window-double-hung/planner-element.js +17 -10
- package/es/catalog/holes/window-vertical/planner-element.js +17 -10
- package/es/catalog/lines/wall/planner-element.js +19 -11
- package/es/catalog/molding/molding-dcm/planner-element.js +12 -5
- package/es/catalog/molding/molding-fbm/planner-element.js +12 -5
- package/es/catalog/molding/molding-lrm/planner-element.js +12 -5
- package/es/catalog/properties/export.js +33 -20
- package/es/catalog/properties/property-checkbox.js +82 -35
- package/es/catalog/properties/property-color.js +21 -16
- package/es/catalog/properties/property-enum.js +70 -28
- package/es/catalog/properties/property-hidden.js +14 -9
- package/es/catalog/properties/property-lenght-measure.js +43 -39
- package/es/catalog/properties/property-length-measure.js +82 -34
- package/es/catalog/properties/property-length-measure_hole.js +43 -39
- package/es/catalog/properties/property-number.js +22 -17
- package/es/catalog/properties/property-read-only.js +21 -16
- package/es/catalog/properties/property-string.js +21 -16
- package/es/catalog/properties/property-toggle.js +21 -16
- package/es/catalog/properties/shared-property-style.js +5 -1
- package/es/catalog/utils/FuseUtils.js +13 -11
- package/es/catalog/utils/exporter.js +13 -11
- package/es/catalog/utils/geom-utils.js +27 -13
- package/es/catalog/utils/item-loader.js +95 -91
- package/es/catalog/utils/load-obj.js +26 -20
- package/es/catalog/utils/mtl-loader.js +7 -3
- package/es/catalog/utils/obj-loader.js +7 -3
- package/es/class/FuseUtils.js +13 -11
- package/es/class/area.js +26 -26
- package/es/class/export.js +38 -23
- package/es/class/group.js +57 -62
- package/es/class/guide.js +19 -19
- package/es/class/hole.js +87 -88
- package/es/class/item.js +148 -155
- package/es/class/layer.js +63 -63
- package/es/class/line.js +141 -144
- package/es/class/project.js +96 -94
- package/es/class/vertex.js +33 -33
- package/es/components/content.js +27 -19
- package/es/components/disclaimer/disclaimer.js +79 -93
- package/es/components/export.js +15 -8
- package/es/components/style/button.js +29 -30
- package/es/components/style/cancel-button.js +12 -8
- package/es/components/style/content-container.js +14 -12
- package/es/components/style/content-title.js +18 -15
- package/es/components/style/delete-button.js +15 -9
- package/es/components/style/export.js +48 -30
- package/es/components/style/form-block.js +13 -12
- package/es/components/style/form-color-input.js +12 -8
- package/es/components/style/form-label.js +13 -12
- package/es/components/style/form-number-input.js +71 -47
- package/es/components/style/form-number-input_2.js +42 -42
- package/es/components/style/form-select.js +58 -14
- package/es/components/style/form-slider.js +36 -16
- package/es/components/style/form-submit-button.js +15 -9
- package/es/components/style/form-text-input.js +55 -37
- package/es/components/viewer2d/area.js +22 -17
- package/es/components/viewer2d/export.js +48 -30
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +15 -11
- package/es/components/viewer2d/grids/grid-streak.js +15 -11
- package/es/components/viewer2d/grids/grid-vertical-streak.js +15 -11
- package/es/components/viewer2d/grids/grids.js +17 -15
- package/es/components/viewer2d/group.js +22 -15
- package/es/components/viewer2d/item.js +68 -68
- package/es/components/viewer2d/layer.js +28 -23
- package/es/components/viewer2d/line.js +109 -104
- package/es/components/viewer2d/ruler.js +27 -23
- package/es/components/viewer2d/rulerDist.js +26 -21
- package/es/components/viewer2d/rulerX.js +45 -45
- package/es/components/viewer2d/rulerY.js +43 -43
- package/es/components/viewer2d/scene.js +40 -46
- package/es/components/viewer2d/snap.js +20 -13
- package/es/components/viewer2d/state.js +25 -23
- package/es/components/viewer2d/utils.js +63 -21
- package/es/components/viewer2d/vertex.js +15 -8
- package/es/components/viewer2d/viewer2d.js +169 -166
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +21 -24
- package/es/components/viewer3d/dcm.js +5 -1
- package/es/components/viewer3d/fbm.js +5 -1
- package/es/components/viewer3d/front3D.js +19 -17
- package/es/components/viewer3d/grid-creator.js +15 -8
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +12 -6
- package/es/components/viewer3d/grids/grid-streak.js +11 -5
- package/es/components/viewer3d/grids/grid-vertical-streak.js +12 -6
- package/es/components/viewer3d/libs/first-person-controls.js +7 -2
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +5 -1
- package/es/components/viewer3d/libs/mtl-loader.js +6 -2
- package/es/components/viewer3d/libs/obj-loader.js +6 -2
- package/es/components/viewer3d/libs/orbit-controls.js +10 -5
- package/es/components/viewer3d/libs/pointer-lock-controls.js +9 -4
- package/es/components/viewer3d/lrm.js +5 -1
- package/es/components/viewer3d/model.js +5 -1
- package/es/components/viewer3d/pointer-lock-navigation.js +8 -3
- package/es/components/viewer3d/ruler-utils/itemRect.js +23 -18
- package/es/components/viewer3d/ruler-utils/layer3D.js +64 -59
- package/es/components/viewer3d/ruler-utils/ruler3D.js +44 -42
- package/es/components/viewer3d/ruler-utils/scene3D.js +16 -11
- package/es/components/viewer3d/ruler-utils/state3D.js +9 -4
- package/es/components/viewer3d/scene-creator.js +225 -198
- package/es/components/viewer3d/three-memory-cleaner.js +10 -3
- package/es/components/viewer3d/viewer3d-first-person.js +44 -46
- package/es/components/viewer3d/viewer3d.js +206 -209
- package/es/constants.js +356 -349
- package/es/index.js +20 -15
- package/es/models.js +183 -183
- package/es/plugins/SVGLoader.js +51 -48
- package/es/plugins/autosave.js +7 -3
- package/es/plugins/console-debugger.js +10 -8
- package/es/plugins/export.js +15 -8
- package/es/plugins/keyboard.js +33 -29
- package/es/reducers/areas-reducer.js +11 -7
- package/es/reducers/export.js +39 -24
- package/es/reducers/groups-reducer.js +35 -31
- package/es/reducers/holes-reducer.js +47 -43
- package/es/reducers/items-reducer.js +110 -109
- package/es/reducers/lines-reducer.js +32 -28
- package/es/reducers/project-reducer.js +109 -105
- package/es/reducers/reducer.js +21 -16
- package/es/reducers/scene-reducer.js +19 -15
- package/es/reducers/user-reducer.js +9 -6
- package/es/reducers/vertices-reducer.js +15 -11
- package/es/reducers/viewer2d-reducer.js +22 -18
- package/es/reducers/viewer3d-reducer.js +20 -16
- package/es/shared-style.js +14 -10
- package/es/styles/export.js +9 -3
- package/es/translator/en.js +5 -1
- package/es/translator/it.js +5 -1
- package/es/translator/ru.js +5 -1
- package/es/translator/translator.js +17 -17
- package/es/utils/browser.js +7 -2
- package/es/utils/convert-units-lite.js +33 -0
- package/es/utils/email-validator.js +5 -1
- package/es/utils/export.js +32 -15
- package/es/utils/geometry.js +277 -191
- package/es/utils/get-edges-of-subgraphs.js +7 -1
- package/es/utils/graph-cycles.js +9 -9
- package/es/utils/graph-inner-cycles.js +16 -10
- package/es/utils/graph.js +15 -12
- package/es/utils/helper.js +61 -109
- package/es/utils/history.js +13 -8
- package/es/utils/id-broker.js +13 -12
- package/es/utils/logger.js +5 -1
- package/es/utils/math.js +10 -5
- package/es/utils/molding.js +175 -158
- package/es/utils/name-generator.js +11 -11
- package/es/utils/objects-utils.js +17 -7
- package/es/utils/phone-validator.js +5 -1
- package/es/utils/process-black-list.js +8 -6
- package/es/utils/react-if.js +10 -6
- package/es/utils/snap-scene.js +32 -32
- package/es/utils/snap.js +57 -51
- package/es/utils/summarizeCart.js +5 -1
- package/es/utils/threeCSG.es6.js +20 -17
- package/es/version.js +5 -1
- package/lib/@history.js +3 -2
- package/lib/AppContext.js +3 -2
- package/lib/KitchenConfigurator.js +70 -88
- package/lib/KitchenConfiguratorApp.js +98 -113
- package/lib/actions/export.js +1 -1
- package/lib/catalog/areas/area/planner-element.js +13 -8
- package/lib/catalog/catalog.js +9 -16
- package/lib/catalog/factories/area-factory-3d.js +1 -1
- package/lib/catalog/factories/area-factory.js +6 -7
- package/lib/catalog/factories/export.js +1 -1
- package/lib/catalog/factories/wall-factory-3d.js +4 -4
- package/lib/catalog/factories/wall-factory.js +4 -3
- package/lib/catalog/holes/door-closet/planner-element.js +4 -3
- package/lib/catalog/holes/door-double/planner-element.js +4 -3
- package/lib/catalog/holes/door-exterior/planner-element.js +4 -3
- package/lib/catalog/holes/door-interior/planner-element.js +4 -3
- package/lib/catalog/holes/door-panic/planner-element.js +4 -3
- package/lib/catalog/holes/door-panic-double/planner-element.js +4 -3
- package/lib/catalog/holes/door-sliding/planner-element.js +4 -3
- package/lib/catalog/holes/doorway-framed/planner-element.js +4 -3
- package/lib/catalog/holes/doorway-frameless/planner-element.js +4 -3
- package/lib/catalog/holes/export.js +14 -14
- package/lib/catalog/holes/window-clear/planner-element.js +4 -3
- package/lib/catalog/holes/window-cross/planner-element.js +4 -3
- package/lib/catalog/holes/window-double-hung/planner-element.js +4 -3
- package/lib/catalog/holes/window-vertical/planner-element.js +4 -3
- package/lib/catalog/lines/wall/planner-element.js +16 -11
- package/lib/catalog/molding/molding-dcm/planner-element.js +4 -3
- package/lib/catalog/molding/molding-fbm/planner-element.js +4 -3
- package/lib/catalog/molding/molding-lrm/planner-element.js +4 -3
- package/lib/catalog/properties/export.js +1 -1
- package/lib/catalog/properties/property-checkbox.js +68 -25
- package/lib/catalog/properties/property-color.js +3 -2
- package/lib/catalog/properties/property-enum.js +54 -16
- package/lib/catalog/properties/property-hidden.js +3 -2
- package/lib/catalog/properties/property-lenght-measure.js +10 -10
- package/lib/catalog/properties/property-length-measure.js +61 -17
- package/lib/catalog/properties/property-length-measure_hole.js +10 -10
- package/lib/catalog/properties/property-number.js +3 -2
- package/lib/catalog/properties/property-read-only.js +3 -2
- package/lib/catalog/properties/property-string.js +3 -2
- package/lib/catalog/properties/property-toggle.js +3 -2
- package/lib/catalog/properties/shared-property-style.js +2 -1
- package/lib/catalog/utils/FuseUtils.js +10 -11
- package/lib/catalog/utils/exporter.js +10 -12
- package/lib/catalog/utils/geom-utils.js +1 -1
- package/lib/catalog/utils/item-loader.js +29 -35
- package/lib/catalog/utils/mtl-loader.js +7 -3
- package/lib/catalog/utils/obj-loader.js +7 -3
- package/lib/class/FuseUtils.js +10 -11
- package/lib/class/area.js +9 -11
- package/lib/class/export.js +1 -1
- package/lib/class/group.js +13 -20
- package/lib/class/guide.js +9 -12
- package/lib/class/hole.js +7 -9
- package/lib/class/item.js +25 -35
- package/lib/class/layer.js +7 -9
- package/lib/class/line.js +14 -20
- package/lib/class/project.js +10 -11
- package/lib/class/vertex.js +9 -11
- package/lib/components/content.js +5 -3
- package/lib/components/disclaimer/disclaimer.js +69 -88
- package/lib/components/export.js +1 -1
- package/lib/components/style/button.js +17 -22
- package/lib/components/style/cancel-button.js +7 -7
- package/lib/components/style/content-container.js +5 -7
- package/lib/components/style/content-title.js +10 -12
- package/lib/components/style/delete-button.js +8 -8
- package/lib/components/style/export.js +1 -1
- package/lib/components/style/form-block.js +9 -12
- package/lib/components/style/form-color-input.js +7 -7
- package/lib/components/style/form-label.js +9 -12
- package/lib/components/style/form-number-input.js +43 -23
- package/lib/components/style/form-number-input_2.js +15 -19
- package/lib/components/style/form-select.js +53 -15
- package/lib/components/style/form-slider.js +28 -12
- package/lib/components/style/form-submit-button.js +8 -8
- package/lib/components/style/form-text-input.js +46 -32
- package/lib/components/viewer2d/area.js +8 -7
- package/lib/components/viewer2d/export.js +1 -1
- package/lib/components/viewer2d/grids/grid-horizontal-streak.js +3 -3
- package/lib/components/viewer2d/grids/grid-streak.js +3 -3
- package/lib/components/viewer2d/grids/grid-vertical-streak.js +3 -3
- package/lib/components/viewer2d/grids/grids.js +6 -10
- package/lib/components/viewer2d/group.js +4 -3
- package/lib/components/viewer2d/item.js +14 -19
- package/lib/components/viewer2d/layer.js +3 -2
- package/lib/components/viewer2d/line.js +4 -7
- package/lib/components/viewer2d/ruler.js +9 -9
- package/lib/components/viewer2d/rulerDist.js +7 -6
- package/lib/components/viewer2d/rulerX.js +15 -19
- package/lib/components/viewer2d/rulerY.js +15 -19
- package/lib/components/viewer2d/scene.js +24 -34
- package/lib/components/viewer2d/snap.js +4 -3
- package/lib/components/viewer2d/state.js +7 -11
- package/lib/components/viewer2d/utils.js +35 -2
- package/lib/components/viewer2d/vertex.js +4 -3
- package/lib/components/viewer2d/viewer2d.js +40 -41
- package/lib/components/viewer3d/camera-controls-module/camera-controls.module.js +14 -20
- package/lib/components/viewer3d/dcm.js +2 -1
- package/lib/components/viewer3d/fbm.js +2 -1
- package/lib/components/viewer3d/front3D.js +6 -10
- package/lib/components/viewer3d/grid-creator.js +4 -3
- package/lib/components/viewer3d/grids/grid-horizontal-streak.js +3 -2
- package/lib/components/viewer3d/grids/grid-streak.js +3 -2
- package/lib/components/viewer3d/grids/grid-vertical-streak.js +3 -2
- package/lib/components/viewer3d/libs/mtl-loader.js +7 -2
- package/lib/components/viewer3d/libs/obj-loader.js +7 -2
- package/lib/components/viewer3d/libs/orbit-controls.js +10 -5
- package/lib/components/viewer3d/libs/pointer-lock-controls.js +9 -4
- package/lib/components/viewer3d/lrm.js +2 -1
- package/lib/components/viewer3d/pointer-lock-navigation.js +1 -1
- package/lib/components/viewer3d/ruler-utils/itemRect.js +10 -9
- package/lib/components/viewer3d/ruler-utils/layer3D.js +35 -34
- package/lib/components/viewer3d/ruler-utils/ruler3D.js +5 -7
- package/lib/components/viewer3d/ruler-utils/scene3D.js +4 -5
- package/lib/components/viewer3d/ruler-utils/state3D.js +3 -2
- package/lib/components/viewer3d/scene-creator.js +40 -45
- package/lib/components/viewer3d/three-memory-cleaner.js +1 -1
- package/lib/components/viewer3d/viewer3d-first-person.js +13 -17
- package/lib/components/viewer3d/viewer3d.js +34 -38
- package/lib/index.js +16 -88
- package/lib/models.js +58 -63
- package/lib/plugins/autosave.js +2 -1
- package/lib/plugins/console-debugger.js +5 -7
- package/lib/plugins/export.js +1 -1
- package/lib/plugins/keyboard.js +2 -1
- package/lib/reducers/areas-reducer.js +2 -1
- package/lib/reducers/export.js +1 -1
- package/lib/reducers/groups-reducer.js +2 -1
- package/lib/reducers/holes-reducer.js +2 -1
- package/lib/reducers/items-reducer.js +2 -1
- package/lib/reducers/lines-reducer.js +2 -1
- package/lib/reducers/project-reducer.js +2 -1
- package/lib/reducers/scene-reducer.js +2 -1
- package/lib/reducers/user-reducer.js +2 -2
- package/lib/reducers/vertices-reducer.js +2 -1
- package/lib/reducers/viewer2d-reducer.js +5 -5
- package/lib/reducers/viewer3d-reducer.js +5 -5
- package/lib/styles/export.js +1 -1
- package/lib/translator/en.js +2 -1
- package/lib/translator/it.js +2 -1
- package/lib/translator/ru.js +2 -1
- package/lib/translator/translator.js +7 -10
- package/lib/utils/convert-units-lite.js +35 -0
- package/lib/utils/export.js +2 -2
- package/lib/utils/geometry.js +20 -28
- package/lib/utils/get-edges-of-subgraphs.js +7 -1
- package/lib/utils/graph-cycles.js +9 -9
- package/lib/utils/graph-inner-cycles.js +1 -1
- package/lib/utils/graph.js +15 -12
- package/lib/utils/helper.js +14 -83
- package/lib/utils/history.js +1 -1
- package/lib/utils/id-broker.js +7 -10
- package/lib/utils/molding.js +66 -71
- package/lib/utils/name-generator.js +7 -9
- package/lib/utils/objects-utils.js +5 -3
- package/lib/utils/process-black-list.js +3 -5
- package/lib/utils/react-if.js +3 -2
- package/lib/utils/snap-scene.js +3 -7
- package/lib/utils/snap.js +22 -26
- package/lib/utils/threeCSG.es6.js +16 -15
- package/package.json +26 -54
- package/es/analytics/ga4.js +0 -191
- package/es/analytics/posthog.js +0 -60
- package/lib/analytics/ga4.js +0 -197
- package/lib/analytics/posthog.js +0 -68
package/es/components/content.js
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports["default"] = Content;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
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) {
|
|
9
16
|
var width = _ref.width,
|
|
10
17
|
height = _ref.height,
|
|
11
18
|
state = _ref.state,
|
|
@@ -17,10 +24,11 @@ export default function Content(_ref, _ref2) {
|
|
|
17
24
|
catalog = _ref.catalog;
|
|
18
25
|
var projectActions = _ref2.projectActions;
|
|
19
26
|
var mode = state.get('mode');
|
|
27
|
+
console.log('mode =>', mode);
|
|
20
28
|
switch (mode) {
|
|
21
29
|
// this mode is when view elevation
|
|
22
30
|
case constants.MODE_ELEVATION_VIEW:
|
|
23
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(_front3D["default"], {
|
|
24
32
|
state: state,
|
|
25
33
|
width: width,
|
|
26
34
|
height: height,
|
|
@@ -30,7 +38,7 @@ export default function Content(_ref, _ref2) {
|
|
|
30
38
|
catalog: catalog
|
|
31
39
|
});
|
|
32
40
|
case constants.MODE_3D_VIEW:
|
|
33
|
-
return /*#__PURE__*/
|
|
41
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer3d["default"], {
|
|
34
42
|
id: "viewer3D",
|
|
35
43
|
state: state,
|
|
36
44
|
width: width,
|
|
@@ -41,7 +49,7 @@ export default function Content(_ref, _ref2) {
|
|
|
41
49
|
downloadFlag: false
|
|
42
50
|
});
|
|
43
51
|
case constants.MODE_3D_FIRST_PERSON:
|
|
44
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer3dFirstPerson["default"], {
|
|
45
53
|
state: state,
|
|
46
54
|
width: width,
|
|
47
55
|
height: height
|
|
@@ -59,7 +67,7 @@ export default function Content(_ref, _ref2) {
|
|
|
59
67
|
case constants.MODE_DRAWING_ITEM:
|
|
60
68
|
case constants.MODE_DRAGGING_HOLE:
|
|
61
69
|
case constants.MODE_ROTATING_ITEM:
|
|
62
|
-
return /*#__PURE__*/
|
|
70
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer2d["default"], {
|
|
63
71
|
state: state,
|
|
64
72
|
width: width,
|
|
65
73
|
height: height,
|
|
@@ -72,7 +80,7 @@ export default function Content(_ref, _ref2) {
|
|
|
72
80
|
case constants.MODE_DRAWING_ITEM_3D:
|
|
73
81
|
case constants.MODE_DRAWING_HOLE_3D:
|
|
74
82
|
case constants.MODE_DRAGGING_HOLE_3D:
|
|
75
|
-
return /*#__PURE__*/
|
|
83
|
+
return /*#__PURE__*/_react["default"].createElement(_viewer3d["default"], {
|
|
76
84
|
id: "viewer3D",
|
|
77
85
|
state: state,
|
|
78
86
|
width: width,
|
|
@@ -85,7 +93,7 @@ export default function Content(_ref, _ref2) {
|
|
|
85
93
|
default:
|
|
86
94
|
if (customContents.hasOwnProperty(mode)) {
|
|
87
95
|
var CustomContent = customContents[mode];
|
|
88
|
-
return /*#__PURE__*/
|
|
96
|
+
return /*#__PURE__*/_react["default"].createElement(CustomContent, {
|
|
89
97
|
width: width,
|
|
90
98
|
height: height,
|
|
91
99
|
state: state
|
|
@@ -96,11 +104,11 @@ export default function Content(_ref, _ref2) {
|
|
|
96
104
|
}
|
|
97
105
|
}
|
|
98
106
|
Content.propTypes = {
|
|
99
|
-
state:
|
|
100
|
-
width:
|
|
101
|
-
height:
|
|
102
|
-
replaceCabinet:
|
|
107
|
+
state: _propTypes["default"].object.isRequired,
|
|
108
|
+
width: _propTypes["default"].number.isRequired,
|
|
109
|
+
height: _propTypes["default"].number.isRequired,
|
|
110
|
+
replaceCabinet: _propTypes["default"].func.isRequired
|
|
103
111
|
};
|
|
104
112
|
Content.contextTypes = {
|
|
105
|
-
projectActions:
|
|
113
|
+
projectActions: _propTypes["default"].object.isRequired
|
|
106
114
|
};
|
|
@@ -1,92 +1,79 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
},
|
|
68
|
-
'&:active': {
|
|
69
|
-
backgroundColor: '#5a25c2'
|
|
70
|
-
},
|
|
71
|
-
'&:disabled': {
|
|
72
|
-
backgroundColor: '#F3E5F5',
|
|
73
|
-
color: '#1D1B20'
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
});
|
|
78
|
-
export default function DisclaimerScreen(_ref) {
|
|
1
|
+
"use strict";
|
|
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); }
|
|
8
|
+
var styles = {
|
|
9
|
+
root: {
|
|
10
|
+
display: 'flex',
|
|
11
|
+
justifyContent: 'center',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
backgroundColor: '#D1C4E9',
|
|
14
|
+
background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
|
|
15
|
+
backgroundSize: 'cover',
|
|
16
|
+
padding: '16px',
|
|
17
|
+
height: '100dvh',
|
|
18
|
+
width: '100dvw'
|
|
19
|
+
},
|
|
20
|
+
card: {
|
|
21
|
+
display: 'flex',
|
|
22
|
+
flexDirection: 'column',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
backgroundColor: '#fff',
|
|
25
|
+
borderRadius: 24,
|
|
26
|
+
width: '85vw',
|
|
27
|
+
textAlign: 'center',
|
|
28
|
+
boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
|
|
29
|
+
height: 'fit-content',
|
|
30
|
+
opacity: '90%',
|
|
31
|
+
gap: '1rem',
|
|
32
|
+
padding: '1.5rem',
|
|
33
|
+
maxWidth: '364px'
|
|
34
|
+
},
|
|
35
|
+
title: {
|
|
36
|
+
fontWeight: 'bold',
|
|
37
|
+
fontSize: '1.5rem',
|
|
38
|
+
lineHeight: '133%',
|
|
39
|
+
letterSpacing: '0px',
|
|
40
|
+
textAlign: 'center',
|
|
41
|
+
verticalAlign: 'middle',
|
|
42
|
+
maxWidth: '200px'
|
|
43
|
+
},
|
|
44
|
+
body: {
|
|
45
|
+
fontWeight: 400,
|
|
46
|
+
fontStyle: 'normal',
|
|
47
|
+
fontSize: '0.875rem',
|
|
48
|
+
lineHeight: '143%',
|
|
49
|
+
letterSpacing: '0.17px',
|
|
50
|
+
color: '#49454F',
|
|
51
|
+
maxWidth: '90%'
|
|
52
|
+
},
|
|
53
|
+
button: {
|
|
54
|
+
marginTop: '0.5rem',
|
|
55
|
+
backgroundColor: '#6750A4',
|
|
56
|
+
color: '#fff',
|
|
57
|
+
borderRadius: 100,
|
|
58
|
+
padding: '16px 72px',
|
|
59
|
+
textTransform: 'none',
|
|
60
|
+
fontWeight: 500,
|
|
61
|
+
fontSize: '1rem',
|
|
62
|
+
border: 'none',
|
|
63
|
+
cursor: 'pointer'
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
function DisclaimerScreen(_ref) {
|
|
79
67
|
var _ref$open = _ref.open,
|
|
80
68
|
open = _ref$open === void 0 ? true : _ref$open,
|
|
81
69
|
onClose = _ref.onClose,
|
|
82
70
|
_ref$titleTop = _ref.titleTop,
|
|
83
71
|
titleTop = _ref$titleTop === void 0 ? 'Building something great!' : _ref$titleTop,
|
|
84
72
|
_ref$message = _ref.message,
|
|
85
|
-
message = _ref$message === void 0 ? /*#__PURE__*/
|
|
73
|
+
message = _ref$message === void 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "We\u2019re adding the finishing touches to the mobile version.", /*#__PURE__*/_react["default"].createElement("br", null), "In the meantime, try our desktop version to start designing your dream room.") : _ref$message,
|
|
86
74
|
_ref$buttonText = _ref.buttonText,
|
|
87
75
|
buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
|
|
88
|
-
|
|
89
|
-
useEffect(function () {
|
|
76
|
+
(0, _react.useEffect)(function () {
|
|
90
77
|
var viewportMeta = document.querySelector('meta[name="viewport"]');
|
|
91
78
|
if (!viewportMeta) {
|
|
92
79
|
viewportMeta = document.createElement('meta');
|
|
@@ -96,22 +83,21 @@ export default function DisclaimerScreen(_ref) {
|
|
|
96
83
|
viewportMeta.content = 'width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover';
|
|
97
84
|
}, []);
|
|
98
85
|
if (!open) return null;
|
|
99
|
-
return /*#__PURE__*/
|
|
100
|
-
|
|
101
|
-
}, /*#__PURE__*/
|
|
102
|
-
|
|
103
|
-
}, /*#__PURE__*/
|
|
86
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
87
|
+
style: styles.root
|
|
88
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
89
|
+
style: styles.card
|
|
90
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
104
91
|
width: 40,
|
|
105
92
|
height: 40,
|
|
106
93
|
alt: "loog",
|
|
107
94
|
src: '/assets/img/svg/disclaimer/logo-dots.svg'
|
|
108
|
-
}), /*#__PURE__*/
|
|
109
|
-
|
|
110
|
-
}, titleTop), /*#__PURE__*/
|
|
111
|
-
|
|
112
|
-
}, message), /*#__PURE__*/
|
|
113
|
-
|
|
114
|
-
className: classes.button,
|
|
95
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
96
|
+
style: styles.title
|
|
97
|
+
}, titleTop), /*#__PURE__*/_react["default"].createElement("div", {
|
|
98
|
+
style: styles.body
|
|
99
|
+
}, message), /*#__PURE__*/_react["default"].createElement("button", {
|
|
100
|
+
style: styles.button,
|
|
115
101
|
onClick: onClose
|
|
116
102
|
}, buttonText)));
|
|
117
103
|
}
|
package/es/components/export.js
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = void 0;
|
|
6
|
+
var _content = _interopRequireDefault(require("./content"));
|
|
7
|
+
exports.Content = _content["default"];
|
|
8
|
+
var _export = _interopRequireDefault(require("./viewer2d/export"));
|
|
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"]
|
|
9
16
|
};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
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"));
|
|
2
17
|
var _excluded = ["type", "style", "styleHover", "children", "size"];
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
6
|
-
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
7
|
-
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
8
|
-
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
9
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
10
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
11
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12
|
-
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
13
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
18
|
+
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); }
|
|
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)); }
|
|
14
20
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15
|
-
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
16
|
-
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
17
|
-
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
18
|
-
import React, { Component } from 'react';
|
|
19
|
-
import PropTypes from 'prop-types';
|
|
20
|
-
import * as SharedStyle from "../../shared-style";
|
|
21
21
|
var BASE_STYLE = {
|
|
22
22
|
display: 'inline-block',
|
|
23
23
|
fontWeight: '400',
|
|
@@ -51,18 +51,18 @@ var BASE_STYLE_SIZE = {
|
|
|
51
51
|
padding: '8px 20px'
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
-
var Button = /*#__PURE__*/function (_Component) {
|
|
54
|
+
var Button = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
55
55
|
function Button(props) {
|
|
56
56
|
var _this;
|
|
57
|
-
|
|
57
|
+
(0, _classCallCheck2["default"])(this, Button);
|
|
58
58
|
_this = _callSuper(this, Button, [props]);
|
|
59
59
|
_this.state = {
|
|
60
60
|
hover: false
|
|
61
61
|
};
|
|
62
62
|
return _this;
|
|
63
63
|
}
|
|
64
|
-
|
|
65
|
-
return
|
|
64
|
+
(0, _inherits2["default"])(Button, _Component);
|
|
65
|
+
return (0, _createClass2["default"])(Button, [{
|
|
66
66
|
key: "render",
|
|
67
67
|
value: function render() {
|
|
68
68
|
var _this2 = this;
|
|
@@ -73,9 +73,9 @@ var Button = /*#__PURE__*/function (_Component) {
|
|
|
73
73
|
customStyleHover = _this$props.styleHover,
|
|
74
74
|
children = _this$props.children,
|
|
75
75
|
size = _this$props.size,
|
|
76
|
-
rest =
|
|
76
|
+
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
|
|
77
77
|
var styleMerged = Object.assign({}, BASE_STYLE, BASE_STYLE_SIZE[size], hover ? customStyleHover : customStyle);
|
|
78
|
-
return /*#__PURE__*/
|
|
78
|
+
return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
|
|
79
79
|
type: type,
|
|
80
80
|
onMouseEnter: function onMouseEnter(e) {
|
|
81
81
|
return _this2.setState({
|
|
@@ -91,8 +91,7 @@ var Button = /*#__PURE__*/function (_Component) {
|
|
|
91
91
|
}, rest), children);
|
|
92
92
|
}
|
|
93
93
|
}]);
|
|
94
|
-
}(Component);
|
|
95
|
-
export { Button as default };
|
|
94
|
+
}(_react.Component);
|
|
96
95
|
Button.defaultProps = {
|
|
97
96
|
type: 'button',
|
|
98
97
|
size: 'normal',
|
|
@@ -106,8 +105,8 @@ Button.defaultProps = {
|
|
|
106
105
|
}
|
|
107
106
|
};
|
|
108
107
|
Button.propTypes = {
|
|
109
|
-
type:
|
|
110
|
-
style:
|
|
111
|
-
styleHover:
|
|
112
|
-
size:
|
|
108
|
+
type: _propTypes["default"].string,
|
|
109
|
+
style: _propTypes["default"].object,
|
|
110
|
+
styleHover: _propTypes["default"].object,
|
|
111
|
+
size: _propTypes["default"].oneOf(['large', 'normal', 'small'])
|
|
113
112
|
};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
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
10
|
var _excluded = ["children"];
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import Button from "./button";
|
|
7
11
|
var STYLE = {
|
|
8
12
|
borderColor: '#adadad',
|
|
9
13
|
backgroundColor: '#e6e6e6'
|
|
@@ -12,10 +16,10 @@ var STYLE_HOVER = {
|
|
|
12
16
|
backgroundColor: '#d4d4d4',
|
|
13
17
|
borderColor: '#8c8c8c'
|
|
14
18
|
};
|
|
15
|
-
|
|
19
|
+
function CancelButton(_ref) {
|
|
16
20
|
var children = _ref.children,
|
|
17
|
-
rest =
|
|
18
|
-
return /*#__PURE__*/
|
|
21
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
|
|
19
23
|
style: STYLE,
|
|
20
24
|
styleHover: STYLE_HOVER
|
|
21
25
|
}, rest), children);
|
|
@@ -1,22 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
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"));
|
|
2
9
|
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; }
|
|
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) {
|
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import PropTypes from 'prop-types';
|
|
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) { (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; }
|
|
9
11
|
var STYLE = {
|
|
10
12
|
padding: '0 20px',
|
|
11
13
|
overflowY: 'auto'
|
|
12
14
|
};
|
|
13
|
-
|
|
15
|
+
function ContentContainer(_ref) {
|
|
14
16
|
var children = _ref.children,
|
|
15
17
|
width = _ref.width,
|
|
16
18
|
height = _ref.height,
|
|
17
19
|
_ref$style = _ref.style,
|
|
18
20
|
style = _ref$style === void 0 ? {} : _ref$style;
|
|
19
|
-
return /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
20
22
|
style: _objectSpread(_objectSpread({
|
|
21
23
|
width: width,
|
|
22
24
|
height: height
|
|
@@ -27,7 +29,7 @@ export default function ContentContainer(_ref) {
|
|
|
27
29
|
}, children);
|
|
28
30
|
}
|
|
29
31
|
ContentContainer.propsType = {
|
|
30
|
-
width:
|
|
31
|
-
height:
|
|
32
|
-
style:
|
|
32
|
+
width: _propTypes["default"].number.isRequired,
|
|
33
|
+
height: _propTypes["default"].number.isRequired,
|
|
34
|
+
style: _propTypes["default"].object
|
|
33
35
|
};
|
|
@@ -1,29 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
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"));
|
|
2
13
|
var _excluded = ["children", "style"];
|
|
3
|
-
function
|
|
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); }
|
|
4
15
|
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; }
|
|
5
|
-
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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
7
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
8
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
11
|
-
import React from 'react';
|
|
12
|
-
import PropTypes from 'prop-types';
|
|
13
|
-
import * as SharedStyle from "../../shared-style";
|
|
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) { (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; }
|
|
14
17
|
var STYLE = {
|
|
15
18
|
color: SharedStyle.PRIMARY_COLOR.alt,
|
|
16
19
|
fontWeight: 300
|
|
17
20
|
};
|
|
18
|
-
|
|
21
|
+
function ContentTitle(_ref) {
|
|
19
22
|
var children = _ref.children,
|
|
20
23
|
_ref$style = _ref.style,
|
|
21
24
|
style = _ref$style === void 0 ? {} : _ref$style,
|
|
22
|
-
rest =
|
|
23
|
-
return /*#__PURE__*/
|
|
25
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
26
|
+
return /*#__PURE__*/_react["default"].createElement("h1", (0, _extends2["default"])({
|
|
24
27
|
style: _objectSpread(_objectSpread({}, STYLE), style)
|
|
25
28
|
}, rest), children);
|
|
26
29
|
}
|
|
27
30
|
ContentTitle.propsType = {
|
|
28
|
-
style:
|
|
31
|
+
style: _propTypes["default"].object
|
|
29
32
|
};
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
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
12
|
var _excluded = ["children"];
|
|
2
|
-
function
|
|
3
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import Button from "./button";
|
|
7
|
-
import * as SharedStyle from "../../shared-style";
|
|
13
|
+
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); }
|
|
8
14
|
var STYLE = {
|
|
9
15
|
borderColor: '#c12e2a',
|
|
10
16
|
backgroundColor: '#c9302c',
|
|
@@ -15,10 +21,10 @@ var STYLE_HOVER = {
|
|
|
15
21
|
borderColor: '#c12e2a',
|
|
16
22
|
color: SharedStyle.COLORS.white
|
|
17
23
|
};
|
|
18
|
-
|
|
24
|
+
function FormDeleteButton(_ref) {
|
|
19
25
|
var children = _ref.children,
|
|
20
|
-
rest =
|
|
21
|
-
return /*#__PURE__*/
|
|
26
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
|
|
22
28
|
style: STYLE,
|
|
23
29
|
styleHover: STYLE_HOVER
|
|
24
30
|
}, rest), children);
|