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/toolbar/LinearProgressBar.js
+++ b/src/core/components/DataTable/toolbar/LinearProgressBar.js
@@ -0,0 +1,44 @@
+import { parseFromValuesOrFunc } from "@/core/utils/utils";
+import { Collapse, LinearProgress } from "@mui/material";
+
+const DataTable_LinearProgressBar = ({
+    isTopToolbar,
+    table,
+    ...rest
+}) => {
+    const {
+        getState,
+        options: { muiLinearProgressProps },
+    } = table;
+    const { isSaving, showProgressBars } = getState();
+
+    const linearProgressProps = {
+        ...parseFromValuesOrFunc(muiLinearProgressProps, {
+            isTopToolbar,
+            table,
+        }),
+        ...rest,
+    };
+
+    return (
+        <Collapse
+            in={showProgressBars !== false && (showProgressBars || isSaving)}
+            mountOnEnter
+            sx={{
+                bottom: isTopToolbar ? 0 : undefined,
+                position: 'absolute',
+                top: !isTopToolbar ? 0 : undefined,
+                width: '100%',
+            }}
+            unmountOnExit
+        >
+            <LinearProgress
+                aria-busy="true"
+                aria-label="Loading"
+                sx={{ position: 'relative' }}
+                {...linearProgressProps}
+            />
+        </Collapse>
+    );
+}
+export default DataTable_LinearProgressBar