kitchen-simulator 1.1.1-test.22 → 1.1.1-test.25

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 (5) hide show
  1. package/es/components/disclaimer/disclaimer.js +66 -86
  2. package/es/components/viewer2d/line.js +2 -5
  3. package/lib/components/disclaimer/disclaimer.js +66 -86
  4. package/lib/components/viewer2d/line.js +2 -5
  5. package/package.json +2 -5
package/es/components/disclaimer/disclaimer.js CHANGED
@@ -1,80 +1,62 @@
1
1
  import React, { useEffect } from 'react';
2
- import { Typography, Button, makeStyles } from '@material-ui/core';
3
- var useStyles = makeStyles(function (theme) {
4
- return {
5
- root: {
6
- display: 'flex',
7
- justifyContent: 'center',
8
- alignItems: 'center',
9
- backgroundColor: '#D1C4E9',
10
- background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
11
- backgroundSize: 'cover',
12
- padding: theme.spacing(2),
13
- height: '100dvh',
14
- width: '100dvw'
15
- },
16
- card: {
17
- '@media (orientation: landscape)': {
18
- padding: '0.75rem',
19
- gap: '0.5rem'
20
- },
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
- '@media (orientation: landscape)': {
55
- padding: '12px 36px'
56
- },
57
- marginTop: '0.5rem',
58
- backgroundColor: '#6750A4',
59
- color: '#fff',
60
- borderRadius: 100,
61
- padding: '16px 72px',
62
- textTransform: 'none',
63
- fontWeight: 500,
64
- fontSize: '1rem',
65
- '&:hover': {
66
- backgroundColor: '#7c3aed'
67
- },
68
- '&:active': {
69
- backgroundColor: '#5a25c2'
70
- },
71
- '&:disabled': {
72
- backgroundColor: '#F3E5F5',
73
- color: '#1D1B20'
74
- }
75
- }
76
- };
77
- });
2
+ var styles = {
3
+ root: {
4
+ display: 'flex',
5
+ justifyContent: 'center',
6
+ alignItems: 'center',
7
+ backgroundColor: '#D1C4E9',
8
+ background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
9
+ backgroundSize: 'cover',
10
+ padding: '16px',
11
+ height: '100dvh',
12
+ width: '100dvw'
13
+ },
14
+ card: {
15
+ display: 'flex',
16
+ flexDirection: 'column',
17
+ alignItems: 'center',
18
+ backgroundColor: '#fff',
19
+ borderRadius: 24,
20
+ width: '85vw',
21
+ textAlign: 'center',
22
+ boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
23
+ height: 'fit-content',
24
+ opacity: '90%',
25
+ gap: '1rem',
26
+ padding: '1.5rem',
27
+ maxWidth: '364px'
28
+ },
29
+ title: {
30
+ fontWeight: 'bold',
31
+ fontSize: '1.5rem',
32
+ lineHeight: '133%',
33
+ letterSpacing: '0px',
34
+ textAlign: 'center',
35
+ verticalAlign: 'middle',
36
+ maxWidth: '200px'
37
+ },
38
+ body: {
39
+ fontWeight: 400,
40
+ fontStyle: 'normal',
41
+ fontSize: '0.875rem',
42
+ lineHeight: '143%',
43
+ letterSpacing: '0.17px',
44
+ color: '#49454F',
45
+ maxWidth: '90%'
46
+ },
47
+ button: {
48
+ marginTop: '0.5rem',
49
+ backgroundColor: '#6750A4',
50
+ color: '#fff',
51
+ borderRadius: 100,
52
+ padding: '16px 72px',
53
+ textTransform: 'none',
54
+ fontWeight: 500,
55
+ fontSize: '1rem',
56
+ border: 'none',
57
+ cursor: 'pointer'
58
+ }
59
+ };
78
60
  export default function DisclaimerScreen(_ref) {
79
61
  var _ref$open = _ref.open,
80
62
  open = _ref$open === void 0 ? true : _ref$open,
@@ -85,7 +67,6 @@ export default function DisclaimerScreen(_ref) {
85
67
  message = _ref$message === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "We\u2019re adding the finishing touches to the mobile version.", /*#__PURE__*/React.createElement("br", null), "In the meantime, try our desktop version to start designing your dream room.") : _ref$message,
86
68
  _ref$buttonText = _ref.buttonText,
87
69
  buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
88
- var classes = useStyles();
89
70
  useEffect(function () {
90
71
  var viewportMeta = document.querySelector('meta[name="viewport"]');
91
72
  if (!viewportMeta) {
@@ -97,21 +78,20 @@ export default function DisclaimerScreen(_ref) {
97
78
  }, []);
98
79
  if (!open) return null;
99
80
  return /*#__PURE__*/React.createElement("div", {
100
- className: classes.root
81
+ style: styles.root
101
82
  }, /*#__PURE__*/React.createElement("div", {
102
- className: classes.card
83
+ style: styles.card
103
84
  }, /*#__PURE__*/React.createElement("img", {
104
85
  width: 40,
105
86
  height: 40,
106
87
  alt: "loog",
107
88
  src: '/assets/img/svg/disclaimer/logo-dots.svg'
108
- }), /*#__PURE__*/React.createElement(Typography, {
109
- className: classes.title
110
- }, titleTop), /*#__PURE__*/React.createElement(Typography, {
111
- className: classes.body
112
- }, message), /*#__PURE__*/React.createElement(Button, {
113
- variant: "contained",
114
- className: classes.button,
89
+ }), /*#__PURE__*/React.createElement("div", {
90
+ style: styles.title
91
+ }, titleTop), /*#__PURE__*/React.createElement("div", {
92
+ style: styles.body
93
+ }, message), /*#__PURE__*/React.createElement("button", {
94
+ style: styles.button,
115
95
  onClick: onClose
116
96
  }, buttonText)));
117
97
  }
package/es/components/viewer2d/line.js CHANGED
@@ -5,7 +5,6 @@ import Ruler from "./ruler";
5
5
  import { BASE_CABINET_LAYOUTPOS, LINE_THICKNESS, WALL_CABINET_LAYOUTPOS } from "../../constants";
6
6
  import * as Three from 'three';
7
7
  import { isEmpty } from "./utils";
8
- import Tooltip from '@material-ui/core/Tooltip';
9
8
  var STYLE = {
10
9
  stroke: 'rgb(77, 77, 77)',
11
10
  strokeWidth: '1px'
@@ -795,9 +794,7 @@ export default function Line(_ref) {
795
794
  } : {}
796
795
  }, renderedLine, /*#__PURE__*/React.createElement("g", {
797
796
  transform: "translate(".concat(x1, ", ").concat(y1, ") rotate(").concat(angle, ", 0, 0)")
798
- }, renderedHoles)), line.selected && /*#__PURE__*/React.createElement(Tooltip, {
799
- title: "Elevation View"
800
- }, /*#__PURE__*/React.createElement("g", {
797
+ }, renderedHoles)), line.selected && /*#__PURE__*/React.createElement("g", {
801
798
  id: 'elevation-button',
802
799
  key: 1,
803
800
  transform: "translate(".concat(x1 + 35, ", ").concat(y1 - 15, ")"),
@@ -827,7 +824,7 @@ export default function Line(_ref) {
827
824
  style: {
828
825
  transform: 'rotateX(180deg)'
829
826
  }
830
- }))), line.selected && /*#__PURE__*/React.createElement("g", {
827
+ })), line.selected && /*#__PURE__*/React.createElement("g", {
831
828
  id: 'remove-button',
832
829
  key: 2,
833
830
  transform: "translate(".concat(x1 + 10, ", ").concat(y1, ")"),
package/lib/components/disclaimer/disclaimer.js CHANGED
@@ -6,83 +6,65 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = DisclaimerScreen;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _core = require("@material-ui/core");
10
9
  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); }
