kitchen-simulator 5.0.0-test.4 → 5.0.0-test.5

package/src/catalog/lines/wall/planner-element.jsx

@@ -1,73 +0,0 @@
-import { ElementsFactories } from 'KitchenConfigurator';
-
-const info = {
-  title: 'wall',
-  tag: ['wall'],
-  description: 'Wall with bricks or painted',
-  image: require('./wall.png'),
-  visibility: {
-    catalog: true,
-    layerElementsVisible: true
-  }
-};
-
-const textures = {
-  plaster: {
-    name: 'Plaster',
-    uri: require('./textures/plaster.jpg'),
-    lengthRepeatScale: 0.005,
-    heightRepeatScale: 0.005,
-    normal: {
-      uri: require('./textures/plaster-normal.jpg'),
-      lengthRepeatScale: 0.005,
-      heightRepeatScale: 0.005,
-      normalScaleX: 0.4,
-      normalScaleY: 0.4,
-      color: '#000000'
-    }
-  },
-  bricks: {
-    name: 'Bricks',
-    uri: require('./textures/bricks.jpg'),
-    lengthRepeatScale: 0.009,
-    heightRepeatScale: 0.009,
-    normal: {
-      uri: require('./textures/bricks-normal.jpg'),
-      lengthRepeatScale: 0.009,
-      heightRepeatScale: 0.009,
-      normalScaleX: 0.4,
-      normalScaleY: 0.4,
-      color: '#000000'
-    }
-  },
-  painted: {
-    name: 'Painted',
-    uri: require('./textures/painted.jpg'),
-    lengthRepeatScale: 0.005,
-    heightRepeatScale: 0.005,
-    normal: {
-      uri: require('./textures/painted-normal.jpg'),
-      lengthRepeatScale: 0.005,
-      heightRepeatScale: 0.005,
-      normalScaleX: 0.4,
-      normalScaleY: 0.4,
-      color: '#000000'
-    }
-  },
-  morden: {
-    name: 'Morden',
-    uri: require('./textures/morden.jpg'),
-    lengthRepeatScale: 0.005,
-    heightRepeatScale: 0.005,
-    normal: {
-      uri: require('./textures/morden-normal.jpg'),
-      lengthRepeatScale: 0.005,
-      heightRepeatScale: 0.005,
-      normalScaleX: 0.4,
-      normalScaleY: 0.4,
-      color: '#000000'
-    }
-  }
-};
-
-export default ElementsFactories.WallFactory('wall', info, textures);

package/src/catalog/molding/molding-dcm/planner-element.jsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from '../../utils/load-obj';
-import { textureCube } from '../../../../../src/utils/helper';
-
-let cached3DMolding = null;
-
-export default {
-  name: 'Dcm',
-  prototype: 'molding',
-
-  info: {
-    title: 'Dcm',
-    tag: ['molding'],
-    description: 'dcm',
-    image: '/assets/img/svg/toolbar/dcm.png',
-    url: '/assets/model/DCM.gltf'
-  },
-
-  properties: {},
-
-  render3D: function (element, layer, scene) {
-    let onLoadItem = object => {
-      return object;
-    };
-
-    if (cached3DMolding) {
-      return Promise.resolve(onLoadItem(cached3DMolding.clone()));
-    }
-    return loadGLTF(element.url).then(object => {
-      cached3DMolding = object;
-      return onLoadItem(cached3DMolding.clone());
-    });
-  }
-};

package/src/catalog/molding/molding-fbm/planner-element.jsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from '../../utils/load-obj';
-import { textureCube } from '../../../../../src/utils/helper';
-
-let cached3DMolding = null;
-
-export default {
-  name: 'Fbm',
-  prototype: 'molding',
-
-  info: {
-    title: 'Fbm',
-    tag: ['molding'],
-    description: 'Molding',
-    image: '/assets/img/svg/toolbar/fbm.png',
-    url: '/assets/model/FBM.gltf'
-  },
-
-  properties: {},
-
-  render3D: function (element, layer, scene) {
-    let onLoadItem = object => {
-      return object;
-    };
-
-    if (cached3DMolding) {
-      return Promise.resolve(onLoadItem(cached3DMolding.clone()));
-    }
-    return loadGLTF(element.url).then(object => {
-      cached3DMolding = object;
-      return onLoadItem(cached3DMolding.clone());
-    });
-  }
-};

