kitchen-simulator 5.0.0-test.17 → 5.0.0-test.19

package/src/components/toolbar/main/lShaped.json

@@ -0,0 +1,311 @@
+{
+  "unit": "cm",
+  "rulerUnit": "in",
+  "layers": {
+    "layer-1": {
+      "id": "layer-1",
+      "altitude": 0,
+      "order": 0,
+      "opacity": 1,
+      "name": "default",
+      "visible": true,
+      "vertices": {
+        "Pa4Hy3Z26ga": {
+          "id": "Pa4Hy3Z26ga",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1088.15995872033,
+          "y": 671.5273477812179,
+          "lines": ["WtLsRqGdv", "ee4Mg4ygU"],
+          "areas": ["LNznnRBhRP"]
+        },
+        "vlppTvk-ik": {
+          "id": "vlppTvk-ik",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1982.3,
+          "y": 1314.15,
+          "lines": ["Ub0iX35kFf", "D7coA9xHM"],
+          "areas": ["LNznnRBhRP"]
+        },
+        "KYo9KB-NX8": {
+          "id": "KYo9KB-NX8",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1982.24,
+          "y": 671.53,
+          "lines": ["WtLsRqGdv", "D7coA9xHM"],
+          "areas": ["LNznnRBhRP"]
+        },
+        "f63-bHEpsp": {
+          "id": "f63-bHEpsp",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1487,
+          "y": 1313.5,
+          "lines": ["Ub0iX35kFf", "NzAuNLemc"],
+          "areas": ["LNznnRBhRP"]
+        },
+        "mKjSxr-W8v": {
+          "id": "mKjSxr-W8v",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1486.94,
+          "y": 1059.5,
+          "lines": ["Rqe2KAU6-", "NzAuNLemc"],
+          "areas": ["LNznnRBhRP"]
+        },
+        "YWcoTtebzF": {
+          "id": "YWcoTtebzF",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1088.16,
+          "y": 1060.15,
+          "lines": ["ee4Mg4ygU", "Rqe2KAU6-"],
+          "areas": ["LNznnRBhRP"]
+        }
+      },
+      "lines": {
+        "WtLsRqGdv": {
+          "id": "WtLsRqGdv",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165185,
+          "visible": true,
+          "vertices": ["KYo9KB-NX8", "Pa4Hy3Z26ga"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "NzAuNLemc": {
+          "id": "NzAuNLemc",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165155,
+          "visible": true,
+          "vertices": ["mKjSxr-W8v", "f63-bHEpsp"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "Ub0iX35kFf": {
+          "id": "Ub0iX35kFf",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165165,
+          "visible": true,
+          "vertices": ["f63-bHEpsp", "vlppTvk-ik"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "ee4Mg4ygU": {
+          "id": "ee4Mg4ygU",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165195,
+          "visible": true,
+          "vertices": ["Pa4Hy3Z26ga", "YWcoTtebzF"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "Rqe2KAU6-": {
+          "id": "Rqe2KAU6-",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165145,
+          "visible": true,
+          "vertices": ["YWcoTtebzF", "mKjSxr-W8v"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "D7coA9xHM": {
+          "id": "D7coA9xHM",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": {
+            "textureB": "plaster",
+            "width": { "_unit": "in", "length": null },
+            "height": { "_unit": "in", "length": null },
+            "depth": { "_unit": "in", "length": null },
+            "textureA": "plaster"
+          },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165175,
+          "visible": true,
+          "vertices": ["vlppTvk-ik", "KYo9KB-NX8"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        }
+      },
+      "holes": {},
+      "areas": {
+        "LNznnRBhRP": {
+          "id": "LNznnRBhRP",
+          "type": "area",
+          "prototype": "areas",
+          "name": "Area",
+          "misc": {},
+          "selected": false,
+          "properties": {
+            "patternColor": "rgba(175,175,175)",
+            "thickness": { "length": 0 },
+            "texture": "parquet"
+          },
+          "style": "",
+          "category": "",
+          "visible": true,
+          "vertices": [
+            "KYo9KB-NX8",
+            "vlppTvk-ik",
+            "f63-bHEpsp",
+            "mKjSxr-W8v",
+            "YWcoTtebzF",
+            "Pa4Hy3Z26ga"
+          ],
+          "holes": [],
+          "texture": {
+            "roughness": 0.9,
+            "metalness": 0,
+            "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
+          }
+        }
+      },
+      "items": {},
+      "selected": {
+        "vertices": [],
+        "lines": [],
+        "holes": [],
+        "areas": [],
+        "items": []
+      },
+      "dcmmodel": false,
+      "lrmmodel": false,
+      "fbmmodel": false,
+      "counterTop": {
+        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg"
+      },
+      "wallColor": {},
+      "floorStyle": {
+        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
+      },
+      "doorHandle": "",
+      "backsplash": { "roughness": 0.2, "metalness": 0.1, "uri": "" },
+      "backsplashApplied": false,
+      "ceilHeight": 96,
+      "unit": "in"
+    }
+  },
+  "grids": {
+    "h1": {
+      "id": "h1",
+      "type": "horizontal-streak",
+      "properties": {
+        "step": 30.48,
+        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
+      }
+    },
+    "v1": {
+      "id": "v1",
+      "type": "vertical-streak",
+      "properties": {
+        "step": 30.48,
+        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
+      }
+    }
+  },
+  "selectedLayer": "layer-1",
+  "groups": {},
+  "width": 3000,
+  "height": 2000,
+  "meta": {},
+  "guides": { "horizontal": {}, "vertical": {}, "circular": {} },
+  "title": "",
+  "currentProjectID": null,
+  "showfg": true,
+  "showWallLengthMeasure": 1,
+  "showBaseCabinetMeasure": 1,
+  "showWallCabinetMeasure": 1,
+  "showWindowDoorMeasure": 1,
+  "isLoadingCabinet": false,
+  "loadFlag": false
+}

package/src/components/toolbar/main/longNarrow.json

@@ -0,0 +1,238 @@
+{
+  "unit": "cm",
+  "rulerUnit": "in",
+  "layers": {
+    "layer-1": {
+      "id": "layer-1",
+      "altitude": 0,
+      "order": 0,
+      "opacity": 1,
+      "name": "default",
+      "visible": true,
+      "vertices": {
+        "NMCFQ-kJEt": {
+          "id": "NMCFQ-kJEt",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1310.7,
+          "y": 1341.74,
+          "lines": ["wwPV53Cug", "fEdUWRYLl"],
+          "areas": ["7S8lVJb0cr"]
+        },
+        "z2q0OMdN-g": {
+          "id": "z2q0OMdN-g",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1739.96,
+          "y": 1341.74,
+          "lines": ["wwPV53Cug", "RB9zjzP8k"],
+          "areas": ["7S8lVJb0cr"]
+        },
+        "ssXgGYuMrN": {
+          "id": "ssXgGYuMrN",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1739.96,
+          "y": 673.72,
+          "lines": ["-IE2gdlxx", "RB9zjzP8k"],
+          "areas": ["7S8lVJb0cr"]
+        },
+        "fPEst12E2U": {
+          "id": "fPEst12E2U",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1310.7017543859647,
+          "y": 673.7192982456143,
+          "lines": ["-IE2gdlxx", "fEdUWRYLl"],
+          "areas": ["7S8lVJb0cr"]
+        }
+      },
+      "lines": {
+        "wwPV53Cug": {
+          "id": "wwPV53Cug",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165105,
+          "visible": true,
+          "vertices": ["NMCFQ-kJEt", "z2q0OMdN-g"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "fEdUWRYLl": {
+          "id": "fEdUWRYLl",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165135,
+          "visible": true,
+          "vertices": ["fPEst12E2U", "NMCFQ-kJEt"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "-IE2gdlxx": {
+          "id": "-IE2gdlxx",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165125,
+          "visible": true,
+          "vertices": ["ssXgGYuMrN", "fPEst12E2U"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "RB9zjzP8k": {
+          "id": "RB9zjzP8k",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": {
+            "textureB": "plaster",
+            "width": { "_unit": "in", "length": null },
+            "height": { "_unit": "in", "length": null },
+            "depth": { "_unit": "in", "length": null },
+            "textureA": "plaster"
+          },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165115,
+          "visible": true,
+          "vertices": ["z2q0OMdN-g", "ssXgGYuMrN"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        }
+      },
+      "holes": {},
+      "areas": {
+        "7S8lVJb0cr": {
+          "id": "7S8lVJb0cr",
+          "type": "area",
+          "prototype": "areas",
+          "name": "Area",
+          "misc": {},
+          "selected": false,
+          "properties": {
+            "patternColor": "rgba(175,175,175)",
+            "thickness": { "length": 0 },
+            "texture": "parquet"
+          },
+          "style": "",
+          "category": "",
+          "visible": true,
+          "vertices": ["NMCFQ-kJEt", "fPEst12E2U", "ssXgGYuMrN", "z2q0OMdN-g"],
+          "holes": [],
+          "texture": {
+            "roughness": 0.9,
+            "metalness": 0,
+            "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
+          }
+        }
+      },
+      "items": {},
+      "selected": {
+        "vertices": [],
+        "lines": [],
+        "holes": [],
+        "areas": [],
+        "items": []
+      },
+      "dcmmodel": false,
+      "lrmmodel": false,
+      "fbmmodel": false,
+      "counterTop": {
+        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg"
+      },
+      "wallColor": {},
+      "floorStyle": {
+        "uri": "https://kc-assets-us.s3.amazonaws.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
+      },
+      "doorHandle": "",
+      "backsplash": { "roughness": 0.2, "metalness": 0.1, "uri": "" },
+      "backsplashApplied": false,
+      "ceilHeight": 96,
+      "unit": "in"
+    }
+  },
+  "grids": {
+    "h1": {
+      "id": "h1",
+      "type": "horizontal-streak",
+      "properties": {
+        "step": 30.48,
+        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
+      }
+    },
+    "v1": {
+      "id": "v1",
+      "type": "vertical-streak",
+      "properties": {
+        "step": 30.48,
+        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
+      }
+    }
+  },
+  "selectedLayer": "layer-1",
+  "groups": {},
+  "width": 3000,
+  "height": 2000,
+  "meta": {},
+  "guides": { "horizontal": {}, "vertical": {}, "circular": {} },
+  "title": "",
+  "currentProjectID": null,
+  "showfg": true,
+  "showWallLengthMeasure": 1,
+  "showBaseCabinetMeasure": 1,
+  "showWallCabinetMeasure": 1,
+  "showWindowDoorMeasure": 1,
+  "isLoadingCabinet": false,
+  "loadFlag": false
+}

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

@@ -0,0 +1,123 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import CheckCircleIcon from '@material-ui/icons/CheckCircle';
+import ErrorIcon from '@material-ui/icons/Error';
+import InfoIcon from '@material-ui/icons/Info';
+import { amber, green } from '@material-ui/core/colors';
+import Button from '@material-ui/core/Button';
+import Snackbar from '@material-ui/core/Snackbar';
+import SnackbarContent from '@material-ui/core/SnackbarContent';
+import WarningIcon from '@material-ui/icons/Warning';
+import { makeStyles } from '@material-ui/core/styles';
+import {
+  TEXT_COLOR_NEUTRAL_0,
+  PRIMARY_GREEN_COLOR,
+  DEFAULT_FONT_FAMILY
+} from '../../../constants';
+
+const variantIcon = {
+  success: CheckCircleIcon,
+  warning: WarningIcon,
+  error: ErrorIcon,
+  info: InfoIcon
+};
+
+const useStyles1 = makeStyles(theme => ({
+  success: {
+    backgroundColor: green[600]
+  },
+  error: {
+    backgroundColor: theme.palette.error.dark
+  },
+  info: {
+    backgroundColor: theme.palette.primary.main
+  },
+  warning: {
+    backgroundColor: amber[700]
+  },
+  message: {
+    display: 'flex',
+    alignItems: 'center'
+  }
+}));
+
+function MySnackbarContentWrapper(props) {
+  const classes = useStyles1();
+  const { className, message, onClose, ...other } = props;
+
+  return (
+    <SnackbarContent
+      className={clsx(className)}
+      aria-describedby="client-snackbar"
+      message={message}
+      action={
+        <Button
+          style={{
+            color: PRIMARY_GREEN_COLOR,
+            fontSize: 16,
+            fontWeight: 'bold',
+            fontFamily: DEFAULT_FONT_FAMILY
+          }}
+          onClick={onClose}
+        >
+          OK
+        </Button>
+      }
+      {...other}
+    />
+  );
+}
+
+MySnackbarContentWrapper.propTypes = {
+  className: PropTypes.string,
+  message: PropTypes.object,
+  onClose: PropTypes.func
+};
+
+export function StyledAlert(props) {
+  const [open, setOpen] = React.useState(true);
+
+  const handleClose = (event, reason) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+    setOpen(false);
+    props.onClose();
+  };
+
+  return (
+    <Snackbar
+      anchorOrigin={{
+        vertical: 'top',
+        horizontal: 'center'
+      }}
+      style={{ transform: 'unset' }}
+      open={open}
+      autoHideDuration={3000}
+      onClose={handleClose}
+    >
+      <MySnackbarContentWrapper
+        onClose={handleClose}
+        style={{
+          position: 'fixed',
+          top: 90,
+          borderRadius: 6,
+          textAlign: 'center',
+          zIndex: 11,
+          height: 60,
+          backgroundColor: TEXT_COLOR_NEUTRAL_0
+        }}
+        message={
+          props.text === '' ? (
+            <span style={{ fontSize: 16, fontFamily: DEFAULT_FONT_FAMILY }}>
+              Press <strong>ESC</strong> key to finish drawing!
+            </span>
+          ) : (
+            props.text
+          )
+        }
+      />
+    </Snackbar>
+  );
+}