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

package/src/widgets/icons/fa_logout_icon.tsx

@@ -1,15 +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 LogoutIcon() {
-    const {formatMessage} = useIntl();
-    return (
-        <i
-            className='fa fa-1x fa-angle-left'
-            title={formatMessage({id: 'generic_icons.logout', defaultMessage: 'Logout Icon'})}
-        />
-    );
-}

package/src/widgets/icons/fa_next_icon.tsx

@@ -1,28 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import LocalizedIcon from 'components/localized_icon';
-
-// import {t} from 'utils/i18n';
-
-// type Props = {
-//     additionalClassName: string | null;
-// }
-
-// export default class NextIcon extends React.PureComponent<Props> {
-//     public static defaultProps: Props = {
-//         additionalClassName: null,
-//     };
-
-//     public render(): JSX.Element {
-//         const className = 'fa fa-1x fa-angle-right' + (this.props.additionalClassName ? ' ' + this.props.additionalClassName : '');
-//         return (
-//             <LocalizedIcon
-//                 className={className}
-//                 title={{id: t('generic_icons.next'), defaultMessage: 'Next Icon'}}
-//             />
-//         );
-//     }
-// }

package/src/widgets/icons/fa_previous_icon.tsx

@@ -1,28 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import LocalizedIcon from 'components/localized_icon';
-
-// import {t} from 'utils/i18n';
-
-// type Props = {
-//     additionalClassName: string | null;
-// }
-
-// export default class PreviousIcon extends React.PureComponent<Props> {
-//     public static defaultProps: Props = {
-//         additionalClassName: null,
-//     };
-
-//     public render(): JSX.Element {
-//         const className = 'fa fa-1x fa-angle-left' + (this.props.additionalClassName ? ' ' + this.props.additionalClassName : '');
-//         return (
-//             <LocalizedIcon
-//                 className={className}
-//                 title={{id: t('generic_icons.previous'), defaultMessage: 'Previous Icon'}}
-//             />
-//         );
-//     }
-// }

package/src/widgets/icons/fa_reload_icon.tsx

@@ -1,16 +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 ReloadIcon() {
-    const {formatMessage} = useIntl();
-    return (
-        <i
-            className='fa fa-refresh'
-            title={formatMessage({id: 'generic_icons.reload', defaultMessage: 'Reload Icon'})}
-        />
-    );
-}
-

package/src/widgets/icons/fa_remove_icon.tsx

@@ -1,16 +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 RemoveIcon() {
-    const {formatMessage} = useIntl();
-    return (
-        <i
-            className='fa fa-remove'
-            title={formatMessage({id: 'generic_icons.remove', defaultMessage: 'Remove Icon'})}
-        />
-    );
-}
-

package/src/widgets/icons/fa_search_icon.tsx

@@ -1,16 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import LocalizedIcon from 'components/localized_icon';
-// import {t} from 'utils/i18n';
-
-// export default function SearchIcon() {
-//     return (
-//         <LocalizedIcon
-//             className='fa fa-search'
-//             title={{id: t('generic_icons.search'), defaultMessage: 'Search Icon'}}
-//         />
-//     );
-// }

package/src/widgets/icons/fa_select_icon.tsx

@@ -1,16 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import LocalizedIcon from 'components/localized_icon';
-// import {t} from 'utils/i18n';
-
-// export default function SelectIcon() {
-//     return (
-//         <LocalizedIcon
-//             className='fa fa fa-plus-square'
-//             title={{id: t('generic_icons.select'), defaultMessage: 'Select Icon'}}
-//         />
-//     );
-// }

package/src/widgets/icons/fa_success_icon.tsx

@@ -1,16 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import LocalizedIcon from 'components/localized_icon';
-// import {t} from 'utils/i18n';
-
-// export default function SuccessIcon() {
-//     return (
-//         <LocalizedIcon
-//             className='fa fa-check'
-//             title={{id: t('generic_icons.success'), defaultMessage: 'Success Icon'}}
-//         />
-//     );
-// }

package/src/widgets/icons/fa_warning_icon.tsx

@@ -1,28 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import LocalizedIcon from 'components/localized_icon';
-
-// import {t} from 'utils/i18n';
-
-// type Props = {
-//     additionalClassName: string | null;
-// }
-
-// export default class WarningIcon extends React.PureComponent<Props> {
-//     public static defaultProps: Props = {
-//         additionalClassName: null,
-//     };
-
-//     public render(): JSX.Element {
-//         const className = 'fa fa-warning' + (this.props.additionalClassName ? ' ' + this.props.additionalClassName : '');
-//         return (
-//             <LocalizedIcon
-//                 className={className}
-//                 title={{id: t('generic_icons.warning'), defaultMessage: 'Warning Icon'}}
-//             />
-//         );
-//     }
-// }

