superdesk-ui-framework 3.0.38 → 3.0.40

package/dist/react/DragHandleDocs.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import {DragHandle} from '../../../app-typescript';
+import * as Markup from '../../js/react';
+
+export default class DragHandleDocs extends React.Component {
+    render() {
+        return (
+            <section className="docs-page__container">
+                <h2 className="docs-page__h2">Drag handle</h2>
+                <Markup.ReactMarkupCodePreview>{`
+                    <DragHandle />
+                `}
+                </Markup.ReactMarkupCodePreview>
+                <Markup.ReactMarkup>
+                    <Markup.ReactMarkupPreview>
+                        <div className="docs-page__content-row">
+                            <DragHandle />
+                        </div>
+                    </Markup.ReactMarkupPreview>
+                    <Markup.ReactMarkupCode>{'<DragHandle />'}
+                    </Markup.ReactMarkupCode>
+                </Markup.ReactMarkup>
+            </section>
+        );
+    }
+}

package/dist/react/Index.tsx

@@ -55,7 +55,8 @@ import TextDoc from "./Text";
 import ContainerDoc from './Container';
 import DropZoneDoc from './DropZone';
 import CreateButtonDoc from './CreateButton';
-import TagInputDocs from './TagInputDocs'
+import TagInputDocs from './TagInputDocs';
+import DragHandleDocs from './DragHandleDocs';
 
 import * as Playgrounds from '../playgrounds/react-playgrounds/Index';
 import { SelectWithTemplateDocs } from './SelectWithTemplate';
@@ -122,6 +123,9 @@ const pages = {
             },
             'menu': {
                 name: 'Menu',
+            },
+            "drag-handle": {
+                name: 'Drag handle'
             }
         }
     },
@@ -366,6 +370,7 @@ class ReactDoc extends React.Component<IProps, IState> {
                         <Route path="/react/sub-navigation" component={SubNavDoc} />
                         <Route path="/react/dropdowns" component={DropdownDoc} />
                         <Route path="/react/toast" component={ToastsDoc} />
+                        <Route path="/react/drag-handle" component={DragHandleDocs} />
                         <Route path="/react/tag-input" component={TagInputDocs} />
                         <Route path="/react/empty-states" component={EmptyStateDoc} />
                         <Route path="/react/grid-list" component={GridListDoc} />

package/dist/react/MultiSelect.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import * as Markup from '../../js/react';
 import { PropsList, Prop } from '../../../app-typescript';
 import { MultiSelect } from '../../../app-typescript';
+import { Label } from '../../../app-typescript';
 
 interface IColor {
     name: string;
@@ -115,7 +116,7 @@ export class MultiselectDocs extends React.Component<{}, IState> {
                                             return (
                                                 <div style={{display: 'flex', alignItems: 'center'}}>
                                                     <div style={{width: 10, height: 10, marginInlineEnd: 10, backgroundColor: option.colorCode}} />
-                                                    <div>{option.name}</div>
+                                                    <span>{option.name}</span>
                                                 </div>
                                             );
                                         }