terriajs/dist/ReactViews/SelectableDimensions/Numeric.js

Geospatial data visualization platform.

import { jsx as _jsx } from "react/jsx-runtime";
import { runInAction } from "mobx";
import { useState } from "react";
import CommonStrata from "../../Models/Definition/CommonStrata";
import Input from "../../Styled/Input";
import { observer } from "mobx-react";
export const SelectableDimensionNumeric = observer(({ id, dim }) => {
    const [value, setValue] = useState(dim.value?.toString());
    return (_jsx(Input, { styledHeight: "34px", light: true, border: true, type: "number", name: id, value: value, min: dim.min, max: dim.max, invalidValue: Number.isNaN(parseFloat(value ?? "")), onChange: (evt) => {
            setValue(evt.target.value);
            const number = parseFloat(evt.target.value);
            if (!Number.isNaN(number)) {
                runInAction(() => dim.setDimensionValue(CommonStrata.user, number));
            }
        } }));
});
//# sourceMappingURL=Numeric.js.map