@asaleh37/ui-base 25.6.1 → 25.6.2-0.2

package/src/components/templates/visuals/charts/TemplateLineProgress.tsx

@@ -1,42 +1,42 @@
-import * as React from "react";
-import LinearProgress, {
-  LinearProgressProps,
-} from "@mui/material/LinearProgress";
-import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-import { SingleRecordWidgetProps } from "../DashboardViewer";
-
-function LinearProgressWithLabel(
-  props: LinearProgressProps & { value: number }
-) {
-  return (
-    <Box sx={{ display: "flex", alignItems: "center" }}>
-      <Box sx={{ width: "100%", mr: 1 }}>
-        <LinearProgress variant="determinate" {...props} />
-      </Box>
-      <Box sx={{ minWidth: 35 }}>
-        <Typography
-          variant="body2"
-          sx={{ color: "text.secondary" }}
-        >{`${Math.round(props.value)}%`}</Typography>
-      </Box>
-    </Box>
-  );
-}
-
-const TemplateLineProgress: React.FC<SingleRecordWidgetProps> = (
-  props: any
-) => {
-  return (
-    <Box sx={{ width: "100%" }}>
-      <Typography sx={{ fontSize: 16, fontWeight: "bold" }}>
-        {props.record[props.labelField]}
-      </Typography>
-      <LinearProgressWithLabel
-        value={100 * (props.record[props.valueField] / props.total)}
-      />
-    </Box>
-  );
-};
-
-export default TemplateLineProgress;
+import * as React from "react";
+import LinearProgress, {
+  LinearProgressProps,
+} from "@mui/material/LinearProgress";
+import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
+import { SingleRecordWidgetProps } from "../DashboardViewer";
+
+function LinearProgressWithLabel(
+  props: LinearProgressProps & { value: number }
+) {
+  return (
+    <Box sx={{ display: "flex", alignItems: "center" }}>
+      <Box sx={{ width: "100%", mr: 1 }}>
+        <LinearProgress variant="determinate" {...props} />
+      </Box>
+      <Box sx={{ minWidth: 35 }}>
+        <Typography
+          variant="body2"
+          sx={{ color: "text.secondary" }}
+        >{`${Math.round(props.value)}%`}</Typography>
+      </Box>
+    </Box>
+  );
+}
+
+const TemplateLineProgress: React.FC<SingleRecordWidgetProps> = (
+  props: any
+) => {
+  return (
+    <Box sx={{ width: "100%" }}>
+      <Typography sx={{ fontSize: 16, fontWeight: "bold" }}>
+        {props.record[props.labelField]}
+      </Typography>
+      <LinearProgressWithLabel
+        value={100 * (props.record[props.valueField] / props.total)}
+      />
+    </Box>
+  );
+};
+
+export default TemplateLineProgress;

package/src/components/templates/visuals/charts/TemplatePieChart.tsx

@@ -1,24 +1,24 @@
-import { PieChart } from "@mui/x-charts/PieChart";
-import { WidgetProps } from "../DashboardViewer";
-
-const TemplatePieChart: React.FC<WidgetProps> = (props) => {
-  // construct data object
-  const chartData = props.data.map((record: any, index: any) => {
-    return {
-      id: index,
-      value: record[props.valueField],
-      label: record[props.labelField] + "",
-    };
-  });
-  return (
-    <PieChart
-      series={[
-        {
-          data: chartData,
-        },
-      ]}
-    />
-  );
-};
-
-export default TemplatePieChart;
+import { PieChart } from "@mui/x-charts/PieChart";
+import { WidgetProps } from "../DashboardViewer";
+
+const TemplatePieChart: React.FC<WidgetProps> = (props) => {
+  // construct data object
+  const chartData = props.data.map((record: any, index: any) => {
+    return {
+      id: index,
+      value: record[props.valueField],
+      label: record[props.labelField] + "",
+    };
+  });
+  return (
+    <PieChart
+      series={[
+        {
+          data: chartData,
+        },
+      ]}
+    />
+  );
+};
+
+export default TemplatePieChart;