implementation of datatable

2024-04-16 11:45:14 +03:30
parent 78548e89e7
commit a8e28a4f8c
29 changed files with 2983 additions and 2 deletions
--- a/src/core/components/DataTable/menus/ActionMenuItem.js
+++ b/src/core/components/DataTable/menus/ActionMenuItem.js
@@ -0,0 +1,50 @@
+import { Box, IconButton, ListItemIcon, MenuItem } from "@mui/material";
+
+const DataTable_ActionMenuItem = ({
+    icon,
+    label,
+    onOpenSubMenu,
+    table,
+    ...rest
+}) => {
+    const {
+        options: {
+            icons: { ArrowRightIcon },
+        },
+    } = table;
+
+    return (
+        <MenuItem
+            sx={{
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                minWidth: '120px',
+                my: 0,
+                py: '6px',
+            }}
+            {...rest}
+        >
+            <Box
+                sx={{
+                    alignItems: 'center',
+                    display: 'flex',
+                }}
+            >
+                <ListItemIcon>{icon}</ListItemIcon>
+                {label}
+            </Box>
+            {onOpenSubMenu && (
+                <IconButton
+                    onClick={onOpenSubMenu}
+                    onMouseEnter={onOpenSubMenu}
+                    size="small"
+                    sx={{ p: 0 }}
+                >
+                    <ArrowRightIcon />
+                </IconButton>
+            )}
+        </MenuItem>
+    );
+
+}
+export default DataTable_ActionMenuItem