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

package/es/components/sidebar/sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.js","names":["React","PropTypes","PanelElementEditor","PanelGroupEditor","PanelMultiElementsEditor","PanelLayers","PanelGuides","PanelGroups","PanelLayerElements","SharedStyle","If","STYLE","backgroundColor","PRIMARY_COLOR","main","display","overflowY","overflowX","paddingBottom","sortButtonsCb","a","b","index","undefined","Number","MAX_SAFE_INTEGER","mapButtonsCb","el","ind","createElement","key","condition","style","position","dom","Sidebar","_ref","state","width","height","sidebarComponents","selectedLayer","getIn","selected","multiselected","lines","size","items","holes","areas","selectedGroup","findEntry","g","get","sorter","planData","concat","map","Component","prototype","_objectSpread","onKeyDown","event","stopPropagation","onKeyUp","className","sort","propTypes","object","isRequired","number"],"sources":["../../../src/components/sidebar/sidebar.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PanelElementEditor from './panel-element-editor/panel-element-editor';\r\nimport PanelGroupEditor from './panel-group-editor';\r\nimport PanelMultiElementsEditor from './panel-element-editor/panel-multi-elements-editor';\r\nimport PanelLayers from './panel-layers';\r\nimport PanelGuides from './panel-guides';\r\nimport PanelGroups from './panel-groups';\r\nimport PanelLayerElements from './panel-layer-elements';\r\nimport * as SharedStyle from '../../shared-style';\r\nimport If from '../../utils/react-if';\r\n\r\nconst STYLE = {\r\n  backgroundColor: SharedStyle.PRIMARY_COLOR.main,\r\n  display: 'block',\r\n  overflowY: 'auto',\r\n  overflowX: 'hidden',\r\n  paddingBottom: '20px'\r\n};\r\n\r\nconst sortButtonsCb = (a, b) => {\r\n  if (a.index === undefined || a.index === null) {\r\n    a.index = Number.MAX_SAFE_INTEGER;\r\n  }\r\n\r\n  if (b.index === undefined || b.index === null) {\r\n    b.index = Number.MAX_SAFE_INTEGER;\r\n  }\r\n\r\n  return a.index - b.index;\r\n};\r\n\r\nconst mapButtonsCb = (el, ind) => (\r\n  <If key={ind} condition={el.condition} style={{ position: 'relative' }}>\r\n    {el.dom}\r\n  </If>\r\n);\r\n\r\nexport default function Sidebar({ state, width, height, sidebarComponents }) {\r\n  let selectedLayer = state.getIn(['scene', 'selectedLayer']);\r\n\r\n  //TODO change in multi-layer check\r\n  let selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);\r\n\r\n  let multiselected =\r\n    selected.lines.size > 1 ||\r\n    selected.items.size > 1 ||\r\n    selected.holes.size > 1 ||\r\n    selected.areas.size > 1 ||\r\n    selected.lines.size +\r\n      selected.items.size +\r\n      selected.holes.size +\r\n      selected.areas.size >\r\n      1;\r\n\r\n  let selectedGroup = state\r\n    .getIn(['scene', 'groups'])\r\n    .findEntry(g => g.get('selected'));\r\n\r\n  let sorter = [\r\n    // { index: 0, condition: true, dom: <PanelGuides state={state}/> },\r\n    // { index: 1, condition: true, dom: <PanelLayers state={state} /> },\r\n    // { index: 2, condition: true, dom: <PanelLayerElements mode={state.mode} layers={state.scene.layers} selectedLayer={state.scene.selectedLayer} /> },\r\n    // { index: 3, condition: true, dom: <PanelGroups mode={state.mode} groups={state.scene.groups} layers={state.scene.layers} /> },\r\n    {\r\n      index: 4,\r\n      condition: !multiselected,\r\n      dom: <PanelElementEditor state={state} planData={{}} />\r\n    }\r\n    //{ index: 5, condition: multiselected, dom: <PanelMultiElementsEditor state={state} /> },\r\n    // { index: 6, condition: !!selectedGroup, dom: <PanelGroupEditor state={state} groupID={selectedGroup ? selectedGroup[0] : null} /> }\r\n  ];\r\n\r\n  sorter = sorter.concat(\r\n    sidebarComponents.map((Component, key) => {\r\n      return Component.prototype //if is a react component\r\n        ? {\r\n            condition: true,\r\n            dom: React.createElement(Component, { state, key })\r\n          }\r\n        : {\r\n            //else is a sortable toolbar button\r\n            index: Component.index,\r\n            condition: Component.condition,\r\n            dom: React.createElement(Component.dom, { state, key })\r\n          };\r\n    })\r\n  );\r\n\r\n  return (\r\n    <aside\r\n      style={{ width, height, ...STYLE }}\r\n      onKeyDown={event => event.stopPropagation()}\r\n      onKeyUp={event => event.stopPropagation()}\r\n      className=\"sidebar\"\r\n    >\r\n      {sorter.sort(sortButtonsCb).map(mapButtonsCb)}\r\n    </aside>\r\n  );\r\n}\r\n\r\nSidebar.propTypes = {\r\n  state: PropTypes.object.isRequired,\r\n  width: PropTypes.number.isRequired,\r\n  height: PropTypes.number.isRequired\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/sidebar/toolbar-panel.js

@@ -1,164 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import * as SharedStyle from '../../shared-style';
-import { FaAngleDown, FaAngleUp } from 'react-icons/fa';
-var STYLE = {
-  // borderTop: '1px solid #222',
-  // borderBottom: '2px solid #2f2f2f',
-  // paddingBottom: '5px',
-  // marginTop: '5px',
-  userSelect: 'none',
-  width: '100%'
-};
-var STYLE_TITLE1 = {
-  fontSize: '12px',
-  padding: '8px 15px',
-  backgroundColor: '#3e3e3f',
-  margin: '0px',
-  cursor: 'pointer',
-  display: 'flex',
-  height: '90px',
-  justifyContent: 'start',
-  alignItems: 'center'
-};
-var STYLE_TITLE2 = {
-  fontSize: '12px',
-  padding: '8px 15px',
-  backgroundColor: '#2f2f2f',
-  margin: '0px',
-  cursor: 'pointer',
-  display: 'flex',
-  height: '30px',
-  justifyContent: 'start'
-  // alignItems: 'center'
-};
-var STYLE_CONTENT1 = {
-  fontSize: '11px',
-  color: 'rgba(222, 222, 222, 1)',
-  padding: '0px',
-  backgroundColor: '#28292d'
-};
-var STYLE_CONTENT2 = {
-  fontSize: '11px',
-  color: 'rgba(222, 222, 222, 1)',
-  padding: '0px'
-  // backgroundColor: '#28292d',
-};
-var STYLE_ARROW = {
-  "float": 'right'
-};
-var ToolbarPanel = /*#__PURE__*/function (_Component) {
-  function ToolbarPanel(props, context) {
-    var _this;
-    _classCallCheck(this, ToolbarPanel);
-    _this = _callSuper(this, ToolbarPanel, [props, context]);
-    _this.state = {
-      lastActiveName: props.lastActiveName === undefined ? props.lastActiveName : '',
-      opened: props.hasOwnProperty('opened') ? props.opened : false,
-      hover: false
-    };
-    return _this;
-  }
-  _inherits(ToolbarPanel, _Component);
-  return _createClass(ToolbarPanel, [{
-    key: "componentWillUpdate",
-    value: function componentWillUpdate(nextProps, nextState) {
-      if (nextProps.lastActiveName !== undefined && nextProps.name !== undefined) {
-        if (nextProps.lastActiveName !== '' && nextProps.name !== nextProps.lastActiveName) {
-          nextState.opened = false;
-        }
-      }
-    }
-  }, {
-    key: "toggleOpen",
-    value: function toggleOpen() {
-      if (this.state.opened === false) {
-        this.props.onOpen();
-      } else {
-        this.props.onClose();
-      }
-      if (this.props.setLastActiveName !== undefined) {
-        this.props.setLastActiveName(this.props.name);
-      }
-      this.setState({
-        opened: !this.state.opened
-      });
-    }
-  }, {
-    key: "toggleHover",
-    value: function toggleHover() {
-      this.setState({
-        hover: !this.state.hover
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        name = _this$props.name,
-        isUrl = _this$props.isUrl,
-        url = _this$props.url,
-        headComponents = _this$props.headComponents,
-        children = _this$props.children;
-      var _this$state = this.state,
-        opened = _this$state.opened,
-        hover = _this$state.hover;
-      var STYLE_TITLE = isUrl ? STYLE_TITLE1 : STYLE_TITLE2;
-      var STYLE_CONTENT = isUrl ? STYLE_CONTENT1 : STYLE_CONTENT2;
-      name = name.charAt(0).toUpperCase() + name.substr(1);
-      return /*#__PURE__*/React.createElement("div", {
-        style: STYLE
-      }, /*#__PURE__*/React.createElement("h3", {
-        style: _objectSpread(_objectSpread({}, STYLE_TITLE), {}, {
-          color: hover || this.props.idx != undefined && this.props.idx === this.props.selSubOption ? SharedStyle.SECONDARY_COLOR.main : '#fff'
-        }),
-        onMouseEnter: function onMouseEnter() {
-          return _this2.toggleHover();
-        },
-        onMouseLeave: function onMouseLeave() {
-          return _this2.toggleHover();
-        },
-        onClick: function onClick() {
-          return _this2.toggleOpen();
-        }
-      }, isUrl === true ? /*#__PURE__*/React.createElement("img", {
-        name: name,
-        src: url,
-        width: 50,
-        height: 50
-      }) : '', /*#__PURE__*/React.createElement("span", {
-        style: {
-          marginLeft: isUrl ? 23 : 0
-        }
-      }, " ", name, " "), headComponents), /*#__PURE__*/React.createElement("div", {
-        style: _objectSpread(_objectSpread({}, STYLE_CONTENT), {}, {
-          display: opened ? 'block' : 'none'
-        })
-      }, children));
-    }
-  }]);
-}(Component);
-export { ToolbarPanel as default };
-ToolbarPanel.propTypes = {
-  name: PropTypes.string.isRequired,
-  headComponents: PropTypes.array,
-  opened: PropTypes.bool
-};
-//# sourceMappingURL=toolbar-panel.js.map

package/es/components/sidebar/toolbar-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar-panel.js","names":["React","Component","PropTypes","SharedStyle","FaAngleDown","FaAngleUp","STYLE","userSelect","width","STYLE_TITLE1","fontSize","padding","backgroundColor","margin","cursor","display","height","justifyContent","alignItems","STYLE_TITLE2","STYLE_CONTENT1","color","STYLE_CONTENT2","STYLE_ARROW","ToolbarPanel","_Component","props","context","_this","_classCallCheck","_callSuper","state","lastActiveName","undefined","opened","hasOwnProperty","hover","_inherits","_createClass","key","value","componentWillUpdate","nextProps","nextState","name","toggleOpen","onOpen","onClose","setLastActiveName","setState","toggleHover","render","_this2","_this$props","isUrl","url","headComponents","children","_this$state","STYLE_TITLE","STYLE_CONTENT","charAt","toUpperCase","substr","createElement","style","_objectSpread","idx","selSubOption","SECONDARY_COLOR","main","onMouseEnter","onMouseLeave","onClick","src","marginLeft","default","propTypes","string","isRequired","array","bool"],"sources":["../../../src/components/sidebar/toolbar-panel.jsx"],"sourcesContent":["import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport * as SharedStyle from '../../shared-style';\r\nimport { FaAngleDown, FaAngleUp } from 'react-icons/fa';\r\n\r\nconst STYLE = {\r\n  // borderTop: '1px solid #222',\r\n  // borderBottom: '2px solid #2f2f2f',\r\n  // paddingBottom: '5px',\r\n  // marginTop: '5px',\r\n  userSelect: 'none',\r\n  width: '100%'\r\n};\r\nconst STYLE_TITLE1 = {\r\n  fontSize: '12px',\r\n  padding: '8px 15px',\r\n  backgroundColor: '#3e3e3f',\r\n  margin: '0px',\r\n  cursor: 'pointer',\r\n  display: 'flex',\r\n  height: '90px',\r\n  justifyContent: 'start',\r\n  alignItems: 'center'\r\n};\r\nconst STYLE_TITLE2 = {\r\n  fontSize: '12px',\r\n  padding: '8px 15px',\r\n  backgroundColor: '#2f2f2f',\r\n  margin: '0px',\r\n  cursor: 'pointer',\r\n  display: 'flex',\r\n  height: '30px',\r\n  justifyContent: 'start'\r\n  // alignItems: 'center'\r\n};\r\n\r\nconst STYLE_CONTENT1 = {\r\n  fontSize: '11px',\r\n  color: 'rgba(222, 222, 222, 1)',\r\n  padding: '0px',\r\n  backgroundColor: '#28292d'\r\n};\r\n\r\nconst STYLE_CONTENT2 = {\r\n  fontSize: '11px',\r\n  color: 'rgba(222, 222, 222, 1)',\r\n  padding: '0px'\r\n  // backgroundColor: '#28292d',\r\n};\r\nconst STYLE_ARROW = {\r\n  float: 'right'\r\n};\r\n\r\nexport default class ToolbarPanel extends Component {\r\n  constructor(props, context) {\r\n    super(props, context);\r\n\r\n    this.state = {\r\n      lastActiveName:\r\n        props.lastActiveName === undefined ? props.lastActiveName : '',\r\n      opened: props.hasOwnProperty('opened') ? props.opened : false,\r\n      hover: false\r\n    };\r\n  }\r\n\r\n  componentWillUpdate(nextProps, nextState) {\r\n    if (\r\n      nextProps.lastActiveName !== undefined &&\r\n      nextProps.name !== undefined\r\n    ) {\r\n      if (\r\n        nextProps.lastActiveName !== '' &&\r\n        nextProps.name !== nextProps.lastActiveName\r\n      ) {\r\n        nextState.opened = false;\r\n      }\r\n    }\r\n  }\r\n\r\n  toggleOpen() {\r\n    if (this.state.opened === false) {\r\n      this.props.onOpen();\r\n    } else {\r\n      this.props.onClose();\r\n    }\r\n    if (this.props.setLastActiveName !== undefined) {\r\n      this.props.setLastActiveName(this.props.name);\r\n    }\r\n    this.setState({ opened: !this.state.opened });\r\n  }\r\n  toggleHover() {\r\n    this.setState({ hover: !this.state.hover });\r\n  }\r\n  render() {\r\n    let { name, isUrl, url, headComponents, children } = this.props;\r\n    let { opened, hover } = this.state;\r\n\r\n    const STYLE_TITLE = isUrl ? STYLE_TITLE1 : STYLE_TITLE2;\r\n    const STYLE_CONTENT = isUrl ? STYLE_CONTENT1 : STYLE_CONTENT2;\r\n\r\n    name = name.charAt(0).toUpperCase() + name.substr(1);\r\n\r\n    return (\r\n      <div style={STYLE}>\r\n        <h3\r\n          style={{\r\n            ...STYLE_TITLE,\r\n            color:\r\n              hover ||\r\n              (this.props.idx != undefined &&\r\n                this.props.idx === this.props.selSubOption)\r\n                ? SharedStyle.SECONDARY_COLOR.main\r\n                : '#fff'\r\n          }}\r\n          onMouseEnter={() => this.toggleHover()}\r\n          onMouseLeave={() => this.toggleHover()}\r\n          onClick={() => this.toggleOpen()}\r\n        >\r\n          {isUrl === true ? (\r\n            <img name={name} src={url} width={50} height={50} />\r\n          ) : (\r\n            ''\r\n          )}\r\n          <span style={{ marginLeft: isUrl ? 23 : 0 }}> {name} </span>\r\n          {headComponents}\r\n        </h3>\r\n        <div style={{ ...STYLE_CONTENT, display: opened ? 'block' : 'none' }}>\r\n          {children}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nToolbarPanel.propTypes = {\r\n  name: PropTypes.string.isRequired,\r\n  headComponents: PropTypes.array,\r\n  opened: PropTypes.bool\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/sign/export.js

@@ -1,6 +0,0 @@
-import Sign from './main';
-export { Sign };
-export default {
-  Sign: Sign
-};
-//# sourceMappingURL=export.js.map

package/es/components/sign/export.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"export.js","names":["Sign"],"sources":["../../../src/components/sign/export.js"],"sourcesContent":["import Sign from './main';\n\nexport { Sign };\n\nexport default {\n  Sign\n};\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,QAAQ;AAEzB,SAASA,IAAI;AAEb,eAAe;EACbA,IAAI,EAAJA;AACF,CAAC","ignoreList":[]}