kitchen-simulator 5.0.0-test.63 → 5.0.0-test.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "5.0.0-test.63",
+  "version": "5.0.0-test.65",
   "description": "It is a kitchen simulator.",
   "main": "src/index.js",
   "module": "src/index.js",
@@ -26,9 +26,6 @@
 
   "dependencies": {
     "@babel/cli": "^7.24.8",
-    "@material-ui/core": "^4.12.3",
-    "@material-ui/icons": "^4.11.2",
-    "@material-ui/lab": "^4.0.0-alpha.61",
     "@sentry/react": "^9.10.1",
     "@sentry/webpack-plugin": "^3.2.4",
     "antd": "^4.24.16",
@@ -53,7 +50,6 @@
     "jwt-decode": "^2.2.0",
     "localstorage-slim": "^2.7.1",
     "lodash": "^4.17.21",
-    "material-ui": "^0.20.2",
     "mobile-detect": "^1.4.5",
     "path-browserify": "^1.0.1",
     "polylabel": "1.0.2",
@@ -70,7 +66,6 @@
     "reactjs-popup": "^2.0.4",
     "shortid": "2.2.14",
     "stream-browserify": "^3.0.0",
-    "styled-components": "^5.2.0",
     "velocity-react": "1.4.3"
   },
 

package/src/KitchenConfiguratorApp.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
 import { createStore } from 'redux';
 import * as Models from './models';

package/src/_KitchenConfigurator.jsx

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import convert from 'convert-units';
 import { Plugins as PlannerPlugins } from './index';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import ReactGA from 'react-ga4';
 import { hotjar } from 'react-hotjar';

package/src/catalog/properties/property-checkbox.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import styled from 'styled-components';
 import {
   DEFAULT_FONT_FAMILY,

package/src/catalog/properties/property-color.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FormLabel, FormColorInput } from '../../components/style/export';
 import PropertyStyle from './shared-property-style';
 

package/src/catalog/properties/property-enum.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { Seq } from 'immutable';
 import { FormLabel, FormSelect } from '../../components/style/export';
 import styled from 'styled-components';

package/src/catalog/properties/property-hidden.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 
 export default function PropertyHidden({
   value,

package/src/catalog/properties/property-lenght-measure.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   BASE_CABINET_LAYOUTPOS,
   TALL_CABINET_LAYOUTPOS,

package/src/catalog/properties/property-length-measure.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   UNITS_LENGTH,
   UNIT_INCH,

package/src/catalog/properties/property-length-measure_hole.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   UNITS_LENGTH,
   UNIT_INCH,

package/src/catalog/properties/property-number.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FormLabel, FormNumberInput } from '../../components/style/export';
 import PropertyStyle from './shared-property-style';
 

package/src/catalog/properties/property-read-only.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FormLabel } from '../../components/style/export';
 import PropertyStyle from './shared-property-style';
 

package/src/catalog/properties/property-string.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FormLabel, FormTextInput } from '../../components/style/export';
 import PropertyStyle from './shared-property-style';
 

package/src/catalog/properties/property-toggle.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FormLabel, Button } from '../../components/style/export';
 import PropertyStyle from './shared-property-style';
 

package/src/components/content.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Viewer2D from './viewer2d/viewer2d';
 import Viewer3D from './viewer3d/viewer3d';
 import Viewer3DFirstPerson from './viewer3d/viewer3d-first-person';

package/src/components/style/button.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as SharedStyle from '../../shared-style';
 
 const BASE_STYLE = {

package/src/components/style/form-number-input.jsx

@@ -1,33 +1,33 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   KEYBOARD_BUTTON_CODE,
   TEXT_COLOR_NEUTRAL_0,
   SECONDARY_PURPLE_COLOR,
   DEFAULT_FONT_FAMILY
 } from '../../constants';
-import styled from 'styled-components';
 import { isValidNumber } from '../../utils/helper';
 