11
- var useStyles = (0, _core.makeStyles)(function (theme) {
12
- return {
13
- root: {
14
- display: 'flex',
15
- justifyContent: 'center',
16
- alignItems: 'center',
17
- backgroundColor: '#D1C4E9',
18
- background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
19
- backgroundSize: 'cover',
20
- padding: theme.spacing(2),
21
- height: '100dvh',
22
- width: '100dvw'
23
- },
24
- card: {
25
- '@media (orientation: landscape)': {
26
- padding: '0.75rem',
27
- gap: '0.5rem'
28
- },
29
- display: 'flex',
30
- flexDirection: 'column',
31
- alignItems: 'center',
32
- backgroundColor: '#fff',
33
- borderRadius: 24,
34
- width: '85vw',
35
- textAlign: 'center',
36
- boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
37
- height: 'fit-content',
38
- opacity: '90%',
39
- gap: '1rem',
40
- padding: '1.5rem',
41
- maxWidth: '364px'
42
- },
43
- title: {
44
- fontWeight: 'bold',
45
- fontSize: '1.5rem',
46
- lineHeight: '133%',
47
- letterSpacing: '0px',
48
- textAlign: 'center',
49
- verticalAlign: 'middle',
50
- maxWidth: '200px'
51
- },
52
- body: {
53
- fontWeight: 400,
54
- fontStyle: 'normal',
55
- fontSize: '0.875rem',
56
- lineHeight: '143%',
57
- letterSpacing: '0.17px',
58
- color: '#49454F',
59
- maxWidth: '90%'
60
- },
61
- button: {
62
- '@media (orientation: landscape)': {
63
- padding: '12px 36px'
64
- },
65
- marginTop: '0.5rem',
66
- backgroundColor: '#6750A4',
67
- color: '#fff',
68
- borderRadius: 100,
69
- padding: '16px 72px',
70
- textTransform: 'none',
71
- fontWeight: 500,
72
- fontSize: '1rem',
73
- '&:hover': {
74
- backgroundColor: '#7c3aed'
75
- },
76
- '&:active': {
77
- backgroundColor: '#5a25c2'
78
- },
79
- '&:disabled': {
80
- backgroundColor: '#F3E5F5',
81
- color: '#1D1B20'
82
- }
83
- }
84
- };
85
- });
10
+ var styles = {
11
+ root: {
12
+ display: 'flex',
13
+ justifyContent: 'center',
14
+ alignItems: 'center',
15
+ backgroundColor: '#D1C4E9',
16
+ background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
17
+ backgroundSize: 'cover',
18
+ padding: '16px',
19
+ height: '100dvh',
20
+ width: '100dvw'
21
+ },
22
+ card: {
23
+ display: 'flex',
24
+ flexDirection: 'column',
25
+ alignItems: 'center',
26
+ backgroundColor: '#fff',
27
+ borderRadius: 24,
28
+ width: '85vw',
29
+ textAlign: 'center',
30
+ boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
31
+ height: 'fit-content',
32
+ opacity: '90%',
33
+ gap: '1rem',
34
+ padding: '1.5rem',
35
+ maxWidth: '364px'
36
+ },
37
+ title: {
38
+ fontWeight: 'bold',
39
+ fontSize: '1.5rem',
40
+ lineHeight: '133%',
41
+ letterSpacing: '0px',
42
+ textAlign: 'center',
43
+ verticalAlign: 'middle',
44
+ maxWidth: '200px'
45
+ },
46
+ body: {
47
+ fontWeight: 400,
48
+ fontStyle: 'normal',
49
+ fontSize: '0.875rem',
50
+ lineHeight: '143%',
51
+ letterSpacing: '0.17px',
52
+ color: '#49454F',
53
+ maxWidth: '90%'
54
+ },
55
+ button: {
56
+ marginTop: '0.5rem',
57
+ backgroundColor: '#6750A4',
58
+ color: '#fff',
59
+ borderRadius: 100,
60
+ padding: '16px 72px',
61
+ textTransform: 'none',
62
+ fontWeight: 500,
63
+ fontSize: '1rem',
64
+ border: 'none',
65
+ cursor: 'pointer'
66
+ }
67
+ };
86
68
  function DisclaimerScreen(_ref) {
87
69
  var _ref$open = _ref.open,
88
70
  open = _ref$open === void 0 ? true : _ref$open,
@@ -93,7 +75,6 @@ function DisclaimerScreen(_ref) {
93
75
  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,
94
76
  _ref$buttonText = _ref.buttonText,
95
77
  buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
96
- var classes = useStyles();
97
78
  (0, _react.useEffect)(function () {
98
79
  var viewportMeta = document.querySelector('meta[name="viewport"]');
99
80
  if (!viewportMeta) {
@@ -105,21 +86,20 @@ function DisclaimerScreen(_ref) {
105
86
  }, []);
106
87
  if (!open) return null;
107
88
  return /*#__PURE__*/_react["default"].createElement("div", {
108
- className: classes.root
89
+ style: styles.root
109
90
  }, /*#__PURE__*/_react["default"].createElement("div", {
110
- className: classes.card
91
+ style: styles.card
111
92
  }, /*#__PURE__*/_react["default"].createElement("img", {
112
93
  width: 40,
113
94
  height: 40,
114
95
  alt: "loog",
115
96
  src: '/assets/img/svg/disclaimer/logo-dots.svg'
116
- }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
117
- className: classes.title
118
- }, titleTop), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
119
- className: classes.body
120
- }, message), /*#__PURE__*/_react["default"].createElement(_core.Button, {
121
- variant: "contained",
122
- className: classes.button,
97
+ }), /*#__PURE__*/_react["default"].createElement("div", {
98
+ style: styles.title
99
+ }, titleTop), /*#__PURE__*/_react["default"].createElement("div", {
100
+ style: styles.body
101
+ }, message), /*#__PURE__*/_react["default"].createElement("button", {
102
+ style: styles.button,
123
103
  onClick: onClose
124
104
  }, buttonText)));
125
105
  }
