superdesk-ui-framework 3.0.1-beta.12 → 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/app/styles/_table-list.scss +1 -0
- package/app/styles/dropdowns/_basic-dropdown.scss +6 -0
- package/app-typescript/components/Dropdown.tsx +106 -78
- 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/dist/examples.bundle.js +2267 -1761
- 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 +580 -48
- package/dist/react/TableList.tsx +28 -30
- package/dist/superdesk-ui.bundle.css +8 -3
- package/dist/superdesk-ui.bundle.js +1294 -1219
- package/dist/vendor.bundle.js +14 -14
- 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 +580 -48
- 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 +44 -26
- 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/dist/vendor.bundle.js
CHANGED
@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
70
70
|
/******/ __webpack_require__.p = "";
|
71
71
|
/******/
|
72
72
|
/******/ // Load entry module and return exports
|
73
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
73
|
+
/******/ return __webpack_require__(__webpack_require__.s = 529);
|
74
74
|
/******/ })
|
75
75
|
/************************************************************************/
|
76
76
|
/******/ ({
|
@@ -28246,7 +28246,7 @@ module.exports = function(module) {
|
|
28246
28246
|
|
28247
28247
|
/***/ }),
|
28248
28248
|
|
28249
|
-
/***/
|
28249
|
+
/***/ 529:
|
28250
28250
|
/***/ (function(module, exports, __webpack_require__) {
|
28251
28251
|
|
28252
28252
|
"use strict";
|
@@ -28256,11 +28256,11 @@ __webpack_require__(33);
|
|
28256
28256
|
|
28257
28257
|
__webpack_require__(41);
|
28258
28258
|
|
28259
|
-
__webpack_require__(
|
28259
|
+
__webpack_require__(530);
|
28260
28260
|
|
28261
|
-
__webpack_require__(
|
28261
|
+
__webpack_require__(532);
|
28262
28262
|
|
28263
|
-
__webpack_require__(
|
28263
|
+
__webpack_require__(534);
|
28264
28264
|
|
28265
28265
|
__webpack_require__(0);
|
28266
28266
|
|
@@ -28268,7 +28268,7 @@ __webpack_require__(9);
|
|
28268
28268
|
|
28269
28269
|
/***/ }),
|
28270
28270
|
|
28271
|
-
/***/
|
28271
|
+
/***/ 530:
|
28272
28272
|
/***/ (function(module, exports, __webpack_require__) {
|
28273
28273
|
|
28274
28274
|
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
@@ -28292,7 +28292,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
28292
28292
|
if ( true ) {
|
28293
28293
|
|
28294
28294
|
// AMD. Register as an anonymous module.
|
28295
|
-
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(41), __webpack_require__(
|
28295
|
+
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(41), __webpack_require__(531) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
|
28296
28296
|
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
|
28297
28297
|
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
|
28298
28298
|
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
@@ -29030,7 +29030,7 @@ return $.widget;
|
|
29030
29030
|
|
29031
29031
|
/***/ }),
|
29032
29032
|
|
29033
|
-
/***/
|
29033
|
+
/***/ 531:
|
29034
29034
|
/***/ (function(module, exports, __webpack_require__) {
|
29035
29035
|
|
29036
29036
|
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;( function( factory ) {
|
@@ -29060,16 +29060,16 @@ return $.ui.version = "1.13.0";
|
|
29060
29060
|
|
29061
29061
|
/***/ }),
|
29062
29062
|
|
29063
|
-
/***/
|
29063
|
+
/***/ 532:
|
29064
29064
|
/***/ (function(module, exports, __webpack_require__) {
|
29065
29065
|
|
29066
|
-
__webpack_require__(
|
29066
|
+
__webpack_require__(533);
|
29067
29067
|
module.exports = angular;
|
29068
29068
|
|
29069
29069
|
|
29070
29070
|
/***/ }),
|
29071
29071
|
|
29072
|
-
/***/
|
29072
|
+
/***/ 533:
|
29073
29073
|
/***/ (function(module, exports, __webpack_require__) {
|
29074
29074
|
|
29075
29075
|
/* WEBPACK VAR INJECTION */(function(__webpack_provided_window_dot_jQuery) {/**
|
@@ -65676,16 +65676,16 @@ $provide.value("$locale", {
|
|
65676
65676
|
|
65677
65677
|
/***/ }),
|
65678
65678
|
|
65679
|
-
/***/
|
65679
|
+
/***/ 534:
|
65680
65680
|
/***/ (function(module, exports, __webpack_require__) {
|
65681
65681
|
|
65682
|
-
__webpack_require__(
|
65682
|
+
__webpack_require__(535);
|
65683
65683
|
module.exports = 'ngAnimate';
|
65684
65684
|
|
65685
65685
|
|
65686
65686
|
/***/ }),
|
65687
65687
|
|
65688
|
-
/***/
|
65688
|
+
/***/ 535:
|
65689
65689
|
/***/ (function(module, exports) {
|
65690
65690
|
|
65691
65691
|
/**
|
@@ -1,11 +1,8 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import
|
3
|
-
import { ButtonGroup, Button, NavButton, SubNav, Dropdown, Input, IconButton, Divider, Tooltip, Select, Option, Switch, Icon, AvatarWrapper, AvatarContentImage, AvatarContentText, Text, EmptyState, Alert, SlidingToolbar, TabLabel, Tabs, Heading, RadioButtonGroup, Container, Label, IconLabel } from '../../../../app-typescript/index';
|
2
|
+
import { ButtonGroup, Button, NavButton, SubNav, Dropdown, Input, IconButton, Divider, Tooltip, Select, Option, Text, SlidingToolbar, Container, Label, IconLabel } 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 * as Nav from '../../../../app-typescript/components/Navigation';
|
7
|
-
import { BoxedList, BoxedListItem, BoxedListContentRow } from '../../../../app-typescript/components/Lists';
|
8
|
-
import { SimpleList, SimpleListItem } from '../../../../app-typescript/components/Lists';
|
9
6
|
import { TableList } from '../../../../app-typescript/components/Lists/TableList';
|
10
7
|
|
11
8
|
interface IProps {
|
@@ -115,7 +112,6 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
115
112
|
onClick: () => { this.setState({rightPanelOpen: !this.state.rightPanelOpen})}
|
116
113
|
},
|
117
114
|
]
|
118
|
-
|
119
115
|
}
|
120
116
|
this.handleTheme = this.handleTheme.bind(this);
|
121
117
|
}
|
@@ -319,19 +315,17 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
319
315
|
<Text color='light' size='medium' className='sd-margin--0'>OF</Text>
|
320
316
|
<IconLabel style='translucent' innerLabel='Planned:'text='00:45' size='large' />
|
321
317
|
</ButtonGroup>
|
322
|
-
|
323
318
|
<TableList
|
324
319
|
className='sd-margin-y--4'
|
325
320
|
dragAndDrop
|
326
321
|
addItem
|
327
322
|
array={this.state.array}
|
328
|
-
itemsDropdown={[
|
323
|
+
itemsDropdown={() => [
|
329
324
|
{ label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => 1 },
|
330
325
|
{ label: <Label style='translucent' text='prlg' />, onSelect: () => 1 },
|
331
326
|
{ label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => 1 },
|
332
327
|
]}
|
333
|
-
|
334
|
-
/>
|
328
|
+
/>
|
335
329
|
|
336
330
|
</Layout.AuthoringMain>
|
337
331
|
</Layout.MainPanel>
|
@@ -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
|
}
|