superdesk-ui-framework 4.0.47 → 4.0.49

package/app-typescript/components/SidebarMenu.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Icon } from './Icon';
+import {Icon} from './Icon';
 
 interface IProps {
     items: Array<IItem | 'divider'>;
@@ -40,29 +40,30 @@ export class SidebarMenu extends React.PureComponent<IProps, IState> {
 
     render() {
         return (
-            <div className='sd-sidebar-menu sd-content-wrapper__left-tabs'>
-                <ul className='authoring-active'>
+            <div className="sd-sidebar-menu sd-content-wrapper__left-tabs">
+                <ul className="authoring-active">
                     {this.props.items.map((item, index) => {
                         if (item === 'divider') {
-                            return (
-                                <li key={index} className='sd-sidebar-menu__spacer'></li>
-                            );
+                            return <li key={index} className="sd-sidebar-menu__spacer"></li>;
                         } else {
                             return (
-                                <li key={index} data-sd-tooltip={item['tooltip']} data-flow='right'>
-                                    <a className={
-                                        'sd-sidebar-menu__btn'
-                                        + (index === this.state.closeIndex ? ' sd-sidebar-menu__btn--closed ' : '')
-                                        + (item['active']
-                                            ? ' sd-sidebar-menu__btn--active'
-                                            : (index === this.state.index ? ' sd-sidebar-menu__btn--active' : '')
-                                        )
-                                    }
-                                        onClick={() => this.handleClick(index)}>
-                                        <span className='sd-sidebar-menu__main-icon '>
+                                <li key={index} data-sd-tooltip={item['tooltip']} data-flow="right">
+                                    <a
+                                        className={
+                                            'sd-sidebar-menu__btn' +
+                                            (index === this.state.closeIndex ? ' sd-sidebar-menu__btn--closed ' : '') +
+                                            (item['active']
+                                                ? ' sd-sidebar-menu__btn--active'
+                                                : index === this.state.index
+                                                  ? ' sd-sidebar-menu__btn--active'
+                                                  : '')
+                                        }
+                                        onClick={() => this.handleClick(index)}
+                                    >
+                                        <span className="sd-sidebar-menu__main-icon ">
                                             <Icon size={item['size']} name={item['icon']} />
                                         </span>
-                                        <i className='sd-sidebar-menu__helper-icon big-icon--chevron-left'></i>
+                                        <i className="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
                                     </a>
                                 </li>
                             );

package/app-typescript/components/Skeleton.tsx

@@ -1,5 +1,4 @@
-
-import * as  React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 interface IProps {
@@ -27,22 +26,24 @@ export class Skeleton extends React.Component<IProps> {
 
     skeletonStyle() {
         if (this.props.size) {
-            return { width: this.props.size, height: this.props.size, borderRadius: this.props.borderRadius };
+            return {width: this.props.size, height: this.props.size, borderRadius: this.props.borderRadius};
         } else {
-            return { width: this.props.width, height: this.props.height, borderRadius: this.props.borderRadius };
+            return {width: this.props.width, height: this.props.height, borderRadius: this.props.borderRadius};
         }
     }
 
     render() {
-        const skeletonClassName = classNames('p-skeleton p-component', {
-            'p-skeleton-circle': this.props.shape === 'circle',
-            'p-skeleton-none': this.props.animation === 'none',
-        }, this.props.className);
+        const skeletonClassName = classNames(
+            'p-skeleton p-component',
+            {
+                'p-skeleton-circle': this.props.shape === 'circle',
+                'p-skeleton-none': this.props.animation === 'none',
+            },
+            this.props.className,
+        );
 
         const style = this.skeletonStyle();
 
-        return (
-            <div style={style} className={skeletonClassName}></div>
-        );
+        return <div style={style} className={skeletonClassName}></div>;
     }
 }

package/app-typescript/components/SlidingToolbar.tsx

@@ -10,12 +10,7 @@ export class SlidingToolbar extends React.PureComponent<IProps> {
         let classes = classNames('sliding-toolbar', {
             'sliding-toolbar--right': this.props.side === undefined,
             [`sliding-toolbar--${this.props.side}`]: this.props.side || this.props.side !== undefined,
-
         });
-        return (
-            <div className={classes}>
-                {this.props.children}
-            </div>
-        );
+        return <div className={classes}>{this.props.children}</div>;
     }
 }

package/app-typescript/components/Spinner.tsx

@@ -3,11 +3,7 @@ import classNames from 'classnames';
 
 class LoadingOverlay extends React.PureComponent {
     render() {
-        return (
-            <div className="sd-loading-overlay--plain">
-                {this.props.children}
-            </div>
-        );
+        return <div className="sd-loading-overlay--plain">{this.props.children}</div>;
     }
 }
 
@@ -29,4 +25,4 @@ class Spinner extends React.PureComponent<IProps> {
     }
 }
 
-export { Spinner, LoadingOverlay };
+export {Spinner, LoadingOverlay};

package/app-typescript/components/StrechBar.tsx

@@ -2,10 +2,6 @@ import * as React from 'react';
 
 export class StrechBar extends React.PureComponent {
     render() {
-        return(
-            <div className='subnav__stretch-bar'>
-                {this.props.children}
-            </div>
-        );
+        return <div className="subnav__stretch-bar">{this.props.children}</div>;
     }
 }

package/app-typescript/components/SubNav.tsx

@@ -18,20 +18,22 @@ export class SubNavDivider extends React.PureComponent<IPropsDivider> {
             [`subnav__divider--${this.props.width}`]: this.props.width || this.props.width !== undefined,
         });
 
-        return (
-            <div className={classes}></div>
-        );
+        return <div className={classes}></div>;
     }
 }
 
 export class SubNav extends React.PureComponent<IProps> {
     render() {
-        const  darkColors = ['blueGrey', 'blueGreyDarker'];
+        const darkColors = ['blueGrey', 'blueGreyDarker'];
 
-        let classes = classNames('subnav', {
-            'subnav--light': this.props.color === undefined,
-            [`subnav--${this.props.color}`]: this.props.color || this.props.color !== undefined,
-        }, this.props.className);
+        let classes = classNames(
+            'subnav',
+            {
+                'subnav--light': this.props.color === undefined,
+                [`subnav--${this.props.color}`]: this.props.color || this.props.color !== undefined,
+            },
+            this.props.className,
+        );
 
         let defaultTheme = darkColors.includes(this.props.color || '') ? 'dark-ui' : null;