package/src/widgets/icons/flag_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 FlagIcon(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.flag', defaultMessage: 'Flag Icon'})}
-            >
-                <path d='M11.744 12.5L8 10.862L4.256 12.5V2.74405H11.744V12.5ZM11.744 1.25005H4.256C3.836 1.25005 3.476 1.40005 3.176 1.70005C2.888 1.98805 2.744 2.33605 2.744 2.74405V14.75L8 12.5L13.256 14.75V2.74405C13.256 2.33605 13.106 1.98805 12.806 1.70005C12.518 1.40005 12.164 1.25005 11.744 1.25005Z'/>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/flag_icon_filled.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 FlagIconFilled(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='12px'
-                height='15px'
-                viewBox='0 0 12 15'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.flagged', defaultMessage: 'Flagged Icon'})}
-            >
-                <g
-                    stroke='none'
-                    strokeWidth='1'
-                    fill='inherit'
-                    fillRule='evenodd'
-                >
-                    <g
-                        transform='translate(-1073.000000, -33.000000)'
-                        fillRule='nonzero'
-                        fill='inherit'
-                    >
-                        <g transform='translate(-1.000000, 0.000000)'>
-                            <g transform='translate(1064.000000, 22.000000)'>
-                                <g transform='translate(10.000000, 11.000000)'>
-                                    <path d='M9.76172 0.800049H2.23828C1.83984 0.800049 1.48828 0.952393 1.18359 1.25708C0.902344 1.53833 0.761719 1.88989 0.761719 2.31177V14.3L6 12.05L11.2383 14.3V2.31177C11.2383 1.88989 11.0859 1.53833 10.7812 1.25708C10.5 0.952393 10.1602 0.800049 9.76172 0.800049Z'/>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/gfycat_icon.tsx

@@ -1,38 +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 GfycatIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    width='22px'
-                    height='14px'
-                    viewBox='0 0 22 14'
-                >
-                    <g
-                        stroke='none'
-                        strokeWidth='1'
-                        fill='inherit'
-                        fillRule='evenodd'
-                    >
-                        <g
-                            transform='translate(-1344.000000, -552.000000)'
-                            fill='inherit'
-                        >
-                            <g transform='translate(1147.000000, 542.000000)'>
-                                <g transform='translate(1.000000, 1.000000)'>
-                                    <g transform='translate(138.000000, 0.000000)'>
-                                        <path d='M63.6748519,23 L62.2292481,23 C61.8176589,23 61.4619872,22.8510143 61.1631497,22.5539741 C60.8633954,22.2569338 60.71306,21.8993681 60.71306,21.4831393 C60.71306,21.0678417 60.8597287,20.710276 61.1539829,20.4132358 C61.4473204,20.1161955 61.800242,19.9672098 62.2118312,19.9672098 L63.6565183,19.9672098 C64.0681075,19.9672098 64.4182791,19.8219488 64.7061166,19.5304955 C64.993954,19.2390422 65.1378727,18.8917193 65.1378727,18.4866644 L65.1378727,15.4371134 C65.1378727,15.0208846 64.993954,14.6670436 64.7061166,14.3755903 C64.4182791,14.084137 64.0745243,13.938876 63.6748519,13.938876 C63.2632628,13.938876 62.9103411,14.0869305 62.6170036,14.3849019 C62.3227494,14.6819421 62.1760807,15.0329897 62.1760807,15.4371134 C62.1760807,15.7294978 62.3016658,16.0563352 62.5519193,16.4185567 L62.575753,16.4530096 C62.8269232,16.8143 62.9515917,17.1420685 62.9515917,17.4344529 C62.9515917,17.8506817 62.8049229,18.2073163 62.5115854,18.5043565 C62.2173313,18.8023279 61.8653263,18.9503824 61.4537371,18.9503824 C60.7836443,18.9503824 60.2198863,18.5164616 59.7615465,17.6486199 C59.373791,16.9232458 59.1794549,16.1857665 59.1794549,15.4371134 C59.1794549,14.188427 59.6176278,13.1213169 60.4930568,12.234852 C61.3684859,11.3493183 62.4226675,10.9060858 63.6565183,10.9060858 C64.8912858,10.9060858 65.9482175,11.3493183 66.8300633,12.234852 C67.7109925,13.1213169 68.1519154,14.188427 68.1519154,15.4371134 L68.1519154,18.4866644 C68.1519154,19.7353508 67.7137425,20.7996674 66.8383134,21.6796142 C65.9628844,22.559561 64.9087028,23 63.6748519,23 Z M80,15.9269039 C80,16.3068174 79.8689148,16.6317925 79.6076611,16.9027602 C79.3454907,17.173728 79.0319863,17.3096774 78.6653144,17.3096774 L76.8438719,17.3096774 L76.8438719,18.6589292 C76.8438719,19.0388427 76.7127867,19.3638178 76.4506164,19.6347855 C76.1893627,19.9057532 75.8749415,20.0417027 75.5082697,20.0417027 C75.1315143,20.0417027 74.8125098,19.9057532 74.5503394,19.6347855 C74.2890857,19.3638178 74.1580005,19.0388427 74.1580005,18.6589292 L74.1580005,13.1464583 C74.1580005,12.00858 74.5485061,11.0355171 75.3276838,10.2272697 C76.1077782,9.41995344 77.0473748,9.01582973 78.1473904,9.01582973 L78.6653144,9.01582973 C79.0319863,9.01582973 79.3454907,9.15177918 79.6076611,9.42274692 C79.8689148,9.69371467 80,10.0186897 80,10.3986033 C80,10.7775856 79.8689148,11.1034919 79.6076611,11.3744596 C79.3454907,11.6454273 79.0319863,11.7804456 78.6653144,11.7804456 L78.162974,11.7804456 C77.7963021,11.7804456 77.481881,11.9163951 77.2206273,12.1873628 C76.9584569,12.4583306 76.8282884,12.7777187 76.8282884,13.1464583 L76.8282884,14.5450615 L78.6653144,14.5450615 C79.0319863,14.5450615 79.3454907,14.681011 79.6076611,14.9519787 C79.8689148,15.2229465 80,15.5479215 80,15.9269039 Z M72.6344789,18.6589292 C72.6344789,19.0388427 72.5043104,19.3638178 72.24214,19.6347855 C71.9808863,19.9057532 71.6664652,20.0417027 71.2997933,20.0417027 C70.9340382,20.0417027 70.616867,19.9057532 70.3501132,19.6347855 C70.0833594,19.3638178 69.9495242,19.0388427 69.9495242,18.6589292 L69.9495242,14.170735 C69.9495242,13.7917526 70.0806094,13.4667775 70.3418631,13.1958098 C70.6040335,12.9239109 70.9175379,12.7888926 71.2842098,12.7888926 C71.6508817,12.7888926 71.9671361,12.9239109 72.2348066,13.1958098 C72.5015604,13.4667775 72.6344789,13.7917526 72.6344789,14.170735 L72.6344789,18.6589292 Z M58.3370263,12.5356169 C58.1023563,11.7441304 58.0042716,10.9163286 58.0042716,10.9163286 C57.9721878,10.6937812 58.1243566,10.547589 58.3425264,10.5904223 C58.3425264,10.5904223 58.5350291,10.6267376 58.8017829,10.6807449 C59.0767868,10.7375457 59.4324585,10.8139009 59.7404628,10.8921184 C60.3473048,11.0448287 60.95323,11.2720319 60.95323,11.2720319 C60.95323,11.2720319 60.2904706,11.6621882 59.7239626,12.3018956 C59.1565379,12.9406718 58.8650338,13.8420353 58.8650338,13.8420353 C58.8650338,13.8420353 58.5716963,13.3280346 58.3370263,12.5356169 Z M69.088762,12.5356169 C69.323432,11.7441304 69.4224334,10.9163286 69.4224334,10.9163286 C69.4536005,10.6937812 69.3014317,10.547589 69.0832619,10.5904223 C69.0832619,10.5904223 68.2921674,10.7384769 67.6853254,10.8921184 C67.0794002,11.0448287 66.4725583,11.2720319 66.4725583,11.2720319 C66.4725583,11.2720319 67.1353177,11.6621882 67.7027424,12.3018956 C68.2692504,12.9406718 68.5616712,13.8420353 68.5616712,13.8420353 C68.5616712,13.8420353 68.8550087,13.3280346 69.088762,12.5356169 Z M72.6344789,10.3818424 C72.6344789,10.7617559 72.5043104,11.086731 72.24214,11.3576987 C71.9808863,11.6286664 71.6664652,11.7646159 71.2997933,11.7646159 C70.9340382,11.7646159 70.616867,11.6286664 70.3501132,11.3576987 C70.0833594,11.086731 69.9495242,10.7617559 69.9495242,10.3818424 C69.9495242,10.00286 70.0806094,9.67788494 70.3418631,9.40691719 C70.6040335,9.13594945 70.9175379,9 71.2842098,9 C71.6508817,9 71.9671361,9.13594945 72.2348066,9.40691719 C72.5015604,9.67788494 72.6344789,10.00286 72.6344789,10.3818424 Z'/>
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/gif_reactions_icon.tsx

@@ -1,52 +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 GifReactionsIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    className='ic-svg ic-reactions-svg'
-                    width='14px'
-                    height='14px'
-                    viewBox='0 0 14 14'
-                    version='1.1'
-                >
-                    <g
-                        id='Finalized-Design'
-                        stroke='none'
-                        fill='inherit'
-                    >
-                        <g
-                            id='GfyCat---Gycat-Tab'
-                            transform='translate(-1348.000000, -620.000000)'
-                            fill='inherit'
-                        >
-                            <g
-                                id='modal---emojis'
-                                transform='translate(1147.000000, 542.000000)'
-                            >
-                                <g
-                                    id='tabs---gfycat'
-                                    transform='translate(1.000000, 68.000000)'
-                                >
-                                    <g
-                                        id='tab---category---deselected'
-                                        transform='translate(138.000000, 0.000000)'
-                                    >
-                                        <path
-                                            d='M62,16 L62,10 L68,10 L68,16 L62,16 Z M64,12 L64,14 L66,14 L66,12 L64,12 Z M70,24 L70,18 L76,18 L76,24 L70,24 Z M72,20 L72,22 L74,22 L74,20 L72,20 Z M70,10 L76,10 L76,16 L70,16 L70,10 Z M74,14 L74,12 L72,12 L72,14 L74,14 Z M62,24 L62,18 L68,18 L68,24 L62,24 Z M64,20 L64,22 L66,22 L66,20 L64,20 Z'
-                                            id='icon---categories'
-                                        />
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/gif_search_clear_icon.tsx

@@ -1,27 +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 GifSearchClearIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    width='100%'
-                    height='100%'
-                    viewBox='-10 -10 40 40'
-                    enableBackground='new 0 0 20 20'
-                    version='1.1'
-                >
-                    <g transform='matrix(0.952381,0,0,1,0,0)'>
-                        <path
-                            fill='inherit'
-                            d='M10.5 11.7L2.2 19.8C2 19.9 1.9 20 1.7 20 1.6 20 1.4 19.9 1.3 19.8L0.2 18.8C0.1 18.7 0 18.5 0 18.3 0 18.2 0.1 18 0.2 17.9L8.3 10 0.2 2.1C0.1 2 0 1.8 0 1.7 0 1.5 0.1 1.3 0.2 1.2L1.3 0.2C1.4 0.1 1.6 0 1.7 0 1.9 0 2 0.1 2.2 0.2L10.5 8.3 18.8 0.2C19 0.1 19.1 0 19.3 0 19.4 0 19.6 0.1 19.7 0.2L20.8 1.2C20.9 1.3 21 1.5 21 1.7 21 1.8 20.9 2 20.8 2.1L12.7 10 20.8 17.9C20.9 18 21 18.2 21 18.3 21 18.5 20.9 18.7 20.8 18.8L19.7 19.8C19.6 19.9 19.4 20 19.3 20 19.1 20 19 19.9 18.8 19.8L10.5 11.7Z'
-                        />
-                    </g>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/gif_search_icon.tsx

@@ -1,29 +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 GifSearchIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    width='100%'
-                    height='100%'
-                    viewBox='-10 -10 40 40'
-                    version='1.1'
-                >
-                    <g
-                        id='ic_search'
-                        transform='matrix(0.959095,-9.6091e-18,-1.00189e-17,0.959095,-0.0633002,-0.777826)'
-                    >
-                        <path
-                            d='M2.648,15.872C3.433,16.658 4.376,17.287 5.454,17.758C6.553,18.229 7.698,18.454 8.888,18.454C10.728,18.454 12.389,17.938 13.893,16.905L18.18,21.192C18.494,21.506 18.854,21.664 19.302,21.664C19.751,21.664 20.111,21.506 20.447,21.192C20.761,20.855 20.919,20.496 20.919,20.047C20.919,19.621 20.761,19.239 20.447,18.925L16.16,14.638C17.193,13.134 17.709,11.473 17.709,9.633C17.709,8.443 17.484,7.298 17.013,6.198C16.542,5.121 15.913,4.178 15.128,3.393C14.342,2.607 13.399,1.979 12.322,1.507C11.222,1.036 10.077,0.811 8.888,0.811C7.698,0.811 6.553,1.036 5.454,1.507C4.376,1.979 3.433,2.607 2.648,3.393C1.862,4.178 1.234,5.121 0.762,6.198C0.291,7.298 0.066,8.443 0.066,9.633C0.066,10.822 0.291,11.967 0.762,13.067C1.234,14.144 1.862,15.087 2.648,15.872ZM8.888,4.021C10.436,4.021 11.761,4.56 12.861,5.66C13.96,6.76 14.499,8.084 14.499,9.633C14.499,11.181 13.96,12.506 12.861,13.606C11.761,14.705 10.436,15.244 8.888,15.244C7.339,15.244 6.015,14.705 4.915,13.606C3.815,12.506 3.276,11.181 3.276,9.633C3.276,8.084 3.815,6.76 4.915,5.66C6.015,4.56 7.339,4.021 8.888,4.021Z'
-                            style={{fill: 'inherit'}}
-                        />
-                    </g>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/gif_trending_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';
-
-export default class GifTrendingIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    className='ic-svg ic-trending-svg'
-                    width='11px'
-                    height='15px'
-                    viewBox='0 0 11 15'
-                    version='1.1'
-                >
-                    <g
-                        id='Finalized-Design'
-                        stroke='none'
-                        fill='inherit'
-                    >
-                        <g
-                            id='GfyCat---Gycat-Tab'
-                            transform='translate(-1212.000000, -619.000000)'
-                            fill='inherit'
-                        >
-                            <g
-                                id='modal---emojis'
-                                transform='translate(1147.000000, 542.000000)'
-                            >
-                                <g
-                                    id='tabs---gfycat'
-                                    transform='translate(1.000000, 68.000000)'
-                                >
-                                    <g id='tab---trending---selected'>
-                                        <path
-                                            d='M69.90625,10.4062776 C69.90625,10.9531513 70.0976562,11.4909106 70.4804688,12.019555 C70.6992188,12.32945 71.1276043,12.7760638 71.765625,13.3593956 C72.3489582,13.9062693 72.7773438,14.3346538 73.0507812,14.6445488 C73.5065106,15.1731932 73.8528644,15.7109525 74.0898438,16.2578262 C74.3632812,16.9505327 74.5,17.6979271 74.5,18.5000083 C74.5,19.4479229 74.2630207,20.3229208 73.7890625,21.1250021 C73.3151043,21.9270834 72.6770832,22.565103 71.875,23.03906 C71.0729168,23.5130171 70.1979168,23.7499958 69.25,23.7499958 C68.3020832,23.7499958 67.4270832,23.5130171 66.625,23.03906 C65.8229168,22.565103 65.1848957,21.9270834 64.7109375,21.1250021 C64.2369793,20.3229208 64,19.4479229 64,18.5000083 C64,17.6432397 64.2005207,16.8320436 64.6015625,16.0664204 C65.0026043,15.3007972 65.5494793,14.6718925 66.2421875,14.1797061 C66.4609375,14.0338733 66.6888019,14.0247585 66.9257812,14.1523625 C67.1627606,14.2799665 67.28125,14.4713723 67.28125,14.7265798 L67.28125,17.6250104 C67.28125,17.9349054 67.3860676,18.1946704 67.5957031,18.4043054 C67.8053387,18.6139405 68.0651043,18.7187578 68.375,18.7187578 C68.6848957,18.7187578 68.9446613,18.6139405 69.1542969,18.4043054 C69.3639324,18.1946704 69.46875,17.9349054 69.46875,17.6250104 C69.46875,17.4427191 69.4049481,17.2330844 69.2773438,16.9961057 C69.2044269,16.8320436 69.0677082,16.576836 68.8671875,16.2304825 C68.4661457,15.5742341 68.1835938,15.0547041 68.0195312,14.6718925 C67.7643231,13.9791859 67.6640625,13.2955938 67.71875,12.6211161 C67.8098957,11.7825763 68.1380207,10.9258077 68.703125,10.0508097 C68.8125,9.86851837 68.9628906,9.76825847 69.1542969,9.75002921 C69.3457031,9.73179994 69.5188801,9.78648731 69.6738281,9.91409132 C69.8287762,10.0416953 69.90625,10.2057574 69.90625,10.4062776 Z M69.2499875,22.437499 C69.9609233,22.437499 70.6171717,22.259765 71.2187328,21.9042971 C71.8202939,21.5488292 72.2988083,21.0703147 72.6542762,20.4687537 C73.0097441,19.8671926 73.1874781,19.2109441 73.1874781,18.5000083 C73.1874781,17.880218 73.0781034,17.3060006 72.8593539,16.7773562 C72.6588337,16.3398572 72.376282,15.9023583 72.0116996,15.4648593 C71.7929502,15.1914225 71.4329248,14.8131683 70.9316241,14.3300964 C70.4303233,13.8470245 70.070298,13.4687703 69.8515485,13.1953335 C69.4869662,12.7760638 69.2135294,12.3567937 69.031238,11.937524 C68.8671759,12.5573143 68.8945196,13.1953335 69.1132691,13.8515819 C69.2408731,14.2343935 69.5143099,14.7812672 69.9335796,15.492203 C70.2252457,15.9661601 70.4166515,16.321628 70.507797,16.5586067 C70.6900884,16.9414183 70.7812338,17.2968862 70.7812338,17.6250104 C70.7812338,18.2812589 70.5442551,18.8463618 70.070298,19.3203189 C69.596341,19.794276 69.031238,20.0312547 68.3749896,20.0312547 C67.7187411,20.0312547 67.1536382,19.794276 66.6796811,19.3203189 C66.205724,18.8463618 65.9687453,18.2812589 65.9687453,17.6250104 L65.9687453,16.0937641 C65.7682251,16.403659 65.60872,16.7819136 65.4902308,17.228527 C65.3717417,17.6751404 65.3124969,18.0989675 65.3124969,18.5000083 C65.3124969,19.2109441 65.4902308,19.8671926 65.8456987,20.4687537 C66.2011666,21.0703147 66.6796811,21.5488292 67.2812422,21.9042971 C67.8828032,22.259765 68.5390517,22.437499 69.2499875,22.437499 Z'
-                                            id='icon---trending'
-                                        />
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/globe_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 GlobeIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='13px'
-                height='13px'
-                viewBox='0 0 16 16'
-                role='presentation'
-                aria-label={formatMessage({id: 'generic_icons.channel.public', defaultMessage: 'Public Channel Icon'})}
-            >
-                <path d='M8 -2.47955e-05C6.56 -2.47955e-05 5.216 0.367975 3.968 1.10398C2.76267 1.80798 1.808 2.76264 1.104 3.96797C0.368 5.21598 0 6.55998 0 7.99998C0 9.43998 0.368 10.784 1.104 12.032C1.808 13.2373 2.76267 14.192 3.968 14.896C5.216 15.632 6.56 16 8 16C9.44 16 10.784 15.632 12.032 14.896C13.2373 14.192 14.192 13.2373 14.896 12.032C15.632 10.784 16 9.43998 16 7.99998C16 6.55998 15.632 5.21598 14.896 3.96797C14.192 2.76264 13.2373 1.80798 12.032 1.10398C10.784 0.367975 9.44 -2.47955e-05 8 -2.47955e-05ZM14.4 8.39998C14.2507 8.59198 13.92 8.80531 13.408 9.03998C12.768 9.31731 12.032 9.53064 11.2 9.67998V6.95998C12.288 6.77864 13.168 6.53864 13.84 6.23998C13.872 6.20798 13.9253 6.18131 14 6.15998C14.0853 6.12798 14.1387 6.10131 14.16 6.07998C14.32 6.63464 14.4 7.27464 14.4 7.99998V8.39998ZM6.8 11.52C6.93867 11.52 7.14133 11.536 7.408 11.568C7.67467 11.5893 7.872 11.6 8 11.6C8.53333 11.6 8.93333 11.5733 9.2 11.52C9.008 12.2773 8.8 12.912 8.576 13.424C8.36267 13.8933 8.17067 14.192 8 14.32C7.808 14.1813 7.61067 13.8826 7.408 13.424C7.152 12.8906 6.94933 12.256 6.8 11.52ZM8 9.99998C7.63733 9.99998 7.376 9.99464 7.216 9.98398C6.93867 9.97331 6.69333 9.95198 6.48 9.91998C6.48 9.74931 6.46933 9.46664 6.448 9.07198C6.416 8.61331 6.4 8.25598 6.4 7.99998V7.11998C6.77333 7.17331 7.30667 7.19998 8 7.19998C8.69333 7.19998 9.22667 7.17331 9.6 7.11998V7.99998C9.6 8.25598 9.584 8.61331 9.552 9.07198C9.53067 9.46664 9.52 9.74931 9.52 9.91998C9.30667 9.95198 9.06133 9.97331 8.784 9.98398C8.624 9.99464 8.36267 9.99998 8 9.99998ZM9.44 5.51998C9.12 5.57331 8.64 5.59998 8 5.59998C7.36 5.59998 6.88 5.57331 6.56 5.51998C6.656 4.82664 6.8 4.18131 6.992 3.58397C7.14133 3.07198 7.31733 2.62931 7.52 2.25597C7.69067 1.93598 7.85067 1.71731 8 1.59997C8.14933 1.71731 8.30933 1.93598 8.48 2.25597C8.68267 2.62931 8.85867 3.07198 9.008 3.58397C9.2 4.18131 9.344 4.82664 9.44 5.51998ZM13.44 4.63998C12.5867 5.00264 11.7867 5.24264 11.04 5.35997C10.9653 4.71997 10.848 4.11198 10.688 3.53598C10.5387 2.95998 10.3627 2.44798 10.16 1.99998C11.5573 2.49064 12.6507 3.37064 13.44 4.63998ZM2.56 4.63998C2.976 4.02131 3.456 3.49331 4 3.05597C4.576 2.58664 5.216 2.23464 5.92 1.99998C5.52533 2.87464 5.20533 3.99464 4.96 5.35997C3.92533 5.11464 3.12533 4.87464 2.56 4.63998ZM1.92 6.07998C1.952 6.11198 2.00533 6.14398 2.08 6.17598L2.24 6.23998C2.96533 6.55998 3.84533 6.79998 4.88 6.95998C4.848 7.09864 4.82667 7.26398 4.816 7.45598C4.80533 7.56264 4.8 7.74398 4.8 7.99998C4.8 8.74664 4.82667 9.30664 4.88 9.67998C4.048 9.53064 3.31733 9.31731 2.688 9.03998C2.16533 8.80531 1.82933 8.59198 1.68 8.39998V7.99998C1.63733 7.67998 1.63733 7.34931 1.68 7.00798C1.72267 6.66664 1.80267 6.35731 1.92 6.07998ZM2.16 10.56C3.14133 10.9546 4.128 11.2213 5.12 11.36C5.248 12.2133 5.51467 13.0933 5.92 14C5.088 13.7226 4.34133 13.2853 3.68 12.688C3.02933 12.08 2.52267 11.3706 2.16 10.56ZM13.84 10.56C13.4773 11.3706 12.9653 12.08 12.304 12.688C11.6533 13.2853 10.912 13.7226 10.08 14C10.4853 13.0933 10.752 12.2133 10.88 11.36C12.1493 11.1786 13.136 10.912 13.84 10.56Z'/>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/icons.stories.js

@@ -1,110 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-
-import {storiesOf} from '@storybook/react';
-import {withKnobs} from '@storybook/addon-knobs';
-
-import AccordionToggleIcon from './accordion_toggle_icon';
-import AlertIcon from './alert_icon';
-import ArchiveIcon from './archive_icon';
-import ArrowRightIcon from './arrow_right_icon';
-import AtIcon from './at_icon';
-import AttachmentIcon from './attachment_icon';
-import BackIcon from './back_icon';
-import BotIcon from './bot_icon';
-import CheckboxCheckedIcon from './checkbox_checked_icon';
-import CheckboxPartialIcon from './checkbox_partial_icon';
-import CloseCircleIcon from './close_circle_icon';
-import CloseCircleSolidIcon from './close_circle_solid_icon';
-import CloseIcon from './close_icon';
-import DotsHorizontal from './dots_horizontal';
-import DownloadIcon from './download_icon';
-import DraftIcon from './draft_icon';
-import EmailIcon from './email_icon';
-import EmojiIcon from './emoji_icon';
-import FaAddIcon from './fa_add_icon';
-import FaBackIcon from './fa_back_icon';
-import FaDropdownIcon from './fa_dropdown_icon';
-import FaEditIcon from './fa_edit_icon';
-import FaLogoutIcon from './fa_logout_icon';
-import FaNextIcon from './fa_next_icon';
-import FaPreviousIcon from './fa_previous_icon';
-import FaReloadIcon from './fa_reload_icon';
-import FaRemoveIcon from './fa_remove_icon';
-import FaSearchIcon from './fa_search_icon';
-import FaSelectIcon from './fa_select_icon';
-import FaSuccessIcon from './fa_success_icon';
-import FaWarningIcon from './fa_warning_icon';
-import FlagIconFilled from './flag_icon_filled';
-import FlagIcon from './flag_icon';
-import GfycatIcon from './gfycat_icon';
-import GifReactionsIcon from './gif_reactions_icon';
-import GifSearchClearIcon from './gif_search_clear_icon';
-import GifSearchIcon from './gif_search_icon';
-import GifTrendingIcon from './gif_trending_icon';
-import GlobeIcon from './globe_icon';
-import InfoIcon from './info_icon';
-import InfoSmallIcon from './info_small_icon';
-import InviteIcon from './invite_icon';
-import LeaveTeamIcon from './leave_team_icon';
-import LinkIcon from './link_icon';
-import LockIcon from './lock_icon';
-import MailIcon from './mail_icon';
-import MailPlusIcon from './mail_plus_icon';
-import MattermostLogo from './mattermost_logo';
-import MemberIcon from './member_icon';
-import MentionsIcon from './mentions_icon';
-import MenuIcon from './menu_icon';
-import MessageIcon from './message_icon';
-import PinIcon from './pin_icon';
-import ReplyIcon from './reply_icon';
-import ScrollToBottomIcon from './scroll_to_bottom_icon';
-import SearchIcon from './search_icon';
-import ShieldOutlineIcon from './shield_outline_icon';
-import StatusAwayAvatarIcon from './status_away_avatar_icon';
-import StatusAwayIcon from './status_away_icon';
-import StatusDndAvatarIcon from './status_dnd_avatar_icon';
-import StatusDndIcon from './status_dnd_icon';
-import StatusOfflineAvatarIcon from './status_offline_avatar_icon';
-import StatusOfflineIcon from './status_offline_icon';
-import StatusOnlineAvatarIcon from './status_online_avatar_icon';
-import StatusOnlineIcon from './status_online_icon';
-import TeamInfoIcon from './team_info_icon';
-import UnreadBelowIcon from './unread_below_icon';
-
-const icons = [
-    AccordionToggleIcon, AlertIcon, ArchiveIcon, AtIcon, ArrowRightIcon,
-    AttachmentIcon, BackIcon, BotIcon, CheckboxCheckedIcon,
-    CheckboxPartialIcon, CloseCircleIcon, CloseCircleSolidIcon, CloseIcon,
-    DotsHorizontal, DownloadIcon, DraftIcon, EmailIcon, EmojiIcon, FaAddIcon, FaBackIcon, FaDropdownIcon,
-    FaEditIcon, FaLogoutIcon, FaNextIcon, FaPreviousIcon, FaReloadIcon,
-    FaRemoveIcon, FaSearchIcon, FaSelectIcon, FaSuccessIcon, FaWarningIcon,
-    FlagIconFilled, FlagIcon, GfycatIcon, GifReactionsIcon,
-    GifSearchClearIcon, GifSearchIcon, GifTrendingIcon, GlobeIcon, InfoIcon,
-    InfoSmallIcon, InviteIcon, LeaveTeamIcon, LinkIcon, LockIcon, MailIcon,
-    MailPlusIcon, MattermostLogo, MemberIcon, MentionsIcon, MenuIcon,
-    MessageIcon, PinIcon, ReplyIcon, ScrollToBottomIcon, SearchIcon, ShieldOutlineIcon,
-    StatusAwayAvatarIcon, StatusAwayIcon, StatusDndAvatarIcon, StatusDndIcon,
-    StatusOfflineAvatarIcon, StatusOfflineIcon, StatusOnlineAvatarIcon,
-    StatusOnlineIcon, TeamInfoIcon, UnreadBelowIcon,
-];
-
-const stories = storiesOf('Widgets/Icons', module).addDecorator(withKnobs);
-
-stories.add('Icons', () => {
-    return (
-        <div style={{display: 'flex', width: '100%', flexWrap: 'wrap'}}>
-            {icons.map((Icon, index) => (
-                <div
-                    key={index}
-                    style={{width: 128, height: 128, display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', alignItems: 'center', border: '1px solid #eeeeee', borderRadius: 5, margin: 10}}
-                >
-                    <Icon/>
-                    <div>{Icon.displayName}</div>
-                </div>
-            ))}
-        </div>
-    );
-});