libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases 1 Packages Activity Actions

remove styles and use css modules (#20018)

Browse source
This commit is contained in:
Erik Jan de Wit 2023-05-24 14:11:06 +02:00 committed by GitHub
parent c8d418d50b
commit 0a46930962
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
103 changed files with 495 additions and 559 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/apps/admin-ui/cypress/e2e/clients_saml_test.spec.ts
View file

@ -50,7 +50,7 @@ describe("Clients SAML tests", () => {
cy.findByTestId("forceNameIdFormat").click({
force: true,
});
cy.findByTestId("settingsSave").click();
cy.findByTestId("settings-save").click();
masthead.checkNotificationMessage("Client successfully updated");
});
});

6
js/apps/admin-ui/cypress/e2e/identity_providers_test.spec.ts
View file

@ -306,7 +306,7 @@ describe("Identity provider test", () => {
listingPage.goToItemDetails("github");
githubSettings.fillData("github");
cy.findByTestId("save").click();
cy.findByTestId("idp-details-save").click();
});
it("should check input switches and inputs", () => {
@ -341,7 +341,7 @@ describe("Identity provider test", () => {
advancedSettings.assertAccountLinkingOnlySwitchTurnedOn(true);
advancedSettings.assertHideOnLoginPageSwitchTurnedOn(true);
cy.findByTestId("save").click();
cy.findByTestId("idp-details-save").click();
});
it("should revert and save options", () => {
@ -359,7 +359,7 @@ describe("Identity provider test", () => {
advancedSettings.assertAcceptsPromptNoneForwardFromClientSwitchTurnedOn(
false
);
cy.findByTestId("revert").click();
cy.findByTestId("idp-details-revert").click();
advancedSettings.assertStoreTokensSwitchTurnedOn(true);
advancedSettings.assertAcceptsPromptNoneForwardFromClientSwitchTurnedOn(
true

2
js/apps/admin-ui/cypress/support/pages/admin-ui/manage/clients/client_details/tabs/SettingsTab.ts
View file

@ -30,7 +30,7 @@ export default class SettingsTab extends PageObject {
private displayClientSwitch = "#kc-display-on-client-switch";
private consentScreenText = "#kc-consent-screen-text";
private saveBtn = "settingsSave";
private saveBtn = "settings-save";
private revertBtn = "settingsRevert";
private redirectUris = "redirectUris";

2
js/apps/admin-ui/cypress/support/pages/admin-ui/manage/identity_providers/CreateProviderPage.ts
View file

@ -7,7 +7,7 @@ export default class CreateProviderPage {
private discoveryEndpoint = "discoveryEndpoint";
private authorizationUrl = "authorizationUrl";
private addButton = "createProvider";
private saveButton = "save";
private saveButton = "idp-details-save";
private ssoServiceUrl = "sso-service-url";
private authnContextClassRefs = "classref-field";
private authnContextDeclRefs = "declref-field";

4
js/apps/admin-ui/cypress/support/pages/admin-ui/manage/identity_providers/ProviderBaseAdvancedSettingsPage.ts
View file

@ -70,8 +70,8 @@ export default class ProviderBaseGeneralSettingsPage extends PageObject {
private postLoginFlowSelect = "#postBrokerLoginFlowAlias";
private syncModeSelect = "#syncMode";
private addBtn = "createProvider";
private saveBtn = "save";
private revertBtn = "revert";
private saveBtn = "idp-details-save";
private revertBtn = "idp-details-revert";
private validateSignature = "#validateSignature";
private JwksSwitch = "#useJwksUrl";

4
js/apps/admin-ui/cypress/support/pages/admin-ui/manage/identity_providers/social/ProviderSAMLSettings.ts
View file

@ -46,8 +46,8 @@ export default class ProviderSAMLSettings extends PageObject {
private attributeConsumingServiceName = "attributeConsumingServiceName";
private comparison = "#comparison";
private saveBtn = "save";
private revertBtn = "revert";
private saveBtn = "idp-details-save";
private revertBtn = "idp-details-revert";
public clickSaveBtn() {
cy.findByTestId(this.saveBtn).click();

2
js/apps/admin-ui/src/authentication/AuthenticationSection.tsx
View file

@ -42,8 +42,6 @@ import { AuthenticationTab, toAuthentication } from "./routes/Authentication";
import { toCreateFlow } from "./routes/CreateFlow";
import { toFlow } from "./routes/Flow";
import "./authentication-section.css";
type UsedBy = "SPECIFIC_CLIENTS" | "SPECIFIC_PROVIDERS" | "DEFAULT";
export type AuthenticationType = AuthenticationFlowRepresentation & {

15
js/apps/admin-ui/src/authentication/BuildInLabel.tsx Normal file
View file

@ -0,0 +1,15 @@
import { Label } from "@patternfly/react-core";
import { CheckCircleIcon } from "@patternfly/react-icons";
import { useTranslation } from "react-i18next";
import style from "./build-in-label.module.css";
export const BuildInLabel = () => {
const { t } = useTranslation("authentication");
return (
<Label icon={<CheckCircleIcon className={style.icon} />}>
{t("buildIn")}
</Label>
);
};

22
js/apps/admin-ui/src/authentication/FlowDetails.tsx
View file

@ -1,5 +1,5 @@
import type AuthenticationExecutionInfoRepresentation from "@keycloak/keycloak-admin-client/lib/defs/authenticationExecutionInfoRepresentation";
import type AuthenticationFlowRepresentation from "@keycloak/keycloak-admin-client/lib/defs/authenticationFlowRepresentation";
import AuthenticationExecutionInfoRepresentation from "@keycloak/keycloak-admin-client/lib/defs/authenticationExecutionInfoRepresentation";
import AuthenticationFlowRepresentation from "@keycloak/keycloak-admin-client/lib/defs/authenticationFlowRepresentation";
import type { AuthenticationProviderRepresentation } from "@keycloak/keycloak-admin-client/lib/defs/authenticatorConfigRepresentation";
import {
AlertVariant,
@ -15,11 +15,7 @@ import {
ToolbarContent,
ToolbarItem,
} from "@patternfly/react-core";
import {
CheckCircleIcon,
DomainIcon,
TableIcon,
} from "@patternfly/react-icons";
import { DomainIcon, TableIcon } from "@patternfly/react-icons";
import { useState } from "react";
import { Trans, useTranslation } from "react-i18next";
import { useNavigate, useParams } from "react-router-dom";
@ -28,10 +24,11 @@ import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
import { ViewHeader } from "../components/view-header/ViewHeader";
import { useFetch } from "../utils/useFetch";
import { useRealm } from "../context/realm-context/RealmContext";
import { useFetch } from "../utils/useFetch";
import useToggle from "../utils/useToggle";
import { BindFlowDialog } from "./BindFlowDialog";
import { BuildInLabel } from "./BuildInLabel";
import { DuplicateFlowModal } from "./DuplicateFlowModal";
import { EditFlowModal } from "./EditFlowModal";
import { EmptyExecutionState } from "./EmptyExecutionState";
@ -305,14 +302,7 @@ export default function FlowDetails() {
{ text: <Label>{t(`used.${usedBy}`)}</Label> },
builtIn
? {
text: (
<Label
className="keycloak_authentication-section__usedby_label"
icon={<CheckCircleIcon />}
>
{t("buildIn")}
</Label>
),
text: <BuildInLabel />,
id: "builtIn",
}
: {},

7
js/apps/admin-ui/src/authentication/authentication-section.css
View file

@ -1,7 +0,0 @@
.keycloak_authentication-section__usedby {
color: var(--pf-global--success-color--100);
}
.keycloak_authentication-section__usedby_label .pf-c-label__icon {
color: var(--pf-global--success-color--100);
}

4
js/apps/admin-ui/src/authentication/build-in-label.module.css Normal file
View file

@ -0,0 +1,4 @@
.icon {
color: var(--pf-global--success-color--100);
}

16
js/apps/admin-ui/src/authentication/components/UsedBy.tsx
View file

@ -16,7 +16,7 @@ import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTa
import useToggle from "../../utils/useToggle";
import { AuthenticationType, REALM_FLOWS } from "../AuthenticationSection";
import "./used-by.css";
import style from "./used-by.module.css";
type UsedByProps = {
authType: AuthenticationType;
@ -25,8 +25,7 @@ type UsedByProps = {
const Label = ({ label }: { label: string }) => (
<>
<CheckCircleIcon className="keycloak_authentication-section__usedby" />{" "}
{label}
<CheckCircleIcon className={style.label} /> {label}
</>
);
@ -135,19 +134,12 @@ export const UsedBy = ({ authType: { id, usedBy }, realm }: UsedByProps) => {
</div>
}
>
<Button
variant="link"
className="keycloak__used-by__popover-button"
>
<Button variant="link" className={style.label}>
<Label label={t(`used.${usedBy.type}`)} />
</Button>
</Popover>
) : (
<Button
variant="link"
className="keycloak__used-by__popover-button"
onClick={toggle}
>
<Button variant="link" className={style.label} onClick={toggle}>
<Label label={t(`used.${usedBy.type}`)} />
</Button>
))}

3
js/apps/admin-ui/src/authentication/components/used-by.css → js/apps/admin-ui/src/authentication/components/used-by.module.css
View file

@ -1,4 +1,5 @@
.keycloak__used-by__popover-button {
.label {
padding: 0;
font-size: var(--pf-c-table--cell--FontSize);
color: var(--pf-global--success-color--100);
}

2
js/apps/admin-ui/src/authentication/form/CreateFlow.tsx
View file

@ -11,7 +11,7 @@ import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
import { toAuthentication } from "../routes/Authentication";

2
js/apps/admin-ui/src/authentication/policies/CibaPolicy.tsx
View file

@ -19,7 +19,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { useRealm } from "../../context/realm-context/RealmContext";
import { convertFormValuesToObject, convertToFormValues } from "../../util";

2
js/apps/admin-ui/src/authentication/policies/OtpPolicy.tsx
View file

@ -23,7 +23,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { TimeSelector } from "../../components/time-selector/TimeSelector";
import { useRealm } from "../../context/realm-context/RealmContext";
import useLocaleSort from "../../utils/useLocaleSort";

2
js/apps/admin-ui/src/authentication/policies/PasswordPolicy.tsx
View file

@ -25,7 +25,7 @@ import { useTranslation } from "react-i18next";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { useRealm } from "../../context/realm-context/RealmContext";
import { useServerInfo } from "../../context/server-info/ServerInfoProvider";
import { PolicyRow } from "./PolicyRow";

2
js/apps/admin-ui/src/authentication/policies/WebauthnPolicy.tsx
View file

@ -27,7 +27,7 @@ import { HelpItem, useHelp } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { MultiLineInput } from "../../components/multi-line-input/MultiLineInput";
import { TimeSelector } from "../../components/time-selector/TimeSelector";

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

@ -49,8 +49,6 @@ import {
import { toClientScope } from "./routes/ClientScope";
import { toNewClientScope } from "./routes/NewClientScope";
import "./client-scope.css";
type TypeSelectorProps = ClientScopeDefaultOptionalType & {
refresh: () => void;
};

3
js/apps/admin-ui/src/client-scopes/client-scope.css
View file

@ -1,3 +0,0 @@
.keycloak__client-scope__none > button .pf-c-select__toggle-text {
color: var(--pf-global--Color--300);
}

5
js/apps/admin-ui/src/client-scopes/details/MappingDetails.tsx
View file

@ -21,7 +21,7 @@ import { toClient } from "../../clients/routes/Client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { DynamicComponents } from "../../components/dynamic/DynamicComponents";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
@ -32,8 +32,6 @@ import { useParams } from "../../utils/useParams";
import { toClientScope } from "../routes/ClientScope";
import { MapperParams, MapperRoute } from "../routes/Mapper";
import "./mapping-details.css";
export default function MappingDetails() {
const { t } = useTranslation("client-scopes");
const { addAlert, addError } = useAlerts();
@ -206,7 +204,6 @@ export default function MappingDetails() {
isHorizontal
onSubmit={handleSubmit(save)}
role="manage-clients"
className="keycloak__client-scope-mapping-details__form"
>
<FormGroup label={t("common:mapperType")} fieldId="mapperType">
<KeycloakTextInput

10
js/apps/admin-ui/src/client-scopes/details/ScopeForm.tsx
View file

@ -13,23 +13,23 @@ import { useEffect, useState } from "react";
import { Controller, FormProvider, useForm, useWatch } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom";
import { HelpItem, TextControl } from "ui-shared";
import { getProtocolName } from "../../clients/utils";
import { DefaultSwitchControl } from "../../components/SwitchControl";
import {
allClientScopeTypes,
ClientScopeDefaultOptionalType,
allClientScopeTypes,
clientScopeTypesSelectOptions,
} from "../../components/client-scope/ClientScopeTypes";
import { FormAccess } from "../../components/form-access/FormAccess";
import { HelpItem, TextControl } from "ui-shared";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextArea } from "../../components/keycloak-text-area/KeycloakTextArea";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { useRealm } from "../../context/realm-context/RealmContext";
import { useLoginProviders } from "../../context/server-info/ServerInfoProvider";
import { convertAttributeNameToForm, convertToFormValues } from "../../util";
import { toClientScopes } from "../routes/ClientScopes";
import useIsFeatureEnabled, { Feature } from "../../utils/useIsFeatureEnabled";
import { DefaultSwitchControl } from "../../components/SwitchControl";
import { toClientScopes } from "../routes/ClientScopes";
type ScopeFormProps = {
clientScope?: ClientScopeRepresentation;

5
js/apps/admin-ui/src/client-scopes/details/mapping-details.css
View file

@ -1,5 +0,0 @@
@media (min-width: 768px) {
.keycloak__client-scope-mapping-details__form .pf-c-form__group {
--pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem;
}
}

2
js/apps/admin-ui/src/clients/ClientDescription.tsx
View file

@ -1,7 +1,7 @@
import { useTranslation } from "react-i18next";
import { TextControl, TextAreaControl } from "ui-shared";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { DefaultSwitchControl } from "../components/SwitchControl";
type ClientDescriptionProps = {

7
js/apps/admin-ui/src/clients/add/AccessSettings.tsx
View file

@ -2,11 +2,11 @@ import { FormGroup } from "@patternfly/react-core";
import { useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { HelpItem } from "ui-shared";
import { FixedButtonsGroup } from "../../components/form/FixedButtonGroup";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { useAccess } from "../../context/access/Access";
import { SaveReset } from "../advanced/SaveReset";
import { FormFields } from "../ClientDetails";
import type { ClientSettingsProps } from "../ClientSettings";
import { LoginSettings } from "./LoginSettings";
@ -50,8 +50,7 @@ export const AccessSettings = ({
</FormGroup>
)}
{client.bearerOnly && (
<SaveReset
className="keycloak__form_actions"
<FixedButtonsGroup
name="settings"
save={save}
reset={reset}

6
js/apps/admin-ui/src/clients/add/CapabilityConfig.tsx
View file

@ -10,13 +10,11 @@ import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { convertAttributeNameToForm } from "../../util";
import { FormFields } from "../ClientDetails";
import "./capability-config.css";
type CapabilityConfigProps = {
unWrap?: boolean;
protocol?: string;
@ -121,7 +119,7 @@ export const CapabilityConfig = ({
label={t("authenticationFlow")}
fieldId="kc-flow"
>
<Grid id="authenticationFlowGrid">
<Grid id="authenticationFlowGrid" hasGutter>
<GridItem lg={4} sm={6}>
<Controller
name="standardFlowEnabled"

2
js/apps/admin-ui/src/clients/add/GeneralSettings.tsx
View file

@ -8,7 +8,7 @@ import { useState } from "react";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { useLoginProviders } from "../../context/server-info/ServerInfoProvider";
import { ClientDescription } from "../ClientDescription";

2
js/apps/admin-ui/src/clients/add/LoginSettingsPanel.tsx
View file

@ -9,7 +9,7 @@ import { useState } from "react";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { KeycloakTextArea } from "../../components/keycloak-text-area/KeycloakTextArea";
import { useServerInfo } from "../../context/server-info/ServerInfoProvider";

11
js/apps/admin-ui/src/clients/add/LogoutPanel.tsx
View file

@ -1,15 +1,15 @@
import { FormGroup, Switch, ValidatedOptions } from "@patternfly/react-core";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { HelpItem } from "ui-shared";
import { FixedButtonsGroup } from "../../components/form/FixedButtonGroup";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { useAccess } from "../../context/access/Access";
import { beerify, convertAttributeNameToForm } from "../../util";
import { SaveReset } from "../advanced/SaveReset";
import type { ClientSettingsProps } from "../ClientSettings";
import { FormFields } from "../ClientDetails";
import type { ClientSettingsProps } from "../ClientSettings";
const validateUrl = (uri: string | undefined, error: string) =>
((uri?.startsWith("https://") || uri?.startsWith("http://")) &&
@ -211,8 +211,7 @@ export const LogoutPanel = ({
</FormGroup>
</>
)}
<SaveReset
className="keycloak__form_actions"
<FixedButtonsGroup
name="settings"
save={save}
reset={reset}

2
js/apps/admin-ui/src/clients/add/NewClientForm.tsx
View file

@ -13,7 +13,7 @@ import { useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
import { convertFormValuesToObject } from "../../util";

2
js/apps/admin-ui/src/clients/add/SamlConfig.tsx
View file

@ -9,7 +9,7 @@ import { useState } from "react";
import { Controller, Path, PathValue, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { convertAttributeNameToForm } from "../../util";
import { FormFields } from "../ClientDetails";

2
js/apps/admin-ui/src/clients/add/SamlSignature.tsx
View file

@ -8,7 +8,7 @@ import { useState } from "react";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { convertAttributeNameToForm } from "../../util";
import { FormFields } from "../ClientDetails";

9
js/apps/admin-ui/src/clients/add/capability-config.css
View file

@ -1,9 +0,0 @@
@media (min-width: 768px) {
.keycloak__capability-config__form .pf-c-form__group {
--pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem;
}
}
div#authenticationFlowGrid > .pf-l-grid__item {
padding-bottom: var(--pf-global--spacer--lg);
}

3
js/apps/admin-ui/src/clients/advanced/AdvancedSettings.tsx
View file

@ -11,10 +11,11 @@ import {
import { useState } from "react";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { FormAccess } from "../../components/form-access/FormAccess";
import { KeyValueInput } from "../../components/key-value-form/KeyValueInput";
import { MultiLineInput } from "../../components/multi-line-input/MultiLineInput";
import { TimeSelector } from "../../components/time-selector/TimeSelector";

3
js/apps/admin-ui/src/clients/advanced/AuthenticationOverrides.tsx
View file

@ -10,10 +10,11 @@ import { sortBy } from "lodash-es";
import { useState } from "react";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { FormAccess } from "../../components/form-access/FormAccess";
import { useFetch } from "../../utils/useFetch";
type AuthenticationOverridesProps = {

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

@ -16,7 +16,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
import {
Action,

2
js/apps/admin-ui/src/clients/advanced/FineGrainOpenIdConnect.tsx
View file

@ -10,7 +10,7 @@ import { useState } from "react";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { MultiLineInput } from "../../components/multi-line-input/MultiLineInput";
import { useServerInfo } from "../../context/server-info/ServerInfoProvider";

2
js/apps/admin-ui/src/clients/advanced/FineGrainSamlEndpointConfig.tsx
View file

@ -2,7 +2,7 @@ import { ActionGroup, Button, FormGroup } from "@patternfly/react-core";
import { useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { ApplicationUrls } from "./ApplicationUrls";

2
js/apps/admin-ui/src/clients/advanced/OpenIdConnectCompatibilityModes.tsx
View file

@ -2,7 +2,7 @@ import { ActionGroup, Button, FormGroup, Switch } from "@patternfly/react-core";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { convertAttributeNameToForm } from "../../util";
import { FormFields } from "../ClientDetails";

2
js/apps/admin-ui/src/clients/advanced/RevocationPanel.tsx
View file

@ -14,7 +14,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { useRealm } from "../../context/realm-context/RealmContext";
import useFormatDate, { FORMAT_DATE_AND_TIME } from "../../utils/useFormatDate";

39
js/apps/admin-ui/src/clients/advanced/SaveReset.tsx
View file

@ -1,39 +0,0 @@
import { useTranslation } from "react-i18next";
import { ActionGroup, ActionGroupProps, Button } from "@patternfly/react-core";
type SaveResetProps = ActionGroupProps & {
name: string;
save?: () => void;
reset: () => void;
isActive?: boolean;
};
export const SaveReset = ({
name,
save,
reset,
isActive = true,
...rest
}: SaveResetProps) => {
const { t } = useTranslation("common");
return (
<ActionGroup {...rest}>
<Button
isDisabled={!isActive}
data-testid={name + "Save"}
onClick={save}
type={save ? "button" : "submit"}
>
{t("save")}
</Button>
<Button
isDisabled={!isActive}
data-testid={name + "Revert"}
variant="link"
onClick={reset}
>
{t("revert")}
</Button>
</ActionGroup>
);
};

34
js/apps/admin-ui/src/clients/authorization/AuthorizationEvaluate.tsx
View file

@ -11,10 +11,14 @@ import {
ExpandableSection,
FormGroup,
PageSection,
Panel,
PanelHeader,
PanelMainBody,
Select,
SelectOption,
SelectVariant,
Switch,
Title,
} from "@patternfly/react-core";
import { useState } from "react";
import { Controller, FormProvider, useForm, useWatch } from "react-hook-form";
@ -25,13 +29,12 @@ import { ForbiddenSection } from "../../ForbiddenSection";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { ClientSelect } from "../../components/client/ClientSelect";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import {
KeyValueType,
keyValueToArray,
} from "../../components/key-value-form/key-value-convert";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { FormPanel } from "../../components/scroll-form/FormPanel";
import { UserSelect } from "../../components/users/UserSelect";
import { useAccess } from "../../context/access/Access";
import { useRealm } from "../../context/realm-context/RealmContext";
@ -41,8 +44,6 @@ import { defaultContextAttributes } from "../utils";
import { KeyBasedAttributeInput } from "./KeyBasedAttributeInput";
import { Results } from "./evaluate/Results";
import "./auth-evaluate.css";
interface EvaluateFormInputs
extends Omit<ResourceEvaluation, "context" | "resources"> {
alias: string;
@ -193,10 +194,11 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
return (
<PageSection>
<FormProvider {...form}>
<FormPanel
className="kc-identity-information"
title={t("clients:identityInformation")}
>
<Panel>
<PanelHeader>
<Title headingLevel="h2">{t("clients:identityInformation")}</Title>
</PanelHeader>
<PanelMainBody>
<FormAccess isHorizontal role="view-clients">
<ClientSelect
name="client"
@ -245,7 +247,9 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
const option = v.toString();
if (field.value?.includes(option)) {
field.onChange(
field.value.filter((item: string) => item !== option)
field.value.filter(
(item: string) => item !== option
)
);
} else {
field.onChange([...(field.value || []), option]);
@ -271,8 +275,13 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
/>
</FormGroup>
</FormAccess>
</FormPanel>
<FormPanel className="kc-permissions" title={t("common:permissions")}>
</PanelMainBody>
</Panel>
<Panel>
<PanelHeader>
<Title headingLevel="h2">{t("clients:identityInformation")}</Title>
</PanelHeader>
<PanelMainBody>
<FormAccess isHorizontal role="view-clients">
<FormGroup
label={t("applyToResourceType")}
@ -410,6 +419,8 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
</FormGroup>
</ExpandableSection>
</FormAccess>
</PanelMainBody>
</Panel>
<ActionGroup>
<Button
data-testid="authorization-eval"
@ -430,7 +441,6 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
{t("common:revert")}
</Button>
</ActionGroup>
</FormPanel>
</FormProvider>
</PageSection>
);

5
js/apps/admin-ui/src/clients/authorization/AuthorizationExport.tsx
View file

@ -13,7 +13,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextArea } from "../../components/keycloak-text-area/KeycloakTextArea";
import { useFetch } from "../../utils/useFetch";
@ -21,8 +21,6 @@ import { prettyPrintJSON } from "../../util";
import { useParams } from "../../utils/useParams";
import type { ClientParams } from "../routes/Client";
import "./authorization-details.css";
export const AuthorizationExport = () => {
const { t } = useTranslation("clients");
const { clientId } = useParams<ClientParams>();
@ -82,6 +80,7 @@ export const AuthorizationExport = () => {
resizeOrientation="vertical"
value={code}
aria-label={t("authDetails")}
rows={10}
/>
</FormGroup>
<ActionGroup>

2
js/apps/admin-ui/src/clients/authorization/PermissionDetails.tsx
View file

@ -21,7 +21,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextArea } from "../../components/keycloak-text-area/KeycloakTextArea";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";

4
js/apps/admin-ui/src/clients/authorization/ResourceDetails.tsx
View file

@ -22,9 +22,9 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../components/form-access/FormAccess";
import { KeyValueInput } from "../../components/key-value-form/KeyValueInput";
import { FormAccess } from "../../components/form/FormAccess";
import type { KeyValueType } from "../../components/key-value-form/key-value-convert";
import { KeyValueInput } from "../../components/key-value-form/KeyValueInput";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { MultiLineInput } from "../../components/multi-line-input/MultiLineInput";

2
js/apps/admin-ui/src/clients/authorization/ScopeDetails.tsx
View file

@ -17,7 +17,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useFetch } from "../../utils/useFetch";

11
js/apps/admin-ui/src/clients/authorization/Settings.tsx
View file

@ -1,4 +1,3 @@
import type ResourceServerRepresentation from "@keycloak/keycloak-admin-client/lib/defs/resourceServerRepresentation";
import {
AlertVariant,
Button,
@ -14,14 +13,15 @@ import { useTranslation } from "react-i18next";
import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import type ResourceServerRepresentation from "@keycloak/keycloak-admin-client/lib/defs/resourceServerRepresentation";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FixedButtonsGroup } from "../../components/form/FixedButtonGroup";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { useFetch } from "../../utils/useFetch";
import useToggle from "../../utils/useToggle";
import { SaveReset } from "../advanced/SaveReset";
import { DecisionStrategySelect } from "./DecisionStrategySelect";
import { ImportDialog } from "./ImportDialog";
import { useFetch } from "../../utils/useFetch";
const POLICY_ENFORCEMENT_MODES = [
"ENFORCING",
@ -172,10 +172,11 @@ export const AuthorizationSettings = ({ clientId }: { clientId: string }) => {
)}
/>
</FormGroup>
<SaveReset
<FixedButtonsGroup
name="authenticationSettings"
reset={() => reset(resource)}
isActive
isSubmit
/>
</FormAccess>
</PageSection>

34
js/apps/admin-ui/src/clients/authorization/auth-evaluate.css
View file

@ -1,34 +0,0 @@
td#permit {
color: var(--pf-global--success-color--100);
font-weight: bold;;
}
td#deny {
color: var(--pf-global--danger-color--100);
font-weight: bold;
}
.kc-evaluated-options {
padding-top: 300px
}
button#back-btn {
margin-right: var(--pf-global--spacer--md);
}
button#reevaluate-btn {
margin-right: var(--pf-global--spacer--md);
}
.kc-identity-information, .kc-permissions {
border: none !important;
}
.kc-identity-information > div.pf-c-card__header.kc-form-panel__header {
padding-top: 0;
}
#resourcesAndScopes > .pf-c-form__group-control > .kc-attributes__table > thead #key,
#resourcesAndScopes > .pf-c-form__group-control > .kc-attributes__table > thead #value {
display:none
}

3
js/apps/admin-ui/src/clients/authorization/authorization-details.css
View file

@ -1,3 +0,0 @@
textarea#authorizationDetails {
height: 280px;
}

33
js/apps/admin-ui/src/clients/authorization/evaluate/Results.tsx
View file

@ -1,29 +1,30 @@
import { KeyboardEvent, useMemo, useState } from "react";
import {
Select,
SelectVariant,
SelectOption,
PageSection,
ActionGroup,
Button,
TextInput,
ButtonVariant,
Divider,
Form,
InputGroup,
PageSection,
Select,
SelectOption,
SelectVariant,
TextInput,
Toolbar,
ToolbarGroup,
ToolbarItem,
Divider,
} from "@patternfly/react-core";
import { useTranslation } from "react-i18next";
import { SearchIcon } from "@patternfly/react-icons";
import { TableComposable, Th, Thead, Tr } from "@patternfly/react-table";
import { KeyboardEvent, useMemo, useState } from "react";
import { useTranslation } from "react-i18next";
import type EvaluationResultRepresentation from "@keycloak/keycloak-admin-client/lib/defs/evaluationResultRepresentation";
import type PolicyEvaluationResponse from "@keycloak/keycloak-admin-client/lib/defs/policyEvaluationResponse";
import { AuthorizationEvaluateResource } from "../AuthorizationEvaluateResource";
import { FixedButtonsGroup } from "../../../components/form/FixedButtonGroup";
import { ListEmptyState } from "../../../components/list-empty-state/ListEmptyState";
import { AuthorizationDataModal } from "../AuthorizationDataModal";
import useToggle from "../../../utils/useToggle";
import { AuthorizationDataModal } from "../AuthorizationDataModal";
import { AuthorizationEvaluateResource } from "../AuthorizationEvaluateResource";
type ResultProps = {
evaluateResult: PolicyEvaluationResponse;
@ -174,10 +175,11 @@ export const Results = ({ evaluateResult, refresh, back }: ResultProps) => {
/>
</>
)}
<ActionGroup className="kc-evaluated-options">
<Form>
<FixedButtonsGroup name="authorization">
<Button data-testid="authorization-eval" id="back-btn" onClick={back}>
{t("common:back")}
</Button>
</Button>{" "}
<Button
data-testid="authorization-reevaluate"
id="reevaluate-btn"
@ -185,9 +187,10 @@ export const Results = ({ evaluateResult, refresh, back }: ResultProps) => {
onClick={refresh}
>
{t("clients:reevaluate")}
</Button>
</Button>{" "}
<AuthorizationDataModal data={evaluateResult.rpt!} />
</ActionGroup>
</FixedButtonsGroup>
</Form>
</PageSection>
);
};

2
js/apps/admin-ui/src/clients/authorization/policy/PolicyDetails.tsx
View file

@ -15,7 +15,7 @@ import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../../../admin-client";
import { useAlerts } from "../../../components/alert/Alerts";
import { useConfirmDialog } from "../../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../../components/form-access/FormAccess";
import { FormAccess } from "../../../components/form/FormAccess";
import { KeycloakSpinner } from "../../../components/keycloak-spinner/KeycloakSpinner";
import { ViewHeader } from "../../../components/view-header/ViewHeader";
import { useFetch } from "../../../utils/useFetch";

13
js/apps/admin-ui/src/clients/credentials/Credentials.tsx
View file

@ -25,15 +25,13 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { useFetch } from "../../utils/useFetch";
import { FormFields } from "../ClientDetails";
import { ClientSecret } from "./ClientSecret";
import { SignedJWT } from "./SignedJWT";
import { X509 } from "./X509";
import "./credentials.css";
type AccessToken = {
registrationAccessToken: string;
};
@ -189,12 +187,9 @@ export const Credentials = ({ client, save, refresh }: CredentialsProps) => {
{(clientAuthenticatorType === "client-jwt" ||
clientAuthenticatorType === "client-secret-jwt") && <SignedJWT />}
{clientAuthenticatorType === "client-jwt" && (
<Alert
variant="info"
isInline
className="kc-signedJWTAlert"
title={t("signedJWTConfirm")}
/>
<FormGroup>
<Alert variant="info" isInline title={t("signedJWTConfirm")} />
</FormGroup>
)}
{clientAuthenticatorType === "client-x509" && <X509 />}
<ActionGroup>

9
js/apps/admin-ui/src/clients/credentials/credentials.css
View file

@ -1,9 +0,0 @@
.kc-signedJWTAlert {
margin: 0.1rem 0 0 10.4rem;
}
@media (max-width: 768px) {
.kc-signedJWTAlert {
margin: 0.5rem 0 0 0;
}
}

2
js/apps/admin-ui/src/clients/import/ImportForm.tsx
View file

@ -14,7 +14,7 @@ import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { FileUploadForm } from "../../components/json-file-upload/FileUploadForm";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { ViewHeader } from "../../components/view-header/ViewHeader";

10
js/apps/admin-ui/src/clients/initial-access/CreateInitialAccessToken.tsx
View file

@ -10,14 +10,14 @@ import {
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { Link, useNavigate } from "react-router-dom";
import { HelpItem } from "ui-shared";
import { FormAccess } from "../../components/form/FormAccess";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { HelpItem } from "ui-shared";
import { TimeSelector } from "../../components/time-selector/TimeSelector";
import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { TimeSelector } from "../../components/time-selector/TimeSelector";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
import { toClients } from "../routes/Clients";
import { AccessTokenDialog } from "./AccessTokenDialog";

2
js/apps/admin-ui/src/clients/keys/Keys.tsx
View file

@ -22,7 +22,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { convertAttributeNameToForm } from "../../util";
import { useFetch } from "../../utils/useFetch";

2
js/apps/admin-ui/src/clients/keys/SamlKeys.tsx
View file

@ -21,7 +21,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { FormPanel } from "../../components/scroll-form/FormPanel";
import { convertAttributeNameToForm } from "../../util";
import { useFetch } from "../../utils/useFetch";

2
js/apps/admin-ui/src/clients/registration/DetailProvider.tsx
View file

@ -19,7 +19,7 @@ import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { DynamicComponents } from "../../components/dynamic/DynamicComponents";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { ViewHeader } from "../../components/view-header/ViewHeader";

18
js/apps/admin-ui/src/clients/scopes/AddScopeDialog.tsx
View file

@ -1,34 +1,33 @@
import { useMemo, useState } from "react";
import { useTranslation } from "react-i18next";
import type ClientScopeRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientScopeRepresentation";
import {
Button,
ButtonVariant,
Dropdown,
DropdownDirection,
DropdownItem,
DropdownToggle,
Modal,
ModalVariant,
DropdownDirection,
DropdownItem,
Select,
SelectOption,
SelectVariant,
SelectDirection,
} from "@patternfly/react-core";
import {
CaretDownIcon,
CaretUpIcon,
FilterIcon,
} from "@patternfly/react-icons";
import type ClientScopeRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientScopeRepresentation";
import { useMemo, useState } from "react";
import { useTranslation } from "react-i18next";
import {
ClientScopeType,
clientScopeTypesDropdown,
} from "../../components/client-scope/ClientScopeTypes";
import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
import { getProtocolName } from "../utils";
import { KeycloakDataTable } from "../../components/table-toolbar/KeycloakDataTable";
import useToggle from "../../utils/useToggle";
import { getProtocolName } from "../utils";
import "./client-scopes.css";
@ -268,14 +267,13 @@ export const AddScopeDialog = ({
<Select
variant={SelectVariant.single}
className="kc-protocolType-select"
aria-label="Select Input"
aria-label={t("common:selectOne")}
onToggle={toggleIsProtocolTypeDropdownOpen}
onSelect={(_, value) =>
onProtocolTypeDropdownSelect(value.toString())
}
selections={protocolType}
isOpen={isProtocolTypeDropdownOpen}
direction={SelectDirection.down}
>
{protocolTypeOptions}
</Select>

3
js/apps/admin-ui/src/clients/scopes/DecicatedScope.tsx
View file

@ -9,11 +9,12 @@ import {
} from "@patternfly/react-core";
import { useState } from "react";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { RoleMapping, Row } from "../../components/role-mapping/RoleMapping";
import { useAccess } from "../../context/access/Access";

50
js/apps/admin-ui/src/components/form/FixedButtonGroup.tsx Normal file
View file

@ -0,0 +1,50 @@
import { useTranslation } from "react-i18next";
import { ActionGroup, ActionGroupProps, Button } from "@patternfly/react-core";
import { PropsWithChildren } from "react";
import style from "./fixed-buttons.module.css";
type FixedButtonGroupProps = ActionGroupProps & {
name: string;
save?: () => void;
reset?: () => void;
isSubmit?: boolean;
isActive?: boolean;
};
export const FixedButtonsGroup = ({
name,
save,
reset,
isSubmit = false,
isActive = true,
children,
...rest
}: PropsWithChildren<FixedButtonGroupProps>) => {
const { t } = useTranslation("common");
return (
<ActionGroup className={style.buttonGroup} {...rest}>
{(save || isSubmit) && (
<Button
isDisabled={!isActive}
data-testid={`${name}-save`}
onClick={() => save?.()}
type={isSubmit ? "submit" : "button"}
>
{t("save")}
</Button>
)}
{reset && (
<Button
isDisabled={!isActive}
data-testid={`${name}-revert`}
variant="link"
onClick={() => reset()}
>
{t("revert")}
</Button>
)}
{children}
</ActionGroup>
);
};

0
js/apps/admin-ui/src/components/form-access/FormAccess.tsx → js/apps/admin-ui/src/components/form/FormAccess.tsx
View file

11
js/apps/admin-ui/src/components/form/fixed-buttons.module.css Normal file
View file

@ -0,0 +1,11 @@
.buttonGroup {
position: fixed;
bottom: 0px;
background-color: var(--pf-c-page__main-section--m-light--BackgroundColor);
padding-top: var(--pf-global--spacer--md);
padding-bottom: var(--pf-global--spacer--sm);
padding-left: var(--pf-global--spacer--md);
width: 100%;
border-top: 1px solid var(--pf-global--BorderColor--100);
margin-left: calc(-1 * var(--pf-global--spacer--lg));
}

2
js/apps/admin-ui/src/components/key-value-form/AttributeForm.tsx
View file

@ -3,7 +3,7 @@ import { ActionGroup, Button } from "@patternfly/react-core";
import { FormProvider, UseFormReturn } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../form-access/FormAccess";
import { FormAccess } from "../form/FormAccess";
import type { KeyValueType } from "./key-value-convert";
import { KeyValueInput } from "./KeyValueInput";

2
js/apps/admin-ui/src/components/role-form/RoleForm.tsx
View file

@ -9,7 +9,7 @@ import { SubmitHandler, UseFormReturn, useWatch } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { Link, To } from "react-router-dom";
import { FormAccess } from "../form-access/FormAccess";
import { FormAccess } from "../form/FormAccess";
import { AttributeForm } from "../key-value-form/AttributeForm";
import { KeycloakTextArea } from "../keycloak-text-area/KeycloakTextArea";
import { KeycloakTextInput } from "../keycloak-text-input/KeycloakTextInput";

2
js/apps/admin-ui/src/identity-providers/add/AddIdentityProvider.tsx
View file

@ -10,7 +10,7 @@ import { useTranslation } from "react-i18next";
import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
import { toUpperCase } from "../../util";

2
js/apps/admin-ui/src/identity-providers/add/AddMapper.tsx
View file

@ -20,7 +20,7 @@ import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { DynamicComponents } from "../../components/dynamic/DynamicComponents";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import type { AttributeForm } from "../../components/key-value-form/AttributeForm";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";

2
js/apps/admin-ui/src/identity-providers/add/AddOpenIdConnect.tsx
View file

@ -11,7 +11,7 @@ import { Link, useLocation, useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
import { toIdentityProvider } from "../routes/IdentityProvider";

2
js/apps/admin-ui/src/identity-providers/add/AddSamlConnect.tsx
View file

@ -11,7 +11,7 @@ import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { ViewHeader } from "../../components/view-header/ViewHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
import { toIdentityProvider } from "../routes/IdentityProvider";

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

@ -1,7 +1,6 @@
import type IdentityProviderMapperRepresentation from "@keycloak/keycloak-admin-client/lib/defs/identityProviderMapperRepresentation";
import type IdentityProviderRepresentation from "@keycloak/keycloak-admin-client/lib/defs/identityProviderRepresentation";
import {
ActionGroup,
AlertVariant,
Button,
ButtonVariant,
@ -21,7 +20,8 @@ import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FixedButtonsGroup } from "../../components/form/FixedButtonGroup";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { ListEmptyState } from "../../components/list-empty-state/ListEmptyState";
import { PermissionsTab } from "../../components/permission-tab/PermissionTab";
@ -371,20 +371,7 @@ export default function DetailSettings() {
>
<AdvancedSettings isOIDC={isOIDC!} isSAML={isSAML!} />
<ActionGroup className="keycloak__form_actions">
<Button data-testid={"save"} type="submit">
{t("common:save")}
</Button>
<Button
data-testid={"revert"}
variant="link"
onClick={() => {
reset();
}}
>
{t("common:revert")}
</Button>
</ActionGroup>
<FixedButtonsGroup name="idp-details" isSubmit reset={reset} />
</FormAccess>
),
},

2
js/apps/admin-ui/src/realm-settings/ClientProfileForm.tsx
View file

@ -31,7 +31,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { KeycloakSpinner } from "../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextArea } from "../components/keycloak-text-area/KeycloakTextArea";
import { KeycloakTextInput } from "../components/keycloak-text-input/KeycloakTextInput";

2
js/apps/admin-ui/src/realm-settings/EmailTab.tsx
View file

@ -18,7 +18,7 @@ import { Link } from "react-router-dom";
import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { KeycloakTextInput } from "../components/keycloak-text-input/KeycloakTextInput";
import { PasswordInput } from "../components/password-input/PasswordInput";
import { FormPanel } from "../components/scroll-form/FormPanel";

2
js/apps/admin-ui/src/realm-settings/ExecutorForm.tsx
View file

@ -20,7 +20,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { DynamicComponents } from "../components/dynamic/DynamicComponents";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { ViewHeader } from "../components/view-header/ViewHeader";
import { useServerInfo } from "../context/server-info/ServerInfoProvider";
import { useFetch } from "../utils/useFetch";

2
js/apps/admin-ui/src/realm-settings/GeneralTab.tsx
View file

@ -19,7 +19,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { FormattedLink } from "../components/external-link/FormattedLink";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { KeyValueInput } from "../components/key-value-form/KeyValueInput";
import { KeycloakTextInput } from "../components/keycloak-text-input/KeycloakTextInput";
import { useRealm } from "../context/realm-context/RealmContext";

2
js/apps/admin-ui/src/realm-settings/LocalizationTab.tsx
View file

@ -38,7 +38,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import type { KeyValueType } from "../components/key-value-form/key-value-convert";
import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
import { FormPanel } from "../components/scroll-form/FormPanel";

2
js/apps/admin-ui/src/realm-settings/LoginTab.tsx
View file

@ -5,7 +5,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { FormPanel } from "../components/scroll-form/FormPanel";
import { useRealm } from "../context/realm-context/RealmContext";

6
js/apps/admin-ui/src/realm-settings/NewAttributeSettings.tsx
View file

@ -1,7 +1,6 @@
import type UserProfileConfig from "@keycloak/keycloak-admin-client/lib/defs/userProfileConfig";
import type { UserProfileAttribute } from "@keycloak/keycloak-admin-client/lib/defs/userProfileConfig";
import {
ActionGroup,
AlertVariant,
Button,
Form,
@ -15,6 +14,7 @@ import { Link, useNavigate } from "react-router-dom";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { FixedButtonsGroup } from "../components/form/FixedButtonGroup";
import { ScrollForm } from "../components/scroll-form/ScrollForm";
import { ViewHeader } from "../components/view-header/ViewHeader";
import { convertToFormValues } from "../util";
@ -98,7 +98,7 @@ const CreateAttributeFormContent = ({
]}
/>
<Form onSubmit={form.handleSubmit(save)}>
<ActionGroup className="keycloak__form_actions">
<FixedButtonsGroup name="attribute-settings">
<Button
variant="primary"
type="submit"
@ -113,7 +113,7 @@ const CreateAttributeFormContent = ({
>
{t("common:cancel")}
</Link>
</ActionGroup>
</FixedButtonsGroup>
</Form>
</UserProfileProvider>
);

2
js/apps/admin-ui/src/realm-settings/NewClientPolicyCondition.tsx
View file

@ -22,7 +22,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { DynamicComponents } from "../components/dynamic/DynamicComponents";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { FormPanel } from "../components/scroll-form/FormPanel";
import { useRealm } from "../context/realm-context/RealmContext";
import { useServerInfo } from "../context/server-info/ServerInfoProvider";

2
js/apps/admin-ui/src/realm-settings/NewClientPolicyForm.tsx
View file

@ -30,7 +30,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { KeycloakSpinner } from "../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextArea } from "../components/keycloak-text-area/KeycloakTextArea";
import { KeycloakTextInput } from "../components/keycloak-text-input/KeycloakTextInput";

2
js/apps/admin-ui/src/realm-settings/SessionsTab.tsx
View file

@ -10,7 +10,7 @@ import { useEffect } from "react";
import { Controller, useForm, useWatch } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { FormPanel } from "../components/scroll-form/FormPanel";
import { TimeSelector } from "../components/time-selector/TimeSelector";

2
js/apps/admin-ui/src/realm-settings/ThemesTab.tsx
View file

@ -12,7 +12,7 @@ import { useEffect, useState } from "react";
import { Controller, useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { useServerInfo } from "../context/server-info/ServerInfoProvider";
import { convertToFormValues } from "../util";

2
js/apps/admin-ui/src/realm-settings/TokensTab.tsx
View file

@ -16,7 +16,7 @@ import { useEffect, useState } from "react";
import { Controller, useForm, useWatch } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../components/form-access/FormAccess";
import { FormAccess } from "../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { KeycloakTextInput } from "../components/keycloak-text-input/KeycloakTextInput";
import { FormPanel } from "../components/scroll-form/FormPanel";

2
js/apps/admin-ui/src/realm-settings/event-config/EventsTab.tsx
View file

@ -16,7 +16,7 @@ import { useTranslation } from "react-i18next";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { useRealm } from "../../context/realm-context/RealmContext";
import { convertToFormValues } from "../../util";
import { useFetch } from "../../utils/useFetch";

2
js/apps/admin-ui/src/realm-settings/keys/key-providers/KeyProviderForm.tsx
View file

@ -16,7 +16,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../../admin-client";
import { useAlerts } from "../../../components/alert/Alerts";
import { DynamicComponents } from "../../../components/dynamic/DynamicComponents";
import { FormAccess } from "../../../components/form-access/FormAccess";
import { FormAccess } from "../../../components/form/FormAccess";
import { KeycloakTextInput } from "../../../components/keycloak-text-input/KeycloakTextInput";
import { ViewHeader } from "../../../components/view-header/ViewHeader";
import { useServerInfo } from "../../../context/server-info/ServerInfoProvider";

2
js/apps/admin-ui/src/realm-settings/security-defences/BruteForceDetection.tsx
View file

@ -10,7 +10,7 @@ import { useEffect } from "react";
import { Controller, FormProvider, useForm, useWatch } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { convertToFormValues } from "../../util";
import { Time } from "./Time";

2
js/apps/admin-ui/src/realm-settings/security-defences/HeadersForm.tsx
View file

@ -4,7 +4,7 @@ import { FormProvider, useForm } from "react-hook-form";
import { ActionGroup, Button } from "@patternfly/react-core";
import type RealmRepresentation from "@keycloak/keycloak-admin-client/lib/defs/realmRepresentation";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpLinkTextInput } from "./HelpLinkTextInput";
import { convertToFormValues } from "../../util";

2
js/apps/admin-ui/src/realm-settings/user-profile/AttributesGroupForm.tsx
View file

@ -12,7 +12,7 @@ import { FormProvider, SubmitHandler, useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { Link, useNavigate, useParams } from "react-router-dom";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import type { KeyValueType } from "../../components/key-value-form/key-value-convert";
import { KeyValueInput } from "../../components/key-value-form/KeyValueInput";

2
js/apps/admin-ui/src/realm-settings/user-profile/attribute/AttributeAnnotations.tsx
View file

@ -1,7 +1,7 @@
import { useTranslation } from "react-i18next";
import { FormGroup, Grid, GridItem } from "@patternfly/react-core";
import { FormAccess } from "../../../components/form-access/FormAccess";
import { FormAccess } from "../../../components/form/FormAccess";
import { KeyValueInput } from "../../../components/key-value-form/KeyValueInput";
import "../../realm-settings-section.css";

2
js/apps/admin-ui/src/realm-settings/user-profile/attribute/AttributeGeneralSettings.tsx
View file

@ -16,7 +16,7 @@ import { useTranslation } from "react-i18next";
import { HelpItem } from "ui-shared";
import { adminClient } from "../../../admin-client";
import { FormAccess } from "../../../components/form-access/FormAccess";
import { FormAccess } from "../../../components/form/FormAccess";
import { KeycloakSpinner } from "../../../components/keycloak-spinner/KeycloakSpinner";
import { KeycloakTextInput } from "../../../components/keycloak-text-input/KeycloakTextInput";
import { useFetch } from "../../../utils/useFetch";

2
js/apps/admin-ui/src/realm-settings/user-profile/attribute/AttributePermission.tsx
View file

@ -2,7 +2,7 @@ import { Checkbox, FormGroup, Grid, GridItem } from "@patternfly/react-core";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../../components/form-access/FormAccess";
import { FormAccess } from "../../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import "../../realm-settings-section.css";

2
js/apps/admin-ui/src/realm/add/NewRealmForm.tsx
View file

@ -13,7 +13,7 @@ import { useNavigate } from "react-router-dom";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { JsonFileUpload } from "../../components/json-file-upload/JsonFileUpload";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { ViewHeader } from "../../components/view-header/ViewHeader";

17
js/apps/admin-ui/src/user-federation/UserFederationLdapForm.tsx
View file

@ -1,5 +1,5 @@
import type ComponentRepresentation from "@keycloak/keycloak-admin-client/lib/defs/componentRepresentation";
import { ActionGroup, Button, Form } from "@patternfly/react-core";
import { Button, Form } from "@patternfly/react-core";
import { useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { useNavigate } from "react-router-dom";
@ -15,6 +15,7 @@ import { LdapSettingsSearching } from "./ldap/LdapSettingsSearching";
import { LdapSettingsSynchronization } from "./ldap/LdapSettingsSynchronization";
import { toUserFederation } from "./routes/UserFederation";
import { SettingsCache } from "./shared/SettingsCache";
import { FixedButtonsGroup } from "../components/form/FixedButtonGroup";
export type LdapComponentRepresentation = ComponentRepresentation & {
config?: {
@ -71,15 +72,11 @@ export const UserFederationLdapForm = ({
]}
/>
<Form onSubmit={form.handleSubmit(onSubmit)}>
<ActionGroup className="keycloak__form_actions">
<Button
isDisabled={!form.formState.isDirty}
variant="primary"
type="submit"
data-testid="ldap-save"
<FixedButtonsGroup
name="ldap"
isActive={form.formState.isDirty}
isSubmit
>
{t("common:save")}
</Button>
<Button
variant="link"
onClick={() => navigate(toUserFederation({ realm }))}
@ -87,7 +84,7 @@ export const UserFederationLdapForm = ({
>
{t("common:cancel")}
</Button>
</ActionGroup>
</FixedButtonsGroup>
</Form>
</>
);

2
js/apps/admin-ui/src/user-federation/custom/CustomProviderSettings.tsx
View file

@ -14,7 +14,7 @@ import { HelpItem } from "ui-shared";
import { useAlerts } from "../../components/alert/Alerts";
import { DynamicComponents } from "../../components/dynamic/DynamicComponents";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { useRealm } from "../../context/realm-context/RealmContext";
import { useServerInfo } from "../../context/server-info/ServerInfoProvider";

2
js/apps/admin-ui/src/user-federation/kerberos/KerberosSettingsRequired.tsx
View file

@ -12,7 +12,7 @@ import { useTranslation } from "react-i18next";
import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";
import { useRealm } from "../../context/realm-context/RealmContext";

2
js/apps/admin-ui/src/user-federation/ldap/LdapSettingsAdvanced.tsx
View file

@ -5,7 +5,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";
import { useRealm } from "../../context/realm-context/RealmContext";
import { convertFormToSettings } from "./LdapSettingsConnection";

2
js/apps/admin-ui/src/user-federation/ldap/LdapSettingsConnection.tsx
View file

@ -17,7 +17,7 @@ import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { useAlerts } from "../../components/alert/Alerts";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { PasswordInput } from "../../components/password-input/PasswordInput";
import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";

2
js/apps/admin-ui/src/user-federation/ldap/LdapSettingsGeneral.tsx
View file

@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
import { HelpItem } from "ui-shared";
import { adminClient } from "../../admin-client";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";
import { useRealm } from "../../context/realm-context/RealmContext";

2
js/apps/admin-ui/src/user-federation/ldap/LdapSettingsKerberosIntegration.tsx
View file

@ -2,7 +2,7 @@ import { FormGroup, Switch } from "@patternfly/react-core";
import { Controller, UseFormReturn, useWatch } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";

2
js/apps/admin-ui/src/user-federation/ldap/LdapSettingsSearching.tsx
View file

@ -9,7 +9,7 @@ import { useState } from "react";
import { Controller, UseFormReturn } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";

2
js/apps/admin-ui/src/user-federation/ldap/LdapSettingsSynchronization.tsx
View file

@ -2,7 +2,7 @@ import { FormGroup, Switch } from "@patternfly/react-core";
import { Controller, UseFormReturn } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { FormAccess } from "../../components/form-access/FormAccess";
import { FormAccess } from "../../components/form/FormAccess";
import { HelpItem } from "ui-shared";
import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";

Some files were not shown because too many files have changed in this diff Show more