@messenger-box/platform-browser 0.0.1-alpha.42 → 0.0.1-alpha.420

package/src/widgets/icons/ellipsis_h_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function EllipsisHorizontalIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/email_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 export default class EmailIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
     render() {

package/src/widgets/icons/fa_add_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function AddIcon() {

package/src/widgets/icons/fa_back_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function BackIcon() {

package/src/widgets/icons/fa_dropdown_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function DropdownIcon() {

package/src/widgets/icons/fa_edit_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function EditIcon() {

package/src/widgets/icons/fa_logout_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function LogoutIcon() {

package/src/widgets/icons/fa_next_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 import LocalizedIcon from 'components/localized_icon';
 

package/src/widgets/icons/fa_previous_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 import LocalizedIcon from 'components/localized_icon';
 

package/src/widgets/icons/fa_reload_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function ReloadIcon() {

package/src/widgets/icons/fa_remove_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function RemoveIcon() {

package/src/widgets/icons/fa_search_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 import LocalizedIcon from 'components/localized_icon';
 import {t} from 'utils/i18n';

package/src/widgets/icons/fa_select_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 import LocalizedIcon from 'components/localized_icon';
 import {t} from 'utils/i18n';

package/src/widgets/icons/fa_success_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 import LocalizedIcon from 'components/localized_icon';
 import {t} from 'utils/i18n';

package/src/widgets/icons/fa_warning_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 import LocalizedIcon from 'components/localized_icon';
 

package/src/widgets/icons/flag_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function FlagIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/gfycat_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 export default class GfycatIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
     render() {

package/src/widgets/icons/gif_reactions_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 export default class GifReactionsIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
     render() {

package/src/widgets/icons/gif_search_clear_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 export default class GifSearchClearIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
     render() {

package/src/widgets/icons/gif_search_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 export default class GifSearchIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
     render() {

package/src/widgets/icons/gif_trending_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 export default class GifTrendingIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
     render() {

package/src/widgets/icons/globe_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function GlobeIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

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

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 import {storiesOf} from '@storybook/react';
 import {withKnobs} from '@storybook/addon-knobs';

package/src/widgets/icons/info_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function InfoIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/info_small_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function InfoSmallIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/invite_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function InviteIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/invite_members_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function InviteMembersIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/link_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function LinkIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/lock_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function LockIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/mail_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function MailIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/mail_plus_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function MailPlusIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/member_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function MemberIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/mentions_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function MentionsIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/menu_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function MenuIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/message_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function MessageIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/pin_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function PinIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/plugin_channel_header_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function PluginChannelHeaderIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/plugin_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function PluginIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/reply_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function ReplyIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/scroll_to_bottom_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function ScrollToBottomIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/search_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function SearchIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/shield_outline_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 
 export default class ShieldOutlineIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
     render() {

package/src/widgets/icons/unarchive_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function UnarchiveIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/unread_below_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 export default function UnreadBelowIcon(props: React.HTMLAttributes<HTMLSpanElement>) {

package/src/widgets/icons/user_guide_icon.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import * as React from 'react';
 import {useIntl} from 'react-intl';
 
 type Props = React.HTMLAttributes<HTMLSpanElement>;

package/src/widgets/shared_user_indicator.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 

package/src/widgets/simple_tooltip/simple_tooltip.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 

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

@@ -4,7 +4,7 @@
 import React, { memo, HTMLAttributes } from 'react';
 import classNames from 'classnames';
 
-import { useFela } from 'react-fela';
+import { css } from '@emotion/css';
 import { styleSheet } from './style';
 
 export type TAvatarSizeToken = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -19,7 +19,6 @@ type Props = {
 type Attrs = HTMLAttributes<HTMLElement>;
 
 const Avatar = ({ url, username, size = 'md', text, ...attrs }: Props & Attrs) => {
-    const { css } = useFela();
     const classes = classNames(`Avatar Avatar-${size}`, attrs.className);
 
     if (text) {

package/src/widgets/users/avatar/style.ts

@@ -1,6 +1,6 @@
 export const styleSheet = {
     // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-    avatarStyle: () => ({
+    avatarStyle: {
         display: 'inharit',
         '& .Avatar': {
             '-webkit-user-select': 'none',
@@ -75,5 +75,5 @@ export const styleSheet = {
             color: 'rgba(0, 1, 0, )',
             content: 'attr(data-content)',
         },
-    }),
-};
+    },
+} as any;

package/src/widgets/users/avatars/avatars.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 

package/tsconfig.json

@@ -4,6 +4,7 @@
     "allowSyntheticDefaultImports": true,
     "experimentalDecorators": true,
     "esModuleInterop": true,
+    "skipLibCheck": true,
     "rootDir": "./src",
     "outDir": "../lib",
     "declarationDir": "lib"
@@ -14,4 +15,4 @@
     "dist",
     "webpack.config.js"
   ]
-}
+}

package/webpack.config.js

@@ -38,7 +38,7 @@ const webpackOpts = {
         rules: [
             {
                 test: /\.tsx?$/,
-                loaders: 'ts-loader',
+                use: 'ts-loader',
             },
             {
                 test: /\.graphql?/,

package/lib/components/messenger/mock.d.ts

@@ -1,50 +0,0 @@
-export declare const messagesData: ({
-    id: number;
-    loginUser: boolean;
-    message: string;
-    time: string;
-    timeIsToday: boolean;
-    isReply: boolean;
-    thread: {
-        threadId: number;
-        message: string;
-        time: string;
-        timeIsToday: boolean;
-        loginUser: boolean;
-    }[];
-} | {
-    id: number;
-    loginUser: boolean;
-    message: string;
-    time: string;
-    timeIsToday: boolean;
-    isReply: boolean;
-    thread?: undefined;
-})[];
-export declare const userProfile: ({
-    displayName: string;
-    isBusy: boolean;
-    user: {
-        username: string;
-    };
-    isShared: boolean;
-    disablePopover: boolean;
-    url: string;
-    displayUsername: boolean;
-    hasMention: boolean;
-    message: any[];
-    hideStatus: boolean;
-} | {
-    displayName: string;
-    isBusy: boolean;
-    user: {
-        username: string;
-    };
-    isShared: boolean;
-    disablePopover: boolean;
-    url: string;
-    displayUsername: boolean;
-    hasMention: boolean;
-    hideStatus: boolean;
-    message?: undefined;
-})[];

package/lib/components/messenger/postMessage/postMessage.d.ts

@@ -1 +0,0 @@
-export declare const PostMessage: (props: any) => JSX.Element;

package/lib/components/messenger/postMessage/style.d.ts

@@ -1,22 +0,0 @@
-export declare const styleSheet: {
-    postmessageStyles: () => {
-        display: string;
-        position: string;
-        '& .message--box-outer': {
-            marginBottom: string;
-            width: string;
-        };
-        '& .icon': {
-            position: string;
-            top: string;
-            right: string;
-            cursor: string;
-        };
-        '& .icon .anticon': {
-            marginRight: string;
-        };
-        '& .icon .anticon svg path': {
-            fill: string;
-        };
-    };
-};

package/lib/components/messenger/sidebarThreadList/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { IMessageReplyList } from '../types/message';
-interface IProps {
-    userMessagesList?: IMessageReplyList[];
-}
-export declare const SidebarThreadList: FC<IProps>;
-export {};

package/lib/components/messenger/threadSidebar/index.d.ts

@@ -1 +0,0 @@
-export declare const ThreadSidebar: (props: any) => JSX.Element;