superdesk-ui-framework 3.0.1-beta.13 → 3.0.1-beta.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vscode/settings.json +5 -0
- package/app/styles/_table-list.scss +1 -0
- package/app/styles/dropdowns/_basic-dropdown.scss +6 -0
- package/app-typescript/components/Dropdown.tsx +65 -65
- package/app-typescript/components/DurationInput.tsx +14 -4
- package/app-typescript/components/Lists/ContentList.tsx +28 -4
- package/app-typescript/components/Lists/TableList.tsx +11 -9
- package/app-typescript/dist/components/Alert.d.ts +16 -0
- package/app-typescript/dist/components/Autocomplete.d.ts +48 -0
- package/app-typescript/dist/components/Avatar.d.ts +33 -0
- package/app-typescript/dist/components/Badge.d.ts +13 -0
- package/app-typescript/dist/components/Button.d.ts +23 -0
- package/app-typescript/dist/components/ButtonGroup.d.ts +12 -0
- package/app-typescript/dist/components/CheckButtonGroup.d.ts +11 -0
- package/app-typescript/dist/components/CheckGroup.d.ts +9 -0
- package/app-typescript/dist/components/Checkbox.d.ts +19 -0
- package/app-typescript/dist/components/CheckboxButton.d.ts +19 -0
- package/app-typescript/dist/components/DatePicker.d.ts +37 -0
- package/app-typescript/dist/components/Divider.d.ts +9 -0
- package/app-typescript/dist/components/DonutChart.d.ts +12 -0
- package/app-typescript/dist/components/Dropdown.d.ts +28 -0
- package/app-typescript/dist/components/DropdownFirst.d.ts +42 -0
- package/app-typescript/dist/components/EmptyState.d.ts +11 -0
- package/app-typescript/dist/components/FormLabel.d.ts +9 -0
- package/app-typescript/dist/components/Genie.d.ts +13 -0
- package/app-typescript/dist/components/GridItem.d.ts +69 -0
- package/app-typescript/dist/components/GridList.d.ts +14 -0
- package/app-typescript/dist/components/HeadingText.d.ts +10 -0
- package/app-typescript/dist/components/HelloWorld.d.ts +8 -0
- package/app-typescript/dist/components/Icon.d.ts +12 -0
- package/app-typescript/dist/components/IconButton.d.ts +12 -0
- package/app-typescript/dist/components/IconLabel.d.ts +11 -0
- package/app-typescript/dist/components/Input.d.ts +24 -0
- package/app-typescript/dist/components/Label.d.ts +15 -0
- package/app-typescript/dist/components/LeftMenu.d.ts +26 -0
- package/app-typescript/dist/components/Loader.d.ts +8 -0
- package/app-typescript/dist/components/NavButton.d.ts +15 -0
- package/app-typescript/dist/components/Popover.d.ts +13 -0
- package/app-typescript/dist/components/PropsList.d.ts +15 -0
- package/app-typescript/dist/components/Radio.d.ts +19 -0
- package/app-typescript/dist/components/RadioButton.d.ts +20 -0
- package/app-typescript/dist/components/Select.d.ts +29 -0
- package/app-typescript/dist/components/SelectWithTemplate.d.ts +32 -0
- package/app-typescript/dist/components/SlidingToolbar.d.ts +8 -0
- package/app-typescript/dist/components/StrechBar.d.ts +4 -0
- package/app-typescript/dist/components/SubNav.d.ts +10 -0
- package/app-typescript/dist/components/Switch.d.ts +12 -0
- package/app-typescript/dist/components/TabCustom.d.ts +25 -0
- package/app-typescript/dist/components/TabList.d.ts +22 -0
- package/app-typescript/dist/components/Tag.d.ts +9 -0
- package/app-typescript/dist/components/TagInput.d.ts +7 -0
- package/app-typescript/dist/components/TagInputTest.d.ts +18 -0
- package/app-typescript/dist/components/TimePicker.d.ts +11 -0
- package/app-typescript/dist/components/Tooltip.d.ts +11 -0
- package/app-typescript/dist/components/_Positioner.d.ts +27 -0
- package/app-typescript/dist/index.d.ts +56 -0
- package/dist/examples.bundle.js +538 -122
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +3 -9
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +9 -19
- package/dist/react/ContentList.tsx +2 -10
- package/dist/react/Dropdowns.tsx +357 -5
- package/dist/react/TableList.tsx +28 -30
- package/dist/superdesk-ui.bundle.css +8 -3
- package/dist/superdesk-ui.bundle.js +232 -94
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +3 -9
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +9 -19
- package/examples/pages/react/ContentList.tsx +2 -10
- package/examples/pages/react/Dropdowns.tsx +357 -5
- package/examples/pages/react/TableList.tsx +28 -30
- package/package.json +1 -1
- package/react/components/Dropdown.d.ts +4 -4
- package/react/components/Dropdown.js +19 -15
- package/react/components/DurationInput.d.ts +1 -1
- package/react/components/DurationInput.js +14 -4
- package/react/components/Lists/ContentList.d.ts +5 -0
- package/react/components/Lists/ContentList.js +36 -15
- package/react/components/Lists/TableList.d.ts +5 -5
- package/react/components/Lists/TableList.js +6 -4
- package/yarn-error.log +111 -0
@@ -1,14 +1,9 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import * as Components from './components/Index';
|
3
2
|
import { ButtonGroup, Button, NavButton, SubNav, Dropdown, CheckButtonGroup, RadioGroup, RadioButtonGroup, Input, Select, Option, Label, IconLabel, Icon, IconButton, Checkbox, GridList, Badge, Tooltip, CreateButton, Modal, EmptyState, Container, BoxedList, BoxedListItem, BoxedListContentRow, Text, Heading, FormLabel, SlidingToolbar, Switch, SwitchGroup, SearchBar } from '../../../../app-typescript/index';
|
4
3
|
import * as Layout from '../../../../app-typescript/components/Layouts';
|
5
4
|
import * as Form from '../../../../app-typescript/components/Form';
|
6
5
|
import {RundownEditor} from './RundownEditor';
|
7
6
|
import * as Nav from '../../../../app-typescript/components/Navigation';
|
8
|
-
import * as GridElements from '../../../../app-typescript/components/GridItem';
|
9
|
-
|
10
|
-
|
11
|
-
import dummy_items from '../dummy-data/items';
|
12
7
|
import { ContentList } from '../../../../app-typescript/components/Lists/ContentList';
|
13
8
|
import { TableList } from '../../../../app-typescript/components/Lists/TableList';
|
14
9
|
|
@@ -524,15 +519,14 @@ export class Rundowns extends React.Component<IProps, IState> {
|
|
524
519
|
<IconLabel style='translucent' innerLabel='Planned:'text='01:00' />
|
525
520
|
</ButtonGroup>
|
526
521
|
<TableList
|
527
|
-
|
528
|
-
|
529
|
-
|
530
|
-
|
531
|
-
|
532
|
-
|
533
|
-
|
534
|
-
|
535
|
-
/>
|
522
|
+
className='sd-margin-y--4'
|
523
|
+
array={this.state.array}
|
524
|
+
itemsDropdown={() => [
|
525
|
+
{ label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => 1 },
|
526
|
+
{ label: <Label style='translucent' text='prlg' />, onSelect: () => 1 },
|
527
|
+
{ label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => 1 },
|
528
|
+
]}
|
529
|
+
/>
|
536
530
|
</Layout.PanelContentBlock>
|
537
531
|
</Layout.PanelContent>
|
538
532
|
</Layout.Panel>
|
@@ -632,8 +626,6 @@ export class Rundowns extends React.Component<IProps, IState> {
|
|
632
626
|
</Container>
|
633
627
|
</BoxedListItem>
|
634
628
|
</BoxedList> */}
|
635
|
-
|
636
|
-
|
637
629
|
</Layout.PanelContent>
|
638
630
|
</Layout.Panel>
|
639
631
|
</Layout.LeftPanel>
|
@@ -692,8 +684,6 @@ export class Rundowns extends React.Component<IProps, IState> {
|
|
692
684
|
The show <strong>Marker</strong> has been successfully created.<br />
|
693
685
|
Do you want to cretate a template for this show right away?
|
694
686
|
</Text>
|
695
|
-
|
696
|
-
|
697
687
|
</Container>
|
698
688
|
</Modal>
|
699
689
|
|
@@ -733,7 +723,7 @@ export class Rundowns extends React.Component<IProps, IState> {
|
|
733
723
|
</ButtonGroup>
|
734
724
|
</Container>
|
735
725
|
<BoxedList>
|
736
|
-
|
726
|
+
<BoxedListItem
|
737
727
|
alignVertical='center'
|
738
728
|
clickable={true}
|
739
729
|
density='compact'
|
@@ -1,28 +1,23 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import * as Markup from '../../js/react';
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import { ContentList, ContentListItem } from '../../../app-typescript/components/Lists/ContentList';
|
3
|
+
import { Prop, PropsList, Icon, IconButton, Label, Container, IconLabel } from '../../../app-typescript';
|
4
|
+
import { ContentList } from '../../../app-typescript/components/Lists/ContentList';
|
6
5
|
|
7
6
|
export default class ContentListDoc extends React.Component {
|
8
7
|
render() {
|
9
8
|
return (
|
10
9
|
<section className='docs-page__container'>
|
11
10
|
<h2 className='docs-page__h2'>ContentList</h2>
|
12
|
-
|
13
11
|
<Markup.ReactMarkupCodePreview>{`
|
14
12
|
<ContentList
|
15
13
|
items: [...]
|
16
14
|
/>
|
17
15
|
`}
|
18
16
|
</Markup.ReactMarkupCodePreview>
|
19
|
-
|
20
17
|
<p className="docs-page__paragraph">...</p>
|
21
|
-
|
22
18
|
<Markup.ReactMarkup>
|
23
19
|
<Markup.ReactMarkupPreview>
|
24
20
|
<p className="docs-page__paragraph">// basic</p>
|
25
|
-
|
26
21
|
<ContentList
|
27
22
|
items={[
|
28
23
|
{
|
@@ -140,7 +135,6 @@ export default class ContentListDoc extends React.Component {
|
|
140
135
|
action: <IconButton icon='dots-vertical' ariaValue='More actions' onClick={()=> false} />,
|
141
136
|
},
|
142
137
|
]} />
|
143
|
-
|
144
138
|
</Markup.ReactMarkupPreview>
|
145
139
|
<Markup.ReactMarkupCode>{`
|
146
140
|
<ContentList
|
@@ -261,7 +255,6 @@ export default class ContentListDoc extends React.Component {
|
|
261
255
|
`}
|
262
256
|
</Markup.ReactMarkupCode>
|
263
257
|
</Markup.ReactMarkup>
|
264
|
-
|
265
258
|
<h3 className="docs-page__h3">Props</h3>
|
266
259
|
<p className="docs-page__paragraph">ContentList</p>
|
267
260
|
<PropsList>
|
@@ -279,7 +272,6 @@ export default class ContentListDoc extends React.Component {
|
|
279
272
|
<Prop name='onClick' isRequired={false} type='function' default='/' description='onClick functionality.'/>
|
280
273
|
<Prop name='onDoubleClick' isRequired={false} type='function' default='/' description='onDoubleClick functionality.'/>
|
281
274
|
</PropsList>
|
282
|
-
|
283
275
|
</section>
|
284
276
|
)
|
285
277
|
}
|
@@ -67,7 +67,8 @@ export default class DropdownDoc extends React.Component {
|
|
67
67
|
<p className='docs-page__paragraph'>Add prop value <code>append = true</code> to the dropdown element to append to the inner dropdown menu to the body. This is useful when the dropdown button is inside a div with overflow: hidden, and the menu would otherwise be hidden.</p>
|
68
68
|
<Markup.ReactMarkup>
|
69
69
|
<Markup.ReactMarkupPreview>
|
70
|
-
<Dropdown
|
70
|
+
<Dropdown
|
71
|
+
append={true}
|
71
72
|
header={[
|
72
73
|
{
|
73
74
|
type: 'group',
|
@@ -83,13 +84,19 @@ export default class DropdownDoc extends React.Component {
|
|
83
84
|
label: 'Show 1',
|
84
85
|
icon: 'plus-sign',
|
85
86
|
items: [
|
86
|
-
|
87
|
+
{
|
88
|
+
type: 'submenu',
|
89
|
+
label: 'Show 1',
|
90
|
+
icon: 'plus-sign',
|
91
|
+
items: []
|
92
|
+
}
|
87
93
|
],
|
88
94
|
},
|
89
95
|
{
|
90
96
|
type: 'submenu',
|
91
97
|
label: 'Show 2',
|
92
98
|
icon: 'plus-sign',
|
99
|
+
|
93
100
|
items: [
|
94
101
|
|
95
102
|
],
|
@@ -108,6 +115,295 @@ export default class DropdownDoc extends React.Component {
|
|
108
115
|
type: 'submenu',
|
109
116
|
label: 'Rundown',
|
110
117
|
icon: 'plus-sign',
|
118
|
+
|
119
|
+
items: [
|
120
|
+
{
|
121
|
+
type: 'submenu',
|
122
|
+
label: 'Show 1',
|
123
|
+
icon: 'plus-sign',
|
124
|
+
items: [
|
125
|
+
|
126
|
+
],
|
127
|
+
},
|
128
|
+
{
|
129
|
+
type: 'submenu',
|
130
|
+
label: 'Show 2',
|
131
|
+
icon: 'plus-sign',
|
132
|
+
items: [
|
133
|
+
|
134
|
+
],
|
135
|
+
},
|
136
|
+
],
|
137
|
+
},
|
138
|
+
{
|
139
|
+
type: 'submenu',
|
140
|
+
label: 'Rundown',
|
141
|
+
icon: 'plus-sign',
|
142
|
+
|
143
|
+
items: [
|
144
|
+
{
|
145
|
+
type: 'submenu',
|
146
|
+
label: 'Show 1',
|
147
|
+
icon: 'plus-sign',
|
148
|
+
items: [
|
149
|
+
|
150
|
+
],
|
151
|
+
},
|
152
|
+
{
|
153
|
+
type: 'submenu',
|
154
|
+
label: 'Show 2',
|
155
|
+
icon: 'plus-sign',
|
156
|
+
items: [
|
157
|
+
|
158
|
+
],
|
159
|
+
},
|
160
|
+
],
|
161
|
+
},
|
162
|
+
{
|
163
|
+
type: 'submenu',
|
164
|
+
label: 'Rundown',
|
165
|
+
icon: 'plus-sign',
|
166
|
+
|
167
|
+
items: [
|
168
|
+
{
|
169
|
+
type: 'submenu',
|
170
|
+
label: 'Show 1',
|
171
|
+
icon: 'plus-sign',
|
172
|
+
items: [
|
173
|
+
|
174
|
+
],
|
175
|
+
},
|
176
|
+
{
|
177
|
+
type: 'submenu',
|
178
|
+
label: 'Show 2',
|
179
|
+
icon: 'plus-sign',
|
180
|
+
items: [
|
181
|
+
|
182
|
+
],
|
183
|
+
},
|
184
|
+
],
|
185
|
+
},
|
186
|
+
{
|
187
|
+
type: 'submenu',
|
188
|
+
label: 'Rundown',
|
189
|
+
icon: 'plus-sign',
|
190
|
+
|
191
|
+
items: [
|
192
|
+
{
|
193
|
+
type: 'submenu',
|
194
|
+
label: 'Show 1',
|
195
|
+
icon: 'plus-sign',
|
196
|
+
items: [
|
197
|
+
|
198
|
+
],
|
199
|
+
},
|
200
|
+
{
|
201
|
+
type: 'submenu',
|
202
|
+
label: 'Show 2',
|
203
|
+
icon: 'plus-sign',
|
204
|
+
items: [
|
205
|
+
|
206
|
+
],
|
207
|
+
},
|
208
|
+
],
|
209
|
+
},
|
210
|
+
{
|
211
|
+
type: 'submenu',
|
212
|
+
label: 'Rundown',
|
213
|
+
icon: 'plus-sign',
|
214
|
+
|
215
|
+
items: [
|
216
|
+
{
|
217
|
+
type: 'submenu',
|
218
|
+
label: 'Show 1',
|
219
|
+
icon: 'plus-sign',
|
220
|
+
items: [
|
221
|
+
|
222
|
+
],
|
223
|
+
},
|
224
|
+
{
|
225
|
+
type: 'submenu',
|
226
|
+
label: 'Show 2',
|
227
|
+
icon: 'plus-sign',
|
228
|
+
items: [
|
229
|
+
|
230
|
+
],
|
231
|
+
},
|
232
|
+
],
|
233
|
+
},
|
234
|
+
{
|
235
|
+
type: 'submenu',
|
236
|
+
label: 'Rundown',
|
237
|
+
icon: 'plus-sign',
|
238
|
+
|
239
|
+
items: [
|
240
|
+
{
|
241
|
+
type: 'submenu',
|
242
|
+
label: 'Show 1',
|
243
|
+
icon: 'plus-sign',
|
244
|
+
items: [
|
245
|
+
|
246
|
+
],
|
247
|
+
},
|
248
|
+
{
|
249
|
+
type: 'submenu',
|
250
|
+
label: 'Show 2',
|
251
|
+
icon: 'plus-sign',
|
252
|
+
items: [
|
253
|
+
|
254
|
+
],
|
255
|
+
},
|
256
|
+
],
|
257
|
+
},
|
258
|
+
{
|
259
|
+
type: 'submenu',
|
260
|
+
label: 'Rundown',
|
261
|
+
icon: 'plus-sign',
|
262
|
+
|
263
|
+
items: [
|
264
|
+
{
|
265
|
+
type: 'submenu',
|
266
|
+
label: 'Show 1',
|
267
|
+
icon: 'plus-sign',
|
268
|
+
items: [
|
269
|
+
|
270
|
+
],
|
271
|
+
},
|
272
|
+
{
|
273
|
+
type: 'submenu',
|
274
|
+
label: 'Show 2',
|
275
|
+
icon: 'plus-sign',
|
276
|
+
items: [
|
277
|
+
|
278
|
+
],
|
279
|
+
},
|
280
|
+
],
|
281
|
+
},
|
282
|
+
{
|
283
|
+
type: 'submenu',
|
284
|
+
label: 'Rundown',
|
285
|
+
icon: 'plus-sign',
|
286
|
+
|
287
|
+
items: [
|
288
|
+
{
|
289
|
+
type: 'submenu',
|
290
|
+
label: 'Show 1',
|
291
|
+
icon: 'plus-sign',
|
292
|
+
items: [
|
293
|
+
|
294
|
+
],
|
295
|
+
},
|
296
|
+
{
|
297
|
+
type: 'submenu',
|
298
|
+
label: 'Show 2',
|
299
|
+
icon: 'plus-sign',
|
300
|
+
items: [
|
301
|
+
|
302
|
+
],
|
303
|
+
},
|
304
|
+
],
|
305
|
+
},
|
306
|
+
{
|
307
|
+
type: 'submenu',
|
308
|
+
label: 'Rundown',
|
309
|
+
icon: 'plus-sign',
|
310
|
+
|
311
|
+
items: [
|
312
|
+
{
|
313
|
+
type: 'submenu',
|
314
|
+
label: 'Show 1',
|
315
|
+
icon: 'plus-sign',
|
316
|
+
items: [
|
317
|
+
|
318
|
+
],
|
319
|
+
},
|
320
|
+
{
|
321
|
+
type: 'submenu',
|
322
|
+
label: 'Show 2',
|
323
|
+
icon: 'plus-sign',
|
324
|
+
items: [
|
325
|
+
|
326
|
+
],
|
327
|
+
},
|
328
|
+
],
|
329
|
+
},
|
330
|
+
{
|
331
|
+
type: 'submenu',
|
332
|
+
label: 'Rundown',
|
333
|
+
icon: 'plus-sign',
|
334
|
+
|
335
|
+
items: [
|
336
|
+
{
|
337
|
+
type: 'submenu',
|
338
|
+
label: 'Show 1',
|
339
|
+
icon: 'plus-sign',
|
340
|
+
items: [
|
341
|
+
|
342
|
+
],
|
343
|
+
},
|
344
|
+
{
|
345
|
+
type: 'submenu',
|
346
|
+
label: 'Show 2',
|
347
|
+
icon: 'plus-sign',
|
348
|
+
items: [
|
349
|
+
|
350
|
+
],
|
351
|
+
},
|
352
|
+
],
|
353
|
+
},
|
354
|
+
{
|
355
|
+
type: 'submenu',
|
356
|
+
label: 'Rundown',
|
357
|
+
icon: 'plus-sign',
|
358
|
+
|
359
|
+
items: [
|
360
|
+
{
|
361
|
+
type: 'submenu',
|
362
|
+
label: 'Show 1',
|
363
|
+
icon: 'plus-sign',
|
364
|
+
items: [
|
365
|
+
|
366
|
+
],
|
367
|
+
},
|
368
|
+
{
|
369
|
+
type: 'submenu',
|
370
|
+
label: 'Show 2',
|
371
|
+
icon: 'plus-sign',
|
372
|
+
items: [
|
373
|
+
|
374
|
+
],
|
375
|
+
},
|
376
|
+
],
|
377
|
+
},
|
378
|
+
{
|
379
|
+
type: 'submenu',
|
380
|
+
label: 'Rundown',
|
381
|
+
icon: 'plus-sign',
|
382
|
+
|
383
|
+
items: [
|
384
|
+
{
|
385
|
+
type: 'submenu',
|
386
|
+
label: 'Show 1',
|
387
|
+
icon: 'plus-sign',
|
388
|
+
items: [
|
389
|
+
|
390
|
+
],
|
391
|
+
},
|
392
|
+
{
|
393
|
+
type: 'submenu',
|
394
|
+
label: 'Show 2',
|
395
|
+
icon: 'plus-sign',
|
396
|
+
items: [
|
397
|
+
|
398
|
+
],
|
399
|
+
},
|
400
|
+
],
|
401
|
+
},
|
402
|
+
{
|
403
|
+
type: 'submenu',
|
404
|
+
label: 'Rundown',
|
405
|
+
icon: 'plus-sign',
|
406
|
+
|
111
407
|
items: [
|
112
408
|
{
|
113
409
|
type: 'submenu',
|
@@ -127,6 +423,58 @@ export default class DropdownDoc extends React.Component {
|
|
127
423
|
},
|
128
424
|
],
|
129
425
|
},
|
426
|
+
{
|
427
|
+
type: 'submenu',
|
428
|
+
label: 'Rundown',
|
429
|
+
icon: 'plus-sign',
|
430
|
+
|
431
|
+
items: [
|
432
|
+
{
|
433
|
+
type: 'submenu',
|
434
|
+
label: 'Show 1',
|
435
|
+
icon: 'plus-sign',
|
436
|
+
|
437
|
+
items: [
|
438
|
+
|
439
|
+
],
|
440
|
+
},
|
441
|
+
{
|
442
|
+
type: 'submenu',
|
443
|
+
label: 'Show 2',
|
444
|
+
icon: 'plus-sign',
|
445
|
+
items: [
|
446
|
+
|
447
|
+
],
|
448
|
+
},
|
449
|
+
],
|
450
|
+
},
|
451
|
+
{
|
452
|
+
type: 'submenu',
|
453
|
+
label: 'Rundown',
|
454
|
+
icon: 'plus-sign',
|
455
|
+
|
456
|
+
items: [
|
457
|
+
{
|
458
|
+
type: 'submenu',
|
459
|
+
label: 'Show 1',
|
460
|
+
icon: 'plus-sign',
|
461
|
+
items: [
|
462
|
+
|
463
|
+
],
|
464
|
+
},
|
465
|
+
{
|
466
|
+
type: 'submenu',
|
467
|
+
label: 'Show 2',
|
468
|
+
icon: 'plus-sign',
|
469
|
+
items: [
|
470
|
+
|
471
|
+
],
|
472
|
+
},
|
473
|
+
],
|
474
|
+
},
|
475
|
+
|
476
|
+
|
477
|
+
|
130
478
|
],
|
131
479
|
},
|
132
480
|
]}
|
@@ -137,7 +485,7 @@ export default class DropdownDoc extends React.Component {
|
|
137
485
|
{
|
138
486
|
icon: 'rundown',
|
139
487
|
label: 'Create new Show',
|
140
|
-
onSelect: () =>
|
488
|
+
onSelect: () => console.log('aaa'),
|
141
489
|
},
|
142
490
|
],
|
143
491
|
},
|
@@ -195,7 +543,7 @@ export default class DropdownDoc extends React.Component {
|
|
195
543
|
The submenu opens by default on the right side of the parent menu.</p>
|
196
544
|
<Markup.ReactMarkup>
|
197
545
|
<Markup.ReactMarkupPreview>
|
198
|
-
<Dropdown
|
546
|
+
<Dropdown
|
199
547
|
items={[
|
200
548
|
{
|
201
549
|
type: 'group', label: 'actions', items: [
|
@@ -403,7 +751,11 @@ export default class DropdownDoc extends React.Component {
|
|
403
751
|
label: 'Show 1',
|
404
752
|
icon: 'plus-sign',
|
405
753
|
items: [
|
406
|
-
|
754
|
+
{
|
755
|
+
type: 'submenu',
|
756
|
+
label: 'Show 1',
|
757
|
+
items:[]
|
758
|
+
}
|
407
759
|
],
|
408
760
|
},
|
409
761
|
{
|