hart-estate-widget 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
- var _react = require("react");
10
+ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _mobxReactLite = require("mobx-react-lite");
13
13
 
@@ -25,6 +25,10 @@ var _D = _interopRequireDefault(require("./assets/img/3D.jpg"));
25
25
 
26
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
27
 
28
+ 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); }
29
+
30
+ 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; }
31
+
28
32
  const Application = (0, _mobxReactLite.observer)(_ref => {
29
33
  let {
30
34
  width,
@@ -41,38 +45,38 @@ const Application = (0, _mobxReactLite.observer)(_ref => {
41
45
  const hideTabPanes = () => setTabPanesState(false);
42
46
 
43
47
  const tabsList = {
44
- 'planImage': /*#__PURE__*/React.createElement(_ImageTab.default, {
48
+ 'planImage': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
45
49
  image: config.planImage
46
50
  }),
47
- 'topView': /*#__PURE__*/React.createElement(_ImageTab.default, {
51
+ 'topView': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
48
52
  image: config.topView
49
53
  }),
50
- 'topDownView': /*#__PURE__*/React.createElement(_ImageTab.default, {
54
+ 'topDownView': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
51
55
  image: config.topDownView
52
56
  }),
53
- 'rotation': /*#__PURE__*/React.createElement(_TabWrapper.default, {
57
+ 'rotation': /*#__PURE__*/_react.default.createElement(_TabWrapper.default, {
54
58
  isActive: !isTabPanesVisible,
55
59
  image: config.rotationImages[0],
56
60
  title: "360\xB0 overview",
57
61
  text: ['Use mouse to rotate', 'Shift + LMB to move'],
58
62
  onStart: hideTabPanes
59
- }, /*#__PURE__*/React.createElement(_RotationTab.default, {
63
+ }, /*#__PURE__*/_react.default.createElement(_RotationTab.default, {
60
64
  images: config.rotationImages
61
65
  })),
62
- 'panorama': /*#__PURE__*/React.createElement(_TabWrapper.default, {
66
+ 'panorama': /*#__PURE__*/_react.default.createElement(_TabWrapper.default, {
63
67
  isActive: !isTabPanesVisible,
64
68
  image: config.panoramaImages[0],
65
69
  title: "Panoramic tour",
66
70
  text: ['Use mouse to rotate', 'To move through the rooms, click on the layout thumbnail'],
67
71
  onStart: hideTabPanes
68
- }, /*#__PURE__*/React.createElement("p", null, "Work in progress")),
69
- 'model': /*#__PURE__*/React.createElement(_TabWrapper.default, {
72
+ }, /*#__PURE__*/_react.default.createElement("p", null, "Work in progress")),
73
+ 'model': /*#__PURE__*/_react.default.createElement(_TabWrapper.default, {
70
74
  isActive: !isTabPanesVisible,
71
75
  image: _D.default,
72
76
  title: "3D Model",
73
77
  text: ['Use mouse to rotate', 'Use the right mouse button to move'],
74
78
  onStart: hideTabPanes
75
- }, /*#__PURE__*/React.createElement("p", null, "Work in progress"))
79
+ }, /*#__PURE__*/_react.default.createElement("p", null, "Work in progress"))
76
80
  };
77
81
  const appStyle = {
78
82
  width,
@@ -87,15 +91,15 @@ const Application = (0, _mobxReactLite.observer)(_ref => {
87
91
  window.addEventListener('resize', setWindowHeight);
88
92
  setWindowHeight();
89
93
  }, []);
90
- return /*#__PURE__*/React.createElement("main", {
94
+ return /*#__PURE__*/_react.default.createElement("main", {
91
95
  className: "widget-application",
92
96
  style: appStyle
93
- }, /*#__PURE__*/React.createElement("section", {
97
+ }, /*#__PURE__*/_react.default.createElement("section", {
94
98
  className: "widget-tab widget-tab--".concat(currentTab, " widget-tab--panes-").concat(config.tabPanes ? 'visible' : 'hidden')
95
- }, tabsList[currentTab]), config.tabPanes && isTabPanesVisible && /*#__PURE__*/React.createElement(_TabPanes.default, {
99
+ }, tabsList[currentTab]), config.tabPanes && isTabPanesVisible && /*#__PURE__*/_react.default.createElement(_TabPanes.default, {
96
100
  currentTab: currentTab,
97
101
  setCurrentTab: setCurrentTab
98
- }), config.tabPanes && !isTabPanesVisible && /*#__PURE__*/React.createElement("button", {
102
+ }), config.tabPanes && !isTabPanesVisible && /*#__PURE__*/_react.default.createElement("button", {
99
103
  type: "button",
100
104
  className: "widget-close",
101
105
  onClick: showTabPanes
package/build/Widget.js CHANGED
@@ -7,6 +7,8 @@ exports.default = void 0;
7
7
 
8
8
  require("core-js/modules/es.object.assign.js");
9
9
 
10
+ var _react = _interopRequireDefault(require("react"));
11
+
10
12
  var _reactDom = _interopRequireDefault(require("react-dom"));
11
13
 
12
14
  var _store = _interopRequireDefault(require("./store"));
@@ -32,7 +34,7 @@ class Widget {
32
34
 
33
35
  _store.default.setConfig(config);
34
36
 
35
- _reactDom.default.render( /*#__PURE__*/React.createElement(_Application.default, {
37
+ _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_Application.default, {
36
38
  width: config.width,
37
39
  height: config.height
38
40
  }), widgetContainer);
@@ -5,11 +5,15 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
8
12
  const ImageTab = _ref => {
9
13
  let {
10
14
  image
11
15
  } = _ref;
12
- return /*#__PURE__*/React.createElement("img", {
16
+ return /*#__PURE__*/_react.default.createElement("img", {
13
17
  className: "widget-tab__image",
14
18
  src: image,
15
19
  alt: "plan-view"
@@ -5,25 +5,29 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
8
12
  const Instructions = _ref => {
9
13
  let {
10
14
  title,
11
15
  text,
12
16
  onClick
13
17
  } = _ref;
14
- return /*#__PURE__*/React.createElement("div", {
18
+ return /*#__PURE__*/_react.default.createElement("div", {
15
19
  className: "widget-instructions"
16
- }, /*#__PURE__*/React.createElement("div", {
20
+ }, /*#__PURE__*/_react.default.createElement("div", {
17
21
  className: "widget-instructions__content"
18
- }, /*#__PURE__*/React.createElement("div", {
22
+ }, /*#__PURE__*/_react.default.createElement("div", {
19
23
  className: "widget-instructions__head"
20
- }, title), /*#__PURE__*/React.createElement("div", {
24
+ }, title), /*#__PURE__*/_react.default.createElement("div", {
21
25
  className: "widget-instructions__body"
22
- }, text.map((row, index) => /*#__PURE__*/React.createElement("p", {
26
+ }, text.map((row, index) => /*#__PURE__*/_react.default.createElement("p", {
23
27
  key: index
24
- }, row))), /*#__PURE__*/React.createElement("div", {
28
+ }, row))), /*#__PURE__*/_react.default.createElement("div", {
25
29
  className: "widget-instructions__footer"
26
- }, /*#__PURE__*/React.createElement("button", {
30
+ }, /*#__PURE__*/_react.default.createElement("button", {
27
31
  onClick: onClick,
28
32
  type: "button"
29
33
  }, "Start"))));
@@ -7,14 +7,18 @@ exports.default = void 0;
7
7
 
8
8
  require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
- var _react = require("react");
11
-
12
- var _threesixty = _interopRequireDefault(require("../lib/threesixty"));
10
+ var _react = _interopRequireWildcard(require("react"));
13
11
 
14
12
  var _panzoom = _interopRequireDefault(require("panzoom"));
15
13
 
14
+ var _threesixty = _interopRequireDefault(require("../lib/threesixty"));
15
+
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
18
+ 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); }
19
+
20
+ 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; }
21
+
18
22
  const RotationTab = _ref => {
19
23
  let {
20
24
  images
@@ -48,11 +52,11 @@ const RotationTab = _ref => {
48
52
  rotation._update = () => setActiveIndex(rotation.index);
49
53
  });
50
54
  }, [images]);
51
- return /*#__PURE__*/React.createElement("div", {
55
+ return /*#__PURE__*/_react.default.createElement("div", {
52
56
  className: "widget-tab__threesixty"
53
- }, /*#__PURE__*/React.createElement("div", {
57
+ }, /*#__PURE__*/_react.default.createElement("div", {
54
58
  className: "widget-tab__threesixty-container"
55
- }, images.map((img, index) => /*#__PURE__*/React.createElement("img", {
59
+ }, images.map((img, index) => /*#__PURE__*/_react.default.createElement("img", {
56
60
  src: img,
57
61
  key: index,
58
62
  alt: "rotation-view-".concat(index),
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
+ var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _mobxReactLite = require("mobx-react-lite");
9
11
 
10
12
  var _store = _interopRequireDefault(require("../store"));
@@ -54,9 +56,9 @@ const TabPanes = (0, _mobxReactLite.observer)(_ref => {
54
56
  icon: null
55
57
  }
56
58
  };
57
- return /*#__PURE__*/React.createElement("div", {
59
+ return /*#__PURE__*/_react.default.createElement("div", {
58
60
  className: "widget-tab-panes"
59
- }, tabs.map((tab, index) => /*#__PURE__*/React.createElement(TabPane, {
61
+ }, tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(TabPane, {
60
62
  key: index,
61
63
  icon: images[tab].icon,
62
64
  image: images[tab].img,
@@ -72,14 +74,14 @@ const TabPane = _ref2 => {
72
74
  image,
73
75
  onClick
74
76
  } = _ref2;
75
- return /*#__PURE__*/React.createElement("div", {
77
+ return /*#__PURE__*/_react.default.createElement("div", {
76
78
  className: "widget-tab-pane ".concat(active ? 'widget-tab-pane--active' : ''),
77
79
  onClick: onClick
78
- }, /*#__PURE__*/React.createElement("img", {
80
+ }, /*#__PURE__*/_react.default.createElement("img", {
79
81
  className: "widget-tab-pane__image",
80
82
  src: image,
81
83
  alt: "tab-pane"
82
- }), icon && /*#__PURE__*/React.createElement("img", {
84
+ }), icon && /*#__PURE__*/_react.default.createElement("img", {
83
85
  className: "widget-tab-pane__icon",
84
86
  src: icon,
85
87
  alt: "tab-pane-icon"
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
+ var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _ImageTab = _interopRequireDefault(require("./ImageTab"));
9
11
 
10
12
  var _Instructions = _interopRequireDefault(require("./Instructions"));
@@ -22,9 +24,9 @@ const TabWrapper = _ref => {
22
24
  } = _ref;
23
25
 
24
26
  if (!isActive) {
25
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ImageTab.default, {
27
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
26
28
  image: image
27
- }), /*#__PURE__*/React.createElement(_Instructions.default, {
29
+ }), /*#__PURE__*/_react.default.createElement(_Instructions.default, {
28
30
  title: title,
29
31
  text: text,
30
32
  onClick: onStart
@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
7
12
  const defaultConfig = {
8
13
  container: 'widget-container',
9
14
  tabs: ['planImage', 'topView', 'topDownView', 'rotation', 'panorama', 'model'],
package/build/index.js CHANGED
@@ -1,13 +1,24 @@
1
1
  "use strict";
2
2
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
3
+ require("core-js/modules/web.dom-collections.iterator.js");
4
+
5
+ var _react = _interopRequireWildcard(require("react"));
6
+
7
+ var _reactDom = _interopRequireDefault(require("react-dom"));
7
8
 
8
9
  var _Widget = _interopRequireDefault(require("./Widget"));
9
10
 
10
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
12
 
12
- var _default = _Widget.default;
13
- exports.default = _default;
13
+ 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); }
14
+
15
+ 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; }
16
+
17
+ const App = () => {
18
+ (0, _react.useEffect)(() => new _Widget.default(), []);
19
+ return /*#__PURE__*/_react.default.createElement("div", {
20
+ id: "widget-container"
21
+ });
22
+ };
23
+
24
+ _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(App, null)), document.getElementById('root'));
@@ -7,6 +7,10 @@ exports.default = void 0;
7
7
 
8
8
  require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
10
14
  function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
11
15
 
12
16
  function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
@@ -9,6 +9,8 @@ require("core-js/modules/es.object.assign.js");
9
9
 
10
10
  require("core-js/modules/web.dom-collections.iterator.js");
11
11
 
12
+ var _react = _interopRequireDefault(require("react"));
13
+
12
14
  var _events2 = _interopRequireDefault(require("./events"));
13
15
 
14
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
+ var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _mobx = require("mobx");
9
11
 
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
10
14
  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; }
11
15
 
12
16
  (0, _mobx.configure)({
package/package.json CHANGED
@@ -2,23 +2,15 @@
2
2
  "name": "hart-estate-widget",
3
3
  "description": "HART Estate widget",
4
4
  "author": "HART",
5
- "keywords": [
6
- "react",
7
- "hart",
8
- "widget",
9
- "estate"
10
- ],
11
- "version": "0.0.1",
5
+ "keywords": ["react", "hart", "widget", "estate"],
6
+ "version": "0.0.2",
12
7
  "private": false,
13
8
  "main": "build/index.js",
14
9
  "module": "build/index.js",
15
- "files": [
16
- "build",
17
- "README.md"
18
- ],
10
+ "files": [ "build", "README.md" ],
19
11
  "repository": {
20
- "type": "git",
21
- "url": "https://gitlab.myhart.ru/hart_estate/hart-estate-widget"
12
+ "type": "git",
13
+ "url": "https://gitlab.myhart.ru/hart_estate/hart-estate-widget"
22
14
  },
23
15
  "scripts": {
24
16
  "start": "node scripts/start.js",