@messenger-box/platform-browser 10.0.3-alpha.17 → 10.0.3-alpha.171

package/src/widgets/icons/shield_outline_icon.tsx

@@ -1,23 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-
-export default class ShieldOutlineIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    width='100%'
-                    height='100%'
-                    viewBox='0 0 24 24'
-                >
-                    <path
-                        fill='inherit'
-                        d='M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21Z'
-                    />
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/status_away_avatar_icon.tsx

@@ -1,33 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {CSSProperties} from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusAwayAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='13px'
-                height='13px'
-                viewBox='0 0 12 12'
-                style={style}
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.away.icon', defaultMessage: 'Away Icon'})}
-            >
-                <path
-                    className='away--icon'
-                    d='M9.081,5.712C9.267,5.712 9.417,5.863 9.417,6.048L9.417,9.086L11.864,10.499C12.025,10.592 12.08,10.797 11.987,10.958L11.482,11.832C11.39,11.993 11.184,12.048 11.023,11.955L7.904,10.154C7.788,10.087 7.727,9.961 7.737,9.836C7.736,9.827 7.736,9.818 7.736,9.809L7.736,6.048C7.736,5.863 7.886,5.712 8.072,5.712L9.081,5.712ZM4.812,11.513L4.605,11.513C2.325,11.41 0.253,10.374 0.046,9.027C-0.058,8.923 0.046,8.509 0.046,8.405C0.15,7.576 0.357,6.437 0.771,5.815C0.978,5.401 2.015,5.297 2.015,5.297C2.015,5.297 2.015,7.369 4.605,7.369L5.019,7.369C4.915,7.784 4.812,8.198 4.812,8.612C4.812,9.648 5.226,10.581 5.848,11.41C5.537,11.513 5.123,11.513 4.812,11.513ZM4.605,0.117C6.034,0.117 7.195,1.277 7.195,2.707C7.195,4.136 6.034,5.297 4.605,5.297C3.175,5.297 2.015,4.136 2.015,2.707C2.015,1.277 3.175,0.117 4.605,0.117Z'
-                />
-            </svg>
-        </span>
-    );
-}
-
-const style: CSSProperties = {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 1.41421,
-};

package/src/widgets/icons/status_away_icon.tsx

@@ -1,33 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {CSSProperties} from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusAwayIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='100%'
-                height='100%'
-                viewBox='0 0 20 20'
-                style={style}
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.away.icon', defaultMessage: 'Away Icon'})}
-            >
-                <path
-                    className='away--icon'
-                    d='M10,0C15.519,0 20,4.481 20,10C20,15.519 15.519,20 10,20C4.481,20 0,15.519 0,10C0,4.481 4.481,0 10,0ZM10.27,3C10.949,3 11.5,3.586 11.5,4.307L11.5,9.379L15.002,12.881C15.492,13.37 15.499,14.158 15.019,14.638L14.638,15.019C14.158,15.499 13.37,15.492 12.881,15.002L8.887,11.008C8.739,10.861 8.636,10.686 8.576,10.501C8.528,10.402 8.5,10.299 8.5,10.193L8.5,4.307C8.5,3.586 9.051,3 9.73,3L10.27,3Z'
-                />
-            </svg>
-        </span>
-    );
-}
-
-const style: CSSProperties = {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 1.41421,
-};

package/src/widgets/icons/status_dnd_avatar_icon.tsx