package/lib/components/viewer2d/line.js CHANGED
@@ -13,7 +13,6 @@ var _ruler = _interopRequireDefault(require("./ruler"));
13
13
  var _constants = require("../../constants");
14
14
  var Three = _interopRequireWildcard(require("three"));
15
15
  var _utils = require("./utils");
16
- var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
17
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); }
18
17
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
19
18
  var STYLE = {
@@ -805,9 +804,7 @@ function Line(_ref) {
805
804
  } : {}
806
805
  }, renderedLine, /*#__PURE__*/_react["default"].createElement("g", {
807
806
  transform: "translate(".concat(x1, ", ").concat(y1, ") rotate(").concat(angle, ", 0, 0)")
808
- }, renderedHoles)), line.selected && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
809
- title: "Elevation View"
810
- }, /*#__PURE__*/_react["default"].createElement("g", {
807
+ }, renderedHoles)), line.selected && /*#__PURE__*/_react["default"].createElement("g", {
811
808
  id: 'elevation-button',
812
809
  key: 1,
813
810
  transform: "translate(".concat(x1 + 35, ", ").concat(y1 - 15, ")"),
@@ -837,7 +834,7 @@ function Line(_ref) {
837
834
  style: {
838
835
  transform: 'rotateX(180deg)'
839
836
  }
840
- }))), line.selected && /*#__PURE__*/_react["default"].createElement("g", {
837
+ })), line.selected && /*#__PURE__*/_react["default"].createElement("g", {
841
838
  id: 'remove-button',
842
839
  key: 2,
843
840
  transform: "translate(".concat(x1 + 10, ", ").concat(y1, ")"),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kitchen-simulator",
3
- "version": "1.1.1-test.22",
3
+ "version": "1.1.1-test.25",
4
4
  "description": "It is a kitchen simulator.",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",
@@ -63,13 +63,11 @@
63
63
  },
64
64
  "dependencies": {
65
65
  "@mapbox/react-range": "0.0.7",
66
- "@material-ui/core": "^4.12.3",
67
- "@material-ui/icons": "^4.11.2",
68
- "@material-ui/lab": "^4.0.0-alpha.61",
69
66
  "@sentry/react": "^9.10.1",
70
67
  "area-polygon": "1.0.1",
71
68
  "assert": "^2.1.0",
72
69
  "axios": "^0.20.0",
70
+ "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
73
71
  "browserify-zlib": "^0.2.0",
74
72
  "buffer": "^6.0.3",
75
73
  "camera-controls": "^2.8.5",
@@ -83,7 +81,6 @@
83
81
  "jwt-decode": "^2.2.0",
84
82
  "localstorage-slim": "^2.7.1",
85
83
  "lodash": "^4.17.21",
86
- "material-ui": "^0.20.2",
87
84
  "mobile-detect": "^1.4.5",
88
85
  "path-browserify": "^1.0.1",
89
86
  "polylabel": "1.0.2",