@etsoo/materialui/lib/cjs/custom/FieldNumberInput.js

TypeScript Material-UI Implementation

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FieldNumberInput = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const NumberInputField_1 = require("../NumberInputField");
const shared_1 = require("@etsoo/shared");
const Typography_1 = __importDefault(require("@mui/material/Typography"));
/**
 * Number input field creator
 * type: number
 * @returns Component
 */
const FieldNumberInput = ({ field, mref, onChange, defaultValue }) => {
    // Ref
    const inputRef = react_1.default.useRef();
    const getValue = () => {
        const value = inputRef.current?.valueAsNumber;
        return shared_1.NumberUtils.parse(value);
    };
    const setValue = (value) => {
        if (inputRef.current)
            inputRef.current.value = `${value ?? ""}`;
    };
    react_1.default.useImperativeHandle(mref, () => ({
        getValue,
        setValue
    }));
    react_1.default.useEffect(() => {
        if (defaultValue == null)
            return;
        setValue(defaultValue);
    }, [defaultValue]);
    // Name
    const name = field.name;
    if (!name) {
        return ((0, jsx_runtime_1.jsxs)(Typography_1.default, { children: ["No name for FieldNumberInput ", JSON.stringify(field)] }));
    }
    return ((0, jsx_runtime_1.jsx)(NumberInputField_1.NumberInputField, { label: field.label ?? "", helperText: field.helperText, inputRef: inputRef, name: name, fullWidth: true, onChange: () => onChange(name, getValue()), ...field.mainSlotProps }));
};
exports.FieldNumberInput = FieldNumberInput;