@keycloakify/keycloak-account-ui/ui-shared/controls/NumberControl.js

<p align="center"> <img src="https://github.com/user-attachments/assets/e31c4910-7205-441c-9a35-e134b806b3a8"> </p> <p align="center"> <i>Repackaged Keycloak Account UI</i> <br> <br> <a href="https://github.com/keycloakify/keycloak-a

var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import { jsx as _jsx } from "react/jsx-runtime";
import { NumberInput, ValidatedOptions, } from "@patternfly/react-core";
import { Controller, useFormContext, } from "react-hook-form";
import { FormLabel } from "../../ui-shared/controls/FormLabel";
export const NumberControl = (_a) => {
    var _b;
    var { name, label, controller, labelIcon } = _a, rest = __rest(_a, ["name", "label", "controller", "labelIcon"]);
    const { control, formState: { errors }, } = useFormContext();
    return (_jsx(FormLabel, { name: name, label: label, isRequired: ((_b = controller.rules) === null || _b === void 0 ? void 0 : _b.required) === true, error: errors[name], labelIcon: labelIcon, children: _jsx(Controller, Object.assign({}, controller, { name: name, control: control, render: ({ field }) => {
                var _a, _b, _c;
                const required = !!((_a = controller.rules) === null || _a === void 0 ? void 0 : _a.required);
                const min = (_b = controller.rules) === null || _b === void 0 ? void 0 : _b.min;
                const value = field.value === 0 ? controller.defaultValue : field.value;
                const setValue = (newValue) => field.onChange(min ? Math.max(newValue, Number(min)) : newValue);
                return (_jsx(NumberInput, Object.assign({}, rest, { id: name, value: value, validated: errors[name] ? ValidatedOptions.error : ValidatedOptions.default, required: required, min: Number(min), max: Number((_c = controller.rules) === null || _c === void 0 ? void 0 : _c.max), onPlus: () => setValue(value + 1), onMinus: () => setValue(value - 1), onChange: (event) => {
                        const newValue = Number(event.currentTarget.value);
                        setValue(!isNaN(newValue) ? newValue : controller.defaultValue);
                    } })));
            } })) }));
};
//# sourceMappingURL=NumberControl.js.map