Bump typescript from 4.9.5 to 5.0.2 in /js (#19179)

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 4.9.5 to 5.0.2.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Commits](https://github.com/Microsoft/TypeScript/compare/v4.9.5...v5.0.2)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jon Koops <jonkoops@gmail.com>

js/apps/admin-ui/src/client-scopes/ClientScopesSection.tsx

@@ -16,7 +16,10 @@ import { cellWidth } from "@patternfly/react-table";
 import { useAdminClient } from "../context/auth/AdminClient";
 import { ViewHeader } from "../components/view-header/ViewHeader";
 import { useAlerts } from "../components/alert/Alerts";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
 import { useRealm } from "../context/realm-context/RealmContext";
 import { emptyFormatter } from "../util";
@@ -274,7 +277,7 @@ export default function ClientScopesSection() {
                 setSelectedScopes([clientScope]);
                 toggleDeleteDialog();
               },
-            },
+            } as Action<Row>,
           ]}
           columns={[
             {

js/apps/admin-ui/src/client-scopes/details/MapperList.tsx

@@ -13,7 +13,10 @@ import { useServerInfo } from "../../context/server-info/ServerInfoProvider";
 
 import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
 import { AddMapperDialog } from "../add/MapperDialog";
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 
 type MapperListProps = {
   model: ClientScopeRepresentation | ClientRepresentation;
@@ -138,7 +141,7 @@ export const MapperList = ({
           {
             title: t("common:delete"),
             onRowClick: onDelete,
-          },
+          } as Action<Row>,
         ]}
         columns={[
           {

js/apps/admin-ui/src/clients/advanced/ClusteringPanel.tsx

@@ -17,13 +17,21 @@ import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog"
 import { FormAccess } from "../../components/form-access/FormAccess";
 import { HelpItem } from "ui-shared";
 import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 import { TimeSelector } from "../../components/time-selector/TimeSelector";
 import { useAdminClient } from "../../context/auth/AdminClient";
 import useFormatDate, { FORMAT_DATE_AND_TIME } from "../../utils/useFormatDate";
 import { AddHostDialog } from ".././advanced/AddHostDialog";
 import { AdvancedProps, parseResult } from "../AdvancedTab";
 
+type Node = {
+  host: string;
+  registration: string;
+};
+
 export const ClusteringPanel = ({
   save,
   client: { id, registeredNodes, access },
@@ -131,7 +139,7 @@ export const ClusteringPanel = ({
             key={key}
             ariaLabelKey="registeredClusterNodes"
             loader={() =>
-              Promise.resolve(
+              Promise.resolve<Node[]>(
                 Object.entries(nodes || {}).map((entry) => {
                   return { host: entry[0], registration: entry[1] };
                 })
@@ -167,7 +175,7 @@ export const ClusteringPanel = ({
                   setSelectedNode(node.host);
                   toggleDeleteNodeConfirm();
                 },
-              },
+              } as Action<Node>,
             ]}
             columns={[
               {

js/apps/admin-ui/src/clients/initial-access/InitialAccessTokenList.tsx

@@ -7,7 +7,10 @@ import { Link, useNavigate } from "react-router-dom";
 import { useAlerts } from "../../components/alert/Alerts";
 import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
 import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient } from "../../context/auth/AdminClient";
 import { useRealm } from "../../context/realm-context/RealmContext";
 import { toCreateInitialAccessToken } from "../routes/CreateInitialAccessToken";
@@ -76,7 +79,7 @@ export const InitialAccessTokenList = () => {
               setToken(token);
               toggleDeleteDialog();
             },
-          },
+          } as Action<ClientInitialAccessPresentation>,
         ]}
         columns={[
           {

js/apps/admin-ui/src/clients/registration/ClientRegistrationList.tsx

@@ -6,7 +6,10 @@ import { Link, useNavigate, useParams } from "react-router-dom";
 
 import { useAlerts } from "../../components/alert/Alerts";
 import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient, useFetch } from "../../context/auth/AdminClient";
 import { useRealm } from "../../context/realm-context/RealmContext";
 import useToggle from "../../utils/useToggle";
@@ -118,7 +121,7 @@ export const ClientRegistrationList = ({
               setSelectedPolicy(policy);
               toggleDeleteDialog();
             },
-          },
+          } as Action<ComponentRepresentation>,
         ]}
         columns={[
           {

js/apps/admin-ui/src/clients/scopes/ClientScopes.tsx

@@ -25,7 +25,10 @@ import {
   removeClientScope,
 } from "../../components/client-scope/ClientScopeTypes";
 import { useAlerts } from "../../components/alert/Alerts";
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 import {
   nameFilter,
   SearchDropdown,
@@ -363,7 +366,7 @@ export const ClientScopes = ({
                     toggleDeleteDialog();
                     return true;
                   },
-                },
+                } as Action<Row>,
               ]
             : []
         }

js/apps/admin-ui/src/components/role-mapping/RoleMapping.tsx

@@ -14,7 +14,7 @@ import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/
 import type RoleRepresentation from "@keycloak/keycloak-admin-client/lib/defs/roleRepresentation";
 import type KeycloakAdminClient from "@keycloak/keycloak-admin-client";
 import { AddRoleMappingModal } from "./AddRoleMappingModal";
-import { KeycloakDataTable } from "../table-toolbar/KeycloakDataTable";
+import { Action, KeycloakDataTable } from "../table-toolbar/KeycloakDataTable";
 import { emptyFormatter, upperCaseFormatter } from "../../util";
 import { useAlerts } from "../alert/Alerts";
 import { useConfirmDialog } from "../confirm-dialog/ConfirmDialog";
@@ -229,7 +229,7 @@ export const RoleMapping = ({
                     toggleDeleteDialog();
                     return false;
                   },
-                },
+                } as Action<Awaited<ReturnType<typeof loader>>[0]>,
               ]
             : []
         }

js/apps/admin-ui/src/components/roles-list/RolesList.tsx

@@ -14,7 +14,7 @@ import { useConfirmDialog } from "../confirm-dialog/ConfirmDialog";
 import { HelpItem } from "ui-shared";
 import { KeycloakSpinner } from "../keycloak-spinner/KeycloakSpinner";
 import { ListEmptyState } from "../list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../table-toolbar/KeycloakDataTable";
+import { Action, KeycloakDataTable } from "../table-toolbar/KeycloakDataTable";
 
 import "./RolesList.css";
 
@@ -152,7 +152,7 @@ export const RolesList = ({
                       );
                     } else toggleDeleteDialog();
                   },
-                },
+                } as Action<RoleRepresentation>,
               ]
         }
         columns={[

js/apps/admin-ui/src/events/AdminEvents.tsx

@@ -32,7 +32,10 @@ import { useTranslation } from "react-i18next";
 
 import { KeycloakTextInput } from "../components/keycloak-text-input/KeycloakTextInput";
 import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient } from "../context/auth/AdminClient";
 import { useRealm } from "../context/realm-context/RealmContext";
 import { useServerInfo } from "../context/server-info/ServerInfoProvider";
@@ -548,7 +551,8 @@ export const AdminEvents = () => {
         isPaginated
         ariaLabelKey="events:adminEvents"
         toolbarItem={adminEventSearchFormDisplay()}
-        actions={[
+        actions={
+          [
             {
               title: t("auth"),
               onRowClick: (event) => setAuthEvent(event),
@@ -557,7 +561,8 @@ export const AdminEvents = () => {
               title: t("representation"),
               onRowClick: (event) => setRepresentationEvent(event),
             },
-        ]}
+          ] as Action<AdminEventRepresentation>[]
+        }
         columns={[
           {
             name: "time",

js/apps/admin-ui/src/events/EventsSection.tsx

@@ -68,28 +68,6 @@ const defaultValues: UserEventSearchForm = {
   type: [],
 };
 
-const UserDetailLink = (event: EventRepresentation) => {
-  const { t } = useTranslation("events");
-  const { realm } = useRealm();
-  return (
-    <>
-      {event.userId && (
-        <Link
-          key={`link-${event.time}-${event.type}`}
-          to={toUser({
-            realm,
-            id: event.userId,
-            tab: "settings",
-          })}
-        >
-          {event.userId}
-        </Link>
-      )}
-      {!event.userId && t("noUserDetails")}
-    </>
-  );
-};
-
 const StatusRow = (event: EventRepresentation) =>
   !event.error ? (
     <span>

js/apps/admin-ui/src/groups/Members.tsx

@@ -14,7 +14,10 @@ import {
 
 import type GroupRepresentation from "@keycloak/keycloak-admin-client/lib/defs/groupRepresentation";
 import type UserRepresentation from "@keycloak/keycloak-admin-client/lib/defs/userRepresentation";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient } from "../context/auth/AdminClient";
 import { useRealm } from "../context/realm-context/RealmContext";
 import { useAlerts } from "../components/alert/Alerts";
@@ -217,7 +220,7 @@ export const Members = () => {
 
                     return true;
                   },
-                },
+                } as Action<UserRepresentation>,
               ]
             : []
         }

js/apps/admin-ui/src/identity-providers/IdentityProvidersSection.tsx

@@ -28,7 +28,10 @@ import { IconMapper } from "ui-shared";
 import { useAlerts } from "../components/alert/Alerts";
 import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
 import { ClickableCard } from "../components/keycloak-card/ClickableCard";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { ViewHeader } from "../components/view-header/ViewHeader";
 import { useAdminClient, useFetch } from "../context/auth/AdminClient";
 import { useRealm } from "../context/realm-context/RealmContext";
@@ -255,7 +258,7 @@ export default function IdentityProvidersSection() {
                   setSelectedProvider(provider);
                   toggleDeleteDialog();
                 },
-              },
+              } as Action<IdentityProviderRepresentation>,
             ]}
             columns={[
               {

js/apps/admin-ui/src/identity-providers/add/DetailSettings.tsx

@@ -29,7 +29,10 @@ import {
   useRoutableTab,
 } from "../../components/routable-tabs/RoutableTabs";
 import { ScrollForm } from "../../components/scroll-form/ScrollForm";
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 import { ViewHeader } from "../../components/view-header/ViewHeader";
 import { useAdminClient, useFetch } from "../../context/auth/AdminClient";
 import { useRealm } from "../../context/realm-context/RealmContext";
@@ -489,7 +492,7 @@ export default function DetailSettings() {
                     setSelectedMapper(mapper);
                     toggleDeleteMapperDialog();
                   },
-                },
+                } as Action<IdPWithMapperAttributes>,
               ]}
             />
           </Tab>

