@keycloakify/keycloak-admin-ui
Version:
Repackaged Keycloak Admin UI
18 lines • 1.53 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { DataList, DataListCell, DataListItem, DataListItemCells, DataListItemRow, Modal, } from "@patternfly/react-core";
import { useTranslation } from "react-i18next";
import { useServerInfo } from "../../../context/server-info/ServerInfoProvider";
import { KEY_PROVIDER_TYPE } from "../../../util";
export const KeyProvidersPicker = ({ onConfirm, onClose, }) => {
var _a, _b;
const { t } = useTranslation();
const serverInfo = useServerInfo();
const keyProviderComponentTypes = (_b = (_a = serverInfo.componentTypes) === null || _a === void 0 ? void 0 : _a[KEY_PROVIDER_TYPE]) !== null && _b !== void 0 ? _b : [];
return (_jsx(Modal, { variant: "medium", title: t("addProvider"), isOpen: true, onClose: onClose, children: _jsx(DataList, { onSelectDataListItem: (_event, id) => {
onConfirm(id);
}, "aria-label": t("addPredefinedMappers"), isCompact: true, children: keyProviderComponentTypes.map((provider) => (_jsx(DataListItem, { "aria-label": provider.id, id: provider.id, children: _jsx(DataListItemRow, { children: _jsx(DataListItemCells, { dataListCells: [
_jsx(DataListCell, { "data-testid": `option-${provider.id}`, children: provider.id }, `name-${provider.id}`),
_jsx(DataListCell, { width: 2, children: provider.helpText }, `helpText-${provider.helpText}`),
] }) }) }, provider.id))) }) }));
};
//# sourceMappingURL=KeyProvidersPicker.js.map