blixify-ui-web 0.1.25 → 0.1.26

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

@@ -0,0 +1,20 @@
+import { Component, ReactElement } from "react";
+import "../../../index.css";
+interface SeriesData {
+    x: string;
+    y: number;
+}
+interface Props {
+    title: string;
+    seriesData: SeriesData[];
+    seriesName: string;
+    orientation?: string;
+    showToolbar?: boolean;
+    colors?: string[];
+    tool?: ReactElement;
+}
+export declare class BarChart extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,UAAU;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,MAAM;CAsCP"}

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

@@ -0,0 +1,82 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChart = void 0;
+var react_1 = __importStar(require("react"));
+var react_apexcharts_1 = __importDefault(require("react-apexcharts"));
+require("../../../index.css");
+var BarChart = /** @class */ (function (_super) {
+    __extends(BarChart, _super);
+    function BarChart() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BarChart.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg mt-4 pl-4 pb-3 w-full" },
+            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" },
+                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
+                this.props.tool),
+            react_1.default.createElement("div", { className: "w-80" },
+                react_1.default.createElement(react_apexcharts_1.default, { options: {
+                        plotOptions: {
+                            bar: {
+                                horizontal: this.props.orientation === "row" ? true : false,
+                            },
+                        },
+                        chart: {
+                            toolbar: {
+                                show: this.props.showToolbar,
+                            },
+                        },
+                        colors: this.props.colors,
+                    }, series: [
+                        {
+                            name: this.props.seriesName,
+                            data: this.props.seriesData,
+                        },
+                    ], type: "bar", width: "380" }))));
+    };
+    return BarChart;
+}(react_1.Component));
+exports.BarChart = BarChart;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,sEAAqC;AACrC,8BAA4B;AAiB5B;IAA8B,4BAAgB;IAA9C;;IAuCA,CAAC;IAtCC,yBAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAC,+FAA+F;YAC5G,uCAAK,SAAS,EAAC,2CAA2C;gBACxD,uCAAK,SAAS,EAAC,QAAQ;oBACrB,sCAAI,SAAS,EAAC,8BAA8B,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM,CAChE;gBACL,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ;YAEN,uCAAK,SAAS,EAAC,MAAM;gBACnB,8BAAC,0BAAK,IACJ,OAAO,EAAE;wBACP,WAAW,EAAE;4BACX,GAAG,EAAE;gCACH,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;6BAC5D;yBACF;wBACD,KAAK,EAAE;4BACL,OAAO,EAAE;gCACP,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;6BAC7B;yBACF;wBACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;qBAC1B,EACD,MAAM,EAAE;wBACN;4BACE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;4BAC3B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;yBAC5B;qBACF,EACD,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,KAAK,GACX,CACE,CACF,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AAvCD,CAA8B,iBAAS,GAuCtC;AAvCY,4BAAQ"}

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

@@ -0,0 +1,14 @@
+import { Component, ReactElement } from "react";
+import "../../../index.css";
+interface Props {
+    icon: ReactElement;
+    title: string;
+    count: number;
+    description: string;
+    tool?: ReactElement;
+}
+export declare class Card extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/card/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,MAAM;CA+BP"}

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

