@etsoo/materialui/lib/cjs/DataLoadField.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.DataLoadField = DataLoadField;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const InputField_1 = require("./InputField");
/**
 * Data load field component
 * @param props Properties
 * @returns Component
 */
function DataLoadField(props) {
    // Destruct
    const { disabled = true, fullWidth = true, loadData, ...rest } = props;
    // Ref
    const inputRef = react_1.default.useRef(null);
    react_1.default.useEffect(() => {
        loadData().then((data) => (inputRef.current.value = data ?? ""));
    }, [loadData]);
    // Layout
    return ((0, jsx_runtime_1.jsx)(InputField_1.InputField, { disabled: disabled, fullWidth: fullWidth, inputRef: inputRef, ...rest }));
}