@keycloakify/keycloak-admin-ui
Version:
Repackaged Keycloak Admin UI
14 lines • 1.02 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { FormGroup, TextInput } from "@patternfly/react-core";
import { Controller, useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { HelpItem } from "../../ui-shared";
export const DisplayOrder = () => {
const { t } = useTranslation();
const { control } = useFormContext();
return (_jsx(FormGroup, { label: t("displayOrder"), labelIcon: _jsx(HelpItem, { helpText: t("displayOrderHelp"), fieldLabelId: "displayOrder" }), fieldId: "kc-display-order", children: _jsx(Controller, { name: "config.guiOrder", control: control, defaultValue: "", render: ({ field }) => (_jsx(TextInput, { id: "kc-display-order", type: "number", value: field.value, "data-testid": "displayOrder", min: 0, onChange: (_event, value) => {
const num = Number(value);
field.onChange(value === "" ? value : num < 0 ? 0 : num);
} })) }) }));
};
//# sourceMappingURL=DisplayOrder.js.map