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

package/src/widgets/icons/arrow_right_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 ArrowRightIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='24px'
-                height='24px'
-                viewBox='0 0 24 24'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.channel.arrow-right', defaultMessage: 'Arrow right'})}
-            >
-                <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/>
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/at_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';
-
-export default function AtIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    return (
-        <span {...props}>
-            <svg
-                width='100%'
-                height='100%'
-                viewBox='0 0 24 24'
-            >
-                <path
-                    fill='inherit'
-                    d='M12,15C12.81,15 13.5,14.7 14.11,14.11C14.7,13.5 15,12.81 15,12C15,11.19 14.7,10.5 14.11,9.89C13.5,9.3 12.81,9 12,9C11.19,9 10.5,9.3 9.89,9.89C9.3,10.5 9,11.19 9,12C9,12.81 9.3,13.5 9.89,14.11C10.5,14.7 11.19,15 12,15M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12V13.45C22,14.45 21.65,15.3 21,16C20.3,16.67 19.5,17 18.5,17C17.3,17 16.31,16.5 15.56,15.5C14.56,16.5 13.38,17 12,17C10.63,17 9.45,16.5 8.46,15.54C7.5,14.55 7,13.38 7,12C7,10.63 7.5,9.45 8.46,8.46C9.45,7.5 10.63,7 12,7C13.38,7 14.55,7.5 15.54,8.46C16.5,9.45 17,10.63 17,12V13.45C17,13.86 17.16,14.22 17.46,14.53C17.76,14.84 18.11,15 18.5,15C18.92,15 19.27,14.84 19.57,14.53C19.87,14.22 20,13.86 20,13.45V12C20,9.81 19.23,7.93 17.65,6.35C16.07,4.77 14.19,4 12,4C9.81,4 7.93,4.77 6.35,6.35C4.77,7.93 4,9.81 4,12C4,14.19 4.77,16.07 6.35,17.65C7.93,19.23 9.81,20 12,20H17V22H12C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z'
-                />
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/attachment_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';
-import {useIntl} from 'react-intl';
-
-export default function AttachmentIcon(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.attach', defaultMessage: 'Attachment Icon'})}
-            >
-                <g
-                    fill='inherit'
-                    fillRule='evenodd'
-                >
-                    <g
-                        transform='translate(-1029.000000, -954.000000)'
-                        fillRule='nonzero'
-                        fill='inherit'
-                    >
-                        <g transform='translate(25.000000, 937.000000)'>
-                            <g transform='translate(1004.000000, 17.000000)'>
-                                <path d='M5.35,15.56 C3.98,15.56 2.61,15.039 1.567,13.997 C0.557,12.984 0,11.642 0,10.212 C0,8.783 0.557,7.44 1.566,6.429 L6.869,1.126 C8.371,-0.376 10.812,-0.375 12.314,1.125 C13.815,2.627 13.815,5.069 12.314,6.57 L7.011,11.873 C6.094,12.792 4.603,12.79 3.687,11.873 C2.771,10.958 2.771,9.467 3.687,8.551 L8.99,3.248 C9.323,2.916 9.861,2.916 10.193,3.248 C10.525,3.579 10.525,4.118 10.193,4.449 L4.89,9.752 C4.637,10.006 4.637,10.418 4.89,10.672 C5.143,10.923 5.555,10.925 5.809,10.672 L11.113,5.369 C11.952,4.53 11.952,3.166 11.113,2.327 C10.276,1.49 8.911,1.488 8.073,2.327 L2.769,7.631 C2.079,8.32 1.699,9.237 1.699,10.212 C1.699,11.188 2.079,12.104 2.768,12.794 C4.19,14.216 6.502,14.216 7.925,12.798 L7.929,12.794 C7.929,12.793 7.929,12.793 7.929,12.793 L15.355,5.369 C15.687,5.037 16.224,5.037 16.556,5.369 C16.888,5.7 16.888,6.239 16.556,6.57 L8.779,14.348 L8.761,14.332 C7.776,15.15 6.562,15.56 5.35,15.56 Z'/>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/back_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 BackIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='24px'
-                height='24px'
-                viewBox='0 0 24 24'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.back', defaultMessage: 'Back Icon'})}
-            >
-                <path d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/bot_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 BotIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='16'
-                height='13'
-                viewBox='0 0 36 30'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.bot', defaultMessage: 'Bot Icon'})}
-            >
-                <path d='M0,15.7391304 L0,23.0434783 C0,24.0535326 0.786888587,24.8695652 1.76086957,24.8695652 L3.52173913,24.8695652 L3.52173913,13.9130435 L1.76086957,13.9130435 C0.786888587,13.9130435 0,14.7290761 0,15.7391304 Z M26.0496894,6.50271739 L19.7888199,6.50271739 L19.7888199,2.83423913 C19.7888199,1.81967561 18.989441,1 18,1 C17.010559,1 16.2111801,1.81967561 16.2111801,2.83423913 L16.2111801,6.50271739 L9.95031056,6.50271739 C7.47950311,6.50271739 5.47826087,8.55477242 5.47826087,11.0883152 L5.47826087,26.6793478 C5.47826087,28.7027429 7.0826087,30.3478261 9.05590062,30.3478261 L26.9440994,30.3478261 C28.9173913,30.3478261 30.5217391,28.7027429 30.5217391,26.6793478 L30.5217391,11.0883152 C30.5217391,8.55477242 28.5204969,6.50271739 26.0496894,6.50271739 Z M14.4782609,24.8695652 L10.9565217,24.8695652 L10.9565217,22.9130435 L14.4782609,22.9130435 L14.4782609,24.8695652 Z M12.5217391,17.826087 C11.2245652,17.826087 10.173913,16.7754348 10.173913,15.4782609 C10.173913,14.181087 11.2245652,13.1304348 12.5217391,13.1304348 C13.818913,13.1304348 14.8695652,14.181087 14.8695652,15.4782609 C14.8695652,16.7754348 13.818913,17.826087 12.5217391,17.826087 Z M19.9565217,24.8695652 L16.4347826,24.8695652 L16.4347826,22.9130435 L19.9565217,22.9130435 L19.9565217,24.8695652 Z M25.0434783,24.8695652 L21.5217391,24.8695652 L21.5217391,22.9130435 L25.0434783,22.9130435 L25.0434783,24.8695652 Z M23.2826087,17.826087 C22.0935326,17.826087 21.1304348,16.7754348 21.1304348,15.4782609 C21.1304348,14.181087 22.0935326,13.1304348 23.2826087,13.1304348 C24.4716848,13.1304348 25.4347826,14.181087 25.4347826,15.4782609 C25.4347826,16.7754348 24.4716848,17.826087 23.2826087,17.826087 Z M34.2391304,13.9130435 L32.4782609,13.9130435 L32.4782609,24.8695652 L34.2391304,24.8695652 C35.2131114,24.8695652 36,24.0535326 36,23.0434783 L36,15.7391304 C36,14.7290761 35.2131114,13.9130435 34.2391304,13.9130435 Z'/>
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/camera_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 CameraIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const intl = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='14px'
-                height='10px'
-                viewBox='0 0 16 12'
-                role='img'
-                aria-label={intl.formatMessage({id: 'generic_icons.camera', defaultMessage: 'Camera Icon'})}
-            >
-                <g
-                    stroke='none'
-                    strokeWidth='1'
-                    fill='inherit'
-                    fillRule='evenodd'
-                >
-                    <g
-                        transform='translate(-696.000000, -34.000000)'
-                        fillRule='nonzero'
-                        fill='inherit'
-                    >
-                        <g transform='translate(-1.000000, 0.000000)'>
-                            <g transform='translate(687.000000, 22.000000)'>
-                                <g transform='translate(10.000000, 12.000000)'>
-                                    <path d='M15.105,1.447 L12,3 L12,1 C12,0.447 11.553,0 11,0 L1,0 C0.447,0 0,0.447 0,1 L0,11 C0,11.553 0.447,12 1,12 L11,12 C11.553,12 12,11.553 12,11 L12,9 L15.105,10.553 C15.6,10.8 16,10.553 16,10 L16,2 C16,1.447 15.6,1.2 15.105,1.447 Z M12.895,7.211 C12.612,7.07 12.306,7 12,7 L10.5,7 C10.224,7 10,7.224 10,7.5 L10,10 L2,10 L2,2 L10,2 L10,4.5 C10,4.776 10.224,5 10.5,5 L12,5 C12.306,5 12.612,4.93 12.895,4.789 L14,4.236 L14,7.763 L12.895,7.211 Z'/>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </svg>
-        </span>
-    );
-}

