52 lines
1.8 KiB
TypeScript
52 lines
1.8 KiB
TypeScript
|
/*
|
||
|
|
* Copyright (C) Contributors to the Suwayomi project
|
||
|
|
*
|
||
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*
|
||
|
|
* src: https://github.com/webzep/mui-nested-menu (2024-04-20 01:42)
|
||
|
|
*/
|
||
|
|
|
||
|
|
import ListItemIcon from '@mui/material/ListItemIcon';
|
||
|
|
import MenuItem, { MenuItemProps as MuiMenuItemProps } from '@mui/material/MenuItem';
|
||
|
|
import { SxProps, Theme } from '@mui/material/styles';
|
||
|
|
import React, { forwardRef, RefObject } from 'react';
|
||
|
|
|
||
|
|
import { OverridableComponent } from '@mui/material/OverridableComponent';
|
||
|
|
import { SvgIconTypeMap } from '@mui/material/SvgIcon';
|
||
|
|
import ListItemText from '@mui/material/ListItemText';
|
||
|
|
|
||
|
|
type IconMenuItemProps = {
|
||
|
|
MenuItemProps?: MuiMenuItemProps;
|
||
|
|
className?: string;
|
||
|
|
disabled?: boolean;
|
||
|
|
label?: string;
|
||
|
|
renderLabel?: () => React.ReactNode;
|
||
|
|
LeftIcon?: OverridableComponent<SvgIconTypeMap> & { muiName: string };
|
||
|
|
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
||
|
|
ref?: RefObject<HTMLLIElement>;
|
||
|
|
RightIcon?: OverridableComponent<SvgIconTypeMap> & { muiName: string };
|
||
|
|
sx?: SxProps<Theme>;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const IconMenuItem = forwardRef<HTMLLIElement, IconMenuItemProps>(
|
||
|
|
({ MenuItemProps, className, label, LeftIcon, renderLabel, RightIcon, ...props }, ref) => (
|
||
|
|
<MenuItem {...MenuItemProps} ref={ref}>
|
||
|
|
{LeftIcon && (
|
||
|
|
<ListItemIcon>
|
||
|
|
<LeftIcon fontSize="small" />
|
||
|
|
</ListItemIcon>
|
||
|
|
)}
|
||
|
|
<ListItemText>{label}</ListItemText>
|
||
|
|
{RightIcon && (
|
||
|
|
<ListItemIcon style={{ minWidth: 0 }}>
|
||
|
|
<RightIcon fontSize="small" />
|
||
|
|
</ListItemIcon>
|
||
|
|
)}
|
||
|
|
</MenuItem>
|
||
|
|
),
|
||
|
|
);
|