superdesk-ui-framework 2.4.20 → 2.4.21
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/scripts/check.js +1 -1
- package/app-typescript/components/Input.tsx +2 -1
- package/app-typescript/components/Tag.tsx +3 -3
- package/dist/components/checkbox.html +1 -1
- package/dist/examples.bundle.js +764 -577
- package/dist/react/Inputs.tsx +1 -0
- package/dist/react/Tags.tsx +9 -7
- package/dist/superdesk-ui.bundle.js +718 -561
- package/dist/vendor.bundle.js +10 -10
- package/examples/pages/components/checkbox.html +1 -1
- package/examples/pages/react/Inputs.tsx +1 -0
- package/examples/pages/react/Tags.tsx +9 -7
- package/package.json +1 -1
- package/react/components/Input.d.ts +1 -0
- package/react/components/Input.js +2 -1
- package/react/components/Tag.d.ts +2 -2
- package/react/components/Tag.js +2 -2
package/dist/react/Inputs.tsx
CHANGED
@@ -64,6 +64,7 @@ export default class InputsDoc extends React.Component<{}, IState> {
|
|
64
64
|
<p className="docs-page__paragraph">// Hidden label</p>
|
65
65
|
<div className='form__row'>
|
66
66
|
<Input label='Hidden input label'
|
67
|
+
type='number'
|
67
68
|
value='Lorem ipsum input'
|
68
69
|
maxLength={30}
|
69
70
|
error='This is an error message'
|
package/dist/react/Tags.tsx
CHANGED
@@ -33,7 +33,7 @@ export default class TagDoc extends React.Component<{}, ITag> {
|
|
33
33
|
<section className="docs-page__container">
|
34
34
|
<h2 className="docs-page__h2">Tag</h2>
|
35
35
|
<Markup.ReactMarkupCodePreview>{`
|
36
|
-
<Tag text='This is a tag'
|
36
|
+
<Tag text='This is a tag' onRemove={()=>false}/>
|
37
37
|
`}
|
38
38
|
</Markup.ReactMarkupCodePreview>
|
39
39
|
|
@@ -48,18 +48,18 @@ export default class TagDoc extends React.Component<{}, ITag> {
|
|
48
48
|
shade={tag.shade}
|
49
49
|
shape={tag.shape}
|
50
50
|
readOnly={tag.readOnly}
|
51
|
-
|
51
|
+
onRemove={()=>this.handleClick(index)} />
|
52
52
|
</React.Fragment>
|
53
53
|
)
|
54
54
|
})}
|
55
55
|
</div>
|
56
56
|
</Markup.ReactMarkupPreview>
|
57
57
|
<Markup.ReactMarkupCode>{`
|
58
|
-
<Tag text='This is a tag'
|
59
|
-
<Tag text='This is a another tag' shade='darker'
|
60
|
-
<Tag text='Lorem ipsum' shade='highlight1'
|
61
|
-
<Tag text='Dolor amet' shade='highlight2' shape='square'
|
62
|
-
|
58
|
+
<Tag text='This is a tag' onRemove={()=>false}/>
|
59
|
+
<Tag text='This is a another tag' shade='darker' onRemove={()=>false}/>
|
60
|
+
<Tag text='Lorem ipsum' shade='highlight1' onRemove={()=>false}/>
|
61
|
+
<Tag text='Dolor amet' shade='highlight2' shape='square' onRemove={()=>false}/>
|
62
|
+
<Tag text='Read only tag' readOnly={true} onRemove={()=>false}/>
|
63
63
|
`}
|
64
64
|
</Markup.ReactMarkupCode>
|
65
65
|
</Markup.ReactMarkup>
|
@@ -70,6 +70,8 @@ export default class TagDoc extends React.Component<{}, ITag> {
|
|
70
70
|
<Prop name='shade' isRequired={false} type='light | darker | highlight1 | highlight2' default='light' description='Shade colour of tag'/>
|
71
71
|
<Prop name='shape' isRequired={false} type='round | square' default='round' description='Make shape of tag square or default round.'/>
|
72
72
|
<Prop name='keyValue' isRequired={false} type='number' default='/' description='Value of tag key'/>
|
73
|
+
<Prop name='readOnly' isRequired={false} type='boolean' default='/' description='Read only tag. Dont have option to close/remove tag.'/>
|
74
|
+
<Prop name='onRemove' isRequired={false} type='function' default='/' description='Callback function'/>
|
73
75
|
</PropsList>
|
74
76
|
</section>
|
75
77
|
)
|