@keycloakify/keycloak-admin-ui/components/dynamic/ScriptComponent.js

Repackaged Keycloak Admin UI

import { jsx as _jsx } from "react/jsx-runtime";
import { CodeEditor, Language } from "@patternfly/react-code-editor";
import { FormGroup } from "@patternfly/react-core";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { HelpItem } from "../../ui-shared";
import { convertToName } from "../../components/dynamic/DynamicComponents";
export const ScriptComponent = ({ name, label, helpText, defaultValue, required, isDisabled = false, }) => {
    const { t } = useTranslation();
    const { control } = useFormContext();
    return (_jsx(FormGroup, { label: t(label), labelIcon: _jsx(HelpItem, { helpText: _jsx("span", { style: { whiteSpace: "pre-wrap" }, children: helpText }), fieldLabelId: `${label}` }), fieldId: name, isRequired: required, children: _jsx(Controller, { name: convertToName(name), defaultValue: defaultValue, control: control, render: ({ field }) => (_jsx(CodeEditor, { id: name, "data-testid": name, isReadOnly: isDisabled, type: "text", onChange: field.onChange, code: Array.isArray(field.value) ? field.value[0] : field.value, height: "600px", language: Language.javascript })) }) }));
};
//# sourceMappingURL=ScriptComponent.js.map