rename clientID to clientId (#504)

src/clients/ClientDescription.tsx

@@ -21,12 +21,12 @@ export const ClientDescription = () => {
       <FormGroup
         labelIcon={
           <HelpItem
-            helpText="clients-help:clientID"
-            forLabel={t("common:clientID")}
+            helpText="clients-help:clientId"
+            forLabel={t("common:clientId")}
             forID="kc-client-id"
           />
         }
-        label={t("common:clientID")}
+        label={t("common:clientId")}
         fieldId="kc-client-id"
         helperTextInvalid={t("common:required")}
         validated={

src/clients/ClientsSection.tsx

@@ -144,7 +144,7 @@ export const ClientsSection = () => {
               columns={[
                 {
                   name: "clientId",
-                  displayKey: "common:clientID",
+                  displayKey: "common:clientId",
                   cellRenderer: ClientDetailLink,
                 },
                 { name: "protocol", displayKey: "common:type" },

src/clients/help.json

@@ -10,7 +10,7 @@
     "webOrigins": "Allowed CORS origins. To permit all origins of Valid Redirect URIs, add '+'. This does not include the '*' wildcard though. To permit all origins, explicitly add '*'.",
     "homeURL": "Default URL to use when the auth server needs to redirect or link back to the client.",
     "adminURL": "URL to the admin interface of the client. Set this if the client supports the adapter REST API. This REST API allows the auth server to push revocation policies and other administrative tasks. Usually this is set to the base URL of the client.",
-    "clientID": "Specifies ID referenced in URI and tokens. For example 'my-client'. For SAML this is also the expected issuer value from authn requests",
+    "clientId": "Specifies ID referenced in URI and tokens. For example 'my-client'. For SAML this is also the expected issuer value from authn requests",
     "clientName": "Specifies display name of the client. For example 'My Client'. Supports keys for localized values as well. For example: ${my_client}",
     "description": "Specifies description of the client. For example 'My Client for TimeSheets'. Supports keys for localized values as well. For example: ${my_client_description}",
     "loginTheme": "Select theme for login, OTP, grant, registration, and forgot password pages.",

src/components/table-toolbar/KeycloakDataTable.tsx

@@ -107,7 +107,7 @@ export type DataListProps<T> = {
  *   <KeycloakDataTable columns={[
  *     {
  *        name: "clientId", //name of the field from the array of object the loader returns to display in this column
- *        displayKey: "common:clientID", //i18n key to use to lookup the name of the column header
+ *        displayKey: "common:clientId", //i18n key to use to lookup the name of the column header
  *        cellRenderer: ClientDetailLink, //optionally you can use a component to render the column when you don't want just the content of the field, the whole row / entire object is passed in.
  *     }
  *   ]}

src/stories/KeycloakDataTable.stories.tsx

@@ -26,7 +26,7 @@ SimpleList.args = {
   ariaLabelKey: "clients:clientList",
   searchPlaceholderKey: "common:search",
   columns: [
-    { name: "clientId", displayKey: "common:clientID" },
+    { name: "clientId", displayKey: "common:clientId" },
     { name: "protocol", displayKey: "common:type" },
     {
       name: "description",