@openoleg/mui/lib/IconButton/IconButton.js

Material UI 7 theme, fields and widgets for react-jsonschema-form

import { jsx as _jsx } from "react/jsx-runtime";
import IconButton from '@mui/material/IconButton/index.js';
import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
import CopyIcon from '@mui/icons-material/ContentCopy';
import RemoveIcon from '@mui/icons-material/Remove';
import { TranslatableString } from '@rjsf/utils';
export default function MuiIconButton(props) {
    const { icon, color, uiSchema, registry, ...otherProps } = props;
    return (_jsx(IconButton, { ...otherProps, size: 'small', color: color, children: icon }));
}
export function CopyButton(props) {
    const { registry: { translateString }, } = props;
    return (_jsx(MuiIconButton, { title: translateString(TranslatableString.CopyButton), ...props, icon: _jsx(CopyIcon, { fontSize: 'small' }) }));
}
export function MoveDownButton(props) {
    const { registry: { translateString }, } = props;
    return (_jsx(MuiIconButton, { title: translateString(TranslatableString.MoveDownButton), ...props, icon: _jsx(ArrowDownwardIcon, { fontSize: 'small' }) }));
}
export function MoveUpButton(props) {
    const { registry: { translateString }, } = props;
    return (_jsx(MuiIconButton, { title: translateString(TranslatableString.MoveUpButton), ...props, icon: _jsx(ArrowUpwardIcon, { fontSize: 'small' }) }));
}
export function RemoveButton(props) {
    const { iconType, ...otherProps } = props;
    const { registry: { translateString }, } = otherProps;
    return (_jsx(MuiIconButton, { title: translateString(TranslatableString.RemoveButton), ...otherProps, color: 'error', icon: _jsx(RemoveIcon, { fontSize: iconType === 'default' ? undefined : 'small' }) }));
}
//# sourceMappingURL=IconButton.js.map