package/src/widgets/icons/checkbox_checked_icon.tsx

@@ -1,62 +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 CheckboxCheckedIcon extends React.PureComponent {
-    render() {
-        return (
-            <svg
-                width='18px'
-                height='18px'
-                viewBox='0 0 18 18'
-            >
-                <g
-                    id='Developer-Export'
-                    stroke='none'
-                    strokeWidth='1'
-                    fillRule='evenodd'
-                >
-                    <g
-                        transform='translate(-285.000000, -933.000000)'
-                        id='All-Team-Members'
-                    >
-                        <g transform='translate(245.000000, 698.000000)'>
-                            <g
-                                id='Channel-Administrators'
-                                transform='translate(0.000000, 106.000000)'
-                            >
-                                <g
-                                    id='data-table/column-1'
-                                    transform='translate(11.000000, 86.000000)'
-                                >
-                                    <g
-                                        id='row-checkbox---Public-Channels'
-                                        transform='translate(12.000000, 35.000000)'
-                                    >
-                                        <g
-                                            id='Stacked-Group'
-                                            transform='translate(0.000000, 5.000000)'
-                                        >
-                                            <g id='data-table/1st/row-checkbox-label-base'>
-                                                <g
-                                                    id='check-on-copy-11'
-                                                    transform='translate(14.000000, 0.000000)'
-                                                >
-                                                    <path
-                                                        d='M19,3 L5,3 C3.9,3 3,3.9 3,5 L3,19 C3,20.1 3.9,21 5,21 L19,21 C20.1,21 21,20.1 21,19 L21,5 C21,3.9 20.1,3 19,3 L19,3 Z M10,17 L5,12.1923077 L6.4,10.8461538 L10,14.3076923 L17.6,7 L19,8.34615385 L10,17 L10,17 Z'
-                                                        id='checkbox---checked'
-                                                    />
-                                                </g>
-                                            </g>
-                                        </g>
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </svg>
-        );
-    }
-}