js/apps/admin-ui/src/realm-settings/DefaultGroupsTab.tsx

@@ -16,7 +16,10 @@ import {
 import { QuestionCircleIcon } from "@patternfly/react-icons";
 
 import type GroupRepresentation from "@keycloak/keycloak-admin-client/lib/defs/groupRepresentation";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient, useFetch } from "../context/auth/AdminClient";
 import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
 import useToggle from "../utils/useToggle";
@@ -194,12 +197,12 @@ export const DefaultsGroupsTab = () => {
         actions={[
           {
             title: t("common:remove"),
-            onRowClick: (group: GroupRepresentation) => {
+            onRowClick: (group) => {
               setSelectedRows([group]);
               toggleRemoveDialog();
               return Promise.resolve(false);
             },
-          },
+          } as Action<GroupRepresentation>,
         ]}
         columns={[
           {

js/apps/admin-ui/src/realm-settings/PoliciesTab.tsx

@@ -22,7 +22,10 @@ import { useAlerts } from "../components/alert/Alerts";
 import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
 import { KeycloakSpinner } from "../components/keycloak-spinner/KeycloakSpinner";
 import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient, useFetch } from "../context/auth/AdminClient";
 import { useRealm } from "../context/realm-context/RealmContext";
 import { prettyPrintJSON } from "../util";
@@ -260,7 +263,7 @@ export const PoliciesTab = () => {
                 toggleDeleteDialog();
                 setSelectedPolicy(item);
               },
-            },
+            } as Action<ClientPolicyRepresentation>,
           ]}
           columns={[
             {

js/apps/admin-ui/src/realm-settings/ProfilesTab.tsx

@@ -16,7 +16,10 @@ import {
   Title,
 } from "@patternfly/react-core";
 import { CodeEditor, Language } from "@patternfly/react-code-editor";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
 import { useTranslation } from "react-i18next";
 import { useAdminClient, useFetch } from "../context/auth/AdminClient";
@@ -225,7 +228,7 @@ export default function ProfilesTab() {
                 setSelectedProfile(profile);
                 toggleDeleteDialog();
               },
-            },
+            } as Action<ClientProfile>,
           ]}
           columns={[
             {

js/apps/admin-ui/src/realm-settings/event-config/EventsTypeTable.tsx

@@ -1,7 +1,10 @@
 import { useTranslation } from "react-i18next";
 import { Button, ToolbarItem } from "@patternfly/react-core";
 
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
 
 export type EventType = {
@@ -52,7 +55,7 @@ export function EventsTypeTable({
               {
                 title: t("common:remove"),
                 onRowClick: onDelete,
-              },
+              } as Action<EventType>,
             ]
       }
       columns={[

js/apps/admin-ui/src/realm-settings/user-profile/AttributesGroupTab.tsx

@@ -10,7 +10,10 @@ import { Trans, useTranslation } from "react-i18next";
 import { Link, useNavigate } from "react-router-dom";
 import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
 import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../components/table-toolbar/KeycloakDataTable";
 import { useRealm } from "../../context/realm-context/RealmContext";
 import { toEditAttributesGroup } from "../routes/EditAttributesGroup";
 import { toNewAttributesGroup } from "../routes/NewAttributesGroup";
@@ -102,7 +105,7 @@ export const AttributesGroupTab = () => {
           {
             title: t("common:delete"),
             onRowClick: deleteAttributeGroup,
-          },
+          } as Action<UserProfileGroup>,
         ]}
         emptyState={
           <ListEmptyState

js/apps/admin-ui/src/sessions/SessionsTable.tsx

@@ -16,6 +16,7 @@ import { useAlerts } from "../components/alert/Alerts";
 import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
 import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
 import {
+  Action,
   Field,
   KeycloakDataTable,
   LoaderFunction,
@@ -165,7 +166,7 @@ export default function SessionsTable({
           {
             title: t("common:signOut"),
             onRowClick: onClickSignOut,
-          },
+          } as Action<UserSessionRepresentation>,
         ]}
         emptyState={
           <ListEmptyState

js/apps/admin-ui/src/user-federation/ldap/mappers/LdapMapperList.tsx

@@ -12,7 +12,10 @@ import { Link, To, useNavigate, useParams } from "react-router-dom";
 import { useAlerts } from "../../../components/alert/Alerts";
 import { useConfirmDialog } from "../../../components/confirm-dialog/ConfirmDialog";
 import { ListEmptyState } from "../../../components/list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../../../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../../../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient, useFetch } from "../../../context/auth/AdminClient";
 import useLocaleSort, { mapByKey } from "../../../utils/useLocaleSort";
 
@@ -111,7 +114,7 @@ export const LdapMapperList = ({ toCreate, toDetail }: LdapMapperListProps) => {
               setSelectedMapper(mapper);
               toggleDeleteDialog();
             },
-          },
+          } as Action<ComponentRepresentation>,
         ]}
         columns={[
           {

js/apps/admin-ui/src/user/UserConsents.tsx

@@ -14,7 +14,10 @@ import { useTranslation } from "react-i18next";
 import { useAlerts } from "../components/alert/Alerts";
 import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
 import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
-import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
+import {
+  Action,
+  KeycloakDataTable,
+} from "../components/table-toolbar/KeycloakDataTable";
 import { useAdminClient } from "../context/auth/AdminClient";
 import { emptyFormatter } from "../util";
 import useFormatDate from "../utils/useFormatDate";
@@ -128,7 +131,7 @@ export const UserConsents = () => {
               setSelectedClient(client);
               toggleDeleteDialog();
             },
-          },
+          } as Action<UserConsentRepresentation>,
         ]}
         emptyState={
           <ListEmptyState

js/package-lock.json

@@ -30,7 +30,7 @@
         "husky": "^8.0.3",
         "lint-staged": "^13.2.0",
         "prettier": "^2.8.5",
-        "typescript": "^4.9.5",
+        "typescript": "^5.0.2",
         "wireit": "^0.9.5"
       }
     },
@@ -10223,16 +10223,16 @@
       }
     },
     "node_modules/typescript": {
-      "version": "4.9.5",
+      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.2.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "integrity": "sha512-wVORMBGO/FAs/++blGNeAVdbNKtIh1rbBL2EyQ1+J9lClJ93KiiKe8PmFIVdXhHcyv44SL9oglmfeSsndo0jRw==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">=4.2.0"
+        "node": ">=12.20"
       }
     },
     "node_modules/ufo": {

js/package.json

@@ -28,7 +28,7 @@
     "husky": "^8.0.3",
     "lint-staged": "^13.2.0",
     "prettier": "^2.8.5",
-    "typescript": "^4.9.5",
+    "typescript": "^5.0.2",
     "wireit": "^0.9.5"
   },
   "lint-staged": {