package/src/catalog/molding/molding-lrm/planner-element.jsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from '../../utils/load-obj';
-import { textureCube } from '../../../../../src/utils/helper';
-
-let cached3DMolding = null;
-
-export default {
-  name: 'Lrm',
-  prototype: 'molding',
-
-  info: {
-    title: 'Lrm',
-    tag: ['molding'],
-    description: 'Molding',
-    image: '/assets/img/svg/toolbar/lrm.png',
-    url: '/assets/model/LRM.gltf'
-  },
-
-  properties: {},
-
-  render3D: function (element, layer, scene) {
-    let onLoadItem = object => {
-      return object;
-    };
-
-    if (cached3DMolding) {
-      return Promise.resolve(onLoadItem(cached3DMolding.clone()));
-    }
-    return loadGLTF(element.url).then(object => {
-      cached3DMolding = object;
-      return onLoadItem(cached3DMolding.clone());
-    });
-  }
-};

package/src/catalog/properties/export.js

@@ -1,33 +0,0 @@
-import PropertyColor from './property-color';
-import PropertyEnum from './property-enum';
-import PropertyString from './property-string';
-import PropertyNumber from './property-number';
-import PropertyLengthMeasure from './property-length-measure';
-import PropertyToggle from './property-toggle';
-import PropertyCheckbox from './property-checkbox';
-import PropertyHidden from './property-hidden';
-import PropertyReadOnly from './property-read-only';
-
-export {
-  PropertyColor,
-  PropertyEnum,
-  PropertyString,
-  PropertyNumber,
-  PropertyLengthMeasure,
-  PropertyToggle,
-  PropertyCheckbox,
-  PropertyHidden,
-  PropertyReadOnly
-};
-
-export default {
-  PropertyColor,
-  PropertyEnum,
-  PropertyString,
-  PropertyNumber,
-  PropertyLengthMeasure,
-  PropertyToggle,
-  PropertyCheckbox,
-  PropertyHidden,
-  PropertyReadOnly
-};

package/src/catalog/properties/property-checkbox.jsx

