superdesk-ui-framework 4.0.46 → 4.0.48

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;