kitchen-simulator 5.0.0-test.6 → 5.0.0-test.8

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

@@ -1,110 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { MdNavigateNext } from 'react-icons/md';
-import * as SharedStyle from '../../shared-style';
-
-const STYLE_BOX = {
-  width: '14em',
-  height: '14em',
-  padding: '0.625em',
-  background: '#f7f7f9',
-  border: '1px solid #e1e1e8',
-  cursor: 'pointer',
-  position: 'relative',
-  boxShadow: '0 1px 6px 0 rgba(0, 0, 0, 0.11), 0 1px 4px 0 rgba(0, 0, 0, 0.11)',
-  borderRadius: '2px',
-  transition: 'all .2s ease-in-out',
-  WebkitTransition: 'all .2s ease-in-out',
-  alignSelf: 'center',
-  justifySelf: 'center'
-};
-
-const STYLE_BOX_HOVER = {
-  ...STYLE_BOX,
-  background: SharedStyle.SECONDARY_COLOR.main
-};
-
-const STYLE_TITLE = {
-  width: '100%',
-  position: 'absolute',
-  textAlign: 'center',
-  display: 'block',
-  marginBottom: '.5em',
-  padding: '1em',
-  textTransform: 'capitalize',
-  WebkitTransition: 'all .15s ease-in-out'
-};
-
-const STYLE_TITLE_HOVERED = {
-  ...STYLE_TITLE,
-  fontSize: '1.4em',
-  transform: 'translateY(-60px)',
-  color: 'rgb(28, 166, 252)',
-  marginTop: '0.5em'
-};
-
-const STYLE_NEXT_HOVER = {
-  position: 'absolute',
-  color: SharedStyle.SECONDARY_COLOR.main,
-  fontSize: '5em',
-  width: '100%'
-};
-
-const CONTAINER_DIV = {
-  background: SharedStyle.COLORS.white,
-  marginBottom: '5px',
-  border: 'solid 1px #EEE',
-  width: '100%',
-  height: '100%',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-};
-
-export default class CatalogPageItem extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hover: false };
-  }
-
-  changePage(newPage) {
-    this.context.projectActions.changeCatalogPage(
-      newPage,
-      this.props.oldPage.name
-    );
-  }
-
-  render() {
-    let page = this.props.page;
-    let hover = this.state.hover;
-
-    return (
-      <div
-        style={hover ? STYLE_BOX_HOVER : STYLE_BOX}
-        onClick={e => this.changePage(page.name)}
-        onMouseEnter={e => this.setState({ hover: true })}
-        onMouseLeave={e => this.setState({ hover: false })}
-      >
-        {hover ? (
-          <div style={CONTAINER_DIV}>
-            <b style={STYLE_TITLE_HOVERED}>{page.label}</b>
-            <MdNavigateNext style={STYLE_NEXT_HOVER} />
-          </div>
-        ) : (
-          <div style={CONTAINER_DIV}>
-            <b style={STYLE_TITLE}>{page.label}</b>
-          </div>
-        )}
-      </div>
-    );
-  }
-}
-
-CatalogPageItem.propTypes = {
-  page: PropTypes.object.isRequired,
-  oldPage: PropTypes.object.isRequired
-};
-
-CatalogPageItem.contextTypes = {
-  projectActions: PropTypes.object.isRequired
-};

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