@@ -0,0 +1,66 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Card = /** @class */ (function (_super) {
+    __extends(Card, _super);
+    function Card() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Card.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "bg-white overflow-hidden shadow rounded-lg" },
+            react_1.default.createElement("div", { className: "p-5" },
+                react_1.default.createElement("div", { className: "flex" },
+                    react_1.default.createElement("div", { className: "flex-shrink-0" },
+                        react_1.default.createElement("span", { className: "flex p-2 mt-1 rounded-lg bg-primary-500" }, this.props.icon)),
+                    react_1.default.createElement("div", { className: "ml-5 w-0 flex-1" },
+                        react_1.default.createElement("dl", null,
+                            react_1.default.createElement("dt", { className: "text-md font-medium text-gray-500 truncate" }, this.props.title),
+                            react_1.default.createElement("dd", null,
+                                react_1.default.createElement("p", { className: "text-xs font-medium text-gray-500 truncate" }, this.props.description),
+                                react_1.default.createElement("div", { className: "text-lg font-medium text-gray-900 mt-2" }, this.props.count)))),
+                    this.props.tool))));
+    };
+    return Card;
+}(react_1.Component));
+exports.Card = Card;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAU5B;IAA0B,wBAAgB;IAA1C;;IAgCA,CAAC;IA/BC,qBAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAC,4CAA4C;YACzD,uCAAK,SAAS,EAAC,KAAK;gBAClB,uCAAK,SAAS,EAAC,MAAM;oBACnB,uCAAK,SAAS,EAAC,eAAe;wBAC5B,wCAAM,SAAS,EAAC,yCAAyC,IACtD,IAAI,CAAC,KAAK,CAAC,IAAI,CACX,CACH;oBACN,uCAAK,SAAS,EAAC,iBAAiB;wBAC9B;4BACE,sCAAI,SAAS,EAAC,4CAA4C,IACvD,IAAI,CAAC,KAAK,CAAC,KAAK,CACd;4BACL;gCACE,qCAAG,SAAS,EAAC,4CAA4C,IACtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACrB;gCACJ,uCAAK,SAAS,EAAE,wCAAwC,IACrD,IAAI,CAAC,KAAK,CAAC,KAAK,CACb,CACH,CACF,CACD;oBACL,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACF,CACF,CACP,CAAC;IACJ,CAAC;IACH,WAAC;AAAD,CAAC,AAhCD,CAA0B,iBAAS,GAgClC;AAhCY,oBAAI"}

package/lib/components/chart/lineChart/DateRangeModal.d.ts

@@ -0,0 +1,21 @@
+import { Component } from "react";
+interface Props {
+    open: boolean;
+    title: string;
+    startDate: Date;
+    endDate: Date;
+    dateRangeError: string;
+    onChange: (e: any, id: string) => void;
+    onClick: () => void;
+    onClose: () => void;
+}
+interface State {
+    date: Date | null;
+}
+export default class DateRangeModal extends Component<Props> {
+    state: State;
+    renderTimeOptions: () => any[];
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=DateRangeModal.d.ts.map

package/lib/components/chart/lineChart/DateRangeModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeModal.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/DateRangeModal.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAInD,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB;AAGD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1D,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB,cAef;IAEF,MAAM;CA2GP"}

package/lib/components/chart/lineChart/DateRangeModal.js

@@ -0,0 +1,106 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@headlessui/react");
+var moment_1 = __importDefault(require("moment"));
+var react_2 = __importStar(require("react"));
+var react_datepicker_1 = __importDefault(require("react-datepicker"));
+var button_1 = require("../../action/button");
+//TODO : Change Date Range for time + use own Date Picker
+var DateRangeModal = /** @class */ (function (_super) {
+    __extends(DateRangeModal, _super);
+    function DateRangeModal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            date: null,
+        };
+        _this.renderTimeOptions = function () {
+            var fromTime = (0, moment_1.default)().startOf("day");
+            var toTime = (0, moment_1.default)().endOf("day");
+            var duration = moment_1.default.duration(toTime.diff(fromTime));
+            var diff = duration.hours();
+            var timeList = [];
+            for (var i = 0; diff >= i; i++) {
+                var result = (0, moment_1.default)(fromTime).add(i, "hours").format("HH:mm");
+                timeList.push({
+                    title: result,
+                    key: result,
+                });
+            }
+            return timeList;
+        };
+        return _this;
+    }
+    DateRangeModal.prototype.render = function () {
+        var _this = this;
+        return (react_2.default.createElement(react_1.Transition.Root, { show: this.props.open, as: react_2.Fragment },
+            react_2.default.createElement(react_1.Dialog, { as: "div", static: true, className: "fixed z-10 inset-0 overflow-y-auto", open: this.props.open, onClose: this.props.onClose },
+                react_2.default.createElement("div", { className: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" },
+                    react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
+                        react_2.default.createElement(react_1.Dialog.Overlay, { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })),
+                    react_2.default.createElement("span", { className: "hidden sm:inline-block sm:align-middle sm:h-screen", "aria-hidden": "true" }, "\u200B"),
+                    react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", enterTo: "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 translate-y-0 sm:scale-100", leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" },
+                        react_2.default.createElement("div", { className: "inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-10 text-left overflow-hidden shadow-xl transform transition-all w-full sm:my-8 sm:align-middle sm:max-w-lg sm:p-6" },
+                            react_2.default.createElement("div", null,
+                                react_2.default.createElement("div", { className: "border-b border-gray-200 pb-4" },
+                                    react_2.default.createElement(react_1.Dialog.Title, { as: "h3", className: "text-lg leading-6 font-medium text-gray-900" }, "Select Date Range")),
+                                react_2.default.createElement("div", { className: "grid grid-cols-1 gap-5 pb-80 mt-4 sm:grid-cols-2" },
+                                    react_2.default.createElement("div", { className: "flex flex-col" },
+                                        react_2.default.createElement("div", { className: "font-medium text-sm  m-1" }, "Start Date"),
+                                        react_2.default.createElement(react_datepicker_1.default, { dateFormat: "dd/MM/yy", selected: this.props.startDate, onChange: function (date) {
+                                                _this.props.onChange(date, "startDate");
+                                            }, selectsStart: true, startDate: this.props.startDate, endDate: this.props.endDate, nextMonthButtonLabel: ">", previousMonthButtonLabel: "<" })),
+                                    react_2.default.createElement("div", { className: "flex flex-col" },
+                                        react_2.default.createElement("div", { className: "font-medium text-sm  m-1 " }, "End Date"),
+                                        react_2.default.createElement(react_datepicker_1.default, { dateFormat: "dd/MM/yy", selected: this.props.endDate, onChange: function (date) {
+                                                _this.props.onChange(date, "endDate");
+                                            }, selectsStart: true, startDate: this.props.startDate, endDate: this.props.endDate, nextMonthButtonLabel: ">", previousMonthButtonLabel: "<" }),
+                                        react_2.default.createElement("span", { className: "text-red-500 text-sm" }, this.props.dateRangeError))),
+                                react_2.default.createElement("div", { className: "flex flex-row justify-end" },
+                                    react_2.default.createElement(button_1.Button, { size: "small", text: "Cancel", className: "mr-4", type: "light", onClick: this.props.onClose }),
+                                    react_2.default.createElement(button_1.Button, { size: "small", text: "Confirm", type: "normal", onClick: this.props.onClick })))))))));
+    };
+    return DateRangeModal;
+}(react_2.Component));
+exports.default = DateRangeModal;
+//# sourceMappingURL=DateRangeModal.js.map

