fix(Storybook): fix links (#123)

Author: Juli Ovechkina

src/stories/BLOCKS.md

@@ -16,38 +16,34 @@ _[Common field types](?id=information--common-types&viewMode=docs)_
 
 ## [Banner](?path=/story/blocks-banner--default&viewMode=docs)
 
-## [CardLayout](?path=/story/blocks-cardlayout--cards-with-image&viewMode=docs)
+## [CardLayout](?path=/story/blocks-cardlayout--default&viewMode=docs)
 
 ## [Companies](?path=/story/blocks-companies--default&viewMode=docs)
 
 ## [ContentLayout](?path=/story/blocks-contentlayout--default&viewMode=docs)
 
 ## [ExtendedFeatures](?path=/story/blocks-extendedfeatures--default&viewMode=docs)
 
-## [HeaderBlock](?path=/story/blocks-header--default&viewMode=docs)
+## [Header](?path=/story/blocks-header--default&viewMode=docs)
 
 ## [HeaderSlider](?path=/story/blocks-headerslider--default&viewMode=docs)
 
 ## [Icons](?path=/story/blocks-icons--default&viewMode=docs)
 
-## [InfoBlock](?path=/story/blocks-info--default&viewMode=docs)
-
-## [LinkTable](?path=/story/blocks-linktable--default-links-one-column&viewMode=docs)
+## [Info](?path=/story/blocks-info--default&viewMode=docs)
 
 ## [Media](?path=/story/blocks-media--default&viewMode=docs)
 
-## [Preview](?path=/story/blocks-preview--default&viewMode=docs)
-
-## [PromoFeaturesBlock](?path=/story/blocks-promofeaturesblock--default-theme&viewMode=docs)
+## [PromoFeatures](?path=/story/blocks-promofeaturesblock--default-theme&viewMode=docs)
 
 ## [Questions](?path=/story/blocks-questions--default&viewMode=docs)
 
-## [SecurityBlock](?path=/story/blocks-security--dark-theme&viewMode=docs)
+## [Security](?path=/story/blocks-security--default&viewMode=docs)
 
-## [Simple](?path=/story/blocks-simple--default&viewMode=docs)
+## [Share](?path=/story/blocks-share--default&viewMode=docs)
 
 ## [Slider](?path=/story/blocks-slider--default&viewMode=docs)
 
-## [TableBlock](?path=/story/blocks-table--default&viewMode=docs)
+## [Table](?path=/story/blocks-table--default&viewMode=docs)
 
-## [Questions](?path=/story/blocks-questions--default&viewMode=docs)
+## [Tabs](?path=/story/blocks-tabs--default&viewMode=docs)

src/stories/SUB_BLOCKS.md

@@ -14,22 +14,16 @@ _Cards are components that are only used together with the slider or layout:_
 
 - ### [BasicCard](?path=/story/components-cards-basiccard--default&viewMode=docs)
 
-- ### [Tutorial](?path=/story/components-cards-tutorialcard--default&viewMode=docs)
-
 - ### [Media](?path=/story/blocks-media--default&viewMode=docs)
 
-- ### [Partner](?path=/story/components-cards-partner--default&viewMode=docs)
-
 - ### [BackgroundCard](?path=/story/components-cards-backgroundcard--default&viewMode=docs)
 
 - ### [CardWithImage](?path=/story/components-cards-cardwithimage--default&viewMode=docs)
 
-- ### [NewsCard](?path=/story/components-cards-newscard--default&viewMode=docs)
-
 ## <a name="additionals">Additional sub-blocks</a>
 
-## [Content](?path=/story/components-content--default&viewMode=docs)
+- ### [Content](?path=/story/components-content--default&viewMode=docs)
 
-## [Price Detailed](?path=/story/components-cards-pricedetailed--marked-list&viewMode=docs)
+- ### [Price Detailed](?path=/story/components-cards-pricedetailed--marked-list&viewMode=docs)
 
-## [Divider](?path=/story/components-divider--default&viewMode=docs)
+- ### [Divider](?path=/story/components-divider--default&viewMode=docs)

src/sub-blocks/Divider/__stories__/Divider.stories.tsx

@@ -0,0 +1,57 @@
+import {Meta, Story} from '@storybook/react/types-6-0';
+import React from 'react';
+import yfm from '@doc-tools/transform';
+
+import BasicCard from '../../BasicCard/BasicCard';
+import Divider from '../Divider';
+import {BlockHeader} from '../../../components';
+import {BasicCardProps, DividerSize} from '../../../models';
+import {COMPONENTS} from '../../../demo/constants';
+
+import data from './data.json';
+
+export default {
+    component: BasicCard,
+    title: `${COMPONENTS}/Divider`,
+} as Meta;
+
+const getSizeTitle = (size: string) => data.sizes.title.replace('{{size}}', size);
+const DefaultTemplate: Story<BasicCardProps> = (args) => (
+    <div>
+        <BlockHeader title={data.default.title} />
+        <div style={{maxWidth: '400px', marginTop: '10px'}}>
+            <BasicCard {...args} />
+            <Divider />
+            <BasicCard {...args} />
+        </div>
+    </div>
+);
+
+const SizesTemplate: Story<BasicCardProps> = (args) => (
+    <div>
+        {data.sizes.items.map((item) => (
+            <div key={item}>
+                <BlockHeader title={getSizeTitle(item.toUpperCase())} />
+                <div style={{maxWidth: '400px', marginTop: '10px', marginBottom: '24px'}}>
+                    <BasicCard {...args} />
+                    <Divider size={item as DividerSize} />
+                    <BasicCard {...args} />
+                </div>
+            </div>
+        ))}
+    </div>
+);
+
+export const Default = DefaultTemplate.bind({});
+export const Sizes = SizesTemplate.bind({});
+
+const DefaultArgs = {
+    ...data.default.content,
+    text: yfm(data.default.content.text).result.html,
+};
+
+Default.args = {
+    ...data.default.content,
+    ...DefaultArgs,
+} as BasicCardProps;
+Sizes.args = DefaultArgs as BasicCardProps;

src/sub-blocks/Divider/__stories__/data.json

@@ -0,0 +1,14 @@
+{
+  "default": {
+    "title": "Default divider between cards, size M",
+    "content": {
+      "url": "https://example.com",
+      "title": "Lorem ipsum",
+      "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+    }
+  },
+  "sizes": {
+    "title": "Divider between cards, size {{size}}",
+    "items": ["0", "xxs", "xs", "s", "m", "l", "xl", "xxl", "xxxl"]
+  }
+}