From 8020d35669b2d423a098462c90d74995b9621461 Mon Sep 17 00:00:00 2001
From: Alexey Safronov <Alexey.Safronov@onlyoffice.com>
Date: Thu, 23 May 2019 17:29:25 +0300
Subject: [PATCH] web: Init Nav menu component

---
 .../dist/asc-web-components.cjs.js            | 25 +++++++++++++++++
 .../dist/asc-web-components.esm.js            | 28 +++++++++++++++++--
 .../example/stories/nav/index.stories.js      |  8 ++++++
 .../src/components/Nav/index.js               | 27 ++++++++++++++++++
 .../src/components/Nav/styles.scss            |  0
 web/ASC.Web.Components/src/index.js           |  1 +
 6 files changed, 87 insertions(+), 2 deletions(-)
 create mode 100644 web/ASC.Web.Components/example/stories/nav/index.stories.js
 create mode 100644 web/ASC.Web.Components/src/components/Nav/index.js
 create mode 100644 web/ASC.Web.Components/src/components/Nav/styles.scss

diff --git a/web/ASC.Web.Components/dist/asc-web-components.cjs.js b/web/ASC.Web.Components/dist/asc-web-components.cjs.js
index b4168e0ac9..ce38fa2979 100644
--- a/web/ASC.Web.Components/dist/asc-web-components.cjs.js
+++ b/web/ASC.Web.Components/dist/asc-web-components.cjs.js
@@ -450,6 +450,31 @@ LoginForm.defaultProps = {
   password: ''
 };
 
+var _jsxFileName$3 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\Nav\\index.js";
+function _templateObject$3() {
+  var data = _taggedTemplateLiteral(["\n    background: #0f4071;\n    color: #c5c5c5;\n    height: 48px;\n    padding-top: 4px;\n    z-index: 1;\n"]);
+  _templateObject$3 = function _templateObject() {
+    return data;
+  };
+  return data;
+}
+var StyledNav = styled__default(reactstrap.Navbar)(_templateObject$3());
+var Nav = function Nav(props) {
+  var children = props.children;
+  return core.jsx(StyledNav, {
+    dark: true,
+    __source: {
+      fileName: _jsxFileName$3,
+      lineNumber: 19
+    },
+    __self: this
+  }, children);
+};
+Nav.propTypes = {
+  text: PropTypes.string
+};
+
 exports.Button = Button;
 exports.LoginForm = LoginForm;
+exports.Nav = Nav;
 exports.TextInput = TextInput;
diff --git a/web/ASC.Web.Components/dist/asc-web-components.esm.js b/web/ASC.Web.Components/dist/asc-web-components.esm.js
index 6bdbfd03af..ee47b027ad 100644
--- a/web/ASC.Web.Components/dist/asc-web-components.esm.js
+++ b/web/ASC.Web.Components/dist/asc-web-components.esm.js
@@ -2,7 +2,7 @@ import { jsx } from '@emotion/core';
 import { useState } from 'react';
 import styled, { css } from 'styled-components';
 import PropTypes from 'prop-types';
-import { Row, Container, Col, Collapse } from 'reactstrap';
+import { Row, Container, Col, Collapse, Navbar } from 'reactstrap';
 
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -442,4 +442,28 @@ LoginForm.defaultProps = {
   password: ''
 };
 
-export { Button, LoginForm, TextInput };
+var _jsxFileName$3 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\Nav\\index.js";
+function _templateObject$3() {
+  var data = _taggedTemplateLiteral(["\n    background: #0f4071;\n    color: #c5c5c5;\n    height: 48px;\n    padding-top: 4px;\n    z-index: 1;\n"]);
+  _templateObject$3 = function _templateObject() {
+    return data;
+  };
+  return data;
+}
+var StyledNav = styled(Navbar)(_templateObject$3());
+var Nav = function Nav(props) {
+  var children = props.children;
+  return jsx(StyledNav, {
+    dark: true,
+    __source: {
+      fileName: _jsxFileName$3,
+      lineNumber: 19
+    },
+    __self: this
+  }, children);
+};
+Nav.propTypes = {
+  text: PropTypes.string
+};
+
+export { Button, LoginForm, Nav, TextInput };
diff --git a/web/ASC.Web.Components/example/stories/nav/index.stories.js b/web/ASC.Web.Components/example/stories/nav/index.stories.js
new file mode 100644
index 0000000000..72288e8ecc
--- /dev/null
+++ b/web/ASC.Web.Components/example/stories/nav/index.stories.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { Nav } from 'asc-web-components';
+
+storiesOf('Components|Nav', module)
+  .add('base', () => (
+      <Nav></Nav>
+  ));
\ No newline at end of file
diff --git a/web/ASC.Web.Components/src/components/Nav/index.js b/web/ASC.Web.Components/src/components/Nav/index.js
new file mode 100644
index 0000000000..83b6c134a6
--- /dev/null
+++ b/web/ASC.Web.Components/src/components/Nav/index.js
@@ -0,0 +1,27 @@
+import React from 'react'
+import { Navbar } from 'reactstrap'
+import styled from 'styled-components'
+import PropTypes from 'prop-types'
+import './styles.scss'
+
+const StyledNav = styled(Navbar)`
+    background: #0f4071;
+    color: #c5c5c5;
+    height: 48px;
+    padding-top: 4px;
+    z-index: 1;
+`;
+
+const Nav = props => {
+    const { children } = props;
+
+    return (
+        <StyledNav dark>{children}</StyledNav>
+    );
+}
+
+Nav.propTypes = {
+    text: PropTypes.string
+}
+
+export default Nav
\ No newline at end of file
diff --git a/web/ASC.Web.Components/src/components/Nav/styles.scss b/web/ASC.Web.Components/src/components/Nav/styles.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/web/ASC.Web.Components/src/index.js b/web/ASC.Web.Components/src/index.js
index 9b51a1ea0a..91655d638d 100644
--- a/web/ASC.Web.Components/src/index.js
+++ b/web/ASC.Web.Components/src/index.js
@@ -1,3 +1,4 @@
 export { default as Button } from './components/Button/'
 export { default as TextInput } from './components/TextInput/'
 export { default as LoginForm } from './components/Forms/Login'
+export { default as Nav } from './components/Nav'