@@ -1,41 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusDndAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                x='0px'
-                y='0px'
-                width='13px'
-                height='13px'
-                viewBox='-299 391 12 12'
-                enableBackground='new -299 391 12 12'
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.dnd.icon', defaultMessage: 'Do Not Disturb Icon'})}
-            >
-                <g>
-                    <ellipse
-                        className='dnd--icon'
-                        cx='-294.6'
-                        cy='394'
-                        rx='2.5'
-                        ry='2.5'
-                    />
-                    <path
-                        className='dnd--icon'
-                        d='M-293.8,399.4c0-0.4,0.1-0.7,0.2-1c-0.3,0.1-0.6,0.2-1,0.2c-2.5,0-2.5-2-2.5-2s-1,0.1-1.2,0.5c-0.4,0.6-0.6,1.7-0.7,2.5 c0,0.1-0.1,0.5,0,0.6c0.2,1.3,2.2,2.3,4.4,2.4c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.7,0,1.4-0.1,2-0.3 C-293.3,401.5-293.8,400.5-293.8,399.4z'
-                    />
-                </g>
-                <path
-                    className='dnd--icon'
-                    d='M-287,400c0,0.1-0.1,0.1-0.1,0.1l-4.9,0c-0.1,0-0.1-0.1-0.1-0.1v-1.6c0-0.1,0.1-0.1,0.1-0.1l4.9,0c0.1,0,0.1,0.1,0.1,0.1 V400z'
-                />
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/status_dnd_icon.tsx

@@ -1,33 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {CSSProperties} from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusDndIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='100%'
-                height='100%'
-                viewBox='0 0 20 20'
-                style={style}
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.dnd.icon', defaultMessage: 'Do Not Disturb Icon'})}
-            >
-                <path
-                    className='dnd--icon'
-                    d='M10,0c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm5.25,8.5l-10.5,0c-0.414,0 -0.75,0.336 -0.75,0.75l0,1.5c0,0.414 0.336,0.75 0.75,0.75l10.5,0c0.414,0 0.75,-0.336 0.75,-0.75l0,-1.5c0,-0.414 -0.336,-0.75 -0.75,-0.75Z'
-                />
-            </svg>
-        </span>
-    );
-}
-
-const style: CSSProperties = {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 1.41421,
-};

package/src/widgets/icons/status_offline_avatar_icon.tsx

@@ -1,45 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusDndAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                x='0px'
-                y='0px'
-                width='13px'
-                height='13px'
-                viewBox='-299 391 12 12'
-                enableBackground='new -299 391 12 12'
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.offline.icon', defaultMessage: 'Offline Icon'})}
-            >
-                <g>
-                    <g>
-                        <ellipse
-                            className='offline--icon'
-                            cx='-294.5'
-                            cy='394'
-                            rx='2.5'
-                            ry='2.5'
-                        />
-                        <path
-                            className='offline--icon'
-                            d='M-294.3,399.7c0-0.4,0.1-0.8,0.2-1.2c-0.1,0-0.2,0-0.4,0c-2.5,0-2.5-2-2.5-2s-1,0.1-1.2,0.5c-0.4,0.6-0.6,1.7-0.7,2.5 c0,0.1-0.1,0.5,0,0.6c0.2,1.3,2.2,2.3,4.4,2.4h0.1h0.1c0.3,0,0.7,0,1-0.1C-293.9,401.6-294.3,400.7-294.3,399.7z'
-                        />
-                    </g>
-                </g>
-                <g>
-                    <path
-                        className='offline--icon'
-                        d='M-288.9,399.4l1.8-1.8c0.1-0.1,0.1-0.3,0-0.3l-0.7-0.7c-0.1-0.1-0.3-0.1-0.3,0l-1.8,1.8l-1.8-1.8c-0.1-0.1-0.3-0.1-0.3,0 l-0.7,0.7c-0.1,0.1-0.1,0.3,0,0.3l1.8,1.8l-1.8,1.8c-0.1,0.1-0.1,0.3,0,0.3l0.7,0.7c0.1,0.1,0.3,0.1,0.3,0l1.8-1.8l1.8,1.8 c0.1,0.1,0.3,0.1,0.3,0l0.7-0.7c0.1-0.1,0.1-0.3,0-0.3L-288.9,399.4z'
-                    />
-                </g>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/status_offline_icon.tsx

@@ -1,31 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {CSSProperties} from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusOfflineIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='100%'
-                height='100%'
-                className='offline--icon'
-                viewBox='0 0 20 20'
-                style={style}
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.offline.icon', defaultMessage: 'Offline Icon'})}
-            >
-                <path d='M10,0c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,2c4.415,0 8,3.585 8,8c0,4.415 -3.585,8 -8,8c-4.415,0 -8,-3.585 -8,-8c0,-4.415 3.585,-8 8,-8Z'/>
-            </svg>
-        </span>
-    );
-}
-
-const style: CSSProperties = {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 1.41421,
-};

