Run type check for all web app packages in CI (#22578)

* Fix incorrect usage of types pacakge

* Make platform packages properly expose their type definitions

* Have Boards, Channels, and Playbooks get types from platform packages properly

* Run type check for all web app packages in CI

* Fix incorrect job name

webapp/channels/src/components/admin_console/permission_schemes_settings/permission_system_scheme_settings/index.tsx

@@ -4,9 +4,9 @@
 import {connect} from 'react-redux';
 import {ActionCreatorsMapObject, bindActionCreators, Dispatch} from 'redux';
 
-import {GlobalState} from '@mattermost/types/store.js';
+import {GlobalState} from '@mattermost/types/store';
 import {ActionFunc, ActionResult, GenericAction} from 'mattermost-redux/types/actions.js';
-import {Role} from '@mattermost/types/roles.js';
+import {Role} from '@mattermost/types/roles';
 
 import {loadRolesIfNeeded, editRole} from 'mattermost-redux/actions/roles';
 import {getRoles} from 'mattermost-redux/selectors/entities/roles';

webapp/channels/src/components/advanced_create_post/index.ts

@@ -6,13 +6,13 @@ import {ActionCreatorsMapObject, bindActionCreators, Dispatch} from 'redux';
 
 import {GlobalState} from 'types/store/index.js';
 
-import {Post} from '@mattermost/types/posts.js';
+import {Post} from '@mattermost/types/posts';
 
-import {FileInfo} from '@mattermost/types/files.js';
+import {FileInfo} from '@mattermost/types/files';
 
 import {ActionResult, GetStateFunc, DispatchFunc} from 'mattermost-redux/types/actions.js';
 
-import {CommandArgs} from '@mattermost/types/integrations.js';
+import {CommandArgs} from '@mattermost/types/integrations';
 
 import {ModalData} from 'types/actions.js';
 

webapp/channels/src/components/backstage/backstage_controller.tsx

@@ -5,9 +5,9 @@ import React, {ComponentType, useRef} from 'react';
 import {match, Route, Switch} from 'react-router-dom';
 import {createGlobalStyle} from 'styled-components';
 
-import {UserProfile} from '@mattermost/types/users.js';
+import {UserProfile} from '@mattermost/types/users';
 
-import {Team} from '@mattermost/types/teams.js';
+import {Team} from '@mattermost/types/teams';
 
 import Bots from 'components/integrations/bots';
 import AddBot from 'components/integrations/bots/add_bot';

webapp/channels/src/components/integrations/add_command/add_command.tsx

@@ -4,8 +4,8 @@
 import React, {useState} from 'react';
 import {useHistory} from 'react-router-dom';
 
-import {Command} from '@mattermost/types/integrations.js';
-import {Team} from '@mattermost/types/teams.js';
+import {Command} from '@mattermost/types/integrations';
+import {Team} from '@mattermost/types/teams';
 
 import {ActionResult} from 'mattermost-redux/types/actions.js';
 

webapp/channels/src/components/integrations/add_oauth_app/add_oauth_app.tsx

@@ -4,8 +4,8 @@
 import React, {useState} from 'react';
 import {useHistory} from 'react-router-dom';
 
-import {OAuthApp} from '@mattermost/types/integrations.js';
-import {Team} from '@mattermost/types/teams.js';
+import {OAuthApp} from '@mattermost/types/integrations';
+import {Team} from '@mattermost/types/teams';
 
 import {ActionResult} from 'mattermost-redux/types/actions.js';
 

webapp/channels/src/components/integrations/integrations.tsx

@@ -4,7 +4,7 @@
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
-import {Team} from '@mattermost/types/teams.js';
+import {Team} from '@mattermost/types/teams';
 
 import {Permissions} from 'mattermost-redux/constants';
 

webapp/channels/src/components/reset_status_modal/index.ts

@@ -8,9 +8,9 @@ import {GlobalState} from 'types/store/index.js';
 
 import {ActionFunc, GenericAction} from 'mattermost-redux/types/actions.js';
 
-import {UserStatus} from '@mattermost/types/users.js';
+import {UserStatus} from '@mattermost/types/users';
 
-import {PreferenceType} from '@mattermost/types/preferences.js';
+import {PreferenceType} from '@mattermost/types/preferences';
 
 import {savePreferences} from 'mattermost-redux/actions/preferences';
 import {setStatus} from 'mattermost-redux/actions/users';

webapp/channels/src/components/suggestion/channel_mention_provider.tsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import {Channel} from '@mattermost/types/channels.js';
+import {Channel} from '@mattermost/types/channels';
 import {ActionResult} from 'mattermost-redux/types/actions.js';
 
 import {getMyChannels, getMyChannelMemberships} from 'mattermost-redux/selectors/entities/channels';

webapp/channels/src/components/suggestion/search_channel_provider.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {ServerError} from '@mattermost/types/errors.js';
+import {ServerError} from '@mattermost/types/errors';
 import {ActionFunc} from 'mattermost-redux/types/actions.js';
 
 import {isDirectChannel, isGroupChannel, sortChannelsByTypeListAndDisplayName} from 'mattermost-redux/utils/channel_utils';

webapp/channels/tsconfig.json

@@ -22,10 +22,8 @@
     "jsx": "react",
     "baseUrl": "./src",
     "useUnknownInCatchVariables": false,
+    "composite": true,
     "paths": {
-        "@mattermost/client": ["../../platform/client/src"],
-        "@mattermost/components": ["../../platform/components/src"],
-        "@mattermost/types/*": ["../../platform/types/src/*"],
         "mattermost-redux/*": ["packages/mattermost-redux/src/*"],
         "reselect": ["packages/reselect/src"],
         "@mui/styled-engine": ["./node_modules/@mui/styled-engine-sc"],
@@ -35,17 +33,12 @@
     }
   },
   "include": [
-    "./src/**/*"
-  ],
-  "exclude": [
-    "dist",
-    "e2e/cypress",
-    "e2e/playwright",
-    "!node_modules/@types",
-    "coverage"
+    "./src/**/*",
+    "./src/**/*.json"
   ],
   "references": [
     {"path": "../platform/client"},
+    {"path": "../platform/components"},
     {"path": "../platform/types"}
   ]
 }