@@ -1,123 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormLabel } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
-import styled from 'styled-components';
-import {
-  DEFAULT_FONT_FAMILY,
-  SECONDARY_PURPLE_COLOR,
-  TEXT_COLOR_NEUTRAL_0
-} from '../../constants';
-
-const FlipWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  margin: 15px 0;
-  justify-content: space-between;
-`;
-
-const FlipTitle = styled.span`
-  margin-right: auto;
-  color: ${SECONDARY_PURPLE_COLOR};
-  font-family: ${DEFAULT_FONT_FAMILY};
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 18px;
-  text-align: left;
-`;
-const FlipDescription = styled.span`
-  margin-right: auto;
-  color: ${TEXT_COLOR_NEUTRAL_0};
-  font-family: ${DEFAULT_FONT_FAMILY};
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 18px;
-  text-align: left;
-`;
-const FlipInfoWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-
-const FlipToggle = styled.div`
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-`;
-
-const FlipToggleIcon = styled.div`
-  top: 0;
-  position: absolute;
-  ${'' /* transition-duration: .3s; */}
-  img {
-    font-size: 1.4rem;
-    box-sizing: border-box;
-    border-radius: 50%;
-  }
-`;
-
-export default function PropertyCheckbox({
-  value,
-  onUpdate,
-  configs,
-  sourceElement,
-  internalState,
-  state
-}) {
-  let update = val => {
-    if (configs.hook) {
-      return configs
-        .hook(val, sourceElement, internalState, state)
-        .then(_val => {
-          return onUpdate(_val);
-        });
-    }
-
-    return onUpdate(val);
-  };
-
-  let activeStyle = value == 0 ? { left: 0 } : { right: 0 };
-
-  return (
-    <FlipWrapper>
-      <FlipInfoWrapper>
-        <FlipTitle>{configs.label}</FlipTitle>
-        {configs.description && (
-          <FlipDescription>{configs.description}</FlipDescription>
-        )}
-      </FlipInfoWrapper>
-      <FlipToggle style={{ color: 'black' }} onClick={e => update(!value)}>
-        <img
-          src={`/assets/img/svg/bottombar/${
-            value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'
-          }`}
-          style={{ width: '55px', height: '30px' }}
-        />
-        <FlipToggleIcon style={{ ...activeStyle }}>
-          <img
-            src={`/assets/img/svg/bottombar/${
-              value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'
-            }`}
-            style={{ width: '30px', height: '30px' }}
-          />
-        </FlipToggleIcon>
-      </FlipToggle>
-    </FlipWrapper>
-  );
-}
-
-PropertyCheckbox.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
-};

package/src/catalog/properties/property-color.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormLabel, FormColorInput } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
-
-export default function PropertyColor({
-  value,
-  onUpdate,
-  configs,
-  sourceElement,
-  internalState,
-  state
-}) {
-  let update = val => {
-    if (configs.hook) {
-      return configs
-        .hook(val, sourceElement, internalState, state)
-        .then(_val => {
-          return onUpdate(_val);
-        });
-    }
-
-    return onUpdate(val);
-  };
-
-  return (
-    <table className="PropertyColor" style={PropertyStyle.tableStyle}>
-      <tbody>
-        <tr>
-          <td style={PropertyStyle.firstTdStyle}>
-            <FormLabel>{configs.label}</FormLabel>
-          </td>
-          <td>
-            <FormColorInput
-              value={value}
-              onChange={event => update(event.target.value)}
-            />
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  );
-}
-
-PropertyColor.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
-};

package/src/catalog/properties/property-enum.jsx

@@ -1,87 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Seq } from 'immutable';
-import { FormLabel, FormSelect } from '../../components/style/export';
-import PropertyStyle from './shared-property-style';
-import styled from 'styled-components';
-import { TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY } from '../../constants';
-
-const EnumWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  margin-top: 3px;
-`;
-
-const EnumTitle = styled.span`
-  margin-right: auto;
-  width: 110px;
-  color: ${TEXT_COLOR_NEUTRAL_0};
-  font-family: ${DEFAULT_FONT_FAMILY};
-
-  @media screen and (min-width: 1024) {
-    font-size: 11px;
-  }
-  @media screen and (max-width: 1024) {
-    font-size: 11px;
-  }
-  @media screen and (min-width: 1366) {
-    font-size: 13px;
-  }
-  @media screen and (max-width: 1366) {
-    font-size: 13px;
-  }
-  @media screen and (min-width: 1440) {
-    font-size: 16px;
-  }
-  @media screen and (max-width: 1440) {
-    font-size: 16px;
-  }
-  font-weight: 400;
-  line-height: 15px;
-  text-align: left;
-`;
-
-export default function PropertyEnum({
-  value,
-  onUpdate,
-  configs,
-  sourceElement,
-  internalState,
-  state
-}) {
-  let update = val => {
-    if (configs.hook) {
-      return configs
-        .hook(val, sourceElement, internalState, state)
-        .then(_val => {
-          return onUpdate(_val);
-        });
-    }
-
-    return onUpdate(val);
-  };
-
-  return (
-    <EnumWrapper>
-      <EnumTitle>{configs.label}</EnumTitle>
-      <FormSelect value={value} onChange={event => update(event.target.value)}>
-        {Seq(configs.values)
-          .entrySeq()
-          .map(([key, value]) => (
-            <option key={key} value={key}>
-              {value}
-            </option>
-          ))}
-      </FormSelect>
-    </EnumWrapper>
-  );
-}
-
-PropertyEnum.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
-};