-const StyledInput = styled.input`
-  display: block;
-  padding: 15px 25px 12px 0px;
-  width: 120px;
-  color: ${TEXT_COLOR_NEUTRAL_0};
-  background-color: rgb(255, 255, 255);
-  border: 2px solid;
-  text-align: right;
-  float: right;
-  font-family: ${DEFAULT_FONT_FAMILY};
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 17px;
-  border-radius: 5px;
-  outline: 0;
-  :focus {
-    border-color: ${SECONDARY_PURPLE_COLOR};
-  }
-`;
+// import styled from 'styled-components';
+// const StyledInput = styled.input`
+//   display: block;
+//   padding: 15px 25px 12px 0px;
+//   width: 120px;
+//   color: ${TEXT_COLOR_NEUTRAL_0};
+//   background-color: rgb(255, 255, 255);
+//   border: 2px solid;
+//   text-align: right;
+//   float: right;
+//   font-family: ${DEFAULT_FONT_FAMILY};
+//   font-size: 16px;
+//   font-weight: 600;
+//   line-height: 17px;
+//   border-radius: 5px;
+//   outline: 0;
+//   :focus {
+//     border-color: ${SECONDARY_PURPLE_COLOR};
+//   }
+// `;
 
 export default class FormNumberInput extends Component {
   constructor(props, context) {
@@ -121,7 +121,7 @@ export default class FormNumberInput extends Component {
     };
 
     return (
-      <StyledInput
+      <input
         id="form_number_input"
         autoFocus={this.state.focusOn}
         readOnly={!!this.props.disabled}

package/src/components/style/form-select.jsx

@@ -1,37 +1,37 @@
 import React from 'react';
-import styled from 'styled-components';
 import {
   TEXT_COLOR_NEUTRAL_3,
   DEFAULT_FONT_FAMILY,
   SECONDARY_PURPLE_COLOR
 } from '../../constants';
 
-const StyledSelect = styled.select`
-  display: block;
-  width: 120px;
-  float: right;
-  padding: 15px 10px 12px 0px;
-  color: ${TEXT_COLOR_NEUTRAL_3};
-  border: 2px solid;
-  font-family: ${DEFAULT_FONT_FAMILY};
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 17px;
-  text-align: right;
-  outline: none;
-  border-radius: 5px;
-  :hover {
-    border-color: ${SECONDARY_PURPLE_COLOR};
-  }
-  :focus {
-    border-color: ${SECONDARY_PURPLE_COLOR};
-  }
-`;
+// import styled from 'styled-components';
+// const StyledSelect = styled.select`
+//   display: block;
+//   width: 120px;
+//   float: right;
+//   padding: 15px 10px 12px 0px;
+//   color: ${TEXT_COLOR_NEUTRAL_3};
+//   border: 2px solid;
+//   font-family: ${DEFAULT_FONT_FAMILY};
+//   font-size: 12px;
+//   font-weight: 600;
+//   line-height: 17px;
+//   text-align: right;
+//   outline: none;
+//   border-radius: 5px;
+//   :hover {
+//     border-color: ${SECONDARY_PURPLE_COLOR};
+//   }
+//   :focus {
+//     border-color: ${SECONDARY_PURPLE_COLOR};
+//   }
+// `;
 
 export default function FormSelect({ children, style, ...rest }) {
   return (
-    <StyledSelect type="text" style={style} {...rest}>
+    <select style={style} {...rest}>
       {children}
-    </StyledSelect>
+    </select>
   );
 }

package/src/components/style/form-text-input.jsx

@@ -6,27 +6,26 @@ import {
   DEFAULT_FONT_FAMILY,
   SECONDARY_PURPLE_COLOR
 } from '../../constants';
-import styled from 'styled-components';
 
-const StyledInput = styled.input`
-  display: block;
-  padding: 15px 10px 12px 0px;
-  width: 120px;
-  font-family: ${DEFAULT_FONT_FAMILY};
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 17px;
-  color: ${TEXT_COLOR_NEUTRAL_3};
-  background-color: ${BG_COLOR_0};
-  border: 2px solid;
-  text-align: right;
-  float: right;
-  border-radius: 5px;
-  outline: 0;
-  :focus {
-    border-color: ${SECONDARY_PURPLE_COLOR};
-  }
-`;
+// const StyledInput = styled.input`
+//   display: block;
+//   padding: 15px 10px 12px 0px;
+//   width: 120px;
+//   font-family: ${DEFAULT_FONT_FAMILY};
+//   font-size: 12px;
+//   font-weight: 600;
+//   line-height: 17px;
+//   color: ${TEXT_COLOR_NEUTRAL_3};
+//   background-color: ${BG_COLOR_0};
+//   border: 2px solid;
+//   text-align: right;
+//   float: right;
+//   border-radius: 5px;
+//   outline: 0;
+//   :focus {
+//     border-color: ${SECONDARY_PURPLE_COLOR};
+//   }
+// `;
 
 export default class FormTextInput extends Component {
   constructor(props) {
@@ -45,7 +44,7 @@ export default class FormTextInput extends Component {
     let { style, ...rest } = this.props;
 
     return (
-      <StyledInput
+      <input
         ref={this.input}
         onFocus={e => this.setState({ focus: true })}
         onBlur={e => this.setState({ focus: false })}

package/src/components/viewer2d/area.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import polylabel from 'polylabel';
 import areapolygon from 'area-polygon';
 import convert from 'convert-units';

package/src/components/viewer2d/grids/grid-horizontal-streak.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { List } from 'immutable';
 import convert from 'convert-units';
 

package/src/components/viewer2d/grids/grid-streak.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { List } from 'immutable';
 import convert from 'convert-units';
 

package/src/components/viewer2d/grids/grid-vertical-streak.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { List } from 'immutable';
 import convert from 'convert-units';
 

package/src/components/viewer2d/grids/grids.jsx

@@ -1,5 +1,5 @@
 import React, { memo } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import GridStreak from './grid-streak';
 
 const propsAreEqual = (oldScene, newScene) =>

package/src/components/viewer2d/group.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import If from '../../utils/react-if';
 import * as sharedStyles from '../../shared-style';
 

package/src/components/viewer2d/item.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useState } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import RulerDist from './rulerDist';
 import convert from 'convert-units';
 import { GeometryUtils } from '../../utils/export';

package/src/components/viewer2d/layer.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { Area, Group, Item, Line, Vertex } from './export';
 import { GeometryUtils } from '../../utils/export';
 import { MODE_DRAWING_LINE, WALL_CABINET_LAYOUTPOS } from '../../constants';

package/src/components/viewer2d/line.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { GeometryUtils } from '../../utils/export';
 import Ruler from './ruler';
 import {

package/src/components/viewer2d/ruler.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import convert from 'convert-units';
 import IDBroker from '../../utils/id-broker';
 import {

package/src/components/viewer2d/rulerDist.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import convert from 'convert-units';
 
 const ARROW_STYLE = {
@@ -109,8 +109,8 @@ export default function RulerDist({
             (length + textLength) / 2 < 0
               ? 0
               : (length + textLength) / 2 < length
-              ? (length + textLength) / 2
-              : length
+                ? (length + textLength) / 2
+                : length
           }
           y1="0"
           x2={length}
@@ -164,8 +164,8 @@ export default function RulerDist({
             (length + textLength) / 2 < 0
               ? 0
               : (length + textLength) / 2 < length
-              ? (length + textLength) / 2
-              : length
+                ? (length + textLength) / 2
+                : length
           }
           y1="0"
           x2={length}

package/src/components/viewer2d/rulerX.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as SharedStyle from '../../shared-style';
 
 export default class RulerX extends Component {

package/src/components/viewer2d/rulerY.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as SharedStyle from '../../shared-style';
 
 export default class RulerY extends Component {

package/src/components/viewer2d/scene.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { Layer, Grids } from './export';
 import { searchForSkuValue } from './utils';
 

package/src/components/viewer2d/snap.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as Geometry from '../../utils/geometry';
 
 const STYLE = {

package/src/components/viewer2d/state.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Scene from './scene';
 import Snap from './snap';
 import * as SharedStyle from '../../shared-style';

package/src/components/viewer2d/vertex.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as SharedStyle from '../../shared-style';
 import { LINE_THICKNESS } from '../../../src/constants';
 //Space from the center of the point(Use cases:x - vertexthickness,y + vertexthickness )
@@ -63,7 +63,7 @@ export default function Vertex({ vertex, layer }) {
         style={STYLE}
       ></polygon> */}
       <polygon
-        points={`${x - vertexthickness},${y + vertexthickness } ${x -vertexthickness },${y - vertexthickness} ${x + vertexthickness},${y - vertexthickness} ${x + vertexthickness},${y + vertexthickness}`}
+        points={`${x - vertexthickness},${y + vertexthickness} ${x - vertexthickness},${y - vertexthickness} ${x + vertexthickness},${y - vertexthickness} ${x + vertexthickness},${y + vertexthickness}`}
         style={STYLE}
       ></polygon>
     </g>

package/src/components/viewer2d/viewer2d.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   ReactSVGPanZoom,
   TOOL_AUTO,

package/src/components/viewer3d/viewer3d-first-person.js

@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import * as Three from 'three';
 import { parseData, updateScene } from './scene-creator';

package/src/components/viewer3d/viewer3d.jsx

@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import * as Three from 'three';
 import {

package/src/utils/react-if.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 
 /**
  * @return {null}