kitchen-simulator 5.0.0-test.36 → 5.0.0-test.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "5.0.0-test.36",
+  "version": "5.0.0-test.38",
   "description": "It is a kitchen simulator.",
   "main": "src/index.js",
   "module": "src/index.js",
@@ -103,6 +103,7 @@
     "react-dom": ">=16.8 || ^17 || ^18",
     "react-redux": "5.0.7",
     "redux": "4.0.1",
-    "redux-thunk": "^2.3.0"
+    "redux-thunk": "^2.3.0",
+    "prop-types": "15.7.2"
   }
 }

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 { FormLabel } from '../../components/style/export';
 import PropertyStyle from './shared-property-style';
 import styled from 'styled-components';

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 PropertyStyle from './shared-property-style';

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/button/MainButton.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import styled from 'styled-components';
 import {
   BG_COLOR_0,
@@ -85,8 +85,8 @@ export default class MainButton extends Component {
       color: ${disabled
         ? TEXT_COLOR_NEUTRAL_4
         : variant === 'primary'
-        ? BG_COLOR_1
-        : SECONDARY_PURPLE_COLOR};
+          ? BG_COLOR_1
+          : SECONDARY_PURPLE_COLOR};
       font-family: ${DEFAULT_FONT_FAMILY};
       font-size: 13px;
       font-weight: 600;
@@ -100,8 +100,8 @@ export default class MainButton extends Component {
       background-color: ${disabled
         ? TEXT_COLOR_NEUTRAL_4
         : variant !== 'primary'
-        ? SECONDARY_PURPLE_COLOR
-        : BG_COLOR_1};
+          ? SECONDARY_PURPLE_COLOR
+          : BG_COLOR_1};
       -webkit-mask-image: url(${props => props.maskImage + '?nocache=2025'});
       -webkit-mask-size: 90%;
       -webkit-mask-repeat: no-repeat;

package/src/components/button/ToggleMeasureButton.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import styled from 'styled-components';
 
 const Toggle = styled.div`

package/src/components/catalog-view/catalog-breadcrumb.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { MdArrowBack as Arrow } from 'react-icons/md';
 import * as SharedStyle from '../../shared-style';
 

package/src/components/catalog-view/catalog-item.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FaPlusCircle as IconAdd } from 'react-icons/fa';
 import * as SharedStyle from '../../shared-style';
 import { API_SERVER_URL, MODE, MODE_IDLE } from '../../constants';

package/src/components/catalog-view/catalog-list.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import CatalogItem from './catalog-item';
 import CatalogBreadcrumb from './catalog-breadcrumb';
 import CatalogPageItem from './catalog-page-item';

package/src/components/catalog-view/catalog-page-item.jsx

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

package/src/components/catalog-view/catalog-turn-back-page-item.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { MdNavigateBefore } from 'react-icons/md';
 import * as SharedStyle from '../../shared-style';
 import { MODE_IDLE } from '../../constants';

package/src/components/configurator/custom-configurator.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   ContentTitle,
   ContentContainer,

package/src/components/configurator/project-configurator.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   ContentTitle,
   ContentContainer,

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/firstsetting/firstsetting-content-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';
 import { FaTimes as IconClose } from 'react-icons/fa';
 

package/src/components/firstsetting/firstsetting-toggle-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 toggleButtonStyle = {

package/src/components/firstsetting/firstsetting.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as S from './button/styles';
 import * as rectangleData from '../toolbar/main/rectangle.json';
 import * as lShaped from '../toolbar/main/lShaped.json';

package/src/components/footerbar/button/ControlButton.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as S from './styles';
 import { Tooltip } from '@material-ui/core/index';
 

package/src/components/footerbar/button/DirectionButton.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';
 import * as S from './styles';
 import { Tooltip } from '@material-ui/core/index';

package/src/components/footerbar/button/DirectionPanSpinButton.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';
 import * as S from './styles';
 import { Tooltip } from '@material-ui/core/index';

package/src/components/footerbar/button/ToggleButton.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { ARRAY_3D_MODES } from '../../../constants';
 import * as S from './styles';
 import { Tooltip } from '@material-ui/core/index';

package/src/components/footerbar/button/ToggleConvertButton.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { MODE_IDLE_3D } from '../../../constants';
 import * as S from './styles';
 

package/src/components/footerbar/button/ToggleMeasureButton.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as S from './styles';
 
 export default class ToggleMeasureButton extends Component {

package/src/components/footerbar/footer-content-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';
 import { FaTimes as IconClose } from 'react-icons/fa';
 

package/src/components/footerbar/footer-toggle-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 toggleButtonStyle = {

package/src/components/footerbar/footerbar.jsx

@@ -1,6 +1,6 @@
 import Tooltip from '@material-ui/core/Tooltip';
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as S from './styles';
 import { GeometryUtils } from '../../utils/export';
 import { toFixedFloat } from '../../utils/math';

package/src/components/header/button/MenuButton.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';
 import * as S from './styles';
 

package/src/components/header/header.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as Icon from 'react-icons/fa';
 import Popup from 'reactjs-popup';
 import {

package/src/components/myprojects/index.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as S from './styles';
 import {
   API_SERVER_URL,

package/src/components/sidebar/panel-element-editor/attributes-editor/attributes-editor.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import ItemAttributesEditor from './item-attributes-editor';
 import LineAttributesEditor from './line-attributes-editor';
 import HoleAttributesEditor from './hole-attributes-editor';

package/src/components/sidebar/panel-element-editor/attributes-editor/hole-attributes-editor.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { PropertyLengthMeasure } from '../../../../catalog/properties/export';
 import PropertyString from '../../../../catalog/properties/property-string';
 import {

package/src/components/sidebar/panel-element-editor/attributes-editor/item-attributes-editor.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import FormNumberInput from '../../../style/form-number-input';
 import convert from 'convert-units';
 import ConfirmPopup from './confirm-popup';

package/src/components/sidebar/panel-element-editor/attributes-editor/line-attributes-editor.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FormNumberInput, FormTextInput } from '../../../style/export';
 import { PropertyLengthMeasure } from '../../../../catalog/properties/export';
 import styled from 'styled-components';

package/src/components/sidebar/panel-element-editor/element-editor.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { Map, fromJS } from 'immutable';
 import AttributesEditor from './attributes-editor/attributes-editor';
 import { GeometryUtils, MathUtils } from '../../../utils/export';

package/src/components/sidebar/panel-element-editor/panel-element-editor.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Panel from '../panel';
 import { Seq } from 'immutable';
 import {

package/src/components/sidebar/panel-element-editor/panel-multi-elements-editor.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Panel from '../panel';
 import { Seq } from 'immutable';
 import {

package/src/components/sidebar/panel-group-editor.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Panel from './panel';
 import * as SharedStyle from '../../shared-style';
 import { FormNumberInput, FormTextInput } from '../style/export';

package/src/components/sidebar/panel-groups.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Panel from './panel';
 import * as SharedStyle from '../../shared-style';
 import { TiPlus, TiDelete } from 'react-icons/ti';

package/src/components/sidebar/panel-guides.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Panel from './panel';
 import { Tab, TabList, TabPanel, Tabs } from 'react-tabs';
 import { FaTimes, FaTrash } from 'react-icons/fa';

package/src/components/sidebar/panel-layer-elements.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import Panel from './panel';
 import {
   MODE_IDLE,

package/src/components/sidebar/panel-layers.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { Map } from 'immutable';
 import Panel from './panel';
 import { TiPlus, TiDelete } from 'react-icons/ti';

package/src/components/sidebar/panel.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';
 import { FaAngleDown, FaAngleUp } from 'react-icons/fa';
 

package/src/components/sidebar/sidebar.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import PanelElementEditor from './panel-element-editor/panel-element-editor';
 import PanelGroupEditor from './panel-group-editor';
 import PanelMultiElementsEditor from './panel-element-editor/panel-multi-elements-editor';

package/src/components/sidebar/toolbar-panel.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';
 import { FaAngleDown, FaAngleUp } from 'react-icons/fa';
 

package/src/components/sign/main/index.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as S from './styles';
 import styled from 'styled-components';
 import Dialog from '@material-ui/core/Dialog';

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/content-container.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 
 const STYLE = {
   padding: '0 20px',

package/src/components/style/content-title.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';
 
 const STYLE = {

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

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import {
   KEYBOARD_BUTTON_CODE,
   TEXT_COLOR_NEUTRAL_0,

package/src/components/style/form-number-input_2.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';
 import { MdUpdate } from 'react-icons/md';
 import { KEYBOARD_BUTTON_CODE } from '../../constants';

package/src/components/toolbar/button/ControlButton.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';
 import * as S from './styles';
 

package/src/components/toolbar/button/DirectionButton.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';
 import * as S from './styles';
 

package/src/components/toolbar/button/RightButton.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import * as S from './styles';
 
 export default class RightButton extends Component {

package/src/components/toolbar/button/ToggleButton.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';
 import { MODE_IDLE_3D } from '../../../constants';
 import * as S from './styles';

package/src/components/toolbar/button/index.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 
 import * as S from './styles';
 

package/src/components/toolbar/main/Alert.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import clsx from 'clsx';
 import CheckCircleIcon from '@material-ui/icons/CheckCircle';
 import ErrorIcon from '@material-ui/icons/Error';

package/src/components/toolbar/main/index.jsx

@@ -3,7 +3,7 @@ import { withStyles } from '@material-ui/core/styles';
 import ErrorIcon from '@material-ui/icons/Error';
 import convert from 'convert-units';
 import { Map } from 'immutable';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
 import { FaPlayCircle } from 'react-icons/fa';
 import * as door_closet from '../../../catalog/holes/door-closet/planner-element';

package/src/components/toolbar/main/myComponents.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import clsx from 'clsx';
 import CheckCircleIcon from '@material-ui/icons/CheckCircle';
 import ErrorIcon from '@material-ui/icons/Error';

package/src/components/toolbar/plugin-item.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';
 import { FaFolderOpen } from 'react-icons/fa';
 import { MdSettings, MdUndo, MdDirectionsRun } from 'react-icons/md';

package/src/components/toolbar/popup/downloadsummary/show3D/viewer3DDownLoad.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/components/toolbar/popup/downloadsummary/showElevation/viewer3DElevationDownload.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/components/toolbar/toolbar-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';
 
 //http://www.cssportal.com/css-tooltip-generator/

package/src/components/toolbar/toolbar-load-button.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FaFolderOpen as IconLoad } from 'react-icons/fa';
 import ToolbarButton from './toolbar-button';
 import { browserUpload } from '../../utils/browser';

package/src/components/toolbar/toolbar-save-button.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import * as PropTypes from 'prop-types';
 import { FaSave as IconSave } from 'react-icons/fa';
 import ToolbarButton from './toolbar-button';
 import { browserDownload } from '../../utils/browser';

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 If from '../../utils/react-if';
 import RulerDist from './rulerDist';
 import convert from 'convert-units';

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 { FormNumberInput2 } from '../style/export';

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 = {

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 )

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/components/wizardstep/wizardstep-content-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';
 import { FaTimes as IconClose } from 'react-icons/fa';
 

package/src/components/wizardstep/wizardstep-toggle-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 toggleButtonStyle = {

package/src/ui/toolbar-screenshot-button.jsx

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

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}