@codezee/sixtify-brahma 0.2.97 → 0.2.99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.97",
+  "version": "0.2.99",
   "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, ...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,6EAStB,aAAa,4CAgBf,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", ...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, 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,4CA6Df,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",
@@ -25,15 +25,25 @@ const PieChart = ({ height = 235, skipAnimation = false, loading = false, valueF
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: height, radius: radius });
     }
     return ((0, jsx_runtime_1.jsx)(PieChart_1.PieChart, { height: height, sx: {
-            transform: "translate(50px, 0px)",
+            transform: "translate(0px, 0px)",
             overflow: "visible",
+            "& .MuiPieArcLabel-root": {
+                display: "none",
+            },
         }, series: [
             {
+                type: "pie",
+                data: series.data,
                 arcLabel: (params) => params.label ?? "",
                 arcLabelMinAngle: 20,
                 valueFormatter,
-                ...series,
+                innerRadius: series.innerRadius,
+                outerRadius: series.outerRadius,
+            },
+        ], slotProps: {
+            tooltip: {
+                trigger: tooltip,
             },
-        ], ...rest, tooltip: tooltip, skipAnimation: skipAnimation, children: (0, jsx_runtime_1.jsx)(PieCenterLabel, { children: label }) }));
+        }, ...rest, skipAnimation: skipAnimation, children: (0, jsx_runtime_1.jsx)(PieCenterLabel, { children: label }) }));
 };
 exports.PieChart = PieChart;

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/FilePreview.d.ts

@@ -1,12 +1,19 @@
 type FilePreviewProps = {
     fileName: string;
     resetTrigger?: number;
+    showActions?: boolean;
+    onZoomChange?: (zoomOffset: number) => void;
+};
+export type FilePreviewRef = {
+    resetZoom: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
 };
 export declare const SUPPORTED_IMAGE_FORMATS: readonly [".png", ".jpg", ".jpeg"];
 export declare const SUPPORTED_PDF_FORMATS: readonly [".pdf"];
 export declare const SUPPORTED_DOC_FORMATS: readonly [".doc", ".docx"];
 export declare const SUPPORTED_EXCEL_FORMATS: readonly [".xls", ".xlsx"];
 export declare function isFileType(url: string, extensions: readonly string[]): boolean;
