@etsoo/materialui
Version:
TypeScript Material-UI Implementation
36 lines (35 loc) • 1.24 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FieldLabel = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const CustomFieldUtils_1 = require("./CustomFieldUtils");
/**
* Label field creator
* type: label
* @returns Component
*/
const FieldLabel = ({ field, mref, defaultValue }) => {
// State
const [label, setLabel] = react_1.default.useState();
// Ref
const getValue = () => label;
const setValue = (value) => setLabel(`${value ?? ""}`);
react_1.default.useImperativeHandle(mref, () => ({
getValue,
setValue
}));
react_1.default.useEffect(() => {
setLabel(field.label);
}, [field.label]);
react_1.default.useEffect(() => {
if (defaultValue == null)
return;
setValue(defaultValue);
}, [defaultValue]);
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: CustomFieldUtils_1.CustomFieldUtils.createMultilineLabel(label, field.mainSlotProps) }));
};
exports.FieldLabel = FieldLabel;