package/lib/components/chart/lineChart/DateRangeModal.js.map

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

package/lib/components/chart/lineChart/DateRangeSelect.d.ts

@@ -0,0 +1,29 @@
+import { Component } from "react";
+export interface Option {
+    key: string;
+    title: string;
+}
+interface Props {
+    id: string;
+    options: Option[];
+    value: string;
+    range?: {
+        startDate: Date;
+        endDate: Date;
+    } | null;
+    error?: string;
+    placeholder?: string;
+    onChange?: (id: string, key: string) => void;
+}
+export default class DateRangeSelect extends Component<Props> {
+    state: {
+        onFocus: boolean;
+    };
+    handleShowInput: (onFocus: boolean) => void;
+    handleOnChange: (key: string) => void;
+    renderOptions: () => any;
+    renderSelectedResult: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=DateRangeSelect.d.ts.map

package/lib/components/chart/lineChart/DateRangeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/DateRangeSelect.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QAAE,SAAS,EAAE,IAAI,CAAC;QAAC,OAAO,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAGD,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3D,KAAK;;MAEH;IAEF,eAAe,YAAa,OAAO,UAMjC;IAEF,cAAc,QAAS,MAAM,UAK3B;IAEF,aAAa,YAuBX;IAEF,oBAAoB,oBAyBlB;IAEF,MAAM;CA6CP"}

package/lib/components/chart/lineChart/DateRangeSelect.js

@@ -0,0 +1,126 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var outline_1 = require("@heroicons/react/24/outline");
+var moment_1 = __importDefault(require("moment"));
+var react_1 = __importStar(require("react"));
+//TODO : Change this to Select.ts
+var DateRangeSelect = /** @class */ (function (_super) {
+    __extends(DateRangeSelect, _super);
+    function DateRangeSelect() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            onFocus: false,
+        };
+        _this.handleShowInput = function (onFocus) {
+            setTimeout(function () {
+                _this.setState({
+                    onFocus: onFocus,
+                });
+            }, 200);
+        };
+        _this.handleOnChange = function (key) {
+            if (_this.props.onChange) {
+                _this.props.onChange(_this.props.id, key);
+            }
+            _this.handleShowInput(false);
+        };
+        _this.renderOptions = function () {
+            var optionView = [];
+            _this.props.options.map(function (eachOption) {
+                optionView.push(react_1.default.createElement("li", { key: eachOption.key, className: "text-gray-900 cursor-default select-none relative px-5 py-3 hover:bg-primary-300 group", onClick: _this.handleOnChange.bind(_this, eachOption.key) },
+                    react_1.default.createElement("span", { className: "font-normal block text-xs truncate group-hover:text-white" }, eachOption.title),
+                    _this.props.value === eachOption.key && (react_1.default.createElement("span", { className: "text-primary-600 absolute inset-y-0 right-0 flex items-center pr-4 group-hover:text-white" },
+                        react_1.default.createElement(outline_1.CheckIcon, { className: "h-5 w-5" })))));
+                return null;
+            });
+            return optionView;
+        };
+        _this.renderSelectedResult = function () {
+            var _a;
+            var selectedValue = "";
+            if (_this.props.range) {
+                var startDay = (0, moment_1.default)(_this.props.range.startDate).format("DD/MM/YYYY");
+                var endDay = (0, moment_1.default)(_this.props.range.endDate).format("DD/MM/YYYY");
+                if (startDay === endDay) {
+                    selectedValue = "".concat(startDay, " - Custom Time");
+                }
+                else {
+                    selectedValue = "".concat(startDay, " - ").concat(endDay);
+                }
+            }
+            else {
+                _this.props.options.map(function (eachOption) {
+                    if (eachOption.key === _this.props.value) {
+                        selectedValue = eachOption.title;
+                    }
+                    return null;
+                });
+            }
+            var className = "block truncate text-primary-600 font-bold";
+            if (!selectedValue) {
+                selectedValue = (_a = _this.props.placeholder) !== null && _a !== void 0 ? _a : "Placeholder";
+            }
+            return react_1.default.createElement("span", { className: className }, selectedValue);
+        };
+        return _this;
+    }
+    DateRangeSelect.prototype.render = function () {
+        var buttonClassName = "bg-white w-full relative rounded-md px-5 py-3 text-left text-xs cursor-default focus:outline-none focus:border-primary-500";
+        var optionClassName = "absolute z-10 mt-1 w-full bg-white shadow-lg rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm";
+        if (this.props.error) {
+            buttonClassName += " border-red-300";
+        }
+        return (react_1.default.createElement("div", { className: "mt-1 relative" },
+            react_1.default.createElement("button", { type: "button", className: buttonClassName, "aria-haspopup": "listbox", "aria-expanded": "true", "aria-labelledby": "listbox-label", onClick: this.handleShowInput.bind(this, !this.state.onFocus), onFocus: this.handleShowInput.bind(this, true), onBlur: this.handleShowInput.bind(this, false) },
+                this.renderSelectedResult(),
+                react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" },
+                    react_1.default.createElement("svg", { className: "h-5 w-5 text-primary-600", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" },
+                        react_1.default.createElement("path", { fillRule: "evenodd", d: "M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z", clipRule: "evenodd" })))),
+            this.state.onFocus && (react_1.default.createElement("ul", { className: optionClassName }, this.renderOptions())),
+            react_1.default.createElement("span", { className: "text-red-500 text-sm" }, this.props.error)));
+    };
+    return DateRangeSelect;
+}(react_1.Component));
+exports.default = DateRangeSelect;
+//# sourceMappingURL=DateRangeSelect.js.map