package/src/widgets/icons/status_online_avatar_icon.tsx

@@ -1,49 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusOnlineAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                x='0px'
-                y='0px'
-                width='13px'
-                height='13px'
-                viewBox='-243 245 12 12'
-                enableBackground='new -243 245 12 12'
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.online.icon', defaultMessage: 'Online Icon'})}
-            >
-                <g>
-                    <path
-                        className='online--icon'
-                        d='M-236,250.5C-236,250.5-236,250.5-236,250.5C-236,250.5-236,250.5-236,250.5C-236,250.5-236,250.5-236,250.5z'
-                    />
-                    <ellipse
-                        className='online--icon'
-                        cx='-238.5'
-                        cy='248'
-                        rx='2.5'
-                        ry='2.5'
-                    />
-                </g>
-                <path
-                    className='online--icon'
-                    d='M-238.9,253.8c0-0.4,0.1-0.9,0.2-1.3c-2.2-0.2-2.2-2-2.2-2s-1,0.1-1.2,0.5c-0.4,0.6-0.6,1.7-0.7,2.5c0,0.1-0.1,0.5,0,0.6 c0.2,1.3,2.2,2.3,4.4,2.4c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0C-238.7,255.7-238.9,254.8-238.9,253.8z'
-                />
-                <g>
-                    <g>
-                        <path
-                            className='online--icon'
-                            d='M-232.3,250.1l1.3,1.3c0,0,0,0.1,0,0.1l-4.1,4.1c0,0,0,0-0.1,0c0,0,0,0,0,0l-2.7-2.7c0,0,0-0.1,0-0.1l1.2-1.2 c0,0,0.1,0,0.1,0l1.4,1.4l2.9-2.9C-232.4,250.1-232.3,250.1-232.3,250.1z'
-                        />
-                    </g>
-                </g>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/status_online_icon.tsx

@@ -1,33 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {CSSProperties} from 'react';
-import {useIntl} from 'react-intl';
-
-export default function StatusOnlineIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='100%'
-                height='100%'
-                viewBox='0 0 20 20'
-                style={style}
-                role='img'
-                aria-label={formatMessage({id: 'mobile.set_status.online.icon', defaultMessage: 'Online Icon'})}
-            >
-                <path
-                    className='online--icon'
-                    d='M10,0c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm6.19,7.18c0,0.208 -0.075,0.384 -0.224,0.53l-5.782,5.64l-1.087,1.059c-0.149,0.146 -0.33,0.218 -0.543,0.218c-0.213,0 -0.394,-0.072 -0.543,-0.218l-1.086,-1.059l-2.891,-2.82c-0.149,-0.146 -0.224,-0.322 -0.224,-0.53c0,-0.208 0.075,-0.384 0.224,-0.53l1.086,-1.059c0.149,-0.146 0.33,-0.218 0.543,-0.218c0.213,0 0.394,0.072 0.543,0.218l2.348,2.298l5.24,-5.118c0.149,-0.146 0.33,-0.218 0.543,-0.218c0.213,0 0.394,0.072 0.543,0.218l1.086,1.059c0.149,0.146 0.224,0.322 0.224,0.53Z'
-                />
-            </svg>
-        </span>
-    );
-}
-
-const style: CSSProperties = {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 1.41421,
-};

package/src/widgets/icons/team_info_icon.tsx

@@ -1,32 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {CSSProperties} from 'react';
-import {useIntl} from 'react-intl';
-
-export default function TeamInfoIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='100%'
-                height='100%'
-                viewBox='0 0 20 20'
-                style={style}
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.info', defaultMessage: 'Info Icon'})}
-            >
-                <g transform='matrix(1.17647,0,0,1.17647,-1.55431e-15,-1.00573e-14)'>
-                    <path d='M8.5,0C3.797,0 0,3.797 0,8.5C0,13.203 3.797,17 8.5,17C13.203,17 17,13.203 17,8.5C17,3.797 13.203,0 8.5,0ZM10,8.5C10,7.672 9.328,7 8.5,7C7.672,7 7,7.672 7,8.5L7,12.45C7,13.278 7.672,13.95 8.5,13.95C9.328,13.95 10,13.278 10,12.45L10,8.5ZM8.5,3C9.328,3 10,3.672 10,4.5C10,5.328 9.328,6 8.5,6C7.672,6 7,5.328 7,4.5C7,3.672 7.672,3 8.5,3Z'/>
-                </g>
-            </svg>
-        </span>
-    );
-}
-
-const style: CSSProperties = {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 1.41421,
-};

