Skip to content

Commit e756db8

Browse files
author
Petr Krotov
committed
chore(questions): update storybook
1 parent bd14b9c commit e756db8

File tree

2 files changed

+31
-99
lines changed

2 files changed

+31
-99
lines changed

‎src/blocks/Questions/__stories__/Questions.stories.tsx‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {Meta, StoryFn} from '@storybook/react';
22

3-
import {PageConstructor} from '../../../containers/PageConstructor/PageConstructor';
3+
import {blockTransform} from '../../../../.storybook/utils';
44
import {QuestionsBlockModel, QuestionsProps} from '../../../models';
55
import QuestionsBlock from '../Questions';
66

@@ -11,11 +11,15 @@ export default {
1111
component: QuestionsBlock,
1212
} as Meta;
1313

14-
const DefaultTemplate: StoryFn<QuestionsBlockModel> = (args) => (
15-
<div style={{padding: '64px 0px'}}>
16-
<PageConstructor content={{blocks: [args]}} />
17-
</div>
18-
);
14+
const DefaultTemplate: StoryFn<QuestionsBlockModel> = (args) => {
15+
const transformedArgs = blockTransform(args) as QuestionsProps;
16+
return (
17+
<div style={{padding: '64px 64px'}}>
18+
<QuestionsBlock {...transformedArgs} />
19+
</div>
20+
);
21+
};
22+
1923
export const Default = DefaultTemplate.bind({});
2024
export const TextWithListDash = DefaultTemplate.bind({});
2125
export const TextWithListBullet = DefaultTemplate.bind({});

‎src/blocks/Questions/__stories__/data.json‎

