@codezee/sixtify-brahma 0.2.97 → 0.2.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.97",
+  "version": "0.2.98",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -57,7 +57,7 @@
     "@mui/icons-material": "^5.15.20",
     "@mui/material": "^5.15.20",
     "@mui/styled-engine-sc": "6.0.0-alpha.18",
-    "@mui/x-charts": "^7.22.3",
+    "@mui/x-charts": "^8.12.0",
     "@mui/x-data-grid": "^7.6.2",
     "@mui/x-date-pickers": "^7.8.0",
     "@tanstack/react-query": "^5.48.0",

package/packages/shared-components/dist/Charts/BarChart.d.ts

@@ -1,8 +1,7 @@
-import type { BarSeriesType } from "@mui/x-charts";
+import { type Theme } from "@mui/material/styles";
+import type { BarSeriesType, ChartsTooltipProps } from "@mui/x-charts";
 import type { BarChartProps as MuiBarChartProps } from "@mui/x-charts/BarChart";
-import type { AnchorPosition } from "@mui/x-charts/ChartsLegend/legend.types";
-import type { MakeOptional } from "@mui/x-charts/internals";
-type ExtendedBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
+type ExtendedBarSeriesType = Partial<BarSeriesType> & {
     color?: string;
     colorMap?: {
         [key: string]: string;
@@ -19,9 +18,9 @@ type BarChartProps = Omit<MuiBarChartProps, "series"> & {
     height?: MuiBarChartProps["height"];
     width?: MuiBarChartProps["width"];
     skipAnimation?: boolean;
-    hideLegend?: boolean;
-    legendPosition?: AnchorPosition;
+    tooltip?: ChartsTooltipProps["trigger"];
+    theme?: Theme;
 };
-export declare const BarChart: ({ height, width, skipAnimation, loading, tooltip, series, layout, margin, hideLegend, legendPosition, ...rest }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BarChart: ({ height, width, skipAnimation, loading, tooltip, series, layout, margin, ...rest }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=BarChart.d.ts.map

package/packages/shared-components/dist/Charts/BarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../src/Charts/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,KAAK,qBAAqB,GAAG,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAG;IACtD,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAkBF,eAAO,MAAM,QAAQ,GAAI,iHAYtB,aAAa,4CAkBf,CAAC"}
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../src/Charts/BarChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGhF,KAAK,qBAAqB,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAG;IACtD,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAkBF,eAAO,MAAM,QAAQ,GAAI,qFAUtB,aAAa,4CAiBf,CAAC"}

package/packages/shared-components/dist/Charts/BarChart.js

@@ -20,10 +20,10 @@ const StyledBarChart = (0, styles_1.styled)(BarChart_1.BarChart)(({ theme }) =>
         rx: 4,
     },
 }));
-const BarChart = ({ height = 300, width, skipAnimation = false, loading = false, tooltip, series, layout = "vertical", margin = { top: 30, right: 30, bottom: 30, left: 30 }, hideLegend = false, legendPosition = { horizontal: "right", vertical: "top" }, ...rest }) => {
+const BarChart = ({ height = 300, width, skipAnimation = false, loading = false, tooltip = "item", series, layout = "vertical", margin = { top: 30, right: 30, bottom: 30, left: 30 }, ...rest }) => {
     if (loading) {
         return (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: height, width: width, variant: "rectangular" });
     }
-    return ((0, jsx_runtime_1.jsx)(StyledBarChart, { height: height, width: width, series: series, margin: margin, layout: layout, skipAnimation: skipAnimation, tooltip: tooltip, slotProps: { legend: { hidden: hideLegend, position: legendPosition } }, ...rest }));
+    return ((0, jsx_runtime_1.jsx)(StyledBarChart, { height: height, width: width, series: series, margin: margin, layout: layout, skipAnimation: skipAnimation, slotProps: { tooltip: { trigger: tooltip } }, ...rest }));
 };
 exports.BarChart = BarChart;

package/packages/shared-components/dist/Charts/LineChart.d.ts

@@ -1,8 +1,7 @@
-import type { LineSeriesType } from "@mui/x-charts";
-import type { AnchorPosition } from "@mui/x-charts/ChartsLegend/legend.types";
-import type { MakeOptional } from "@mui/x-charts/internals";
+import { type Theme } from "@mui/material/styles";
+import type { ChartsTooltipProps, LineSeriesType } from "@mui/x-charts";
 import type { LineChartProps as MuiLineChartProps } from "@mui/x-charts/LineChart";
-type ExtendedLineSeriesType = MakeOptional<LineSeriesType, "type"> & {
+type ExtendedLineSeriesType = Partial<LineSeriesType> & {
     color?: string;
     colorMap?: {
         [key: string]: string;
@@ -19,12 +18,13 @@ type LineChartProps = Omit<MuiLineChartProps, "series"> & {
     height?: MuiLineChartProps["height"];
     width?: MuiLineChartProps["width"];
     hideLegend?: boolean;
-    legendPosition?: AnchorPosition;
     grid?: {
         horizontal?: boolean;
         vertical?: boolean;
     };
+    tooltip?: ChartsTooltipProps["trigger"];
+    theme?: Theme;
 };
-export declare const LineChart: ({ height, width, skipAnimation, loading, tooltip, series, xAxisData, yAxisLabel, xAxisLabel, hideLegend, legendPosition, grid, ...rest }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LineChart: ({ height, width, skipAnimation, loading, tooltip, series, xAxisData, yAxisLabel, xAxisLabel, grid, ...rest }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=LineChart.d.ts.map

package/packages/shared-components/dist/Charts/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../src/Charts/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGnF,KAAK,sBAAsB,GAAG,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,GAAG;IACxD,MAAM,EAAE,sBAAsB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACrD,CAAC;AAkBF,eAAO,MAAM,SAAS,GAAI,0IAcvB,cAAc,4CAsChB,CAAC"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../src/Charts/LineChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGnF,KAAK,sBAAsB,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,GAAG;IACxD,MAAM,EAAE,sBAAsB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACpD,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAkBF,eAAO,MAAM,SAAS,GAAI,8GAYvB,cAAc,4CAuChB,CAAC"}

package/packages/shared-components/dist/Charts/LineChart.js

@@ -20,7 +20,7 @@ const StyledLineChart = (0, styles_1.styled)(LineChart_1.LineChart)(({ theme })
         rx: 4,
     },
 }));
-const LineChart = ({ height = 300, width, skipAnimation = false, loading = false, tooltip, series, xAxisData, yAxisLabel, xAxisLabel, hideLegend = false, legendPosition = { horizontal: "right", vertical: "top" }, grid = { horizontal: false, vertical: false }, ...rest }) => {
+const LineChart = ({ height = 300, width, skipAnimation = false, loading = false, tooltip = "item", series, xAxisData, yAxisLabel, xAxisLabel, grid = { horizontal: false, vertical: false }, ...rest }) => {
     if (loading) {
         return (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: height, width: width, variant: "rectangular" });
     }
@@ -41,6 +41,8 @@ const LineChart = ({ height = 300, width, skipAnimation = false, loading = false
             },
         ]
         : undefined;
-    return ((0, jsx_runtime_1.jsx)(StyledLineChart, { height: height, width: width, series: series, xAxis: xAxisConfig, yAxis: yAxisConfig, skipAnimation: skipAnimation, tooltip: tooltip, grid: grid, slotProps: { legend: { hidden: hideLegend, position: legendPosition } }, ...rest }));
+    return ((0, jsx_runtime_1.jsx)(StyledLineChart, { height: height, width: width, series: series, xAxis: xAxisConfig, yAxis: yAxisConfig, skipAnimation: skipAnimation, grid: grid, slotProps: {
+            tooltip: { trigger: tooltip },
+        }, ...rest }));
 };
 exports.LineChart = LineChart;

package/packages/shared-components/dist/Charts/PieChart.d.ts

@@ -1,13 +1,15 @@
-import type { PieSeriesType, PieValueType } from "@mui/x-charts";
-import type { MakeOptional } from "@mui/x-charts/internals";
+import { type Theme } from "@mui/material/styles";
+import type { ChartsTooltipProps, PieSeriesType, PieValueType } from "@mui/x-charts";
 import type { PieChartProps as MuiPieChartProps } from "@mui/x-charts/PieChart";
 type PieChartProps = Omit<MuiPieChartProps, "series"> & {
-    series: MakeOptional<PieSeriesType<MakeOptional<PieValueType, "id">>, "type">;
+    series: Partial<PieSeriesType<Partial<PieValueType>>>;
     label?: string;
     valueFormatter?: (item: {
         value: number;
     }) => string;
     loading?: boolean;
+    tooltip?: ChartsTooltipProps["trigger"];
+    theme?: Theme;
 };
 export declare const PieChart: ({ height, skipAnimation, loading, valueFormatter, tooltip, label, series, ...rest }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/packages/shared-components/dist/Charts/PieChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../src/Charts/PieChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKhF,KAAK,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAG;IACtD,MAAM,EAAE,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAMF,eAAO,MAAM,QAAQ,GAAI,qFAStB,aAAa,4CAmDf,CAAC"}
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../src/Charts/PieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,YAAY,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKhF,KAAK,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAG;IACtD,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAMF,eAAO,MAAM,QAAQ,GAAI,qFAStB,aAAa,4CA0Df,CAAC"}

package/packages/shared-components/dist/Charts/PieChart.js

@@ -6,7 +6,7 @@ const styles_1 = require("@mui/material/styles");
 const hooks_1 = require("@mui/x-charts/hooks");
 const PieChart_1 = require("@mui/x-charts/PieChart");
 const Skeleton_1 = require("./Skeleton");
-const PieChart = ({ height = 235, skipAnimation = false, loading = false, valueFormatter = (item) => `${item.value}%`, tooltip, label, series, ...rest }) => {
+const PieChart = ({ height = 235, skipAnimation = false, loading = false, valueFormatter = (item) => `${item.value}%`, tooltip = "item", label, series, ...rest }) => {
     const StyledText = (0, styles_1.styled)("text")(({ theme }) => ({
         fill: theme.palette.text.primary,
         textAnchor: "middle",
@@ -29,11 +29,18 @@ const PieChart = ({ height = 235, skipAnimation = false, loading = false, valueF
             overflow: "visible",
         }, series: [
             {
+                type: "pie",
+                data: series.data,
                 arcLabel: (params) => params.label ?? "",
                 arcLabelMinAngle: 20,
                 valueFormatter,
-                ...series,
+                innerRadius: series.innerRadius,
+                outerRadius: series.outerRadius,
             },
-        ], ...rest, tooltip: tooltip, skipAnimation: skipAnimation, children: (0, jsx_runtime_1.jsx)(PieCenterLabel, { children: label }) }));
+        ], slotProps: {
+            tooltip: {
+                trigger: tooltip,
+            },
+        }, ...rest, skipAnimation: skipAnimation, children: (0, jsx_runtime_1.jsx)(PieCenterLabel, { children: label }) }));
 };
 exports.PieChart = PieChart;