superdesk-ui-framework 3.1.2 → 3.1.4
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/fonts/sd_big-icons.eot +0 -0
- package/app/fonts/sd_big-icons.svg +68 -55
- package/app/fonts/sd_big-icons.ttf +0 -0
- package/app/fonts/sd_big-icons.woff +0 -0
- package/app/fonts/sd_icons.eot +0 -0
- package/app/fonts/sd_icons.svg +3 -0
- package/app/fonts/sd_icons.ttf +0 -0
- package/app/fonts/sd_icons.woff +0 -0
- package/app/styles/_big-icon-font.scss +2 -0
- package/app/styles/_drag-handle.scss +2 -2
- package/app/styles/_icon-font.scss +3 -0
- package/app/styles/_sd-tag-input.scss +10 -5
- package/app/styles/_tag-labels.scss +10 -1
- package/app-typescript/components/Tag.tsx +6 -2
- package/app-typescript/components/avatar/avatar-group.tsx +1 -1
- package/app-typescript/index.ts +1 -1
- package/dist/examples.bundle.css +191 -0
- package/dist/examples.bundle.js +57676 -21445
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +1 -1
- package/dist/react/DragHandleDocs.tsx +5 -5
- package/dist/react/Tags.tsx +27 -22
- package/dist/sd_big-icons.eot +0 -0
- package/dist/sd_big-icons.svg +68 -55
- package/dist/sd_big-icons.ttf +0 -0
- package/dist/sd_big-icons.woff +0 -0
- package/dist/sd_icons.eot +0 -0
- package/dist/sd_icons.svg +3 -0
- package/dist/sd_icons.ttf +0 -0
- package/dist/sd_icons.woff +0 -0
- package/dist/superdesk-ui.bundle.css +478 -9
- package/dist/superdesk-ui.bundle.js +57538 -21309
- package/dist/vendor.bundle.js +55 -55
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +1 -1
- package/examples/pages/react/DragHandleDocs.tsx +5 -5
- package/examples/pages/react/Tags.tsx +27 -22
- package/package.json +2 -1
- package/react/components/Tag.d.ts +2 -1
- package/react/components/Tag.js +5 -1
- package/react/components/avatar/avatar-group.js +2 -2
- package/react/index.d.ts +1 -1
- package/react/index.js +3 -3
- package/app-typescript/components/Spacer.tsx +0 -79
- package/react/components/Spacer.d.ts +0 -30
- package/react/components/Spacer.js +0 -86
@@ -4,7 +4,7 @@ import * as Layout from '../../../../app-typescript/components/Layouts';
|
|
4
4
|
import * as Form from '../../../../app-typescript/components/Form';
|
5
5
|
import * as Nav from '../../../../app-typescript/components/Navigation';
|
6
6
|
import { BoxedList, BoxedListItem, BoxedListContentRow } from '../../../../app-typescript/components/Lists';
|
7
|
-
import { Spacer } from '
|
7
|
+
import { Spacer } from '@superdesk/common';
|
8
8
|
|
9
9
|
interface IProps {
|
10
10
|
children?: React.ReactNode;
|
@@ -57,11 +57,11 @@ export default class DragHandleDocs extends React.Component {
|
|
57
57
|
// The number of dotted rows and dots in each row can be adjusted independently,
|
58
58
|
offering a wide range of size options.
|
59
59
|
|
60
|
-
<DragHandle dotsInRow='2'
|
61
|
-
<DragHandle dotsInRow='2'
|
62
|
-
<DragHandle dotsInRow='3'
|
63
|
-
<DragHandle dotsInRow='3'
|
64
|
-
<DragHandle dotsInRow='3'
|
60
|
+
<DragHandle dotsInRow='2' dotRows='5' />
|
61
|
+
<DragHandle dotsInRow='2' dotRows='8' />
|
62
|
+
<DragHandle dotsInRow='3' dotRows='6' />
|
63
|
+
<DragHandle dotsInRow='3' dotRows='8' />
|
64
|
+
<DragHandle dotsInRow='3' dotRows='10' />
|
65
65
|
<DragHandle dotsInRow='5' dotRows='4' />
|
66
66
|
|
67
67
|
// Blank
|
package/dist/react/Tags.tsx
CHANGED
@@ -17,10 +17,12 @@ export default class TagDoc extends React.Component<{}, ITag> {
|
|
17
17
|
{text: 'Inverse tag', shade:'inverse'},
|
18
18
|
{text: 'Lorem ipsum', shade:'highlight1'},
|
19
19
|
{text: 'Dolor amet', shade:'highlight2', shape:'square'},
|
20
|
-
{text: 'Read only tag', readOnly: true}
|
20
|
+
{text: 'Read only tag', readOnly: true},
|
21
|
+
{text: 'Draggable tag', draggable: true},
|
21
22
|
],
|
22
23
|
tags2: [
|
23
24
|
{text: 'Tag with label', label: 'Label'},
|
25
|
+
{text: 'I am', draggable: true, label: 'Draggable'}
|
24
26
|
],
|
25
27
|
}
|
26
28
|
this.handleClick=this.handleClick.bind(this);
|
@@ -53,19 +55,21 @@ export default class TagDoc extends React.Component<{}, ITag> {
|
|
53
55
|
|
54
56
|
<Markup.ReactMarkup>
|
55
57
|
<Markup.ReactMarkupPreview>
|
56
|
-
<div className='docs-page__content-row'>
|
58
|
+
<div className='docs-page__content-row sd-display--flex sd-gap--small'>
|
57
59
|
{this.state.tags.map((tag,index)=>{
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
60
|
+
return (
|
61
|
+
<React.Fragment key={index}>
|
62
|
+
<Tag keyValue={index}
|
63
|
+
text={tag.text}
|
64
|
+
shade={tag.shade}
|
65
|
+
shape={tag.shape}
|
66
|
+
label={tag.label}
|
67
|
+
readOnly={tag.readOnly}
|
68
|
+
draggable={tag.draggable}
|
69
|
+
onClick={()=>this.handleClick(index)}/>
|
70
|
+
</React.Fragment>
|
67
71
|
)
|
68
|
-
|
72
|
+
})}
|
69
73
|
</div>
|
70
74
|
</Markup.ReactMarkupPreview>
|
71
75
|
<Markup.ReactMarkupCode>{`
|
@@ -74,7 +78,7 @@ export default class TagDoc extends React.Component<{}, ITag> {
|
|
74
78
|
<Tag text='Inverse tag' shade='inverse' onClick={()=>false}/>
|
75
79
|
<Tag text='Lorem ipsum' shade='highlight1' onClick={()=>false}/>
|
76
80
|
<Tag text='Dolor amet' shade='highlight2' shape='square' onClick={()=>false}/>
|
77
|
-
<Tag text='Read only tag' readOnly={
|
81
|
+
<Tag text='Read only tag' readOnly={true} onClick={()=>false}/>
|
78
82
|
|
79
83
|
`}
|
80
84
|
</Markup.ReactMarkupCode>
|
@@ -82,17 +86,18 @@ export default class TagDoc extends React.Component<{}, ITag> {
|
|
82
86
|
|
83
87
|
<Markup.ReactMarkup>
|
84
88
|
<Markup.ReactMarkupPreview>
|
85
|
-
<div className='docs-page__content-row'>
|
89
|
+
<div className='docs-page__content-row sd-display--flex sd-gap--small'>
|
86
90
|
{this.state.tags2.map((tag,index)=>{
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
91
|
+
return (
|
92
|
+
<React.Fragment key={index}>
|
93
|
+
<Tag keyValue={index}
|
94
|
+
text={tag.text}
|
95
|
+
label={tag.label}
|
96
|
+
draggable={tag.draggable}
|
97
|
+
onClick={() => this.handleClick2(index)}/>
|
98
|
+
</React.Fragment>
|
94
99
|
)
|
95
|
-
|
100
|
+
})}
|
96
101
|
</div>
|
97
102
|
</Markup.ReactMarkupPreview>
|
98
103
|
<Markup.ReactMarkupCode>{`
|
package/dist/sd_big-icons.eot
CHANGED
Binary file
|