-export declare const FilePreview: ({ fileName, resetTrigger }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePreview: import("react").ForwardRefExoticComponent<FilePreviewProps & import("react").RefAttributes<FilePreviewRef>>;
 export {};
 //# sourceMappingURL=FilePreview.d.ts.map

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/FilePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/FilePreview.tsx"],"names":[],"mappings":"AAwBA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,oCAAqC,CAAC;AAE1E,eAAO,MAAM,qBAAqB,mBAAoB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,4BAA6B,CAAC;AAEhE,eAAO,MAAM,uBAAuB,4BAA6B,CAAC;AASlE,wBAAgB,UAAU,CACxB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B,OAAO,CAET;AAED,eAAO,MAAM,WAAW,GAAI,4BAA4B,gBAAgB,4CAkQvE,CAAC"}
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/FilePreview.tsx"],"names":[],"mappings":"AA8BA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,oCAAqC,CAAC;AAE1E,eAAO,MAAM,qBAAqB,mBAAoB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,4BAA6B,CAAC;AAEhE,eAAO,MAAM,uBAAuB,4BAA6B,CAAC;AASlE,wBAAgB,UAAU,CACxB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B,OAAO,CAET;AAED,eAAO,MAAM,WAAW,6GAqUvB,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/FilePreview.js

@@ -9,10 +9,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const ZoomInOutlined_1 = __importDefault(require("@mui/icons-material/ZoomInOutlined"));
 const ZoomOutOutlined_1 = __importDefault(require("@mui/icons-material/ZoomOutOutlined"));
 const material_1 = require("@mui/material");
+const isFunction_1 = __importDefault(require("lodash/isFunction"));
 const react_1 = require("react");
 const Button_1 = require("../../../Button");
 const Layouts_1 = require("../../../Layouts");
 const PadBox_1 = require("../../../PadBox");
+const utils_1 = require("../../../utils");
 exports.SUPPORTED_IMAGE_FORMATS = [".png", ".jpg", ".jpeg"];
 exports.SUPPORTED_PDF_FORMATS = [".pdf"];
 exports.SUPPORTED_DOC_FORMATS = [".doc", ".docx"];
@@ -20,18 +22,19 @@ exports.SUPPORTED_EXCEL_FORMATS = [".xls", ".xlsx"];
 const DEFAULT_ZOOM_CONFIG = {
     min: 0.5,
     max: 2,
-    step: 0.5,
+    step: 2,
     sensitivity: 0.1,
 };
 function isFileType(url, extensions) {
     return extensions.some((ext) => url.toLowerCase().endsWith(ext));
 }
-const FilePreview = ({ fileName, resetTrigger }) => {
+exports.FilePreview = (0, react_1.forwardRef)(({ fileName, resetTrigger, showActions = true, onZoomChange, }, ref) => {
     const [isDragging, setIsDragging] = (0, react_1.useState)(false);
     const [position, setPosition] = (0, react_1.useState)({ x: 0, y: 0 });
     const [startPos, setStartPos] = (0, react_1.useState)({ x: 0, y: 0 });
     const [zoomLevel, setZoomLevel] = (0, react_1.useState)(1);
     const imageContainerRef = (0, react_1.useRef)(null);
+    const { isDesktop } = (0, utils_1.useGetDeviceType)();
     const theme = (0, material_1.useTheme)();
     const { slate } = theme.palette.app.color;
     const { sensitivity, min, max, step } = DEFAULT_ZOOM_CONFIG;
@@ -72,12 +75,12 @@ const FilePreview = ({ fileName, resetTrigger }) => {
             setZoomLevel(newZoom);
         }
     };
-    const resetZoomLevel = () => {
+    const resetZoom = () => {
         setZoomLevel(1);
         setPosition({ x: 0, y: 0 });
     };
     (0, react_1.useMemo)(() => {
-        resetZoomLevel();
+        resetZoom();
     }, [resetTrigger]);
     const updateZoomLevel = (delta) => {
         setZoomLevel((prev) => {
@@ -94,7 +97,7 @@ const FilePreview = ({ fileName, resetTrigger }) => {
         const { offsetX, offsetY } = calculateOffset(e, container);
         const newZoom = zoomLevel > 1 ? 1 : Math.min(zoomLevel + step, max);
         if (zoomLevel > 1) {
-            resetZoomLevel();
+            resetZoom();
             setZoomLevel(newZoom);
             return;
         }
@@ -107,11 +110,49 @@ const FilePreview = ({ fileName, resetTrigger }) => {
     const endDrag = () => {
         setIsDragging(false);
     };
+    const zoomOut = () => {
+        updateZoomLevel(-0.3);
+    };
+    const zoomIn = () => {
+        updateZoomLevel(0.3);
+    };
+    (0, react_1.useMemo)(() => {
+        if ((0, isFunction_1.default)(onZoomChange)) {
+            onZoomChange(zoomLevel);
+        }
+    }, [zoomLevel]);
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === "Escape") {
+                resetZoom();
+            }
+            if (e.key === "ArrowUp") {
+                zoomIn();
+            }
+            if (e.key === "ArrowDown") {
+                zoomOut();
+            }
+        };
+        window.addEventListener("keyup", handleKeyDown);
+        return () => window.removeEventListener("keyup", handleKeyDown);
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, () => {
+        return {
+            resetZoom,
+            zoomIn,
+            zoomOut,
+        };
+    }, [zoomLevel, resetZoom, zoomIn, zoomOut]);
+    const pointerEvent = isDesktop ? "auto" : "none";
     if (isFileType(fileName, exports.SUPPORTED_PDF_FORMATS)) {
-        return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `${fileName}#toolbar=0`, style: { width: "100%", height: "100%" } }) }));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: () => window.open(fileName, "_blank"), height: "100%", children: (0, jsx_runtime_1.jsx)("iframe", { src: `${fileName}#toolbar=0`, style: {
+                    width: "100%",
+                    height: "100%",
+                    pointerEvents: pointerEvent,
+                } }) }));
     }
     if (isFileType(fileName, exports.SUPPORTED_IMAGE_FORMATS)) {
-        return ((0, jsx_runtime_1.jsxs)(Layouts_1.FilePreviewContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: "10px", sx: {
+        return ((0, jsx_runtime_1.jsxs)(Layouts_1.FilePreviewContainer, { height: "100%", children: [showActions && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: "10px", sx: {
                         position: "absolute",
                         top: 10,
                         right: 66,
@@ -120,15 +161,15 @@ const FilePreview = ({ fileName, resetTrigger }) => {
                                 backgroundColor: slate[900],
                                 minWidth: "42px",
                                 height: "42px",
-                            }, onClick: () => resetZoomLevel(), children: "Reset" })), (0, jsx_runtime_1.jsx)(Button_1.Button, { sx: {
+                            }, onClick: () => resetZoom(), children: "Reset" })), (0, jsx_runtime_1.jsx)(Button_1.Button, { sx: {
                                 backgroundColor: slate[900],
                                 minWidth: "42px",
                                 height: "42px",
-                            }, onClick: () => updateZoomLevel(-0.3), children: (0, jsx_runtime_1.jsx)(ZoomOutOutlined_1.default, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { sx: {
+                            }, onClick: zoomOut, children: (0, jsx_runtime_1.jsx)(ZoomOutOutlined_1.default, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { sx: {
                                 backgroundColor: slate[900],
                                 minWidth: "42px",
                                 height: "42px",
-                            }, onClick: () => updateZoomLevel(0.3), children: (0, jsx_runtime_1.jsx)(ZoomInOutlined_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { ref: imageContainerRef, style: {
+                            }, onClick: zoomIn, children: (0, jsx_runtime_1.jsx)(ZoomInOutlined_1.default, {}) })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { ref: imageContainerRef, style: {
                         position: "relative",
                         width: "100%",
                         height: "100%",
@@ -147,8 +188,12 @@ const FilePreview = ({ fileName, resetTrigger }) => {
     }
     if (isFileType(fileName, exports.SUPPORTED_DOC_FORMATS) ||
         isFileType(fileName, exports.SUPPORTED_EXCEL_FORMATS)) {
-        return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(fileName)}`, style: { width: "100%", height: "100%" } }) }));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: () => window.open(fileName, "_blank"), height: "100%", children: (0, jsx_runtime_1.jsx)("iframe", { src: `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(fileName)}`, style: {
+                    width: "100%",
+                    height: "100%",
+                    pointerEvents: pointerEvent,
+                } }) }));
     }
     return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: { textAlign: "center" }, children: "File Preview Not Supported" }) }) }));
-};
-exports.FilePreview = FilePreview;
+});
+exports.FilePreview.displayName = "FilePreview";

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/ViewFilePreviewDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewFilePreviewDialog.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/ViewFilePreviewDialog.tsx"],"names":[],"mappings":"AAOA,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,8BAInC,0BAA0B,4CA6C5B,CAAC"}
+{"version":3,"file":"ViewFilePreviewDialog.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/ViewFilePreviewDialog.tsx"],"names":[],"mappings":"AAkBA,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,8BAInC,0BAA0B,4CAwE5B,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/ViewFilePreviewDialog.js

@@ -2,33 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewFilePreviewDialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
-const Actions_1 = require("../../../Actions");
+const react_1 = require("react");
 const Dialog_1 = require("../../../Dialog");
 const PadBox_1 = require("../../../PadBox");
 const download_1 = require("../../../utils/download");
+const DownloadAction_1 = require("../DownloadAction");
 const FilePreview_1 = require("./FilePreview");
 const ViewFilePreviewDialog = ({ open, onClose, fileName, }) => {
     const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { maxWidth: "lg", onClose: onClose, open: open, title: "View File Preview", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                bgcolor: butterflyBlue[700],
-                borderRadius: "5px",
-            }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                        position: "relative",
-                        backgroundColor: iron[600],
-                        overflow: "hidden",
-                        maxHeight: "650px",
-                        boxShadow: "none",
-                    }, children: [(0, jsx_runtime_1.jsx)(Actions_1.DownloadIconAction
-                        // eslint-disable-next-line sonarjs/no-misused-promises
-                        , { 
-                            // eslint-disable-next-line sonarjs/no-misused-promises
-                            onClick: () => (0, download_1.downloadFile)(fileName, fileName), sx: {
-                                position: "absolute",
-                                top: 5,
-                                right: 10,
-                                zIndex: 10,
-                            } }), (0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { fileName: fileName })] }) }) }) }));
+    const [zoomLevel, setZoomLevel] = (0, react_1.useState)(0);
+    const filePreviewRef = (0, react_1.useRef)(null);
+    const { butterflyBlue, slate } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { maxWidth: "lg", onClose: onClose, open: open, title: "View File Preview", actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { height: 30, minHeight: 30, maxHeight: 30, direction: "row", children: [(0, FilePreview_1.isFileType)(fileName, FilePreview_1.SUPPORTED_IMAGE_FORMATS) && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignContent: "center", justifyContent: "end", children: [zoomLevel !== 1 && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => filePreviewRef.current?.resetZoom(), children: (0, jsx_runtime_1.jsx)(icons_material_1.RotateLeft, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => filePreviewRef.current?.zoomIn(), children: (0, jsx_runtime_1.jsx)(icons_material_1.ZoomInOutlined, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => filePreviewRef.current?.zoomOut(), children: (0, jsx_runtime_1.jsx)(icons_material_1.ZoomOutOutlined, {}) })] })), (0, jsx_runtime_1.jsx)(DownloadAction_1.DownloadAction, { onClick: () => {
+                        (0, download_1.downloadFile)(fileName, fileName);
+                    } })] }), children: (0, jsx_runtime_1.jsx)(material_1.Stack, { bgcolor: butterflyBlue[700], position: "relative", borderRadius: "5px", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: { sm: "20px 50px 20px 50px", xs: "0" } }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { bgcolor: slate[600], borderRadius: 1, overflow: "hidden", height: "calc(100vh - 335px)", sx: {
+                        userSelect: "none",
+                    }, children: (0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { ref: filePreviewRef, fileName: fileName, resetTrigger: 1, showActions: false, onZoomChange: (zoomOffset) => {
+                            setZoomLevel(zoomOffset);
+                        } }) }) }) }) }));
 };
 exports.ViewFilePreviewDialog = ViewFilePreviewDialog;

package/packages/shared-components/dist/FormFields/FileUpload/DownloadAction.d.ts

@@ -0,0 +1,3 @@
+import { type IconButtonProps } from "@mui/material";
+export declare const DownloadAction: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DownloadAction.d.ts.map

package/packages/shared-components/dist/FormFields/FileUpload/DownloadAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadAction.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/DownloadAction.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAIjE,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,4CAcpD,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/DownloadAction.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DownloadAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Svgs_1 = require("../../Svgs");
+const Tooltip_1 = require("../../Tooltip");
+const DownloadAction = (props) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: {
+            height: "30px",
+            width: "50px",
+        }, ...props, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Download", children: (0, jsx_runtime_1.jsx)(Svgs_1.SvgDownload, { fontColor: "white", fill: "none" }) }) }));
+};
+exports.DownloadAction = DownloadAction;

package/packages/shared-components/dist/FormFields/FileUpload/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Dialogs";
+export * from "./DownloadAction";
 export * from "./FileNames";
 export * from "./FileUpload";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/index.js

@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Dialogs"), exports);
+__exportStar(require("./DownloadAction"), exports);
 __exportStar(require("./FileNames"), exports);
 __exportStar(require("./FileUpload"), exports);

package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.js

@@ -27,6 +27,6 @@ function RadioGroupField({ name, rules, label, control, options, defaultValue, s
                 }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: direction === "column" ? "5px" : "10px", direction: direction, ...containerProps, children: options?.map(({ label, values, disabled }, index) => {
                         return (
                         // eslint-disable-next-line sonarjs/no-array-index-key
-                        (0, jsx_runtime_1.jsx)(material_1.Box, { width: "max-content", children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, color: color, size: size }), disabled: disabled, label: label, sx: sx }) }, index));
+                        (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, color: color, size: size }), disabled: disabled, label: label, sx: sx }) }, index));
                     }) }) })] }));
 }

package/packages/shared-components/dist/Svgs/SvgDownload.d.ts

@@ -1,3 +1,8 @@
 import type { SvgIconProps } from "@mui/material";
-export declare const SvgDownload: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+type SvgDownloadProps = SvgIconProps & {
+    fill?: string;
+    fontColor?: string;
+};
+export declare const SvgDownload: ({ fill, fontColor, ...props }: SvgDownloadProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=SvgDownload.d.ts.map

package/packages/shared-components/dist/Svgs/SvgDownload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgDownload.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgDownload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,WAAW,GAAI,OAAO,YAAY,4CAiB9C,CAAC"}
+{"version":3,"file":"SvgDownload.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgDownload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,KAAK,gBAAgB,GAAG,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7E,eAAO,MAAM,WAAW,GAAI,+BAIzB,gBAAgB,4CAiBlB,CAAC"}

package/packages/shared-components/dist/Svgs/SvgDownload.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgDownload = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgDownload = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 42, height: 42, fill: "none", ...props, style: { color: "inherit" }, children: [(0, jsx_runtime_1.jsx)("rect", { width: "42", height: "42", rx: "5", fill: "#4C5D70" }), (0, jsx_runtime_1.jsx)("path", { d: "M26.75 21.5C26.5511 21.5 26.3603 21.579 26.2197 21.7197C26.079 21.8603 26 22.0511 26 22.25V25.25C26 25.4489 25.921 25.6397 25.7803 25.7803C25.6397 25.921 25.4489 26 25.25 26H14.75C14.5511 26 14.3603 25.921 14.2197 25.7803C14.079 25.6397 14 25.4489 14 25.25V22.25C14 22.0511 13.921 21.8603 13.7803 21.7197C13.6397 21.579 13.4489 21.5 13.25 21.5C13.0511 21.5 12.8603 21.579 12.7197 21.7197C12.579 21.8603 12.5 22.0511 12.5 22.25V25.25C12.5 25.8467 12.7371 26.419 13.159 26.841C13.581 27.2629 14.1533 27.5 14.75 27.5H25.25C25.8467 27.5 26.419 27.2629 26.841 26.841C27.2629 26.419 27.5 25.8467 27.5 25.25V22.25C27.5 22.0511 27.421 21.8603 27.2803 21.7197C27.1397 21.579 26.9489 21.5 26.75 21.5ZM19.4675 22.7825C19.5388 22.8508 19.6229 22.9043 19.715 22.94C19.8048 22.9797 19.9018 23.0002 20 23.0002C20.0982 23.0002 20.1952 22.9797 20.285 22.94C20.3771 22.9043 20.4612 22.8508 20.5325 22.7825L23.5325 19.7825C23.6737 19.6413 23.7531 19.4497 23.7531 19.25C23.7531 19.0503 23.6737 18.8587 23.5325 18.7175C23.3913 18.5763 23.1997 18.4969 23 18.4969C22.8003 18.4969 22.6087 18.5763 22.4675 18.7175L20.75 20.4425V13.25C20.75 13.0511 20.671 12.8603 20.5303 12.7197C20.3897 12.579 20.1989 12.5 20 12.5C19.8011 12.5 19.6103 12.579 19.4697 12.7197C19.329 12.8603 19.25 13.0511 19.25 13.25V20.4425L17.5325 18.7175C17.4626 18.6476 17.3796 18.5921 17.2882 18.5543C17.1968 18.5164 17.0989 18.4969 17 18.4969C16.9011 18.4969 16.8032 18.5164 16.7118 18.5543C16.6204 18.5921 16.5374 18.6476 16.4675 18.7175C16.3976 18.7874 16.3421 18.8704 16.3043 18.9618C16.2664 19.0532 16.2469 19.1511 16.2469 19.25C16.2469 19.3489 16.2664 19.4468 16.3043 19.5382C16.3421 19.6296 16.3976 19.7126 16.4675 19.7825L19.4675 22.7825Z", fill: "white" })] }));
+const SvgDownload = ({ fill = "#4C5D70", fontColor = "white", ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 42, height: 42, fill: "none", style: { color: "inherit" }, ...props, children: [(0, jsx_runtime_1.jsx)("rect", { width: "42", height: "42", rx: "5", fill: fill }), (0, jsx_runtime_1.jsx)("path", { d: "M26.75 21.5C26.5511 21.5 26.3603 21.579 26.2197 21.7197C26.079 21.8603 26 22.0511 26 22.25V25.25C26 25.4489 25.921 25.6397 25.7803 25.7803C25.6397 25.921 25.4489 26 25.25 26H14.75C14.5511 26 14.3603 25.921 14.2197 25.7803C14.079 25.6397 14 25.4489 14 25.25V22.25C14 22.0511 13.921 21.8603 13.7803 21.7197C13.6397 21.579 13.4489 21.5 13.25 21.5C13.0511 21.5 12.8603 21.579 12.7197 21.7197C12.579 21.8603 12.5 22.0511 12.5 22.25V25.25C12.5 25.8467 12.7371 26.419 13.159 26.841C13.581 27.2629 14.1533 27.5 14.75 27.5H25.25C25.8467 27.5 26.419 27.2629 26.841 26.841C27.2629 26.419 27.5 25.8467 27.5 25.25V22.25C27.5 22.0511 27.421 21.8603 27.2803 21.7197C27.1397 21.579 26.9489 21.5 26.75 21.5ZM19.4675 22.7825C19.5388 22.8508 19.6229 22.9043 19.715 22.94C19.8048 22.9797 19.9018 23.0002 20 23.0002C20.0982 23.0002 20.1952 22.9797 20.285 22.94C20.3771 22.9043 20.4612 22.8508 20.5325 22.7825L23.5325 19.7825C23.6737 19.6413 23.7531 19.4497 23.7531 19.25C23.7531 19.0503 23.6737 18.8587 23.5325 18.7175C23.3913 18.5763 23.1997 18.4969 23 18.4969C22.8003 18.4969 22.6087 18.5763 22.4675 18.7175L20.75 20.4425V13.25C20.75 13.0511 20.671 12.8603 20.5303 12.7197C20.3897 12.579 20.1989 12.5 20 12.5C19.8011 12.5 19.6103 12.579 19.4697 12.7197C19.329 12.8603 19.25 13.0511 19.25 13.25V20.4425L17.5325 18.7175C17.4626 18.6476 17.3796 18.5921 17.2882 18.5543C17.1968 18.5164 17.0989 18.4969 17 18.4969C16.9011 18.4969 16.8032 18.5164 16.7118 18.5543C16.6204 18.5921 16.5374 18.6476 16.4675 18.7175C16.3976 18.7874 16.3421 18.8704 16.3043 18.9618C16.2664 19.0532 16.2469 19.1511 16.2469 19.25C16.2469 19.3489 16.2664 19.4468 16.3043 19.5382C16.3421 19.6296 16.3976 19.7126 16.4675 19.7825L19.4675 22.7825Z", fill: fontColor })] }));
 };
 exports.SvgDownload = SvgDownload;