package/src/widgets/icons/unarchive_icon.tsx

@@ -1,22 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-export default function UnarchiveIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='16px'
-                height='16px'
-                viewBox='0 0 16 16'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.archive', defaultMessage: 'Archive Icon'})}
-            >
-                <path d='M13.994 14.75H2.006V6.50605H3.5V13.256H12.5V6.50605H13.994V14.75ZM1.25 1.25005H14.75V5.75005H1.25V1.25005ZM2.744 2.74405V4.25605H13.256V2.74405H2.744ZM6.884 11.744V9.49405H4.994L8 6.50605L11.006 9.49405H9.134V11.744H6.884Z'/>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/unread_below_icon.tsx

@@ -1,23 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-export default function UnreadBelowIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                xmlns='http://www.w3.org/2000/svg'
-                width='16'
-                height='16'
-                viewBox='0 0 16 16'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.arrow.down', defaultMessage: 'Down Arrow Icon'})}
-            >
-                <path d='M8.696 2H7.184V11L3.062 6.878L2 7.94L7.94 13.88L13.88 7.94L12.818 6.878L8.696 11V2Z'/>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/user_guide_icon.tsx

@@ -1,26 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import {useIntl} from 'react-intl';
-
-type Props = React.HTMLAttributes<HTMLSpanElement>;
-
-export default function UserGuideIcon(props: Props): JSX.Element {
-    const {formatMessage} = useIntl();
-
-    return (
-        <span {...props}>
-            <svg
-                width='18px'
-                height='18px'
-                viewBox='1 1 22 22'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.userGuide', defaultMessage: 'Help'})}
-                style={{width: '18px', height: '18px'}}
-            >
-                <path d='M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z'/>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/overlay_trigger.tsx

@@ -1,59 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-
-// eslint-disable-next-line no-restricted-imports
-import { OverlayTrigger as OriginalOverlayTrigger, OverlayTriggerProps } from 'react-bootstrap';
-import { IntlContext, IntlShape } from 'react-intl';
-
-import { Provider } from 'react-redux';
-
-// import store from 'stores/redux_store.jsx';
-
-export type BaseOverlayTrigger = OriginalOverlayTrigger & {
-    hide: () => void;
-};
-
-type Props = OverlayTriggerProps & {
-    disabled?: boolean;
-    className?: string;
-};
-
-const OverlayTrigger = React.forwardRef((props: Props, ref?: React.Ref<OriginalOverlayTrigger>) => {
-    const { overlay, disabled, ...otherProps } = props;
-
-    // The overlay is rendered outside of the regular React context, and our version react-bootstrap can't forward
-    // that context itself, so we have to manually forward the react-intl context to this component's child.
-    const OverlayWrapper = ({ intl, ...overlayProps }: { intl: IntlShape }) => (
-        // <Provider store={store}>
-        <IntlContext.Provider value={intl}>{React.cloneElement(overlay, overlayProps)}</IntlContext.Provider>
-        // </Provider>
-    );
-
-    return (
-        <IntlContext.Consumer>
-            {(intl): React.ReactNode => {
-                const overlayProps = { ...overlay.props };
-                if (disabled) {
-                    overlayProps.style = { visibility: 'hidden', ...overlayProps.style };
-                }
-                return (
-                    <OriginalOverlayTrigger
-                        {...otherProps}
-                        ref={ref}
-                        overlay={<OverlayWrapper {...overlayProps} intl={intl} />}
-                    />
-                );
-            }}
-        </IntlContext.Consumer>
-    );
-});
-
-OverlayTrigger.defaultProps = {
-    defaultOverlayShown: false,
-    trigger: ['hover', 'focus'],
-};
-OverlayTrigger.displayName = 'OverlayTrigger';
-
-export default OverlayTrigger;

package/src/widgets/shared_user_indicator.tsx

@@ -1,37 +0,0 @@
-// @ts-nocheck
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-import { Tooltip } from 'react-bootstrap';
-import { FormattedMessage } from 'react-intl';
-
-import OverlayTrigger from './overlay_trigger';
-import { Constants } from '../packages/constants/constants';
-
-type Props = {
-    className?: string;
-    withTooltip?: boolean;
-};
-
-const SharedUserIndicator: React.FC<Props> = (props: Props): JSX.Element => {
-    const sharedIcon = <i className={`${props.className || ''} icon-circle-multiple-outline`} />;
-
-    if (!props.withTooltip) {
-        return sharedIcon;
-    }
-
-    const sharedTooltip = (
-        <Tooltip id="sharedTooltip">
-            <FormattedMessage id="shared_user_indicator.tooltip" defaultMessage="From trusted organizations" />
-        </Tooltip>
-    );
-
-    return (
-        <OverlayTrigger delayShow={Constants.OVERLAY_TIME_DELAY} placement="bottom" overlay={sharedTooltip}>
-            {sharedIcon}
-        </OverlayTrigger>
-    );
-};
-
-export default SharedUserIndicator;

package/src/widgets/simple_tooltip/index.ts

@@ -1,7 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-export {
-    default,
-    useSynchronizedImmediate,
-} from './simple_tooltip';

package/src/widgets/simple_tooltip/simple_tooltip.tsx

@@ -1,63 +0,0 @@
-// @ts-nocheck
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {ReactNode, ComponentProps, useState, CSSProperties, useMemo} from 'react';
-import {Tooltip} from 'react-bootstrap';
-
-import OverlayTrigger from '../../components/overlay_trigger';
-
-type Props = {
-    id: string;
-    content: ReactNode;
-    children: ReactNode;
-    className?: string;
-    arrowOffsetTop?: number | string;
-    style?: CSSProperties;
-}
-
-const SimpleTooltip = ({
-    id,
-    content,
-    children,
-    placement = 'top',
-    className = 'hidden-xs',
-    delayShow = 500,
-    style,
-    ...props
-}: Props & Omit<ComponentProps<typeof OverlayTrigger>, 'overlay'>) => {
-    return (
-        <OverlayTrigger
-            {...props}
-            delayShow={delayShow}
-            placement={placement}
-            overlay={
-                <Tooltip
-                    id={id}
-                    style={style}
-                    className={className}
-                    placement={placement}
-                >
-                    {content}
-                </Tooltip>
-            }
-        >
-            {children}
-        </OverlayTrigger>
-    );
-};
-
-export default SimpleTooltip;
-
-export function useSynchronizedImmediate(): [Partial<ComponentProps<typeof SimpleTooltip>>, (isImmediate: boolean) => void] {
-    const [isImmediate, setImmediate] = useState(false);
-
-    return [
-        useMemo((): Partial<ComponentProps<typeof SimpleTooltip>> => ({
-            onEntered: () => setImmediate(true),
-            animation: !isImmediate,
-            delayShow: isImmediate ? 0 : undefined,
-        }), [isImmediate, setImmediate]),
-        setImmediate,
-    ];
-}

package/src/widgets/users/avatar/avatar.test.tsx

@@ -1,34 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import {shallow} from 'enzyme';
-
-// import Avatar from './avatar';
-
-// describe('components/widgets/users/Avatar', () => {
-//     test('should match the snapshot', () => {
-//         const wrapper = shallow(
-//             <Avatar
-//                 url='test-url'
-//                 username='test-username'
-//                 size='xl'
-//             />,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match the snapshot only with url', () => {
-//         const wrapper = shallow(
-//             <Avatar url='test-url'/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should match the snapshot only plain text', () => {
-//         const wrapper = shallow(
-//             <Avatar text='SA'/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-// });