hart-estate-widget 0.0.1 → 0.0.5

package/build/Application.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _mobxReactLite = require("mobx-react-lite");
 
@@ -25,6 +25,10 @@ var _D = _interopRequireDefault(require("./assets/img/3D.jpg"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const Application = (0, _mobxReactLite.observer)(_ref => {
   let {
     width,
@@ -41,38 +45,38 @@ const Application = (0, _mobxReactLite.observer)(_ref => {
   const hideTabPanes = () => setTabPanesState(false);
 
   const tabsList = {
-    'planImage': /*#__PURE__*/React.createElement(_ImageTab.default, {
+    'planImage': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
       image: config.planImage
     }),
-    'topView': /*#__PURE__*/React.createElement(_ImageTab.default, {
+    'topView': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
       image: config.topView
     }),
-    'topDownView': /*#__PURE__*/React.createElement(_ImageTab.default, {
+    'topDownView': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
       image: config.topDownView
     }),
-    'rotation': /*#__PURE__*/React.createElement(_TabWrapper.default, {
+    'rotation': /*#__PURE__*/_react.default.createElement(_TabWrapper.default, {
       isActive: !isTabPanesVisible,
       image: config.rotationImages[0],
       title: "360\xB0 overview",
       text: ['Use mouse to rotate', 'Shift + LMB to move'],
       onStart: hideTabPanes
-    }, /*#__PURE__*/React.createElement(_RotationTab.default, {
+    }, /*#__PURE__*/_react.default.createElement(_RotationTab.default, {
       images: config.rotationImages
     })),
-    'panorama': /*#__PURE__*/React.createElement(_TabWrapper.default, {
+    'panorama': /*#__PURE__*/_react.default.createElement(_TabWrapper.default, {
       isActive: !isTabPanesVisible,
       image: config.panoramaImages[0],
       title: "Panoramic tour",
       text: ['Use mouse to rotate', 'To move through the rooms, click on the layout thumbnail'],
       onStart: hideTabPanes
-    }, /*#__PURE__*/React.createElement("p", null, "Work in progress")),
-    'model': /*#__PURE__*/React.createElement(_TabWrapper.default, {
+    }, /*#__PURE__*/_react.default.createElement("p", null, "Work in progress")),
+    'model': /*#__PURE__*/_react.default.createElement(_TabWrapper.default, {
       isActive: !isTabPanesVisible,
       image: _D.default,
       title: "3D Model",
       text: ['Use mouse to rotate', 'Use the right mouse button to move'],
       onStart: hideTabPanes
-    }, /*#__PURE__*/React.createElement("p", null, "Work in progress"))
+    }, /*#__PURE__*/_react.default.createElement("p", null, "Work in progress"))
   };
   const appStyle = {
     width,
@@ -87,15 +91,15 @@ const Application = (0, _mobxReactLite.observer)(_ref => {
     window.addEventListener('resize', setWindowHeight);
     setWindowHeight();
   }, []);
-  return /*#__PURE__*/React.createElement("main", {
+  return /*#__PURE__*/_react.default.createElement("main", {
     className: "widget-application",
     style: appStyle
-  }, /*#__PURE__*/React.createElement("section", {
+  }, /*#__PURE__*/_react.default.createElement("section", {
     className: "widget-tab widget-tab--".concat(currentTab, " widget-tab--panes-").concat(config.tabPanes ? 'visible' : 'hidden')
-  }, tabsList[currentTab]), config.tabPanes && isTabPanesVisible && /*#__PURE__*/React.createElement(_TabPanes.default, {
+  }, tabsList[currentTab]), config.tabPanes && isTabPanesVisible && /*#__PURE__*/_react.default.createElement(_TabPanes.default, {
     currentTab: currentTab,
     setCurrentTab: setCurrentTab
-  }), config.tabPanes && !isTabPanesVisible && /*#__PURE__*/React.createElement("button", {
+  }), config.tabPanes && !isTabPanesVisible && /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "widget-close",
     onClick: showTabPanes

package/build/Widget.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 
 require("core-js/modules/es.object.assign.js");
 
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _react = _interopRequireDefault(require("react"));
+
+var _mobxReactLite = require("mobx-react-lite");
 
 var _store = _interopRequireDefault(require("./store"));
 
@@ -19,26 +21,15 @@ require("./assets/sass/index.sass");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class Widget {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const config = Object.assign(_defaultConfig.default, options);
-    const {
-      container
-    } = config;
-    const widgetContainer = document.getElementById(container);
-    if (!widgetContainer) throw new Error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043D\u0430\u0439\u0442\u0438 \u044D\u043B\u0435\u043C\u0435\u043D\u0442: #".concat(container));
-    config.containerElement = widgetContainer;
-
-    _store.default.setConfig(config);
+const Widget = (0, _mobxReactLite.observer)(options => {
+  const config = Object.assign(_defaultConfig.default, options);
 
-    _reactDom.default.render( /*#__PURE__*/React.createElement(_Application.default, {
-      width: config.width,
-      height: config.height
-    }), widgetContainer);
-  }
-
-}
+  _store.default.setConfig(config);
 
+  return /*#__PURE__*/_react.default.createElement(_Application.default, {
+    width: config.width,
+    height: config.height
+  });
+});
 var _default = Widget;
 exports.default = _default;

package/build/assets/sass/components/instructions.sass

@@ -18,7 +18,7 @@
       align-items: flex-start
       justify-content: flex-start
       background-color: $white
-      box-shadow: 1px 1px 10px rgb(0 0 0 / 50%)
+      box-shadow: 1px 1px 10px rgba(0, 0, 0, .5)
       border-radius: 5px
       overflow: hidden
       width: 350px

package/build/assets/sass/components/tabs.sass

@@ -91,7 +91,7 @@
         top: 0
         width: 100%
         height: 100%
-        box-shadow: inset 1px 1px 10px rgb(0 0 0 / 30%)
+        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .3)
       &--active,
       &:hover
         border-color: $mainColor

package/build/assets/sass/index.sass

@@ -5,12 +5,6 @@
   -webkit-box-sizing: border-box
   margin: 0
   padding: 0
-  -webkit-font-smoothing: antialiased
-  -moz-osx-font-smoothing: grayscale
-  outline: none
-  font-family: 'Lato', sans-serif
-  font-weight: 400
-  text-decoration: none
 
 html, body
   font-size: 20px
@@ -23,6 +17,15 @@ html, body
   overflow: hidden
   position: relative
   z-index: 1
+
+  *, *:before, *:after
+    font-family: 'Lato', sans-serif
+    -webkit-font-smoothing: antialiased
+    -moz-osx-font-smoothing: grayscale
+    outline: none
+    font-weight: 400
+    text-decoration: none
+
   .widget-close
     position: absolute
     display: flex
@@ -39,7 +42,7 @@ html, body
     border: none
     cursor: pointer
     &:hover
-      box-shadow: 1px 1px 10px rgb(0 0 0 / 15%)
+      box-shadow: 1px 1px 10px rgba(0, 0, 0, .15)
 
 @import './components/tabs'
 @import './components/instructions'

package/build/components/ImageTab.js

@@ -5,11 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ImageTab = _ref => {
   let {
     image
   } = _ref;
-  return /*#__PURE__*/React.createElement("img", {
+  return /*#__PURE__*/_react.default.createElement("img", {
     className: "widget-tab__image",
     src: image,
     alt: "plan-view"

package/build/components/Instructions.js

@@ -5,25 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Instructions = _ref => {
   let {
     title,
     text,
     onClick
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-instructions"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-instructions__content"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-instructions__head"
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-instructions__body"
-  }, text.map((row, index) => /*#__PURE__*/React.createElement("p", {
+  }, text.map((row, index) => /*#__PURE__*/_react.default.createElement("p", {
     key: index
-  }, row))), /*#__PURE__*/React.createElement("div", {
+  }, row))), /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-instructions__footer"
-  }, /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: onClick,
     type: "button"
   }, "Start"))));

package/build/components/RotationTab.js

@@ -7,14 +7,18 @@ exports.default = void 0;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-var _react = require("react");
-
-var _threesixty = _interopRequireDefault(require("../lib/threesixty"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _panzoom = _interopRequireDefault(require("panzoom"));
 
+var _threesixty = _interopRequireDefault(require("../lib/threesixty"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const RotationTab = _ref => {
   let {
     images
@@ -48,11 +52,11 @@ const RotationTab = _ref => {
       rotation._update = () => setActiveIndex(rotation.index);
     });
   }, [images]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-tab__threesixty"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-tab__threesixty-container"
-  }, images.map((img, index) => /*#__PURE__*/React.createElement("img", {
+  }, images.map((img, index) => /*#__PURE__*/_react.default.createElement("img", {
     src: img,
     key: index,
     alt: "rotation-view-".concat(index),

package/build/components/TabPanes.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _mobxReactLite = require("mobx-react-lite");
 
 var _store = _interopRequireDefault(require("../store"));
@@ -54,9 +56,9 @@ const TabPanes = (0, _mobxReactLite.observer)(_ref => {
       icon: null
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-tab-panes"
-  }, tabs.map((tab, index) => /*#__PURE__*/React.createElement(TabPane, {
+  }, tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(TabPane, {
     key: index,
     icon: images[tab].icon,
     image: images[tab].img,
@@ -72,14 +74,14 @@ const TabPane = _ref2 => {
     image,
     onClick
   } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-tab-pane ".concat(active ? 'widget-tab-pane--active' : ''),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     className: "widget-tab-pane__image",
     src: image,
     alt: "tab-pane"
-  }), icon && /*#__PURE__*/React.createElement("img", {
+  }), icon && /*#__PURE__*/_react.default.createElement("img", {
     className: "widget-tab-pane__icon",
     src: icon,
     alt: "tab-pane-icon"

package/build/components/TabWrapper.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _ImageTab = _interopRequireDefault(require("./ImageTab"));
 
 var _Instructions = _interopRequireDefault(require("./Instructions"));
@@ -22,9 +24,9 @@ const TabWrapper = _ref => {
   } = _ref;
 
   if (!isActive) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ImageTab.default, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
       image: image
-    }), /*#__PURE__*/React.createElement(_Instructions.default, {
+    }), /*#__PURE__*/_react.default.createElement(_Instructions.default, {
       title: title,
       text: text,
       onClick: onStart

package/build/defaultConfig.js

@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const defaultConfig = {
-  container: 'widget-container',
   tabs: ['planImage', 'topView', 'topDownView', 'rotation', 'panorama', 'model'],
   tabPanes: true,
   width: null,

package/build/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _Widget = _interopRequireDefault(require("./Widget"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/lib/threesixty/events.js

@@ -7,6 +7,10 @@ exports.default = void 0;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }

package/build/lib/threesixty/index.js

@@ -9,6 +9,8 @@ require("core-js/modules/es.object.assign.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
+var _react = _interopRequireDefault(require("react"));
+
 var _events2 = _interopRequireDefault(require("./events"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/store/index.js

@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _mobx = require("mobx");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 (0, _mobx.configure)({

package/package.json

@@ -2,29 +2,19 @@
   "name": "hart-estate-widget",
   "description": "HART Estate widget",
   "author": "HART",
-  "keywords": [
-    "react",
-    "hart",
-    "widget",
-    "estate"
-  ],
-  "version": "0.0.1",
+  "keywords": ["react", "hart", "widget", "estate"],
+  "version": "0.0.5",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",
-  "files": [
-    "build",
-    "README.md"
-  ],
+  "files": [ "build", "README.md" ],
   "repository": {
-    "type": "git",
-    "url": "https://gitlab.myhart.ru/hart_estate/hart-estate-widget"
+      "type": "git",
+      "url": "https://gitlab.myhart.ru/hart_estate/hart-estate-widget"
   },
   "scripts": {
     "start": "node scripts/start.js",
-    "build": "rm -rf build && NODE_ENV=production babel src --out-dir build --copy-files",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "build": "rm -rf build && NODE_ENV=production babel src --out-dir build --copy-files"
   },
   "dependencies": {
     "@babel/polyfill": "^7.12.1",