@@ -1,80 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { MdNavigateBefore } from 'react-icons/md';
-import * as SharedStyle from '../../shared-style';
-import { MODE_IDLE } from '../../constants';
-
-const STYLE_BOX = {
-  width: '14em',
-  height: '14em',
-  padding: '0.625em',
-  background: '#f7f7f9',
-  border: '1px solid #e1e1e8',
-  margin: '0.3em',
-  cursor: 'pointer',
-  position: 'relative',
-  boxShadow: '0 1px 6px 0 rgba(0, 0, 0, 0.11), 0 1px 4px 0 rgba(0, 0, 0, 0.11)',
-  borderRadius: '2px',
-  transition: 'all .2s ease-in-out',
-  WebkitTransition: 'all .2s ease-in-out'
-};
-
-const STYLE_BOX_HOVER = {
-  ...STYLE_BOX,
-  background: SharedStyle.SECONDARY_COLOR.main
-};
-
-const STYLE_BACK = {
-  position: 'absolute',
-  color: SharedStyle.COLORS.black,
-  fontSize: '5em',
-  width: '100%'
-};
-
-const STYLE_BACK_HOVER = {
-  ...STYLE_BACK,
-  color: SharedStyle.SECONDARY_COLOR.main
-};
-
-const CONTAINER_DIV = {
-  background: SharedStyle.COLORS.white,
-  marginBottom: '5px',
-  border: 'solid 1px #e6e6e6',
-  width: '100%',
-  height: '100%',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-};
-
-export default class CatalogTurnBackPageItem extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hover: false };
-  }
-
-  changePage() {
-    this.context.projectActions.setMode(MODE_IDLE);
-  }
-
-  render() {
-    let hover = this.state.hover;
-
-    return (
-      <div
-        style={hover ? STYLE_BOX_HOVER : STYLE_BOX}
-        onClick={e => this.changePage()}
-        onMouseEnter={e => this.setState({ hover: true })}
-        onMouseLeave={e => this.setState({ hover: false })}
-      >
-        <div style={CONTAINER_DIV}>
-          <MdNavigateBefore style={!hover ? STYLE_BACK : STYLE_BACK_HOVER} />
-        </div>
-      </div>
-    );
-  }
-}
-
-CatalogTurnBackPageItem.contextTypes = {
-  projectActions: PropTypes.object.isRequired
-};

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

@@ -1,77 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import {
-  ContentTitle,
-  ContentContainer,
-  FormLabel,
-  FormBlock,
-  FormNumberInput,
-  FormSubmitButton,
-  CancelButton
-} from '../style/export';
-import SnackBar from '../atoms/Snackbar/index';
-
-export default class CustomConfigurator extends Component {
-  constructor(props, context) {
-    super(props, context);
-
-    let scene = props.state.scene;
-
-    this.state = {
-      dataWidth: scene.width,
-      dataHeight: scene.height,
-      isSnackBarOpen: false,
-      message: ''
-    };
-  }
-
-  onSubmit(event) {
-    event.preventDefault();
-
-    let { projectActions } = this.context;
-
-    let { dataWidth, dataHeight } = this.state;
-    dataWidth = parseInt(dataWidth);
-    dataHeight = parseInt(dataHeight);
-    if (dataWidth <= 100 || dataHeight <= 100) {
-      this.setState({
-        isSnackBarOpen: true,
-        snackBarMessage: 'Scene size too small'
-      });
-    } else {
-      projectActions.setProjectProperties({
-        width: dataWidth,
-        height: dataHeight
-      });
-    }
-  }
-
-  render() {
-    let { width, height } = this.props;
-    let { dataWidth, dataHeight } = this.state;
-    let { projectActions, translator } = this.context;
-
-    return (
-      <ContentContainer width={width} height={height}>
-        <SnackBar
-          isOpen={this.state.isSnackBarOpen}
-          message={this.state.snackBarMessage}
-          handleClose={() =>
-            this.setState({ isSnackBarOpen: false, snackBarMessage: '' })
-          }
-        />
-      </ContentContainer>
-    );
-  }
-}
-
-CustomConfigurator.propTypes = {
-  width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired,
-  state: PropTypes.object.isRequired
-};
-
-CustomConfigurator.contextTypes = {
-  projectActions: PropTypes.object.isRequired,
-  translator: PropTypes.object.isRequired
-};

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

