implementation of datatable

src/core/components/DataTable/toolbar/ToolbarInternalButtons.js

@@ -0,0 +1,47 @@
+import { parseFromValuesOrFunc } from "@/core/utils/utils";
+import { Box } from "@mui/material";
+import DataTable_ShowHideColumnsButton from "../buttons/ShowHideColumnsButton";
+import DataTable_ToggleFiltersButton from "../buttons/ToggleFiltersButton";
+
+const DataTable_ToolbarInternalButtons = ({ table, ...rest }) => {
+    const {
+        options: {
+            columnFilterDisplayMode,
+            enableColumnFilters,
+            enableColumnOrdering,
+            enableColumnPinning,
+            enableFilters,
+            enableHiding,
+            renderToolbarInternalActions,
+        },
+    } = table;
+
+
+    return (
+        <Box
+            {...rest}
+            sx={(theme) => ({
+                alignItems: 'center',
+                display: 'flex',
+                zIndex: 3,
+                ...(parseFromValuesOrFunc(rest?.sx, theme)),
+            })}
+        >
+            {renderToolbarInternalActions?.({
+                table,
+            }) ?? (
+                    <>
+                        {enableFilters &&
+                            enableColumnFilters &&
+                            columnFilterDisplayMode !== 'popover' && (
+                                <DataTable_ToggleFiltersButton table={table} />
+                            )}
+                        {(enableHiding || enableColumnOrdering || enableColumnPinning) && (
+                            <DataTable_ShowHideColumnsButton table={table} />
+                        )}
+                    </>
+                )}
+        </Box>
+    );
+}
+export default DataTable_ToolbarInternalButtons