package/lib/components/chart/lineChart/DateRangeSelect.js.map

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

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

@@ -0,0 +1,50 @@
+import { Component, ReactElement } from "react";
+export declare enum DateRange {
+    "SEVEN" = "Last 7 days",
+    "FOURTEEN" = "Last 14 days",
+    "TWENTYEIGHT" = "Last 28 days",
+    "CUSTOM" = "Custom Date Range"
+}
+export interface Option {
+    key: string;
+    title: string;
+}
+interface RangeInterface {
+    startDate: Date;
+    endDate: Date;
+}
+interface Props {
+    title: string;
+    categories: string[];
+    dateRange: string;
+    seriesData: number[];
+    seriesName: string;
+    onChange: (key: string) => void;
+    onChangeCustom: (value: any, id: string) => void;
+    setCustomDate: (value: RangeInterface) => void;
+    customDate: RangeInterface;
+    showToolbar?: boolean;
+    lineColors?: string[];
+    showDataLabels?: boolean;
+    xaxisTitle: string;
+    yaxisTitle: string;
+    tool?: ReactElement;
+}
+interface State {
+    dateRangeModalVisible: boolean;
+    startTime: string;
+    endTime: string;
+    timeRangeError: string;
+    dateRangeError: string;
+}
+export declare class LineChart extends Component<Props> {
+    state: State;
+    handleOnChange: (id: string, key: string | string[]) => void;
+    handleDateRangeModalVisible: (visible: boolean) => void;
+    handleDateRangeSubmit: () => void;
+    handleGraphData: () => Promise<void>;
+    renderDateRangeOptions: () => Option[];
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKvD,oBAAY,SAAS;IACnB,OAAO,gBAAgB;IACvB,UAAU,iBAAiB;IAC3B,aAAa,iBAAiB;IAC9B,QAAQ,sBAAsB;CAC/B;AAED,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,KAAK;IACb,qBAAqB,EAAE,OAAO,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAMV;IAEF,cAAc,OAAQ,MAAM,OAAO,MAAM,GAAG,MAAM,EAAE,UAUlD;IAEF,2BAA2B,YAAa,OAAO,UAK7C;IAEF,qBAAqB,aA8BnB;IAEF,eAAe,sBAsBb;IAEF,sBAAsB,iBAUpB;IAEF,MAAM;CAyGP"}

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

@@ -0,0 +1,259 @@
+"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 (_) 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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineChart = exports.DateRange = void 0;
+var moment_1 = __importDefault(require("moment"));
+var react_1 = __importStar(require("react"));
+var react_apexcharts_1 = __importDefault(require("react-apexcharts"));
+var DateRangeModal_1 = __importDefault(require("./DateRangeModal"));
+// import DateRangeSelect from "./DateRangeSelect";
+var DateRange;
+(function (DateRange) {
+    DateRange["SEVEN"] = "Last 7 days";
+    DateRange["FOURTEEN"] = "Last 14 days";
+    DateRange["TWENTYEIGHT"] = "Last 28 days";
+    DateRange["CUSTOM"] = "Custom Date Range";
+})(DateRange = exports.DateRange || (exports.DateRange = {}));
+var LineChart = /** @class */ (function (_super) {
+    __extends(LineChart, _super);
+    function LineChart() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            dateRangeModalVisible: false,
+            startTime: (0, moment_1.default)().startOf("day").format("HH:00"),
+            endTime: (0, moment_1.default)().endOf("day").format("HH:00"),
+            timeRangeError: "",
+            dateRangeError: "",
+        };
+        _this.handleOnChange = function (id, key) {
+            if (!Array.isArray(key)) {
+                if (id) {
+                    _this.props.onChange(key);
+                    if (key === "CUSTOM") {
+                        _this.handleDateRangeModalVisible(true);
+                    }
+                }
+            }
+            _this.handleGraphData();
+        };
+        _this.handleDateRangeModalVisible = function (visible) {
+            _this.setState({
+                dateRangeModalVisible: visible,
+                dateRangeError: "",
+            });
+        };
+        _this.handleDateRangeSubmit = function () {
+            if ((0, moment_1.default)(_this.props.customDate.startDate).isAfter((0, moment_1.default)(_this.props.customDate.endDate))) {
+                _this.setState({
+                    dateRangeError: "Please select a proper date range",
+                });
+            }
+            else if ((0, moment_1.default)(_this.props.customDate.startDate).format("DD/MM/YYYY") ===
+                (0, moment_1.default)(_this.props.customDate.endDate).format("DD/MM/YYYY") &&
+                !(0, moment_1.default)(_this.state.endTime, "HH:mm").isAfter((0, moment_1.default)(_this.state.startTime, "HH:mm"))) {
+                _this.setState({
+                    timeRangeError: "Please select a proper time range",
+                });
+            }
+            else {
+                _this.setState({
+                    dateRangeError: "",
+                    timeRangeError: "",
+                }, function () { return __awaiter(_this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        this.handleDateRangeModalVisible(false);
+                        return [2 /*return*/];
+                    });
+                }); });
+            }
+        };
+        _this.handleGraphData = function () { return __awaiter(_this, void 0, void 0, function () {
+            var dateRange;
+            return __generator(this, function (_a) {
+                dateRange = {
+                    startDate: new Date(),
+                    endDate: new Date(),
+                };
+                if (this.props.dateRange === "SEVEN") {
+                    dateRange = {
+                        endDate: (0, moment_1.default)().toDate(),
+                        startDate: (0, moment_1.default)().subtract(7, "days").toDate(),
+                    };
+                }
+                else if (this.props.dateRange === "FOURTEEN") {
+                    dateRange = {
+                        endDate: (0, moment_1.default)().toDate(),
+                        startDate: (0, moment_1.default)().subtract(14, "days").toDate(),
+                    };
+                }
+                else if (this.props.dateRange === "TWENTYEIGHT") {
+                    dateRange = {
+                        endDate: (0, moment_1.default)().toDate(),
+                        startDate: (0, moment_1.default)().subtract(28, "days").toDate(),
+                    };
+                }
+                this.props.setCustomDate(dateRange);
+                return [2 /*return*/];
+            });
+        }); };
+        _this.renderDateRangeOptions = function () {
+            var dateRangeOptions = [];
+            Object.keys(DateRange).map(function (eachDateRangeKey) {
+                dateRangeOptions.push({
+                    key: eachDateRangeKey,
+                    title: DateRange[eachDateRangeKey],
+                });
+                return null;
+            });
+            return dateRangeOptions;
+        };
+        return _this;
+    }
+    LineChart.prototype.render = function () {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(DateRangeModal_1.default, { title: "Create Date", open: this.state.dateRangeModalVisible, startDate: this.props.customDate.startDate, endDate: this.props.customDate.endDate, dateRangeError: this.state.dateRangeError, onChange: this.props.onChangeCustom, onClick: this.handleDateRangeSubmit, onClose: this.handleDateRangeModalVisible.bind(this, false) }),
+            react_1.default.createElement("div", { className: "flex flex-col bg-white justify-center rounded-lg mt-4 px-5 py-3 w-full lg:mt-0" },
+                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" },
+                        react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
+                    this.props.tool),
+                react_1.default.createElement("div", { className: "w-11/12" },
+                    react_1.default.createElement(react_apexcharts_1.default, { height: 300, options: {
+                            chart: {
+                                type: "line",
+                                dropShadow: {
+                                    enabled: true,
+                                    color: "#000",
+                                    top: 18,
+                                    left: 7,
+                                    blur: 10,
+                                    opacity: 0.2,
+                                },
+                                toolbar: {
+                                    show: this.props.showToolbar,
+                                },
+                            },
+                            colors: this.props.lineColors,
+                            dataLabels: {
+                                enabled: this.props.showDataLabels,
+                            },
+                            stroke: {
+                                curve: "smooth",
+                            },
+                            grid: {
+                                borderColor: "#e7e7e7",
+                                row: {
+                                    colors: ["#f3f3f3", "transparent"],
+                                    opacity: 0.5,
+                                },
+                            },
+                            markers: {
+                                size: 1,
+                            },
+                            xaxis: {
+                                categories: this.props.categories,
+                                title: {
+                                    text: this.props.xaxisTitle,
+                                    style: { fontSize: "11", fontWeight: "bold" },
+                                },
+                            },
+                            yaxis: {
+                                title: {
+                                    text: this.props.yaxisTitle,
+                                    style: { fontSize: "11", fontWeight: "bold" },
+                                },
+                            },
+                            legend: {
+                                position: "top",
+                                horizontalAlign: "right",
+                                floating: true,
+                                offsetY: -25,
+                                offsetX: -5,
+                            },
+                        }, series: [
+                            {
+                                name: this.props.seriesName,
+                                data: this.props.seriesData,
+                            },
+                        ], type: "line" })))));
+    };
+    return LineChart;
+}(react_1.Component));
+exports.LineChart = LineChart;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { Component, ReactElement } from "react";
+import "../../../index.css";
+interface Props {
+    series: number[];
+    labels: string[];
+    title: string;
+    tool?: ReactElement;
+}
+export declare class PieChart extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,MAAM;CAsBP"}

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

