blixify-ui-web 0.4.87 → 0.4.89

package/lib/components/chart/polarAreaChart/index.js

@@ -0,0 +1,188 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PolarAreaChart = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var link_1 = require("../../structure/link");
+var DateRange_1 = require("../DateRange");
+var PolarAreaChart = /** @class */ (function (_super) {
+    __extends(PolarAreaChart, _super);
+    function PolarAreaChart() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            apexModule: null,
+            colors: [],
+        };
+        _this.componentDidMount = function () { return __awaiter(_this, void 0, void 0, function () {
+            var reactApexChart, colors, propColors, primaryColor;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require("react-apexcharts")); })];
+                    case 1:
+                        reactApexChart = _a.sent();
+                        colors = undefined;
+                        propColors = this.props.colors;
+                        primaryColor = localStorage.getItem("localChartColors");
+                        primaryColor = primaryColor ? JSON.parse(primaryColor) : primaryColor;
+                        if (propColors && propColors.length > 0)
+                            colors = propColors;
+                        else if (primaryColor)
+                            colors = primaryColor;
+                        this.setState({
+                            apexModule: reactApexChart.default,
+                            colors: colors,
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.renderChart = function () {
+            var _a, _b, _c;
+            console.log(_this.props.seriesData);
+            var APEXModule = _this.state.apexModule;
+            return (react_1.default.createElement(react_1.default.Fragment, null, APEXModule && (react_1.default.createElement(APEXModule, { options: {
+                    dataLabels: {
+                        enabled: (_a = _this.props.showDataLabel) !== null && _a !== void 0 ? _a : true,
+                    },
+                    labels: ((_b = _this.props.seriesData) === null || _b === void 0 ? void 0 : _b.map(function (item) { return item.x; })) || [],
+                    chart: {
+                        foreColor: _this.props.darkMode ? "#FFFFFF" : undefined,
+                        toolbar: {
+                            show: _this.props.showToolbar,
+                        },
+                        events: {
+                            click: function (_event, _chartContext, config) {
+                                var _a, _b;
+                                if (config.dataPointIndex !== -1) {
+                                    var data = config.w.globals.series[config.seriesIndex][config.dataPointIndex];
+                                    var label = config.w.globals.labels[config.dataPointIndex];
+                                    (_b = (_a = _this.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, label, data);
+                                }
+                            },
+                        },
+                    },
+                    colors: _this.state.colors,
+                    plotOptions: {
+                        polarArea: {
+                            rings: {
+                                strokeWidth: 0,
+                            },
+                            spokes: {
+                                strokeWidth: 0,
+                            },
+                        },
+                    },
+                    stroke: {
+                        colors: ["#fff"],
+                    },
+                    fill: {
+                        opacity: 0.8,
+                    },
+                    legend: {
+                        position: "bottom",
+                    },
+                }, series: ((_c = _this.props.seriesData) === null || _c === void 0 ? void 0 : _c.map(function (item) { return item.y; })) || [], type: "polarArea", height: _this.props.chartSize ? _this.props.chartSize : "280" }))));
+        };
+        _this.renderDarkModeSettings = function () {
+            var _a, _b;
+            var bgColor = "bg-white";
+            if (_this.props.darkMode) {
+                bgColor = (_a = _this.props.darkModeBg) !== null && _a !== void 0 ? _a : "bg-gray-900";
+            }
+            var textColor = _this.props.darkMode ? "text-white" : "text-gray-700";
+            var borderColor = (_b = _this.props.borderColor) !== null && _b !== void 0 ? _b : "#e7e7e7";
+            return { bgColor: bgColor, textColor: textColor, borderColor: borderColor };
+        };
+        return _this;
+    }
+    PolarAreaChart.prototype.render = function () {
+        var _a = this.renderDarkModeSettings(), bgColor = _a.bgColor, textColor = _a.textColor;
+        var defaultClass = "flex flex-col justify-center ".concat(bgColor, " overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ");
+        if (this.props.containerStyle)
+            defaultClass += this.props.containerStyle;
+        return !this.props.chartOnly ? (react_1.default.createElement("div", { className: defaultClass },
+            react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
+                react_1.default.createElement("div", { className: "flex-1 " }, this.props.newTabUrl ? (react_1.default.createElement(link_1.Link, { href: this.props.newTabUrl, linkType: this.props.linkType, custom: this.props.custom },
+                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium ".concat(textColor) }, this.props.title))) : (react_1.default.createElement("h3", { className: "text-lg truncate font-medium ".concat(textColor) }, this.props.title))),
+                this.props.tool),
+            react_1.default.createElement("div", { className: "mr-4 " }, this.renderChart()),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate, darkMode: this.props.darkMode })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
+    };
+    return PolarAreaChart;
+}(react_1.Component));
+exports.PolarAreaChart = PolarAreaChart;
+//# sourceMappingURL=index.js.map

package/lib/components/chart/polarAreaChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/polarAreaChart/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/chart/treemapChart/index.d.ts

@@ -0,0 +1,35 @@
+import React, { Component } from "react";
+import "../../../index.css";
+import { LinkProps } from "../../structure/link";
+import { ChartUtils } from "../ChartUtils";
+interface TreemapData {
+    x: string;
+    y: number;
+    fillColor?: string;
+}
+interface Props extends ChartUtils, LinkProps {
+    title: string;
+    seriesData?: TreemapData[];
+    seriesName?: string;
+    showDataLabel?: boolean;
+    showToolbar?: boolean;
+    borderColor?: string;
+    newTabUrl?: string;
+    onClick?: (category: string, value: number) => void;
+}
+export declare class TreemapChart extends Component<Props> {
+    state: {
+        apexModule: null;
+        colors: never[];
+    };
+    componentDidMount: () => Promise<void>;
+    renderChart: () => React.JSX.Element;
+    renderDarkModeSettings: () => {
+        bgColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    render(): React.JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/chart/treemapChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/treemapChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,UAAU,WAAW;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,KAAM,SAAQ,UAAU,EAAE,SAAS;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,WAAW,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,qBAAa,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IAChD,KAAK;;;MAGH;IAEF,iBAAiB,sBAcf;IAEF,WAAW,0BAoDT;IAEF,sBAAsB;;;;MAQpB;IAEF,MAAM;CAyCP"}

package/lib/components/chart/treemapChart/index.js

@@ -0,0 +1,181 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreemapChart = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var link_1 = require("../../structure/link");
+var DateRange_1 = require("../DateRange");
+var TreemapChart = /** @class */ (function (_super) {
+    __extends(TreemapChart, _super);
+    function TreemapChart() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            apexModule: null,
+            colors: [],
+        };
+        _this.componentDidMount = function () { return __awaiter(_this, void 0, void 0, function () {
+            var reactApexChart, colors, propColors, primaryColor;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require("react-apexcharts")); })];
+                    case 1:
+                        reactApexChart = _a.sent();
+                        colors = undefined;
+                        propColors = this.props.colors;
+                        primaryColor = localStorage.getItem("localChartColors");
+                        primaryColor = primaryColor ? JSON.parse(primaryColor) : primaryColor;
+                        if (propColors && propColors.length > 0)
+                            colors = propColors;
+                        else if (primaryColor)
+                            colors = primaryColor;
+                        this.setState({
+                            apexModule: reactApexChart.default,
+                            colors: colors,
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.renderChart = function () {
+            var _a;
+            var APEXModule = _this.state.apexModule;
+            return (react_1.default.createElement(react_1.default.Fragment, null, APEXModule && (react_1.default.createElement(APEXModule, { options: {
+                    dataLabels: {
+                        enabled: (_a = _this.props.showDataLabel) !== null && _a !== void 0 ? _a : true,
+                        formatter: function (_, opts) {
+                            return opts.w.globals.labels[opts.dataPointIndex];
+                        },
+                    },
+                    chart: {
+                        foreColor: _this.props.darkMode ? "#FFFFFF" : undefined,
+                        toolbar: {
+                            show: _this.props.showToolbar,
+                        },
+                        events: {
+                            click: function (_event, _chartContext, config) {
+                                var _a, _b;
+                                if (config.dataPointIndex !== -1) {
+                                    var data = config.w.globals.series[config.seriesIndex][config.dataPointIndex];
+                                    var label = config.w.globals.labels[config.dataPointIndex];
+                                    (_b = (_a = _this.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, label, data);
+                                }
+                            },
+                        },
+                    },
+                    colors: _this.state.colors,
+                    plotOptions: {
+                        treemap: {
+                            distributed: true,
+                            enableShades: false,
+                        },
+                    },
+                }, series: [
+                    {
+                        name: _this.props.seriesName || "Pages",
+                        data: _this.props.seriesData || [],
+                    },
+                ], type: "treemap", height: _this.props.chartSize ? _this.props.chartSize : "280" }))));
+        };
+        _this.renderDarkModeSettings = function () {
+            var _a, _b;
+            var bgColor = "bg-white";
+            if (_this.props.darkMode) {
+                bgColor = (_a = _this.props.darkModeBg) !== null && _a !== void 0 ? _a : "bg-gray-900";
+            }
+            var textColor = _this.props.darkMode ? "text-white" : "text-gray-700";
+            var borderColor = (_b = _this.props.borderColor) !== null && _b !== void 0 ? _b : "#e7e7e7";
+            return { bgColor: bgColor, textColor: textColor, borderColor: borderColor };
+        };
+        return _this;
+    }
+    TreemapChart.prototype.render = function () {
+        var _a = this.renderDarkModeSettings(), bgColor = _a.bgColor, textColor = _a.textColor;
+        var defaultClass = "flex flex-col justify-center ".concat(bgColor, " overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ");
+        if (this.props.containerStyle)
+            defaultClass += this.props.containerStyle;
+        return !this.props.chartOnly ? (react_1.default.createElement("div", { className: defaultClass },
+            react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
+                react_1.default.createElement("div", { className: "flex-1 " }, this.props.newTabUrl ? (react_1.default.createElement(link_1.Link, { href: this.props.newTabUrl, linkType: this.props.linkType, custom: this.props.custom },
+                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium ".concat(textColor) }, this.props.title))) : (react_1.default.createElement("h3", { className: "text-lg truncate font-medium ".concat(textColor) }, this.props.title))),
+                this.props.tool),
+            react_1.default.createElement("div", { className: "mr-4 " }, this.renderChart()),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate, darkMode: this.props.darkMode })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
+    };
+    return TreemapChart;
+}(react_1.Component));
+exports.TreemapChart = TreemapChart;
+//# sourceMappingURL=index.js.map

package/lib/components/chart/treemapChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/treemapChart/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/data/dataGraph/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataGraph/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAUtE,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,oBAAoB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACnD;AAmBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,OA0vBrC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataGraph/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAUtE,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,oBAAoB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACnD;AAmBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,OA4vBrC"}

package/lib/components/data/dataGraph/index.js

@@ -85,7 +85,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGraph = DataGraph;
 var solid_1 = require("@heroicons/react/24/solid");
 var axios_1 = __importDefault(require("axios"));
-var moment_1 = __importDefault(require("moment"));
+var moment_timezone_1 = __importDefault(require("moment-timezone"));
 var react_1 = __importStar(require("react"));
 var barChart_1 = require("../../chart/barChart");
 var card_1 = require("../../chart/card");
@@ -222,11 +222,11 @@ function DataGraph(props) {
         var dateTimeFormat = "DD/MM/YYYY HH:mm:ss";
         var splitDateTimes = [];
         // Parse the input strings using Moment.js
-        var startDateTimeObj = (0, moment_1.default)(range.startDate, dateTimeFormat);
-        var endDateTimeObj = (0, moment_1.default)((0, moment_1.default)(range.endDate).add(1), dateTimeFormat);
-        if ((0, moment_1.default)(range.startDate).isSame(range.endDate, "day")) {
-            var start_time = (0, moment_1.default)(range.startTime, "HH:mm:ss");
-            var end_time = (0, moment_1.default)(range.endTime, "HH:mm:ss");
+        var startDateTimeObj = (0, moment_timezone_1.default)(range.startDate, dateTimeFormat);
+        var endDateTimeObj = (0, moment_timezone_1.default)((0, moment_timezone_1.default)(range.endDate).add(1), dateTimeFormat);
+        if ((0, moment_timezone_1.default)(range.startDate).isSame(range.endDate, "day")) {
+            var start_time = (0, moment_timezone_1.default)(range.startTime, "HH:mm:ss");
+            var end_time = (0, moment_timezone_1.default)(range.endTime, "HH:mm:ss");
             var totalHoursDiff = end_time.diff(start_time, "hours");
             var afterTime = start_time;
             if (start_time.isBefore(end_time)) {
@@ -241,14 +241,14 @@ function DataGraph(props) {
             var adjustedNumSplits = Math.min(10, totalDays);
             var daysPerSplit = Math.floor(totalDays / adjustedNumSplits);
             var remainingDays = totalDays % adjustedNumSplits;
-            var currentDate = (0, moment_1.default)(startDateTimeObj);
+            var currentDate = (0, moment_timezone_1.default)(startDateTimeObj);
             for (var i = 0; i < adjustedNumSplits; i++) {
                 var daysToAdd = daysPerSplit;
                 if (remainingDays > 0) {
                     daysToAdd += 1;
                     remainingDays -= 1;
                 }
-                var splitEndDate = (0, moment_1.default)(currentDate).add(daysToAdd - 1, "days");
+                var splitEndDate = (0, moment_timezone_1.default)(currentDate).add(daysToAdd - 1, "days");
                 splitDateTimes.push("".concat(currentDate.format("DD/MM/YYYY 00:00:00"), " - ").concat(splitEndDate.format("DD/MM/YYYY 23:59:59")));
                 currentDate.add(daysToAdd, "days");
             }
@@ -258,8 +258,8 @@ function DataGraph(props) {
     var handleSetGraphDateRange = function (eachChart, dateRange) {
         var _a, _b, _c, _d, _e;
         var range = [];
-        var startDate = (_a = dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate) !== null && _a !== void 0 ? _a : (0, moment_1.default)().subtract(7, "days").toDate();
-        var endDate = (_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate) !== null && _b !== void 0 ? _b : (0, moment_1.default)().toDate();
+        var startDate = (_a = dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate) !== null && _a !== void 0 ? _a : (0, moment_timezone_1.default)().subtract(7, "days").toDate();
+        var endDate = (_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate) !== null && _b !== void 0 ? _b : (0, moment_timezone_1.default)().toDate();
         var customRange = {
             startDate: startDate,
             endDate: endDate,
@@ -274,18 +274,18 @@ function DataGraph(props) {
             case "radar":
                 if (eachChart.queryBaseDateId) {
                     if (customRange === null || customRange === void 0 ? void 0 : customRange.isDuration)
-                        range.push("".concat((0, moment_1.default)(startDate).format("DD/MM/YYYY ".concat(customRange.startTime)), " - ").concat((0, moment_1.default)(endDate).format("DD/MM/YYYY ".concat(customRange.endTime))));
+                        range.push("".concat((0, moment_timezone_1.default)(startDate).format("DD/MM/YYYY ".concat(customRange.startTime)), " - ").concat((0, moment_timezone_1.default)(endDate).format("DD/MM/YYYY ".concat(customRange.endTime))));
                     else {
-                        range.push("".concat((0, moment_1.default)(startDate).format("DD/MM/YYYY ".concat(customRange.startTime))));
+                        range.push("".concat((0, moment_timezone_1.default)(startDate).format("DD/MM/YYYY ".concat(customRange.startTime))));
                     }
                 }
                 else {
-                    range.push("".concat((0, moment_1.default)().endOf("day").format("DD/MM/YYYY HH:mm:ss")));
+                    range.push("".concat((0, moment_timezone_1.default)().endOf("day").format("DD/MM/YYYY HH:mm:ss")));
                 }
                 break;
             case "line":
                 range = !customRange.isDuration
-                    ? [(0, moment_1.default)(customRange.endDate).format("DD/MM/YYYY HH:mm:ss")]
+                    ? [(0, moment_timezone_1.default)(customRange.endDate).format("DD/MM/YYYY HH:mm:ss")]
                     : handleSplitDateTimeRange(customRange);
                 break;
             default:
@@ -325,6 +325,7 @@ function DataGraph(props) {
                                 ? eachChart.queryBaseDateId
                                 : "baseUpdatedAt",
                             range: range,
+                            timezone: moment_timezone_1.default.tz.guess(),
                         },
                     };
                     if (graphAnalyticsFilter[eachChart.title] &&
@@ -338,6 +339,7 @@ function DataGraph(props) {
                                     ? eachChart.queryBaseDateId
                                     : "baseUpdatedAt",
                                 range: range,
+                                timezone: moment_timezone_1.default.tz.guess(),
                             },
                         };
                     }
@@ -624,13 +626,13 @@ function DataGraph(props) {
                             var format = "DD/MM/YY";
                             if (graphAnalyticsFilter[(_c = eachChart.title) !== null && _c !== void 0 ? _c : ""] &&
                                 graphAnalyticsFilter[(_d = eachChart.title) !== null && _d !== void 0 ? _d : ""].range &&
-                                (0, moment_1.default)(graphAnalyticsFilter[(_e = eachChart.title) !== null && _e !== void 0 ? _e : ""].range
-                                    .startDate).isSame((0, moment_1.default)(graphAnalyticsFilter[(_f = eachChart.title) !== null && _f !== void 0 ? _f : ""].range
+                                (0, moment_timezone_1.default)(graphAnalyticsFilter[(_e = eachChart.title) !== null && _e !== void 0 ? _e : ""].range
+                                    .startDate).isSame((0, moment_timezone_1.default)(graphAnalyticsFilter[(_f = eachChart.title) !== null && _f !== void 0 ? _f : ""].range
                                     .endDate), "day")) {
                                 format = "HH:mm";
                             }
-                            var startDate = (0, moment_1.default)(dates[0], "DD/MM/YYYY HH:mm:ss").format(format);
-                            var endDate = (0, moment_1.default)(dates[1], "DD/MM/YYYY HH:mm:ss").format(format);
+                            var startDate = (0, moment_timezone_1.default)(dates[0], "DD/MM/YYYY HH:mm:ss").format(format);
+                            var endDate = (0, moment_timezone_1.default)(dates[1], "DD/MM/YYYY HH:mm:ss").format(format);
                             title = "".concat(startDate, " - ").concat(endDate);
                         }
                         if (selectedChart_1 &&