dibk-design 0.4.14 → 0.4.15

package/dist/components/NavigationBar.js

@@ -21,6 +21,8 @@ var _NavigationBarModule = _interopRequireDefault(require("./NavigationBar.modul
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -155,9 +157,13 @@ var NavigationBar = /*#__PURE__*/function (_React$Component) {
         alt: "DIBK logo",
         src: _dibkLogoMobile.default
       });
-      return logoLink && logoLink.length ? /*#__PURE__*/_react.default.createElement("a", {
+      var logoLinkProps = {
+        target: this.props.openLogoLinkInNewTab ? '_blank' : null,
+        rel: this.props.openLogoLinkInNewTab ? 'noopener noreferrer' : null
+      };
+      return logoLink && logoLink.length ? /*#__PURE__*/_react.default.createElement("a", _extends({}, logoLinkProps, {
         href: logoLink
-      }, logoElement) : logoElement;
+      }), logoElement) : logoElement;
     }
   }, {
     key: "render",
@@ -217,6 +223,9 @@ NavigationBar.propTypes = {
   /** Link for logo */
   logoLink: _propTypes.default.string,
 
+  /** Opens logo link in a new tab on click */
+  openLogoLinkInNewTab: _propTypes.default.bool,
+
   /** Theme for navigation bar */
   theme: _propTypes.default.object
 };

package/dist/components/NavigationBar.md

@@ -4,11 +4,22 @@ NavigationBar example:
 <NavigationBar primaryListItems={[{name: 'Primary item 1', listItems:['Sub item 1', 'Sub item 2']}, 'Primary item 2', {name: 'Primary item 3', href: '#'}]} secondaryListItems={['Secondary item 1', 'Secondary item 2']} />
 ```
 
+
 NavigationBar without list items example
 ```js
 <NavigationBar />
 ```
 
+NavigationBar with logo link
+```js
+<NavigationBar logoLink="https://dibk.no/" />
+```
+
+NavigationBar with logo link that opens in new tab
+```js
+<NavigationBar logoLink="https://dibk.no/" openLogoLinkInNewTab />
+```
+
 NavigationBar with child elements
 ```js
 <NavigationBar primaryListItems={[{name: 'Primary item 1', listItems:['Sub item 1', 'Sub item 2']}, 'Primary item 2', {name: 'Primary item 3', href: '#'}]} secondaryListItems={['Secondary item 1', 'Secondary item 2']} >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dibk-design",
-  "version": "0.4.14",
+  "version": "0.4.15",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",