bananas-commerce-admin
Version:
What's this, an admin for apes?
22 lines • 1.68 kB
JavaScript
import React from "react";
import { FormHelperText, Stack } from "@mui/material";
import Grid from "@mui/material/Grid2";
import InputAdornment from "@mui/material/InputAdornment";
import TextField from "@mui/material/TextField";
import { useCardContext } from "../../contexts/CardContext";
import LabeledValue from "../LabeledValue";
export const CardFieldNumber = ({ adornment, disabled, fallback = "—", fallbackPredicate = (value) => value == null, formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, required = false, size = "grow", value: defaultValue, ...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 || disabled, inputProps: {
min: "min" in props ? props.min : undefined,
max: "max" in props ? props.max : undefined,
}, label: label, name: formName, required: required, slotProps: {
input: {
endAdornment: React.createElement(InputAdornment, { position: "end" }, adornment),
},
}, type: "number", variant: "outlined" }),
helperText != null && React.createElement(FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && (React.createElement(LabeledValue, { compact: isCompact, label: label, value: fallbackPredicate(defaultValue) ? fallback : defaultValue })))));
};
export default CardFieldNumber;
//# sourceMappingURL=CardFieldNumber.js.map