bananas-commerce-admin
Version:
What's this, an admin for apes?
12 lines • 1.23 kB
JavaScript
import React from "react";
import { FormHelperText, Grid2 as Grid, Stack, TextField } from "@mui/material";
import { useCardContext } from "../../contexts/CardContext";
import LabeledValue from "../LabeledValue";
export const CardFieldText = ({ label, fallback = "—", fallbackPredicate = (value) => typeof value !== "string" || value == null || value === "", formName, value: defaultValue, required = false, isDisabled = false, size = "grow", isReadable = true, isEditable = true, helperText, ...props }) => {
const { isCompact, isEditing } = useCardContext();
return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(Stack, { direction: "column" },
React.createElement(TextField, { fullWidth: true, defaultValue: defaultValue ?? "", disabled: isDisabled, label: label, name: formName, required: required, variant: "outlined", ...props }),
helperText != null && React.createElement(FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && (React.createElement(LabeledValue, { compact: isCompact, label: label, value: fallbackPredicate(defaultValue) ? fallback : defaultValue })))));
};
export default CardFieldText;
//# sourceMappingURL=CardFieldText.js.map