Lines changed: 21 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -7,32 +7,32 @@
77
"dark": "/story-assets/icon_1_dark.svg"
88
},
99
"title": "Lorem ipsum",
10-
"text": "<p><b>Ut enim ad minim veniam</b> <a href='https://example.com'>quis nostrud</a> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>"
10+
"text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
1111
},
1212
{
1313
"icon": {
1414
"light": "/story-assets/icon_3_light.svg",
1515
"dark": "/story-assets/icon_3_dark.svg"
1616
},
1717
"title": "Lorem ipsum ipsum",
18-
"text": "<p><b>Ut enim ad minim veniam</b> <a href='https://example.com'>quis nostrud</a> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>"
18+
"text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
1919
},
2020
{
2121
"icon": {
2222
"light": "/story-assets/icon_2_light.svg",
2323
"dark": "/story-assets/icon_2_dark.svg"
2424
},
2525
"title": "Lorem ipsum",
26-
"text": "<p><b>Ut enim ad minim veniam</b> <a href='https://example.com'>quis nostrud</a> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>"
26+
"text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
2727
}
2828
]
2929
},
3030
"default": {
3131
"content": {
3232
"type": "questions-block",
3333
"title": "Lorem ipsum",
34-
"text": "<p>Dolor sit amet, consectetur adipiscing elit <a href=\"https://example.com\">sed do eiusmod</a> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> ",
35-
"additionalInfo": "<p>Dolor sit amet <a href=\"https://example.com\">consectetur adipiscing</a>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
34+
"text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
35+
"additionalInfo": "Dolor sit amet [consectetur adipiscing](https://example.com) Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
3636
"links": [
3737
{
3838
"url": "/security",
@@ -51,83 +51,35 @@
5151
"items": [
5252
{
5353
"title": "Lorem ipsum dolor sit amet 0",
54-
"text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
55-
"link": {
56-
"url": "#",
57-
"text": "Documentation",
58-
"theme": "normal",
59-
"arrow": true
60-
}
54+
"text": "Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
6155
},
6256
{
6357
"title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 1",
64-
"text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
65-
"link": {
66-
"url": "#",
67-
"text": "Documentation",
68-
"theme": "normal",
69-
"arrow": true
70-
}
58+
"text": "laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
7159
},
7260
{
7361
"title": "Lorem ipsum dolor sit amet 2",
74-
"text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
75-
"link": {
76-
"url": "#",
77-
"text": "Documentation",
78-
"theme": "normal",
79-
"arrow": true
80-
}
62+
"text": "Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
8163
},
8264
{
8365
"title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 3",
84-
"text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
85-
"link": {
86-
"url": "#",
87-
"text": "Documentation",
88-
"theme": "normal",
89-
"arrow": true
90-
}
66+
"text": "laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
9167
},
9268
{
9369
"title": "Lorem ipsum dolor sit amet 4",
94-
"text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
95-
"link": {
96-
"url": "#",
97-
"text": "Documentation",
98-
"theme": "normal",
99-
"arrow": true
100-
}
70+
"text": "Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
10171
},
10272
{
10373
"title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 5",
104-
"text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
105-
"link": {
106-
"url": "#",
107-
"text": "Documentation",
108-
"theme": "normal",
109-
"arrow": true
110-
}
74+
"text": "laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
11175
},
11276
{
11377
"title": "Lorem ipsum dolor sit amet 6",
114-
"text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
115-
"link": {
116-
"url": "#",
117-
"text": "Documentation",
118-
"theme": "normal",
119-
"arrow": true
120-
}
78+
"text": "Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
12179
},
12280
{
12381
"title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 7",
124-
"text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
125-
"link": {
126-
"url": "#",
127-
"text": "Documentation",
128-
"theme": "normal",
129-
"arrow": true
130-
}
82+
"text": "laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
13183
}
13284
]
13385
}
@@ -136,8 +88,8 @@
13688
"content": {
13789
"type": "questions-block",
13890
"title": "Lorem ipsum",
139-
"text": "<p>Dolor sit amet, consectetur adipiscing elit <a href=\"https://example.com\">sed do eiusmod</a> corporations, medium businesses, and individual developers with a scalable <strong>infrastructure</strong>.</p> ",
140-
"additionalInfo": "<p>Dolor sit amet <a href=\"https://example.com\">consectetur adipiscing</a>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
91+
"text": "Dolor sit amet, consectetur adipiscing elit [sed do eiusmod](https://example.com) corporations, medium businesses, and individual developers with a scalable **infrastructure**.",
92+
"additionalInfo": "Dolor sit amet [consectetur adipiscing](https://example.com) Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
14193
"links": [
14294
{
14395
"url": "/security",
@@ -156,24 +108,12 @@
156108
"items": [
157109
{
158110
"title": "1. Lorem ipsum",
159-
"text": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit:</p> <ul> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> </ul> ",
160-
"link": {
161-
"url": "#",
162-
"text": "Documentation",
163-
"theme": "normal",
164-
"arrow": true
165-
},
111+
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit:\n- Lorem ipsum\n- Lorem ipsum\n- Lorem ipsum",
166112
"listStyle": "disk"
167113
},
168114
{
169115
"title": "2. Lorem ipsum",
170-
"text": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit:</p> <ul> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> </ul> ",
171-
"link": {
172-
"url": "#",
173-
"text": "Documentation",
174-
"theme": "normal",
175-
"arrow": true
176-
},
116+
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit:\n- Lorem ipsum\n- Lorem ipsum\n- Lorem ipsum",
177117
"listStyle": "disk"
178118
}
179119
]
@@ -183,8 +123,8 @@
183123
"content": {
184124
"type": "questions-block",
185125
"title": "Lorem ipsum",
186-
"text": "<p>Dolor sit amet, consectetur adipiscing elit <a href=\"https://example.com\">sed do eiusmod</a> corporations, medium businesses, and individual developers with a scalable <strong>infrastructure</strong>.</p> ",
187-
"additionalInfo": "<p>Dolor sit amet <a href=\"https://example.com\">consectetur adipiscing</a>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
126+
"text": "Dolor sit amet, consectetur adipiscing elit [sed do eiusmod](https://example.com) corporations, medium businesses, and individual developers with a scalable **infrastructure**.",
127+
"additionalInfo": "Dolor sit amet [consectetur adipiscing](https://example.com) Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
188128
"links": [
189129
{
190130
"url": "/security",
@@ -203,23 +143,11 @@
203143
"items": [
204144
{
205145
"title": "1. Lorem ipsum",
206-
"text": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit:</p> <ul> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> </ul> ",
207-
"link": {
208-
"url": "#",
209-
"text": "Documentation",
210-
"theme": "normal",
211-
"arrow": true
212-
}
146+
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit:\n- Lorem ipsum\n- Lorem ipsum\n- Lorem ipsum"
213147
},
214148
{
215149
"title": "1. Lorem ipsum",
216-
"text": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit:</p> <ul> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> <li> <p>Lorem ipsum</p> </li> </ul> ",
217-
"link": {
218-
"url": "#",
219-
"text": "Documentation",
220-
"theme": "normal",
221-
"arrow": true
222-
}
150+
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit:\n- Lorem ipsum\n- Lorem ipsum\n- Lorem ipsum"
223151
}
224152
]
225153
}

0 commit comments

Comments
 (0)