@etsoo/materialui/lib/cjs/NumberInputField.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.NumberInputField = NumberInputField;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const InputField_1 = require("./InputField");
const shared_1 = require("@etsoo/shared");
const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
/**
 * Number input field, for controlled only components, please see IntInputField and MoneyInputField
 * @param props Props
 * @returns Component
 */
function NumberInputField(props) {
    const { currency, inputStyle, min = 0, step = 1, symbol = currency
        ? `${currency} ${shared_1.NumberUtils.getCurrencySymbol(currency)}`
        : undefined, endSymbol, max = 9999999, slotProps = {}, ...rest } = props;
    return ((0, jsx_runtime_1.jsx)(InputField_1.InputField, { type: "number", slotProps: Object.assign(slotProps, {
            input: {
                startAdornment: symbol ? ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "start", children: symbol }) })) : undefined,
                endAdornment: endSymbol ? ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", children: endSymbol })) : undefined
            },
            htmlInput: {
                min,
                step,
                max,
                style: inputStyle,
                inputMode: "numeric"
            }
        }), ...rest }));
}