@@ -1,120 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import {
-  ContentTitle,
-  ContentContainer,
-  FormLabel,
-  FormBlock,
-  FormNumberInput,
-  FormSubmitButton,
-  CancelButton
-} from '../style/export';
-import SnackBar from '../atoms/Snackbar/index';
-
-export default class ProjectConfigurator extends Component {
-  constructor(props, context) {
-    super(props, context);
-
-    let scene = props.state.scene;
-
-    this.state = {
-      dataWidth: scene.width,
-      dataHeight: scene.height,
-      isSnackBarOpen: false,
-      snackBarMessage: ''
-    };
-  }
-
-  onSubmit(event) {
-    event.preventDefault();
-
-    let { projectActions } = this.context;
-
-    let { dataWidth, dataHeight } = this.state;
-    dataWidth = parseInt(dataWidth);
-    dataHeight = parseInt(dataHeight);
-    if (dataWidth <= 100 || dataHeight <= 100) {
-      this.setState({
-        snackBarMessage: 'Scene size too small',
-        isSnackBarOpen: true
-      });
-    } else {
-      projectActions.setProjectProperties({
-        width: dataWidth,
-        height: dataHeight
-      });
-    }
-  }
-
-  render() {
-    let { width, height } = this.props;
-    let { dataWidth, dataHeight } = this.state;
-    let { projectActions, translator } = this.context;
-
-    return (
-      <ContentContainer width={width} height={height}>
-        <SnackBar
-          isOpen={this.state.isSnackBarOpen}
-          message={this.state.snackBarMessage}
-          handleClose={() =>
-            this.setState({ isSnackBarOpen: false, snackBarMessage: '' })
-          }
-        />
-        <ContentTitle>{translator.t('Project config')}</ContentTitle>
-
-        <form onSubmit={e => this.onSubmit(e)}>
-          <FormBlock>
-            <FormLabel htmlFor="width">{translator.t('width')}</FormLabel>
-            <FormNumberInput
-              id="width"
-              placeholder="width"
-              value={dataWidth}
-              onChange={e => this.setState({ dataWidth: e.target.value })}
-            />
-          </FormBlock>
-
-          <FormBlock>
-            <FormLabel htmlFor="height">{translator.t('height')}</FormLabel>
-            <FormNumberInput
-              id="height"
-              placeholder="height"
-              value={dataHeight}
-              onChange={e => this.setState({ dataHeight: e.target.value })}
-            />
-          </FormBlock>
-
-          <table style={{ float: 'right' }}>
-            <tbody>
-              <tr>
-                <td>
-                  <CancelButton
-                    size="large"
-                    onClick={e => projectActions.rollback()}
-                  >
-                    {translator.t('Cancel')}
-                  </CancelButton>
-                </td>
-                <td>
-                  <FormSubmitButton size="large">
-                    {translator.t('Save')}
-                  </FormSubmitButton>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </form>
-      </ContentContainer>
-    );
-  }
-}
-
-ProjectConfigurator.propTypes = {
-  width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired,
-  state: PropTypes.object.isRequired
-};
-
-ProjectConfigurator.contextTypes = {
-  projectActions: PropTypes.object.isRequired,
-  translator: PropTypes.object.isRequired
-};

package/src/components/export.js

@@ -1,36 +0,0 @@
-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 default {
-  ToolbarComponents,
-  Content,
-  SidebarComponents,
-  FooterBarComponents,
-  WizardStepComponents,
-  Viewer2DComponents,
-  StyleComponents,
-  HeaderComponents,
-  SignComponents,
-  MyProjectsComonents
-};

package/src/components/firstsetting/button/styles.js

