mc-react-header 0.3.3 → 0.3.4

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.
Files changed (8) hide show
  1. package/dist/Breadcrumbs.js +5 -3
  2. package/dist/Navbar.js +12 -11
  3. package/dist/index.js +5 -4
  4. package/package.json +1 -1
  5. package/src/App.js +6 -1
  6. package/src/MaterialsCloudHeader/Breadcrumbs.js +2 -0
  7. package/src/MaterialsCloudHeader/Navbar.js +1 -0
  8. package/src/MaterialsCloudHeader/index.js +1 -0
package/dist/Breadcrumbs.js CHANGED
@@ -5,16 +5,18 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  require("./Breadcrumbs.css");
8
+ var _react = _interopRequireDefault(require("react"));
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
8
10
  const Breadcrumbs = _ref => {
9
11
  let {
10
12
  breadcrumbsPath
11
13
  } = _ref;
12
- return /*#__PURE__*/React.createElement("ul", {
14
+ return /*#__PURE__*/_react.default.createElement("ul", {
13
15
  className: "mc-breadcrumb"
14
16
  }, breadcrumbsPath.map((el, i) => {
15
- return /*#__PURE__*/React.createElement("li", {
17
+ return /*#__PURE__*/_react.default.createElement("li", {
16
18
  key: i
17
- }, /*#__PURE__*/React.createElement("a", {
19
+ }, /*#__PURE__*/_react.default.createElement("a", {
18
20
  href: el.link
19
21
  }, el.name));
20
22
  }));
package/dist/Navbar.js CHANGED
@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  require("./Navbar.css");
8
+ var _react = _interopRequireWildcard(require("react"));
8
9
  var _mcloud_logo = _interopRequireDefault(require("./assets/mcloud_logo.png"));
9
10
  require("font-awesome/css/font-awesome.min.css");
10
- var _react = require("react");
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
12
13
  const mainSections = {
13
14
  learn: {
14
15
  name: "LEARN",
@@ -78,15 +79,15 @@ const DropdownMenu = _ref => {
78
79
  }, []);
79
80
  const toggleDropdown = () => setDropdownOpen(prev => !prev);
80
81
  const dropdownContentClass = "dropdown-content" + (dropdownOpen ? " dropdown-open" : "");
81
- return /*#__PURE__*/React.createElement("div", {
82
+ return /*#__PURE__*/_react.default.createElement("div", {
82
83
  ref: wrapperRef,
83
84
  className: "more-dropdown"
84
- }, /*#__PURE__*/React.createElement("span", {
85
+ }, /*#__PURE__*/_react.default.createElement("span", {
85
86
  className: "more-btn",
86
87
  onClick: toggleDropdown
87
- }, "More ", /*#__PURE__*/React.createElement("i", {
88
+ }, "More ", /*#__PURE__*/_react.default.createElement("i", {
88
89
  className: "fa fa-caret-down"
89
- })), /*#__PURE__*/React.createElement("div", {
90
+ })), /*#__PURE__*/_react.default.createElement("div", {
90
91
  className: dropdownContentClass
91
92
  }, Object.keys(dropdownSections).map((element, i) => {
92
93
  const {
@@ -94,7 +95,7 @@ const DropdownMenu = _ref => {
94
95
  name
95
96
  } = dropdownSections[element];
96
97
  const cname = element === activeSection ? "active" : "";
97
- return /*#__PURE__*/React.createElement("a", {
98
+ return /*#__PURE__*/_react.default.createElement("a", {
98
99
  key: i,
99
100
  className: cname,
100
101
  href: link
@@ -105,24 +106,24 @@ const Navbar = _ref2 => {
105
106
  let {
106
107
  activeSection
107
108
  } = _ref2;
108
- return /*#__PURE__*/React.createElement("div", {
109
+ return /*#__PURE__*/_react.default.createElement("div", {
109
110
  className: "mc-navbar"
110
- }, /*#__PURE__*/React.createElement("a", {
111
+ }, /*#__PURE__*/_react.default.createElement("a", {
111
112
  className: "mc-navbrand",
112
113
  href: "https://www.materialscloud.org/home"
113
- }, /*#__PURE__*/React.createElement("img", {
114
+ }, /*#__PURE__*/_react.default.createElement("img", {
114
115
  src: _mcloud_logo.default,
115
116
  height: "50",
116
117
  alt: "MC logo"
117
118
  })), Object.keys(mainSections).map((key, i) => {
118
119
  let cname = "mc-navlink";
119
120
  if (key === activeSection) cname += " active";
120
- return /*#__PURE__*/React.createElement("a", {
121
+ return /*#__PURE__*/_react.default.createElement("a", {
121
122
  key: i,
122
123
  className: cname,
123
124
  href: mainSections[key].link
124
125
  }, mainSections[key].name);
125
- }), /*#__PURE__*/React.createElement(DropdownMenu, {
126
+ }), /*#__PURE__*/_react.default.createElement(DropdownMenu, {
126
127
  activeSection: activeSection
127
128
  }));
128
129
  };
package/dist/index.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  require("./index.css");
8
+ var _react = _interopRequireDefault(require("react"));
8
9
  var _Navbar = _interopRequireDefault(require("./Navbar"));
9
10
  var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
10
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -14,13 +15,13 @@ const MaterialsCloudHeader = _ref => {
14
15
  breadcrumbsPath,
15
16
  children
16
17
  } = _ref;
17
- return /*#__PURE__*/React.createElement("div", {
18
+ return /*#__PURE__*/_react.default.createElement("div", {
18
19
  className: "main-container"
19
- }, /*#__PURE__*/React.createElement(_Navbar.default, {
20
+ }, /*#__PURE__*/_react.default.createElement(_Navbar.default, {
20
21
  activeSection: activeSection
21
- }), /*#__PURE__*/React.createElement("div", {
22
+ }), /*#__PURE__*/_react.default.createElement("div", {
22
23
  className: "content-container"
23
- }, /*#__PURE__*/React.createElement(_Breadcrumbs.default, {
24
+ }, /*#__PURE__*/_react.default.createElement(_Breadcrumbs.default, {
24
25
  breadcrumbsPath: breadcrumbsPath
25
26
  }), children));
26
27
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mc-react-header",
3
- "version": "0.3.3",
3
+ "version": "0.3.4",
4
4
  "author": "Kristjan Eimre <kristjan.eimre@epfl.ch>",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
package/src/App.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import "./App.css";
2
2
 
3
+ import React from "react";
4
+
3
5
  import MaterialsCloudHeader from "./MaterialsCloudHeader";
4
6
 
5
7
  function App() {
@@ -9,7 +11,10 @@ function App() {
9
11
  activeSection={"discover"} // see the corresponding key in MaterialsCloudHeader/Navbar.js
10
12
  breadcrumbsPath={[
11
13
  { name: "Discover", link: "https://www.materialscloud.org/discover" },
12
- { name: "Materials Cloud three-dimensional crystals database", link: "https://www.materialscloud.org/discover/mc3d" },
14
+ {
15
+ name: "Materials Cloud three-dimensional crystals database",
16
+ link: "https://www.materialscloud.org/discover/mc3d",
17
+ },
13
18
  { name: "test", link: null },
14
19
  ]}
15
20
  >
package/src/MaterialsCloudHeader/Breadcrumbs.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import "./Breadcrumbs.css";
2
2
 
3
+ import React from "react";
4
+
3
5
  const Breadcrumbs = ({ breadcrumbsPath }) => (
4
6
  <ul className="mc-breadcrumb">
5
7
  {breadcrumbsPath.map((el, i) => {
package/src/MaterialsCloudHeader/Navbar.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import "./Navbar.css";
2
2
 
3
+ import React from "react";
3
4
  import Logo from "./assets/mcloud_logo.png";
4
5
 
5
6
  import "font-awesome/css/font-awesome.min.css";
package/src/MaterialsCloudHeader/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import "./index.css";
2
2
 
3
+ import React from "react";
3
4
  import Navbar from "./Navbar";
4
5
  import Breadcrumbs from "./Breadcrumbs";
5
6