package/src/catalog/properties/property-hidden.jsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default function PropertyHidden({
-  value,
-  onUpdate,
-  configs,
-  sourceElement,
-  internalState,
-  state
-}) {
-  return null;
-}
-
-PropertyHidden.propTypes = {
-  value: PropTypes.any.isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
-};

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

@@ -1,113 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {
-  BASE_CABINET_LAYOUTPOS,
-  TALL_CABINET_LAYOUTPOS,
-  UNITS_LENGTH,
-  UNIT_INCH
-} from './../../constants';
-import convert from 'convert-units';
-import {
-  FormLabel,
-  FormNumberInput,
-  FormSelect
-} from '../../components/style/export';
-import { Map } from 'immutable';
-import { toFixedFloat } from '../../utils/math';
-import PropertyStyle from './shared-property-style';
-
-const internalTableStyle = { borderCollapse: 'collapse' };
-const secondTdStyle = { padding: 0 };
-const unitContainerStyle = { width: '5em' };
-
-export default function PropertyLengthMeasure(
-  { value, onUpdate, onValid, configs, sourceElement, internalState, state },
-  { catalog }
-) {
-  let length = value.get('length') || 0; // length in inch
-  let _length = value.get('_length') || length; // length in unit
-  let _unit = value.get('_unit') || UNIT_INCH;
-  let type = value.get('type') || BASE_CABINET_LAYOUTPOS;
-  let { hook, label, ...configRest } = configs;
-
-  let update = (lengthInput, unitInput, type) => {
-    let newLength = toFixedFloat(lengthInput);
-    let merged = null;
-    if (type === 0) {
-      merged = value.merge({
-        length:
-          unitInput !== UNIT_INCH
-            ? convert(newLength).from(unitInput).to(UNIT_INCH)
-            : newLength,
-        _length: newLength
-      });
-    } else {
-      merged = value.merge({
-        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
-        _unit: unitInput
-      });
-    }
-    if (hook) {
-      return hook(merged, sourceElement, internalState, state).then(val => {
-        return onUpdate(val);
-      });
-    }
-    return onUpdate(merged);
-  };
-
-  return (
-    <table className="PropertyLengthMeasure" style={PropertyStyle.tableStyle}>
-      <tbody>
-        <tr>
-          <td style={PropertyStyle.firstTdStyle}>
-            <FormLabel>{label}</FormLabel>
-          </td>
-          <td style={secondTdStyle}>
-            <table style={internalTableStyle}>
-              <tbody>
-                <tr>
-                  <td>
-                    <FormNumberInput
-                      disabled={type === TALL_CABINET_LAYOUTPOS}
-                      value={_length}
-                      onChange={event => update(event.target.value, _unit, 0)}
-                      onValid={onValid}
-                      {...configRest}
-                    />
-                  </td>
-                  <td style={unitContainerStyle}>
-                    <FormSelect
-                      disabled={type === TALL_CABINET_LAYOUTPOS}
-                      value={_unit}
-                      onChange={event => update(length, event.target.value, 1)}
-                    >
-                      {UNITS_LENGTH.map(el => (
-                        <option key={el} value={el}>
-                          {el}
-                        </option>
-                      ))}
-                    </FormSelect>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  );
-}
-
-PropertyLengthMeasure.propTypes = {
-  value: PropTypes.instanceOf(Map).isRequired,
-  onUpdate: PropTypes.func.isRequired,
-  onValid: PropTypes.func,
-  configs: PropTypes.object.isRequired,
-  sourceElement: PropTypes.object,
-  internalState: PropTypes.object,
-  state: PropTypes.object.isRequired
-};
-
-PropertyLengthMeasure.contextTypes = {
-  catalog: PropTypes.object.isRequired
-};