kitchen-simulator 5.0.0-test.66 → 5.0.0-test.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "5.0.0-test.66",
+  "version": "5.0.0-test.68",
   "description": "It is a kitchen simulator.",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/_KitchenConfigurator.jsx

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

package/src/catalog/factories/wall-factory-3d.js

@@ -15,7 +15,7 @@ import { isElevationView } from '../../../src/utils/helper';
 
 import * as SharedStyle from '../../shared-style';
 import { LINE_THICKNESS, UNIT_CENTIMETER } from '../../constants';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 import ThreeBSP from '../../utils/threeCSG.es6';
 
 const params = {

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

@@ -6,7 +6,7 @@ import {
   UNITS_LENGTH,
   UNIT_INCH
 } from './../../constants';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 import {
   FormLabel,
   FormNumberInput,

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

@@ -9,7 +9,7 @@ import {
   BASE_CABINET_LAYOUTPOS,
   TALL_CABINET_LAYOUTPOS
 } from '../../constants';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 import {
   FormLabel,
   FormNumberInput,

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

@@ -7,7 +7,7 @@ import {
   BASE_CABINET_LAYOUTPOS,
   TALL_CABINET_LAYOUTPOS
 } from '../../constants';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 import {
   FormLabel,
   FormNumberInput1,

package/src/catalog/utils/exporter.js

@@ -1,4 +1,4 @@
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 
 export default function ({
   itemID,

package/src/catalog/utils/item-loader.jsx

@@ -1,4 +1,4 @@
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 import { fromJS, Map } from 'immutable';
 import React, { useState } from 'react';
 import * as Three from 'three';

package/src/class/item.js

@@ -1,4 +1,4 @@
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 import { Layer, Group, Hole } from './export';
 import {
   IDBroker,

package/src/components/viewer2d/area.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 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 * 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 * 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 * 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/item.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useState } from 'react';
 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, WALL_CABINET_LAYOUTPOS } from '../../constants';
 import { returnReplaceableDeepSearchType } from './utils';

package/src/components/viewer2d/ruler.jsx

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

package/src/components/viewer2d/rulerDist.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as PropTypes from 'prop-types';
-import convert from 'convert-units';
+import * as convert from 'convert-units';
 
 const ARROW_STYLE = {
   stroke: '#1183B7',

package/src/components/viewer2d/viewer2d.jsx

@@ -23,7 +23,7 @@ import * as SharedStyle from '../../shared-style';
 import { RulerX, RulerY } from './export';
 import { GeometryUtils } from '../../utils/export';
 import FormNumberInput from '../../components/style/form-number-input';
-import convert from 'convert-units';
+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/ruler-utils/itemRect.jsx

@@ -1,91 +1,91 @@
-import React from 'react';
-import {
-  MODE_BACK_ELEVATION_VIEW,
-  MODE_FRONT_ELEVATION_VIEW,
-  MODE_LEFT_ELEVATION_VIEW,
-  MODE_RIGHT_ELEVATION_VIEW
-} from '../../../constants';
-import convert from 'convert-units';
-
-export default function ItemRect({
-  scene,
-  layer,
-  calcrect,
-  v0,
-  v1,
-  mode,
-  frontRect,
-  scale,
-  sideFlag
-}) {
-  const { rect } = calcrect;
-  const { x: x0, y: y0 } = v0;
-  const { x: x1, y: y1 } = v1;
-
-  const translateY =
-    frontRect.height / 2 -
-    convert(Math.abs(calcrect.itemInfo.properties.altitude._length))
-      .from(calcrect.itemInfo.properties.altitude._unit)
-      .to(layer.unit) *
-      scale;
-  let translateX = -frontRect.width / 2;
-
-  const itemWidth =
-    convert(calcrect.size.width).from(scene.unit).to(layer.unit) * scale;
-  const itemDepth =
-    convert(calcrect.size.depth).from(scene.unit).to(layer.unit) * scale;
-  const itemHeight =
-    convert(calcrect.size.height).from(scene.unit).to(layer.unit) * scale;
-
-  switch (mode) {
-    case MODE_FRONT_ELEVATION_VIEW:
-    case MODE_BACK_ELEVATION_VIEW:
-      translateX +=
-        convert(Math.abs(rect[3].x - x0))
-          .from(scene.unit)
-          .to(layer.unit) * scale;
-      break;
-    case MODE_RIGHT_ELEVATION_VIEW:
-    case MODE_LEFT_ELEVATION_VIEW:
-      translateX +=
-        convert(Math.abs(rect[3].y - y1))
-          .from(scene.unit)
-          .to(layer.unit) * scale;
-      break;
-  }
-
-  let dimension;
-  switch (sideFlag) {
-    case 0:
-      dimension = (
-        <polygon
-          points={`0,0 0,-${itemHeight} ${itemWidth},-${itemHeight} ${itemWidth},0`}
-          fill="none"
-          stroke="black"
-        />
-      );
-      break;
-    case 1:
-      dimension = (
-        <polygon
-          points={`0,0 0,-${itemHeight} ${itemDepth},-${itemHeight} ${itemDepth},0`}
-          fill="none"
-          stroke="black"
-        />
-      );
-      break;
-    case 2:
-      dimension = (
-        <polygon
-          points={`0,0 0,-${itemHeight} -${itemDepth},-${itemHeight} -${itemDepth},0`}
-          fill="none"
-          stroke="black"
-        />
-      );
-      break;
-  }
-
-  return (
-    <g transform={`translate(${translateX}, ${translateY})`}>{dimension}</g>
-  );
-}
+import React from 'react';
+import {
+  MODE_BACK_ELEVATION_VIEW,
+  MODE_FRONT_ELEVATION_VIEW,
+  MODE_LEFT_ELEVATION_VIEW,
+  MODE_RIGHT_ELEVATION_VIEW
+} from '../../../constants';
+import * as convert from 'convert-units';
+
+export default function ItemRect({
+  scene,
+  layer,
+  calcrect,
+  v0,
+  v1,
+  mode,
+  frontRect,
+  scale,
+  sideFlag
+}) {
+  const { rect } = calcrect;
+  const { x: x0, y: y0 } = v0;
+  const { x: x1, y: y1 } = v1;
+
+  const translateY =
+    frontRect.height / 2 -
+    convert(Math.abs(calcrect.itemInfo.properties.altitude._length))
+      .from(calcrect.itemInfo.properties.altitude._unit)
+      .to(layer.unit) *
+      scale;
+  let translateX = -frontRect.width / 2;
+
+  const itemWidth =
+    convert(calcrect.size.width).from(scene.unit).to(layer.unit) * scale;
+  const itemDepth =
+    convert(calcrect.size.depth).from(scene.unit).to(layer.unit) * scale;
+  const itemHeight =
+    convert(calcrect.size.height).from(scene.unit).to(layer.unit) * scale;
+
+  switch (mode) {
+    case MODE_FRONT_ELEVATION_VIEW:
+    case MODE_BACK_ELEVATION_VIEW:
+      translateX +=
+        convert(Math.abs(rect[3].x - x0))
+          .from(scene.unit)
+          .to(layer.unit) * scale;
+      break;
+    case MODE_RIGHT_ELEVATION_VIEW:
+    case MODE_LEFT_ELEVATION_VIEW:
+      translateX +=
+        convert(Math.abs(rect[3].y - y1))
+          .from(scene.unit)
+          .to(layer.unit) * scale;
+      break;
+  }
+
+  let dimension;
+  switch (sideFlag) {
+    case 0:
+      dimension = (
+        <polygon
+          points={`0,0 0,-${itemHeight} ${itemWidth},-${itemHeight} ${itemWidth},0`}
+          fill="none"
+          stroke="black"
+        />
+      );
+      break;
+    case 1:
+      dimension = (
+        <polygon
+          points={`0,0 0,-${itemHeight} ${itemDepth},-${itemHeight} ${itemDepth},0`}
+          fill="none"
+          stroke="black"
+        />
+      );
+      break;
+    case 2:
+      dimension = (
+        <polygon
+          points={`0,0 0,-${itemHeight} -${itemDepth},-${itemHeight} -${itemDepth},0`}
+          fill="none"
+          stroke="black"
+        />
+      );
+      break;
+  }
+
+  return (
+    <g transform={`translate(${translateX}, ${translateY})`}>{dimension}</g>
+  );
+}