@codezee/sixtify-brahma 0.2.86 → 0.2.87

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.86",
+  "version": "0.2.87",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

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

@@ -0,0 +1,30 @@
+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 { LineChartProps as MuiLineChartProps } from "@mui/x-charts/LineChart";
+type ExtendedLineSeriesType = MakeOptional<LineSeriesType, "type"> & {
+    color?: string;
+    colorMap?: {
+        [key: string]: string;
+    };
+    strokeWidth?: number;
+    getColor?: (value: number, index: number, data: readonly (number | null)[]) => string;
+};
+type LineChartProps = Omit<MuiLineChartProps, "series"> & {
+    series: ExtendedLineSeriesType[];
+    xAxisData?: string[];
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    loading?: boolean;
+    height?: MuiLineChartProps["height"];
+    width?: MuiLineChartProps["width"];
+    hideLegend?: boolean;
+    legendPosition?: AnchorPosition;
+    grid?: {
+        horizontal?: boolean;
+        vertical?: boolean;
+    };
+};
+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 {};
+//# sourceMappingURL=LineChart.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const LineChart_1 = require("@mui/x-charts/LineChart");
+const StyledLineChart = (0, styles_1.styled)(LineChart_1.LineChart)(({ theme }) => ({
+    "& .MuiChartsAxis-tick": {
+        stroke: theme.palette.text.secondary,
+    },
+    "& .MuiChartsAxis-line": {
+        stroke: theme.palette.divider,
+    },
+    "& .MuiChartsAxis-tickLabel": {
+        fill: theme.palette.text.secondary,
+        fontSize: 12,
+    },
+    "& .MuiChartsLegend-mark": {
+        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 }) => {
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: height, width: width, variant: "rectangular" });
+    }
+    const xAxisConfig = xAxisData
+        ? [
+            {
+                data: xAxisData,
+                scaleType: "point",
+                label: xAxisLabel,
+            },
+        ]
+        : undefined;
+    const yAxisConfig = yAxisLabel
+        ? [
+            {
+                label: yAxisLabel,
+                width: 50,
+            },
+        ]
+        : 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 }));
+};
+exports.LineChart = LineChart;

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

@@ -1,3 +1,4 @@
 export * from "./BarChart";
+export * from "./LineChart";
 export * from "./PieChart";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

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

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./BarChart"), exports);
+__exportStar(require("./LineChart"), exports);
 __exportStar(require("./PieChart"), exports);