package/src/widgets/icons/checkbox_partial_icon.tsx

@@ -1,62 +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 CheckboxPartialIcon extends React.PureComponent {
-    render() {
-        return (
-            <svg
-                width='18px'
-                height='18px'
-                viewBox='0 0 18 18'
-            >
-                <g
-                    id='Developer-Export'
-                    stroke='none'
-                    strokeWidth='1'
-                    fillRule='evenodd'
-                >
-                    <g
-                        transform='translate(-298.000000, -1273.000000)'
-                        id='All-Team-Members'
-                    >
-                        <g transform='translate(245.000000, 698.000000)'>
-                            <g
-                                id='Channel-Administrators'
-                                transform='translate(0.000000, 106.000000)'
-                            >
-                                <g
-                                    id='data-table/column-1'
-                                    transform='translate(11.000000, 86.000000)'
-                                >
-                                    <g
-                                        id='row-checkbox---@all-@channel-Mentions'
-                                        transform='translate(0.000000, 375.000000)'
-                                    >
-                                        <g id='Stacked-Group'>
-                                            <g
-                                                id='data-table/1st/row-checkbox-label-base'
-                                                transform='translate(25.000000, 5.000000)'
-                                            >
-                                                <g
-                                                    id='check-on-copy-11'
-                                                    transform='translate(14.000000, 0.000000)'
-                                                >
-                                                    <path
-                                                        d='M19,3 C20.1,3 21,3.9 21,5 L21,19 C21,20.1 20.1,21 19,21 L5,21 C3.9,21 3,20.1 3,19 L3,5 C3,3.9 3.9,3 5,3 L19,3 Z M7,11 L7,13 L17,13 L17,11 L7,11 Z'
-                                                        id='checkbox---partial'
-                                                    />
-                                                </g>
-                                            </g>
-                                        </g>
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </svg>
-        );
-    }
-}

package/src/widgets/icons/close_circle_icon.tsx

@@ -1,25 +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 CloseCircleIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='24px'
-                height='24px'
-                viewBox='0 0 24 24'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.close', defaultMessage: 'Close Icon'})}
-            >
-                <path
-                    d='M12,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,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'
-                />
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/close_circle_solid_icon.tsx