@@ -1,223 +0,0 @@
-import styled from 'styled-components';
-
-export const FirstSettingWrapper = styled.div`
-  position: absolute;
-  left: 30px;
-  top: 90px;
-  z-index: 10;
-  flex-flow: column;
-  background-color: rgb(255, 255, 255);
-  box-shadow: 0px 3px 5px -1px rgba(156, 154, 154, 0.2),
-    0px 6px 10px 0px rgba(156, 154, 154, 0.39),
-    0px 1px 18px 0px rgba(156, 154, 154, 0.12);
-  width: 60vw;
-  border-radius: 10px;
-  padding: 30px;
-  user-select: none;
-  max-height: calc(100vh - 110px);
-`;
-
-export const TitleBarWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-`;
-
-export const TitleBar = styled.div`
-  font-size: 28px;
-  font-weight: bold;
-`;
-
-export const TitleBarButtonWrapper = styled.div`
-  display: flex;
-  align-items: center;
-`;
-
-export const TitleBarButton = styled.div`
-  display: flex;
-  cursor: pointor;
-  align-items: center;
-  color: #4c12a1;
-  font-size: 16px;
-  font-weight: bold;
-  width: 110px;
-  margin-left: 10px;
-  height: 40px;
-  border: 3px solid;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 5px;
-`;
-
-export const StepBarWrapper = styled.div`
-  align-items: flex-start;
-  flex-direction: row;
-  display: flex;
-  padding: 24px;
-  box-shadow: none;
-  color: rgba(0, 0, 0, 0.87);
-  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  background-color: #fff;
-`;
-
-export const StepBullet = styled.div`
-  flex-direction: column;
-  flex: 1;
-  position: relative;
-  display: flex;
-  align-items: center;
-`;
-
-export const StepBulletLabel = styled.span`
-  margin-bottom: 5px;
-  text-align: center;
-  color: rgb(114, 72, 189);
-  display: block;
-  font-size: 16px;
-  font-family: 'Roboto', 'Helvetica', 'Arial', Open Sans;
-  font-weight: bold;
-  line-height: 1.43;
-  letter-spacing: 0.01071em;
-`;
-
-export const StepBulletIcon = styled.img`
-  justify-content: center;
-  display: flex;
-  flex-shrink: 0;
-  width: 25px;
-`;
-
-export const StepBarIcon = styled.img`
-  top: 38px;
-  left: -42%;
-  width: 85%;
-  position: absolute;
-  flex: 1 1 auto;
-  display: block;
-`;
-
-export const ContentWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: 30px;
-`;
-
-export const ContentWrapper1 = styled.div`
-  display: flex;
-  margin-top: 20px;
-`;
-
-export const ContentItem = styled.div`
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  align-items: center;
-  margin-right: 50px;
-  cursor: pointer;
-  img#check {
-    display: none;
-  }
-  :hover {
-    img#check {
-      display: block;
-      background-color: rgb(217, 232, 255);
-      z-index: 1;
-    }
-  }
-`;
-
-export const RoomContentImage = styled.img`
-  height: 150px;
-  z-index: 2;
-`;
-
-export const ContentCheckImage = styled.img`
-  position: absolute;
-  height: 150px;
-  width: 150px;
-  padding: 60px;
-  z-index: 2;
-`;
-
-export const ColorContentItem = styled.div`
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  align-items: center;
-  margin-right: 10px;
-`;
-
-export const ColorContentImage = styled.div`
-  height: 80px;
-  background-repeat: no-repeat;
-  border-radius: 50%;
-  border: 1px solid black;
-  width: 80px;
-  background-position: center;
-  cursor: pointer;
-  :hover {
-    box-shadow: 0px 3px 5px -1px rgba(156, 154, 154, 0.2),
-      0px 6px 10px 0px rgba(156, 154, 154, 0.39),
-      0px 1px 18px 0px rgba(156, 154, 154, 0.12);
-  }
-`;
-
-export const DoorStyleContentItem = styled.div`
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  align-items: center;
-  margin-right: 10px;
-  cursor: pointer;
-  width: 150px;
-  img#check {
-    display: none;
-  }
-  :hover {
-    img#check {
-      display: block;
-      background-color: rgb(217, 232, 255);
-      z-index: 1;
-    }
-  }
-`;
-
-export const DoorStyleContentImage = styled.img`
-  height: 150px;
-  padding: 30px;
-  border-radius: 10px;
-  z-index: 2;
-`;
-
-export const DoorCategoryContentImageWrapper = styled.div`
-  width: 150px;
-  display: flex;
-  justify-content: center;
-  border-radius: 10px;
-  :hover {
-    background-color: rgb(217, 232, 255);
-  }
-`;
-
-export const DoorCategoryContentImage = styled.img`
-  height: 130px;
-  padding: 20px;
-  width: 150px;
-  margin: 10px 0px;
-  z-index: 2;
-`;
-
-export const ContentWrapper2 = styled.div`
-  display: flex;
-  flex-direction: column;
-  margin-right: 80px;
-`;
-
-export const DoorStyleWrapper = styled.div`
-  display: flex;
-  margin-top: 20px;
-  flex-wrap: wrap;
-  overflow-y: scroll;
-  max-height: calc(100vh - 435px);
-`;

package/src/components/firstsetting/export.js

@@ -1,9 +0,0 @@
-import FirstSettingToggleButton from './firstsetting-toggle-button';
-import FirstSettingContentButton from './firstsetting-content-button';
-import FirstSetting from './firstsetting';
-
-export default {
-  FirstSettingToggleButton,
-  FirstSettingContentButton,
-  FirstSetting
-};