kitchen-simulator 5.0.0-test.7 → 5.0.0-test.71

package/src/components/export.js

@@ -1,36 +1,9 @@
-import ToolbarComponents from './toolbar/export';
 import Content from './content';
-import SidebarComponents from './sidebar/export';
-import FooterBarComponents from './footerbar/export';
 import Viewer2DComponents from './viewer2d/export';
-import StyleComponents from './style/export';
-import HeaderComponents from './header/export';
-import WizardStepComponents from './wizardstep/export';
-import SignComponents from './sign/export';
-import MyProjectsComonents from './myprojects/export';
 
-export {
-  ToolbarComponents,
-  Content,
-  SidebarComponents,
-  FooterBarComponents,
-  Viewer2DComponents,
-  StyleComponents,
-  HeaderComponents,
-  WizardStepComponents,
-  SignComponents,
-  MyProjectsComonents
-};
+export { Content, Viewer2DComponents };
 
 export default {
-  ToolbarComponents,
   Content,
-  SidebarComponents,
-  FooterBarComponents,
-  WizardStepComponents,
-  Viewer2DComponents,
-  StyleComponents,
-  HeaderComponents,
-  SignComponents,
-  MyProjectsComonents
+  Viewer2DComponents
 };

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/export.js

@@ -0,0 +1,24 @@
+import Button from './button';
+import FormColorInput from './form-color-input';
+import FormSelect from './form-select';
+import FormTextInput from './form-text-input';
+import FormNumberInput from './form-number-input';
+import FormLabel from './form-label';
+
+export {
+  Button,
+  FormColorInput,
+  FormSelect,
+  FormTextInput,
+  FormNumberInput,
+  FormLabel
+};
+
+export default {
+  Button,
+  FormColorInput,
+  FormSelect,
+  FormTextInput,
+  FormNumberInput,
+  FormLabel
+};

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

@@ -1,34 +1,8 @@
 import React, { Component } from 'react';
-import 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 * as PropTypes from 'prop-types';
+import { KEYBOARD_BUTTON_CODE } from '../../constants';
 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};
-  }
-`;
-
 export default class FormNumberInput extends Component {
   constructor(props, context) {
     super(props, context);
@@ -121,7 +95,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,38 +1,9 @@
 import React from 'react';
-import * as SharedStyle from '../../shared-style';
-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};
-  }
-`;
 
 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

@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import * as SharedStyle from '../../shared-style';
 import {
   PROJECT_NAME_LENGTH_LIMIT,
   TEXT_COLOR_NEUTRAL_3,
@@ -7,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) {
@@ -46,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,8 +1,8 @@
 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';
+import * as convert from 'convert-units';
 import { formatNumber } from '../../utils/math';
 import { DECIMAL_PLACES_2 } from '../../constants';
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { List } from 'immutable';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 
 export default function GridHorizontalStreak({ width, height, grid }) {
   let step = grid.properties.get('step');

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { List } from 'immutable';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 
 export default function GridStreak({ width, height, grid }) {
   let step = grid.properties.get('step');

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { List } from 'immutable';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 
 export default function GridVerticalStreak({ width, height, grid }) {
   let step = grid.properties.get('step');

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,18 +1,10 @@
 import React from 'react';
 import { useState } from 'react';
-import PropTypes from 'prop-types';
-import If from '../../utils/react-if';
+import * as PropTypes from 'prop-types';
 import RulerDist from './rulerDist';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 import { GeometryUtils } from '../../utils/export';
-import {
-  MODE_ROTATING_ITEM,
-  SECONDARY_PURPLE_COLOR,
-  STATUS_NEGATIVE_COLOR,
-  BG_COLOR_1,
-  STATUS_WARNING_COLOR,
-  WALL_CABINET_LAYOUTPOS
-} from '../../constants';
+import { MODE_ROTATING_ITEM, WALL_CABINET_LAYOUTPOS } from '../../constants';
 import { returnReplaceableDeepSearchType } from './utils';
 const STYLE_LINE = {
   fill: '#0096fd',

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 {
@@ -9,7 +9,6 @@ import {
 } from '../../../src/constants';
 import * as Three from 'three';
 import { isEmpty } from './utils';
-import Tooltip from '@material-ui/core/Tooltip';
 
 const STYLE = {
   stroke: 'rgb(77, 77, 77)',
@@ -1263,37 +1262,35 @@ export default function Line({
         </g>
       </g>
       {line.selected && (
-        <Tooltip title="Elevation View">
-          <g
-            id={'elevation-button'}
-            key={1}
-            transform={`translate(${x1 + 35}, ${y1 - 15})`}
-            style={{ cursor: 'pointer' }}
-          >
-            <defs>
-              <filter id="shadow">
-                <feDropShadow dx="0" dy="0" stdDeviation="0.6"></feDropShadow>
-              </filter>
-            </defs>
-            <rect
-              rx="4"
-              ry="4"
-              y="20"
-              height="22"
-              width="22"
-              fill="white"
-              filter="url(#shadow)"
-            />
-            <image
-              href="/assets/img/svg/bottombar/elevation.svg"
-              x="5"
-              y="-36"
-              height="12"
-              width="12"
-              style={{ transform: 'rotateX(180deg)' }}
-            />
-          </g>
-        </Tooltip>
+        <g
+          id={'elevation-button'}
+          key={1}
+          transform={`translate(${x1 + 35}, ${y1 - 15})`}
+          style={{ cursor: 'pointer' }}
+        >
+          <defs>
+            <filter id="shadow">
+              <feDropShadow dx="0" dy="0" stdDeviation="0.6"></feDropShadow>
+            </filter>
+          </defs>
+          <rect
+            rx="4"
+            ry="4"
+            y="20"
+            height="22"
+            width="22"
+            fill="white"
+            filter="url(#shadow)"
+          />
+          <image
+            href="/assets/img/svg/bottombar/elevation.svg"
+            x="5"
+            y="-36"
+            height="12"
+            width="12"
+            style={{ transform: 'rotateX(180deg)' }}
+          />
+        </g>
       )}
       {line.selected && (
         <g

package/src/components/viewer2d/ruler.jsx

@@ -1,8 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import convert from 'convert-units';
+import * as PropTypes from 'prop-types';
+import * as convert from 'convert-units';
 import IDBroker from '../../utils/id-broker';
-import { FormNumberInput2 } from '../style/export';
 import {
   LINE_THICKNESS,
   SHADE_LIGHT_BLUE_COLOR,

package/src/components/viewer2d/rulerDist.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import convert from 'convert-units';
+import * as PropTypes from 'prop-types';
+import * as convert from 'convert-units';
 
 const ARROW_STYLE = {
   stroke: '#1183B7',
@@ -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,
@@ -22,8 +22,8 @@ import State from './state';
 import * as SharedStyle from '../../shared-style';
 import { RulerX, RulerY } from './export';
 import { GeometryUtils } from '../../utils/export';
-import FormNumberInput from '../style/form-number-input';
-import convert from 'convert-units';
+import FormNumberInput from '../../components/style/form-number-input';
+import * as convert from 'convert-units';
 import { Map } from 'immutable';
 import { formatNumber } from '../../../src/utils/math';
 import { isEmpty } from '../../utils/helper';

package/src/components/viewer3d/pointer-lock-navigation.js

@@ -1,4 +1,4 @@
-import PointerLockControls from './libs/pointer-lock-controls';
+import * as PointerLockControls from './libs/pointer-lock-controls';
 
 export function initPointerLock(camera, rendererElement) {
   let havePointerLock =