superdesk-ui-framework 3.0.18 → 3.0.20

package/app-typescript/components/Avatar.tsx

@@ -1,122 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-
-interface IBase {
-    tooltipText?: string;
-}
-
-interface IImageAvatar extends IBase {
-    imageUrl?: string; // defaults to a placeholder image
-}
-
-interface ITextAvatar extends IBase {
-    text: string; // limited to 3 characters
-}
-
-export class AvatarContentText extends React.PureComponent<ITextAvatar> {
-    render() {
-        return (
-            <span
-                className="sd-avatar-content sd-avatar-content--text"
-                title={this.props.tooltipText}
-            >
-                <span>{this.props.text.slice(0, 3)}</span>
-            </span>
-        );
-    }
-}
-
-export class AvatarContentImage extends React.PureComponent<IImageAvatar> {
-    render() {
-        if (this.props.imageUrl == null) {
-            return <span className="sd-avatar-content sd-avatar-content--empty" title={this.props.tooltipText} />;
-        } else {
-            return (
-                <span className="sd-avatar-content" title={this.props.tooltipText} >
-                    <img src={this.props.imageUrl} />
-                </span>
-            );
-        }
-    }
-}
-interface IPropsAvatarGroup {
-    appearance?: 'stacked' | 'grid';
-    borderColor?: '000' | '050' | '100' | '150' | '200';
-    className?: string;
-    children: React.ReactNode;
-}
-export class AvatarGroup extends React.PureComponent<IPropsAvatarGroup> {
-    render() {
-        let classes = classNames('sd-avatar-group', {
-            [`sd-avatar-group--stacked`]: this.props.appearance === undefined,
-            [`sd-avatar-group--${this.props.appearance}`]: this.props.appearance,
-            [`sd-avatar-group__border--000`]: this.props.borderColor === undefined,
-            [`sd-avatar-group__border--${this.props.borderColor}`]: this.props.borderColor,
-        }, this.props.className);
-        return (
-            <div className={classes} role='group'>
-                {this.props.children}
-            </div>
-        );
-    }
-}
-
-interface IPropsAvatarWrapper {
-    size?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';  // defaults to medium
-    statusIndicator?: {
-        status: 'online' | 'offline';
-        tooltipText?: string;
-    };
-    administratorIndicator?: {
-        enabled: boolean;
-        tooltipText?: string;
-    };
-    children: React.ReactNode;
-    'data-test-id'?: string;
-}
-
-export class AvatarWrapper extends React.PureComponent<IPropsAvatarWrapper> {
-    render() {
-        return (
-            <span
-                className={classNames('sd-avatar', {
-                    'sd-avatar--small': this.props.size === 'small',
-                    'sd-avatar--medium': this.props.size === 'medium' || this.props.size == null,
-                    'sd-avatar--large': this.props.size === 'large',
-                    'sd-avatar--x-large': this.props.size === 'x-large',
-                    'sd-avatar--xx-large': this.props.size === 'xx-large',
-                })}
-                data-test-id={this.props['data-test-id']}
-            >
-                {this.props.children}
-
-                {
-                    this.props.statusIndicator != null
-                        ? (
-                            <span
-                                className={
-                                    this.props.statusIndicator.status === 'online'
-                                        ? 'sd-avatar--indicator-status--online'
-                                        : 'sd-avatar--indicator-status--offline'
-                                }
-                                title={this.props.statusIndicator.tooltipText}
-                            />
-                        )
-                        : null
-                }
-
-                {
-                    this.props.administratorIndicator?.enabled === true
-                        ? (
-                            <i
-                                className="icon-settings sd-avatar--indicator-admin"
-                                title={this.props.administratorIndicator.tooltipText}
-                            />
-                        )
-                        : null
-                }
-
-            </span>
-        );
-    }
-}

package/react/components/Avatar.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-interface IBase {
-    tooltipText?: string;
-}
-interface IImageAvatar extends IBase {
-    imageUrl?: string;
-}
-interface ITextAvatar extends IBase {
-    text: string;
-}
-export declare class AvatarContentText extends React.PureComponent<ITextAvatar> {
-    render(): JSX.Element;
-}
-export declare class AvatarContentImage extends React.PureComponent<IImageAvatar> {
-    render(): JSX.Element;
-}
-interface IPropsAvatarGroup {
-    appearance?: 'stacked' | 'grid';
-    borderColor?: '000' | '050' | '100' | '150' | '200';
-    className?: string;
-    children: React.ReactNode;
-}
-export declare class AvatarGroup extends React.PureComponent<IPropsAvatarGroup> {
-    render(): JSX.Element;
-}
-interface IPropsAvatarWrapper {
-    size?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-    statusIndicator?: {
-        status: 'online' | 'offline';
-        tooltipText?: string;
-    };
-    administratorIndicator?: {
-        enabled: boolean;
-        tooltipText?: string;
-    };
-    children: React.ReactNode;
-    'data-test-id'?: string;
-}
-export declare class AvatarWrapper extends React.PureComponent<IPropsAvatarWrapper> {
-    render(): JSX.Element;
-}
-export {};