From f2de070f3e4e6a564e620796cdbcf9c69f160f97 Mon Sep 17 00:00:00 2001
From: Alexey Kostenko <kostenko.20101994@mail.ru>
Date: Thu, 8 Aug 2019 14:40:33 +0300
Subject: [PATCH] =?UTF-8?q?web:=20=D1=81omponents:=20Fixed=20Text=20and=20?=
 =?UTF-8?q?SelectedItem=20story?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../stories/selected-item/all/index.stories.js       | 12 ++++++++++++
 .../stories/selected-item/base/index.stories.js      |  2 +-
 web/ASC.Web.Storybook/stories/text/body/README.md    |  4 ++--
 .../stories/text/body/index.stories.js               |  6 ++++--
 .../stories/text/headline/README.md                  |  6 +++---
 .../stories/text/headline/index.stories.js           |  3 ++-
 6 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/web/ASC.Web.Storybook/stories/selected-item/all/index.stories.js b/web/ASC.Web.Storybook/stories/selected-item/all/index.stories.js
index 716bc89703..06c1656935 100644
--- a/web/ASC.Web.Storybook/stories/selected-item/all/index.stories.js
+++ b/web/ASC.Web.Storybook/stories/selected-item/all/index.stories.js
@@ -4,6 +4,10 @@ import { SelectedItem } from 'asc-web-components';
 import Section from '../../../.storybook/decorators/section';
 import styled from '@emotion/styled';
 
+function onClose(e) {
+  console.log("onClose", e);
+}
+
 const StyledContainer = styled.div`
   padding:0;
   display: grid;
@@ -32,18 +36,22 @@ storiesOf('Components|SelectedItem', module)
           <SelectedItem
             text='Selected item'
             isInline={true}
+            onClose={onClose}
           />
           <SelectedItem
             text='Selected item'
             isInline={true}
+            onClose={onClose}
           />
           <SelectedItem
             text='Selected item'
             isInline={true}
+            onClose={onClose}
           />
           <SelectedItem
             text='Selected item'
             isInline={true}
+            onClose={onClose}
           />
         </StyledContainerInline>
 
@@ -51,18 +59,22 @@ storiesOf('Components|SelectedItem', module)
           <SelectedItem
             text='Selected item'
             isInline={false}
+            onClose={onClose}
           />
           <SelectedItem
             text='Selected item'
             isInline={false}
+            onClose={onClose}
           />
           <SelectedItem
             text='Selected item'
             isInline={false}
+            onClose={onClose}
           />
           <SelectedItem
             text='Selected item'
             isInline={false}
+            onClose={onClose}
           />
         </StyledContainer>
       </Section>
diff --git a/web/ASC.Web.Storybook/stories/selected-item/base/index.stories.js b/web/ASC.Web.Storybook/stories/selected-item/base/index.stories.js
index 78fa736ced..ae5569feae 100644
--- a/web/ASC.Web.Storybook/stories/selected-item/base/index.stories.js
+++ b/web/ASC.Web.Storybook/stories/selected-item/base/index.stories.js
@@ -20,7 +20,7 @@ storiesOf('Components|SelectedItem', module)
         <SelectedItem  
           text={text('text', 'Selected item')}
           isInline={boolean('isInline', true)}
-          onClick={onClose}
+          onClose={onClose}
           isDisabled={boolean('isDisabled', false)}
         />
       </Section>
diff --git a/web/ASC.Web.Storybook/stories/text/body/README.md b/web/ASC.Web.Storybook/stories/text/body/README.md
index f35029d8ab..b7462d2d60 100644
--- a/web/ASC.Web.Storybook/stories/text/body/README.md
+++ b/web/ASC.Web.Storybook/stories/text/body/README.md
@@ -19,7 +19,7 @@ Component that displays plain text
 
 ```
 
-#####  If you need to override styles
+#####  If you need to override styles add forwardedAs instead of as
 
 ```js
 
@@ -29,7 +29,7 @@ Component that displays plain text
         }
     `;
 
-    <StyledText forwardedAs='p' title='Some title'>
+    <StyledText forwardedAs='span' title='Some title'>
         Some text
     </StyledText>
 
diff --git a/web/ASC.Web.Storybook/stories/text/body/index.stories.js b/web/ASC.Web.Storybook/stories/text/body/index.stories.js
index d79bcae52e..641c87dd83 100644
--- a/web/ASC.Web.Storybook/stories/text/body/index.stories.js
+++ b/web/ASC.Web.Storybook/stories/text/body/index.stories.js
@@ -1,11 +1,13 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { text, boolean, withKnobs, color, number } from '@storybook/addon-knobs/react';
+import { text, boolean, withKnobs, color, number, select } from '@storybook/addon-knobs/react';
 import { Text } from 'asc-web-components';
 import Section from '../../../.storybook/decorators/section';
 import withReadme from 'storybook-readme/with-readme';
 import Readme from './README.md';
 
+const textTags = ['p', 'span', 'div'];
+
 storiesOf('Components|Text', module)
   .addDecorator(withKnobs)
   .addDecorator(withReadme(Readme))
@@ -15,7 +17,7 @@ storiesOf('Components|Text', module)
       <div style={{ width: "100%" }}>
         <Text.Body
           title={text('title', '')}
-          as={text('as', 'p')}
+          as={select('as', textTags , 'p')}
           fontSize={number('fontSize', 13)}
           truncate={boolean('truncate', false)}
           isDisabled={boolean('isDisabled', false)}
diff --git a/web/ASC.Web.Storybook/stories/text/headline/README.md b/web/ASC.Web.Storybook/stories/text/headline/README.md
index 9d303f89d8..9678126e1b 100644
--- a/web/ASC.Web.Storybook/stories/text/headline/README.md
+++ b/web/ASC.Web.Storybook/stories/text/headline/README.md
@@ -18,17 +18,17 @@ A component that renders headline
     </Text.Headline>
 ```
 
-#####   If you need to override styles
+#####   If you need to override styles add forwardedAs instead of as
 
 ```js
 
-    const StyledText = styled(Text.Headline)`
+    const StyledHeadline = styled(Text.Headline)`
         &:hover{
             border-bottom: 1px dotted;
         }
     `;
 
-    <StyledHeadline forwardedAs='h1' title='Some title'>
+    <StyledHeadline forwardedAs='h4' title='Some title'>
         Some text
     </StyledHeadline>
 
diff --git a/web/ASC.Web.Storybook/stories/text/headline/index.stories.js b/web/ASC.Web.Storybook/stories/text/headline/index.stories.js
index 770b51ba86..18df4a5dc5 100644
--- a/web/ASC.Web.Storybook/stories/text/headline/index.stories.js
+++ b/web/ASC.Web.Storybook/stories/text/headline/index.stories.js
@@ -7,6 +7,7 @@ import withReadme from 'storybook-readme/with-readme';
 import Readme from './README.md';
 
 const size = ['big', 'medium', 'small'];
+const textTags = ['h1', 'h2', 'h3', 'h4', 'h5'];
 
 storiesOf('Components|Text', module)
   .addDecorator(withKnobs)
@@ -17,7 +18,7 @@ storiesOf('Components|Text', module)
       <div style={{ width: "100%" }}>
         <Text.Headline
           color={color('color', '#333333')}
-          as={text ('as', 'h2')}
+          as={select ('as', textTags, 'h2')}
           title={text('title', '')}
           truncate={boolean('truncate', false)}
           isDisabled={boolean('isDisabled', false)}