@@ -0,0 +1,67 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChart = void 0;
+var react_1 = __importStar(require("react"));
+var react_apexcharts_1 = __importDefault(require("react-apexcharts"));
+require("../../../index.css");
+var PieChart = /** @class */ (function (_super) {
+    __extends(PieChart, _super);
+    function PieChart() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PieChart.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg mt-4 pl-4 pb-3 w-full lg:mt-0" },
+            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" },
+                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
+                this.props.tool),
+            react_1.default.createElement("div", { className: "w-80" },
+                react_1.default.createElement(react_apexcharts_1.default, { options: {
+                        labels: this.props.labels,
+                    }, series: this.props.series, type: "donut", width: "380" }))));
+    };
+    return PieChart;
+}(react_1.Component));
+exports.PieChart = PieChart;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,sEAAqC;AACrC,8BAA4B;AAS5B;IAA8B,4BAAgB;IAA9C;;IAuBA,CAAC;IAtBC,yBAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAC,uGAAuG;YACpH,uCAAK,SAAS,EAAC,2CAA2C;gBACxD,uCAAK,SAAS,EAAC,QAAQ;oBACrB,sCAAI,SAAS,EAAC,8BAA8B,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM,CAChE;gBACL,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ;YACN,uCAAK,SAAS,EAAC,MAAM;gBACnB,8BAAC,0BAAK,IACJ,OAAO,EAAE;wBACP,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;qBAC1B,EACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,GACX,CACE,CACF,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AAvBD,CAA8B,iBAAS,GAuBtC;AAvBY,4BAAQ"}