@@ -1,25 +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 CloseCircleSolidIcon(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.close', defaultMessage: 'Close Icon'})}
-            >
-                <path
-                    d='m 8,0 c 4.424,0 8,3.576 8,8 0,4.424 -3.576,8 -8,8 C 3.576,16 0,12.424 0,8 0,3.576 3.576,0 8,0 Z M 10.872,4 8,6.872 5.128,4 4,5.128 6.872,8 4,10.872 5.128,12 8,9.128 10.872,12 12,10.872 9.128,8 12,5.128 Z'
-                />
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/close_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';
-// import {useIntl} from 'react-intl';
-
-// import {t} from 'utils/i18n';
-
-// export default function CloseIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-//     const {formatMessage} = useIntl();
-//     return (
-//         <span {...props}>
-//             <svg
-//                 width='24px'
-//                 height='24px'
-//                 viewBox='0 0 24 24'
-//                 role='img'
-//                 aria-label={formatMessage({id: t('generic_icons.close'), defaultMessage: 'Close Icon'})}
-//             >
-//                 <path
-//                     fillRule='nonzero'
-//                     d='M18 7.209L16.791 6 12 10.791 7.209 6 6 7.209 10.791 12 6 16.791 7.209 18 12 13.209 16.791 18 18 16.791 13.209 12z'
-//                 />
-//             </svg>
-//         </span>
-//     );
-// }

package/src/widgets/icons/dots_horizontal.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';
-
-export default class DotsHorizontalIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    width='14px'
-                    height='4px'
-                    viewBox='0 0 14 4'
-                    role='img'
-                    aria-label='dots horizontal icon'
-                >
-                    <path d='M10.2 2.00001C10.2 1.56267 10.3547 1.18934 10.664 0.880006C10.984 0.560006 11.3627 0.400006 11.8 0.400006C12.2373 0.400006 12.6107 0.560006 12.92 0.880006C13.24 1.18934 13.4 1.56267 13.4 2.00001C13.4 2.43734 13.24 2.81601 12.92 3.13601C12.6107 3.44534 12.2373 3.60001 11.8 3.60001C11.3627 3.60001 10.984 3.44534 10.664 3.13601C10.3547 2.81601 10.2 2.43734 10.2 2.00001ZM5.4 2.00001C5.4 1.56267 5.55467 1.18934 5.864 0.880006C6.184 0.560006 6.56267 0.400006 7 0.400006C7.43733 0.400006 7.81067 0.560006 8.12 0.880006C8.44 1.18934 8.6 1.56267 8.6 2.00001C8.6 2.43734 8.44 2.81601 8.12 3.13601C7.81067 3.44534 7.43733 3.60001 7 3.60001C6.56267 3.60001 6.184 3.44534 5.864 3.13601C5.55467 2.81601 5.4 2.43734 5.4 2.00001ZM0.6 2.00001C0.6 1.56267 0.754667 1.18934 1.064 0.880006C1.384 0.560006 1.76267 0.400006 2.2 0.400006C2.63733 0.400006 3.01067 0.560006 3.32 0.880006C3.64 1.18934 3.8 1.56267 3.8 2.00001C3.8 2.43734 3.64 2.81601 3.32 3.13601C3.01067 3.44534 2.63733 3.60001 2.2 3.60001C1.76267 3.60001 1.384 3.44534 1.064 3.13601C0.754667 2.81601 0.6 2.43734 0.6 2.00001Z'/>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/download_icon.tsx

@@ -1,46 +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';
-
-// import {t} from 'utils/i18n';
-
-// export default function DownloadIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-//     const {formatMessage} = useIntl();
-//     return (
-//         <span {...props}>
-//             <svg
-//                 width='40px'
-//                 height='40px'
-//                 viewBox='0 0 42 42'
-//                 role='img'
-//                 aria-label={formatMessage({id: t('generic_icons.download'), defaultMessage: 'Download Icon'})}
-//             >
-//                 <g
-//                     stroke='inherit'
-//                     strokeWidth='1'
-//                     fill='none'
-//                     fillRule='evenodd'
-//                 >
-//                     <g transform='translate(-986.000000, -1142.000000)'>
-//                         <g transform='translate(50.000000, 1034.000000)'>
-//                             <g transform='translate(539.000000, 54.000000)'>
-//                                 <g transform='translate(398.000000, 55.000000)'>
-//                                     <g
-//                                         transform='translate(11.000000, 11.000000)'
-//                                         fillRule='nonzero'
-//                                         fill='inherit'
-//                                     >
-//                                         <path d='M8.7345,14.1405 C8.74725,14.1525 8.763,14.15775 8.7765,14.16825 C8.802,14.18775 8.82675,14.20875 8.85675,14.22075 C8.9025,14.24025 8.95125,14.25 9,14.25 C9.04875,14.25 9.0975,14.24025 9.14325,14.22075 C9.18975,14.20125 9.23175,14.17275 9.267,14.1375 L13.764,9.6405 C13.91025,9.49425 13.91025,9.2565 13.764,9.11025 C13.61775,8.964 13.38,8.964 13.23375,9.11025 L9.375,12.969 L9.375,0.375 C9.375,0.168 9.207,0 9,0 C8.793,0 8.625,0.168 8.625,0.375 L8.625,12.9705 L4.76475,9.11025 C4.6185,8.964 4.38075,8.964 4.2345,9.11025 C4.08825,9.2565 4.08825,9.49425 4.2345,9.6405 L8.7345,14.1405 Z M17.25,13.5 C17.043,13.5 16.875,13.668 16.875,13.875 L16.875,17.25 L1.125,17.25 L1.125,13.875 C1.125,13.668 0.957,13.5 0.75,13.5 C0.543,13.5 0.375,13.668 0.375,13.875 L0.375,17.625 C0.375,17.832 0.543,18 0.75,18 L17.25,18 C17.457,18 17.625,17.832 17.625,17.625 L17.625,13.875 C17.625,13.668 17.457,13.5 17.25,13.5 Z'/>
-//                                     </g>
-//                                 </g>
-//                             </g>
-//                         </g>
-//                     </g>
-//                 </g>
-//             </svg>
-//         </span>
-//     );
-// }
-

package/src/widgets/icons/draft_icon.tsx

@@ -1,32 +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 DraftIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span
-            {...props}
-            id='draftIcon'
-        >
-            <svg
-                width='14px'
-                height='14px'
-                viewBox='0 0 50 51'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.channel.draft', defaultMessage: 'Channel Draft Icon'})}
-            >
-                <g
-                    stroke='none'
-                    strokeWidth='1'
-                    fillRule='evenodd'
-                >
-                    <path d='M11.980198,46.7136356 L14.9834983,43.7103353 L7.22772277,35.9545597 L4.22442244,38.95786 L4.22442244,42.4892132 L8.44884488,42.4892132 L8.44884488,46.7136356 L11.980198,46.7136356 Z M29.2409241,16.0865729 C29.2409241,15.6025221 28.9989023,15.3605003 28.5148515,15.3605003 C28.2948284,15.3605003 28.1078116,15.4375072 27.9537954,15.5915234 L10.0660066,33.4793122 C9.91199043,33.6333283 9.8349835,33.8203452 9.8349835,34.0403683 C9.8349835,34.5244191 10.0770053,34.7664409 10.5610561,34.7664409 C10.7810792,34.7664409 10.968096,34.6894339 11.1221122,34.5354178 L29.009901,16.647629 C29.1639172,16.4936128 29.2409241,16.306596 29.2409241,16.0865729 Z M27.4587459,9.74993922 L41.1881188,23.4793122 L13.7293729,50.938058 L0,50.938058 L0,37.2086851 L27.4587459,9.74993922 Z M50,12.9182561 C50,14.0843785 49.5929634,15.0744676 48.7788779,15.8885531 L43.30033,21.3671009 L29.5709571,7.637728 L35.049505,2.19218345 C35.8415881,1.35609566 36.8316772,0.938058036 38.019802,0.938058036 C39.1859244,0.938058036 40.1870145,1.35609566 41.0231023,2.19218345 L48.7788779,9.91495573 C49.5929634,10.7730458 50,11.7741359 50,12.9182561 Z'/>
-                </g>
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/ellipsis_h_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 EllipsisHorizontalIcon(props: React.HTMLAttributes<HTMLSpanElement>) {
-    const {formatMessage} = useIntl();
-    return (
-        <span {...props}>
-            <svg
-                width='24px'
-                height='24px'
-                viewBox='0 0 24 24'
-                role='img'
-                aria-label={formatMessage({id: 'generic_icons.elipsisHorizontalIcon', defaultMessage: 'Ellipsis Horizontal Icon'})}
-            >
-                <path d='M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z'/>
-            </svg>
-        </span>
-    );
-}
-

package/src/widgets/icons/email_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 EmailIcon 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='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z'
-                    />
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/emoji_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';
-
-export default class EmojiIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render() {
-        return (
-            <span {...this.props}>
-                <svg
-                    width='16px'
-                    height='16px'
-                    viewBox='0 0 16 16'
-                    role='img'
-                    aria-label='Emoji icon'
-                >
-                    <path d='M9.872 8.00005C10.184 8.00005 10.448 7.88605 10.664 7.65805C10.892 7.43005 11.006 7.16605 11.006 6.86605C11.006 6.56605 10.892 6.30805 10.664 6.09205C10.448 5.86405 10.184 5.75005 9.872 5.75005C9.572 5.75005 9.308 5.86405 9.08 6.09205C8.864 6.30805 8.756 6.56605 8.756 6.86605C8.756 7.16605 8.864 7.43005 9.08 7.65805C9.308 7.88605 9.572 8.00005 9.872 8.00005ZM5.372 8.00005C5.684 8.00005 5.948 7.88605 6.164 7.65805C6.392 7.43005 6.506 7.16605 6.506 6.86605C6.506 6.56605 6.392 6.30805 6.164 6.09205C5.948 5.86405 5.684 5.75005 5.372 5.75005C5.072 5.75005 4.808 5.86405 4.58 6.09205C4.364 6.30805 4.256 6.56605 4.256 6.86605C4.256 7.16605 4.364 7.43005 4.58 7.65805C4.808 7.88605 5.072 8.00005 5.372 8.00005ZM13.22 7.92805C13.244 8.12005 13.256 8.27005 13.256 8.37805C13.256 9.39805 12.998 10.34 12.482 11.204C11.99 12.056 11.318 12.728 10.466 13.22C9.59 13.736 8.642 13.994 7.622 13.994C6.602 13.994 5.654 13.736 4.778 13.22C3.938 12.728 3.266 12.056 2.762 11.204C2.258 10.34 2.006 9.39805 2.006 8.37805C2.006 7.35805 2.264 6.41005 2.78 5.53405C3.272 4.69405 3.944 4.02205 4.796 3.51805C5.66 3.00205 6.602 2.74405 7.622 2.74405C7.73 2.74405 7.88 2.75605 8.072 2.78005C8.144 2.27605 8.306 1.79005 8.558 1.32205C8.15 1.27405 7.838 1.25005 7.622 1.25005C6.338 1.25005 5.138 1.57405 4.022 2.22205C2.954 2.84605 2.102 3.69805 1.466 4.77805C0.818 5.88205 0.494 7.08205 0.494 8.37805C0.494 9.67405 0.818 10.874 1.466 11.978C2.102 13.058 2.954 13.91 4.022 14.534C5.138 15.182 6.338 15.506 7.622 15.506C8.906 15.506 10.106 15.182 11.222 14.534C12.29 13.898 13.142 13.046 13.778 11.978C14.426 10.862 14.75 9.66205 14.75 8.37805C14.75 8.16205 14.726 7.85005 14.678 7.44205C14.21 7.69405 13.724 7.85605 13.22 7.92805ZM11.744 0.494048H13.256V2.74405H15.506V4.25605H13.256V6.50605H11.744V4.25605H9.494V2.74405H11.744V0.494048ZM3.788 9.87205C4.088 10.652 4.586 11.288 5.282 11.78C5.978 12.26 6.758 12.5 7.622 12.5C8.486 12.5 9.266 12.26 9.962 11.78C10.658 11.288 11.162 10.652 11.474 9.87205H3.788Z'/>
-                </svg>
-            </span>
-        );
-    }
-}

package/src/widgets/icons/fa_add_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 AddIcon() {
-    const {formatMessage} = useIntl();
-    return (
-        <i
-            className='fa fa-plus'
-            title={formatMessage({id: 'generic_icons.add', defaultMessage: 'Add Icon'})}
-        />
-    );
-}

package/src/widgets/icons/fa_back_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 BackIcon() {
-    const {formatMessage} = useIntl();
-    return (
-        <i
-            className='fa fa-angle-left'
-            title={formatMessage({id: 'generic_icons.back', defaultMessage: 'Back Icon'})}
-        />
-    );
-}
-

package/src/widgets/icons/fa_dropdown_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 DropdownIcon() {
-    const {formatMessage} = useIntl();
-    return (
-        <i
-            className='fa fa-angle-down'
-            title={formatMessage({id: 'generic_icons.dropdown', defaultMessage: 'Dropdown Icon'})}
-        />
-    );
-}

package/src/widgets/icons/fa_edit_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 EditIcon() {
-    const {formatMessage} = useIntl();
-    return (
-        <i
-            className='icon-pencil-outline'
-            title={formatMessage({id: 'generic_icons.edit', defaultMessage: 'Edit Icon'})}
-        />
-    );
-}
-