kitchen-simulator/lib/components/content.js

It is a kitchen simulator (self-contained micro-frontend).

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Content;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _viewer2d = _interopRequireDefault(require("./viewer2d/viewer2d"));
var _viewer3d = _interopRequireDefault(require("./viewer3d/viewer3d"));
var _viewer3dFirstPerson = _interopRequireDefault(require("./viewer3d/viewer3d-first-person"));
var constants = _interopRequireWildcard(require("../constants"));
var _front3D = _interopRequireDefault(require("./viewer3d/front3D"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
// import CatalogList from './catalog-view/catalog-list';
// import ProjectConfigurator from './configurator/project-configurator';

function Content(_ref, _ref2) {
  var width = _ref.width,
    height = _ref.height,
    state = _ref.state,
    customContents = _ref.customContents,
    match = _ref.match,
    setToolbar = _ref.setToolbar,
    replaceCabinet = _ref.replaceCabinet,
    keyDownEnable = _ref.keyDownEnable,
    catalog = _ref.catalog;
  var projectActions = _ref2.projectActions;
  var mode = state.get('mode');
  switch (mode) {
    // this mode is when view elevation
    case constants.MODE_ELEVATION_VIEW:
      return /*#__PURE__*/_react["default"].createElement(_front3D["default"], {
        state: state,
        width: width,
        height: height,
        setToolbar: setToolbar,
        replaceCabinet: replaceCabinet,
        keyDownEnable: keyDownEnable,
        catalog: catalog
      });
    case constants.MODE_3D_VIEW:
      return /*#__PURE__*/_react["default"].createElement(_viewer3d["default"], {
        id: "viewer3D",
        state: state,
        width: width,
        height: height,
        setToolbar: setToolbar,
        replaceCabinet: replaceCabinet,
        keyDownEnable: keyDownEnable,
        downloadFlag: false
      });
    case constants.MODE_3D_FIRST_PERSON:
      return /*#__PURE__*/_react["default"].createElement(_viewer3dFirstPerson["default"], {
        state: state,
        width: width,
        height: height
      });

    // case constants.MODE_VIEWING_CATALOG:
    //   return (
    //     <CatalogList
    //       state={state}
    //       param={match}
    //       width={width}
    //       height={height}
    //       categoryData={this.props.categoryData}
    //     />
    //   );

    case constants.MODE_IDLE:
    case constants.MODE_2D_ZOOM_IN:
    case constants.MODE_2D_ZOOM_OUT:
    case constants.MODE_2D_PAN:
    case constants.MODE_WAITING_DRAWING_LINE:
    case constants.MODE_DRAGGING_LINE:
    case constants.MODE_DRAGGING_VERTEX:
    case constants.MODE_DRAGGING_ITEM:
    case constants.MODE_DRAWING_LINE:
    case constants.MODE_DRAWING_HOLE:
    case constants.MODE_DRAWING_ITEM:
    case constants.MODE_DRAGGING_HOLE:
    case constants.MODE_ROTATING_ITEM:
      return /*#__PURE__*/_react["default"].createElement(_viewer2d["default"], {
        state: state,
        width: width,
        height: height,
        setToolbar: setToolbar,
        replaceCabinet: replaceCabinet
      });
    case constants.MODE_ROTATING_ITEM_3D:
    case constants.MODE_DRAGGING_ITEM_3D:
    case constants.MODE_IDLE_3D:
    case constants.MODE_DRAWING_ITEM_3D:
    case constants.MODE_DRAWING_HOLE_3D:
    case constants.MODE_DRAGGING_HOLE_3D:
      return /*#__PURE__*/_react["default"].createElement(_viewer3d["default"], {
        id: "viewer3D",
        state: state,
        width: width,
        height: height,
        setToolbar: setToolbar,
        replaceCabinet: replaceCabinet,
        keyDownEnable: keyDownEnable,
        downloadFlag: false
      });

    // case constants.MODE_CONFIGURING_PROJECT:
    //   return (
    //     <ProjectConfigurator width={width} height={height} state={state} />
    //   );

    default:
      if (customContents.hasOwnProperty(mode)) {
        var CustomContent = customContents[mode];
        return /*#__PURE__*/_react["default"].createElement(CustomContent, {
          width: width,
          height: height,
          state: state
        });
      } else {
        throw new Error("Mode ".concat(mode, " doesn't have a mapped content"));
      }
  }
}
Content.propTypes = {
  state: _propTypes["default"].object.isRequired,
  width: _propTypes["default"].number.isRequired,
  height: _propTypes["default"].number.isRequired,
  replaceCabinet: _propTypes["default"].func.isRequired
};
Content.contextTypes = {
  projectActions: _propTypes["default"].object.isRequired
};
module.exports = exports.default;