package/lib/components/index.d.ts

@@ -6,6 +6,10 @@ export { Toggle } from "./action/toggle";
 export { BareSignIn } from "./auth/bareSignIn";
 export { SignInTemplate } from "./auth/signIn";
 export { SignUpTemplate } from "./auth/signUp";
+export { BarChart } from "./chart/barChart";
+export { Card } from "./chart/card";
+export { LineChart } from "./chart/lineChart";
+export { PieChart } from "./chart/pieChart";
 export { DataTemplate } from "./data/dataTemplate";
 export { Database, ReadQuery, ReadQueryType } from "./data/readQuery";
 export { ReadQueryHoc } from "./data/readQueryHoc";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.Link = exports.Container = exports.Column = exports.Tabs = exports.LeftNav = exports.Header = exports.Breadcrumb = exports.Bars = exports.UploadInput = exports.TextInput = exports.TextArea = exports.Select = exports.Form = exports.InputDatePicker = exports.Address = exports.Table = exports.Stepper = exports.Notification = exports.Modal = exports.Loading = exports.List = exports.Grid = exports.Feeds = exports.DetailList = exports.WriteQuery = exports.ReadQueryHoc = exports.ReadQuery = exports.DataTemplate = exports.SignUpTemplate = exports.SignInTemplate = exports.BareSignIn = exports.Toggle = exports.TextButton = exports.IconButton = exports.ButtonGroup = exports.Button = void 0;
