@keycloakify/keycloak-admin-ui
Version:
Repackaged Keycloak Admin UI
15 lines • 1.46 kB
JavaScript
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { MenuToggle, Select, SelectList, SelectOption, } from "@patternfly/react-core";
import { useState } from "react";
import { useTranslation } from "react-i18next";
export const FlowRequirementDropdown = ({ flow, onChange, }) => {
const { t } = useTranslation();
const [open, setOpen] = useState(false);
const options = flow.requirementChoices.map((option, index) => (_jsx(SelectOption, { value: option, children: t(`requirements.${option}`) }, index)));
return (_jsxs(_Fragment, { children: [flow.requirementChoices && flow.requirementChoices.length > 1 && (_jsx(Select, { onOpenChange: (isOpen) => setOpen(isOpen), onSelect: (_event, value) => {
flow.requirement = value === null || value === void 0 ? void 0 : value.toString();
onChange(flow);
setOpen(false);
}, selected: flow.requirement, isOpen: open, toggle: (ref) => (_jsx(MenuToggle, { className: "keycloak__authentication__requirement-dropdown", ref: ref, onClick: () => setOpen(!open), isExpanded: open, children: t(`requirements.${flow.requirement}`) })), children: _jsx(SelectList, { children: options }) })), (!flow.requirementChoices || flow.requirementChoices.length <= 1) && (_jsx(_Fragment, { children: t(`requirements.${flow.requirement}`) }))] }));
};
//# sourceMappingURL=FlowRequirementDropdown.js.map