@keycloakify/keycloak-admin-ui/user/user-credentials/RequiredActionMultiSelect.js

Repackaged Keycloak Admin UI

import { jsx as _jsx } from "react/jsx-runtime";
import { SelectControl, SelectVariant, useFetch, } from "../../ui-shared";
import { useState } from "react";
import { useTranslation } from "react-i18next";
import { useAdminClient } from "../../admin-client";
export const RequiredActionMultiSelect = ({ name, label, help, }) => {
    const { adminClient } = useAdminClient();
    const { t } = useTranslation();
    const [requiredActions, setRequiredActions] = useState([]);
    useFetch(() => adminClient.authenticationManagement.getRequiredActions(), (actions) => {
        const enabledUserActions = actions.filter((action) => {
            return action.enabled;
        });
        setRequiredActions(enabledUserActions);
    }, []);
    return (_jsx(SelectControl, { name: name, label: t(label), labelIcon: t(help), controller: { defaultValue: [] }, isScrollable: true, maxMenuHeight: "375px", variant: SelectVariant.typeaheadMulti, chipGroupProps: {
            numChips: 3,
        }, placeholderText: t("requiredActionPlaceholder"), menuAppendTo: "parent", options: requiredActions.map(({ alias, name }) => ({
            key: alias,
            value: name || alias,
        })) }));
};
//# sourceMappingURL=RequiredActionMultiSelect.js.map