+exports.Text = exports.Link = exports.Container = exports.Column = exports.Tabs = exports.LeftNav = exports.Header = exports.Breadcrumb = exports.Bars = exports.UploadInput = exports.TextInput = exports.TextArea = exports.Select = exports.Form = exports.InputDatePicker = exports.Address = exports.Table = exports.Stepper = exports.Notification = exports.Modal = exports.Loading = exports.List = exports.Grid = exports.Feeds = exports.DetailList = exports.WriteQuery = exports.ReadQueryHoc = exports.ReadQuery = exports.DataTemplate = exports.PieChart = exports.LineChart = exports.Card = exports.BarChart = exports.SignUpTemplate = exports.SignInTemplate = exports.BareSignIn = exports.Toggle = exports.TextButton = exports.IconButton = exports.ButtonGroup = exports.Button = void 0;
 var button_1 = require("./action/button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
 var buttonGroup_1 = require("./action/buttonGroup");
@@ -17,6 +17,14 @@ var signIn_1 = require("./auth/signIn");
 Object.defineProperty(exports, "SignInTemplate", { enumerable: true, get: function () { return signIn_1.SignInTemplate; } });
 var signUp_1 = require("./auth/signUp");
 Object.defineProperty(exports, "SignUpTemplate", { enumerable: true, get: function () { return signUp_1.SignUpTemplate; } });
+var barChart_1 = require("./chart/barChart");
+Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return barChart_1.BarChart; } });
+var card_1 = require("./chart/card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return card_1.Card; } });
+var lineChart_1 = require("./chart/lineChart");
+Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return lineChart_1.LineChart; } });
+var pieChart_1 = require("./chart/pieChart");
+Object.defineProperty(exports, "PieChart", { enumerable: true, get: function () { return pieChart_1.PieChart; } });
 var dataTemplate_1 = require("./data/dataTemplate");
 Object.defineProperty(exports, "DataTemplate", { enumerable: true, get: function () { return dataTemplate_1.DataTemplate; } });
 var readQuery_1 = require("./data/readQuery");

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,oDAAmD;AAA1C,0GAAA,WAAW,OAAA;AACpB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,gDAA+C;AAAtC,wGAAA,UAAU,OAAA;AACnB,wCAA+C;AAAtC,wGAAA,cAAc,OAAA;AACvB,wCAA+C;AAAtC,wGAAA,cAAc,OAAA;AACvB,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,8CAAsE;AAAnD,sGAAA,SAAS,OAAA;AAC5B,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,gDAA+C;AAAtC,wGAAA,UAAU,OAAA;AACnB,mDAAmE;AAA1D,wGAAA,UAAU,OAAA;AACnB,yCAA8C;AAA/B,8FAAA,KAAK,OAAA;AACpB,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAwC;AAA/B,8FAAA,KAAK,OAAA;AACd,uDAAsD;AAA7C,4GAAA,YAAY,OAAA;AACrB,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAqD;AAA5C,8FAAA,KAAK,OAAA;AACd,2CAAwD;AAA/C,kGAAA,OAAO,OAAA;AAChB,iDAAqD;AAA5C,6GAAA,eAAe,OAAA;AACxB,qCAAoC;AAA3B,4FAAA,IAAI,OAAA;AACb,yCAAgD;AAA/B,gGAAA,MAAM,OAAA;AACvB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AACnB,8CAAyE;AAAhE,gGAAA,MAAM,OAAA;AACf,gDAA+C;AAAtC,kGAAA,OAAO,OAAA;AAChB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,mDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,yCAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,yCAAwC;AAA/B,4FAAA,IAAI,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,oDAAmD;AAA1C,0GAAA,WAAW,OAAA;AACpB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,gDAA+C;AAAtC,wGAAA,UAAU,OAAA;AACnB,wCAA+C;AAAtC,wGAAA,cAAc,OAAA;AACvB,wCAA+C;AAAtC,wGAAA,cAAc,OAAA;AACvB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,4FAAA,IAAI,OAAA;AACb,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,8CAAsE;AAAnD,sGAAA,SAAS,OAAA;AAC5B,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,gDAA+C;AAAtC,wGAAA,UAAU,OAAA;AACnB,mDAAmE;AAA1D,wGAAA,UAAU,OAAA;AACnB,yCAA8C;AAA/B,8FAAA,KAAK,OAAA;AACpB,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAwC;AAA/B,8FAAA,KAAK,OAAA;AACd,uDAAsD;AAA7C,4GAAA,YAAY,OAAA;AACrB,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAqD;AAA5C,8FAAA,KAAK,OAAA;AACd,2CAAwD;AAA/C,kGAAA,OAAO,OAAA;AAChB,iDAAqD;AAA5C,6GAAA,eAAe,OAAA;AACxB,qCAAoC;AAA3B,4FAAA,IAAI,OAAA;AACb,yCAAgD;AAA/B,gGAAA,MAAM,OAAA;AACvB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AACnB,8CAAyE;AAAhE,gGAAA,MAAM,OAAA;AACf,gDAA+C;AAAtC,kGAAA,OAAO,OAAA;AAChB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,mDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,yCAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,yCAAwC;AAA/B,4FAAA,IAAI,OAAA"}

package/lib/components/navigation/header/index.js

@@ -119,7 +119,7 @@ var Header = /** @class */ (function (_super) {
                                     ? "border-primary-500 text-gray-900"
                                     : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300", "inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium") }, item.name)); }))),
                         react_1.default.createElement("div", { className: "hidden lg:ml-6 lg:flex lg:space-x-8" }, _this.props.user && (react_1.default.createElement("div", { className: "hidden md:ml-3 md:flex md:space-x-8 md:items-center" },
-                            react_1.default.createElement(Menu, { as: "div", className: "ml-3 z-50 relative" }, function (_a) {
+                            react_1.default.createElement(Menu, { as: "div", className: "ml-3 z-10 relative" }, function (_a) {
                                 var _b;
                                 var open = _a.open;
                                 return (react_1.default.createElement(react_1.default.Fragment, null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blixify-ui-web",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "license": "MIT",
   "main": "lib/src/index.js",
   "private": false,
@@ -102,7 +102,9 @@
     }
   },
   "dependencies": {
+    "apexcharts": "^3.36.3",
     "moment": "^2.29.4",
+    "react-apexcharts": "^1.4.0",
     "react-datepicker": "^4.8.0",
     "uuid": "^9.0.0"
   }