blixify-ui-web 0.1.83 → 0.1.85

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

@@ -110,7 +110,7 @@ var BarChart = /** @class */ (function (_super) {
                 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" }, APEXModule && (react_1.default.createElement(APEXModule, { options: {
+            react_1.default.createElement("div", { className: "mr-4" }, APEXModule && (react_1.default.createElement(APEXModule, { options: {
                     plotOptions: {
                         bar: {
                             horizontal: this.props.orientation === "row" ? true : false,
@@ -127,7 +127,7 @@ var BarChart = /** @class */ (function (_super) {
                         name: this.props.seriesName,
                         data: this.props.seriesData,
                     },
-                ], type: "bar", width: this.props.chartSize ? this.props.chartSize : "380" })))));
+                ], type: "bar", height: this.props.chartSize ? this.props.chartSize : "280" })))));
     };
     return BarChart;
 }(react_1.Component));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAmB5B;IAA8B,4BAAgB;IAA9C;QAAA,qEAwDC;QAvDC,WAAK,GAAG;YACN,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,uBAAiB,GAAG;;;;4BACK,sFAAa,kBAAkB,QAAC;;wBAAjD,cAAc,GAAG,SAAgC;wBACvD,IAAI,CAAC,QAAQ,CAAC;4BACZ,UAAU,EAAE,cAAc,CAAC,OAAO;yBACnC,CAAC,CAAC;;;;aACJ,CAAC;;IA8CJ,CAAC;IA5CC,yBAAM,GAAN;QACE,IAAM,UAAU,GAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAC9C,IAAI,YAAY,GACd,2FAA2F,CAAC;QAC9F,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;YAAE,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QAEzE,OAAO,CACL,uCAAK,SAAS,EAAE,YAAY;YAC1B,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,IAClB,UAAU,IAAI,CACb,8BAAC,UAAU,IACT,OAAO,EAAE;oBACP,WAAW,EAAE;wBACX,GAAG,EAAE;4BACH,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;yBAC5D;qBACF;oBACD,KAAK,EAAE;wBACL,OAAO,EAAE;4BACP,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;yBAC7B;qBACF;oBACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;iBAC1B,EACD,MAAM,EAAE;oBACN;wBACE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;wBAC3B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;qBAC5B;iBACF,EACD,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAC1D,CACH,CACG,CACF,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AAxDD,CAA8B,iBAAS,GAwDtC;AAxDY,4BAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAmB5B;IAA8B,4BAAgB;IAA9C;QAAA,qEAwDC;QAvDC,WAAK,GAAG;YACN,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,uBAAiB,GAAG;;;;4BACK,sFAAa,kBAAkB,QAAC;;wBAAjD,cAAc,GAAG,SAAgC;wBACvD,IAAI,CAAC,QAAQ,CAAC;4BACZ,UAAU,EAAE,cAAc,CAAC,OAAO;yBACnC,CAAC,CAAC;;;;aACJ,CAAC;;IA8CJ,CAAC;IA5CC,yBAAM,GAAN;QACE,IAAM,UAAU,GAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAC9C,IAAI,YAAY,GACd,2FAA2F,CAAC;QAC9F,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;YAAE,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QAEzE,OAAO,CACL,uCAAK,SAAS,EAAE,YAAY;YAC1B,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,IAClB,UAAU,IAAI,CACb,8BAAC,UAAU,IACT,OAAO,EAAE;oBACP,WAAW,EAAE;wBACX,GAAG,EAAE;4BACH,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;yBAC5D;qBACF;oBACD,KAAK,EAAE;wBACL,OAAO,EAAE;4BACP,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;yBAC7B;qBACF;oBACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;iBAC1B,EACD,MAAM,EAAE;oBACN;wBACE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;wBAC3B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;qBAC5B;iBACF,EACD,IAAI,EAAC,KAAK,EACV,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAC3D,CACH,CACG,CACF,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AAxDD,CAA8B,iBAAS,GAwDtC;AAxDY,4BAAQ"}

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

@@ -1,10 +1,4 @@
 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;
@@ -20,39 +14,37 @@ interface RangeInterface {
 interface Props {
     title: string;
     categories: string[];
-    dateRange: string;
-    onChange: (key: string) => void;
-    onChangeCustom: (value: any, id: string) => void;
-    setCustomDate: (value: RangeInterface) => void;
+    onChangeDate: (id: string, value: Date, type?: string) => void;
+    onChangeData?: () => void;
+    onResetDate?: () => void;
+    xaxisTitle: string;
+    yaxisTitle: string;
     customDate: RangeInterface;
     seriesData?: number[];
     seriesName?: string;
     showToolbar?: boolean;
-    lineColors?: string[];
     showDataLabels?: boolean;
-    xaxisTitle: string;
-    yaxisTitle: string;
+    lineColors?: string[];
+    lineStroke?: string;
     tool?: ReactElement;
     chartHeight?: number;
+    tickAmount?: number;
+    xaxisTitlePosition?: number;
     containerStyle?: string;
     multiLineSeries?: SeriesItem[];
+    notification?: ReactElement;
 }
 interface State {
     apexModule: any;
     dateRangeModalVisible: boolean;
-    startTime: string;
-    endTime: string;
-    timeRangeError: string;
-    dateRangeError: string;
 }
 export declare class LineChart extends Component<Props> {
     state: State;
     componentDidMount: () => Promise<void>;
-    handleOnChange: (id: string, key: string | string[]) => void;
+    handleSetData: () => void;
+    handleResetDate: () => void;
     handleDateRangeModalVisible: (visible: boolean) => void;
-    handleDateRangeSubmit: () => void;
-    handleGraphData: () => Promise<void>;
-    renderDateRangeOptions: () => Option[];
+    renderDateModalContent: () => JSX.Element;
     render(): JSX.Element;
 }
 export {};

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

@@ -1 +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;AAIvD,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,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;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,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,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;CAChC;AAED,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,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,CAOV;IAEF,iBAAiB,sBAKf;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;CAoHP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMvD,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;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,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAGV;IAEF,iBAAiB,sBAKf;IAEF,aAAa,aAIX;IAEF,eAAe,aAIb;IAEF,2BAA2B,YAAa,OAAO,UAI7C;IAEF,sBAAsB,oBAiCpB;IAEF,MAAM;CA2IP"}

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

@@ -77,18 +77,14 @@ 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;
+exports.LineChart = void 0;
+var react_1 = require("@headlessui/react");
 var moment_1 = __importDefault(require("moment"));
-var react_1 = __importStar(require("react"));
-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 react_2 = __importStar(require("react"));
+var button_1 = require("../../action/button");
+var textButton_1 = require("../../action/textButton");
+var modal_1 = require("../../display/modal");
+var datePicker_1 = require("../../input/datePicker");
 var LineChart = /** @class */ (function (_super) {
     __extends(LineChart, _super);
     function LineChart() {
@@ -96,10 +92,6 @@ var LineChart = /** @class */ (function (_super) {
         _this.state = {
             apexModule: null,
             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.componentDidMount = function () { return __awaiter(_this, void 0, void 0, function () {
             var reactApexChart;
@@ -115,103 +107,57 @@ var LineChart = /** @class */ (function (_super) {
                 }
             });
         }); };
-        _this.handleOnChange = function (id, key) {
-            if (!Array.isArray(key)) {
-                if (id) {
-                    _this.props.onChange(key);
-                    if (key === "CUSTOM") {
-                        _this.handleDateRangeModalVisible(true);
-                    }
-                }
+        _this.handleSetData = function () {
+            if (_this.props.onChangeData) {
+                _this.props.onChangeData();
+            }
+        };
+        _this.handleResetDate = function () {
+            if (_this.props.onResetDate) {
+                _this.props.onResetDate();
             }
-            _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;
+        _this.renderDateModalContent = function () {
+            return (react_2.default.createElement("div", { className: "px-3 sm:px-0" },
+                react_2.default.createElement(datePicker_1.InputDatePicker, { className: "mt-5 h-40", range: true, startDate: _this.props.customDate.startDate, endDate: _this.props.customDate.endDate, onChange: _this.props.onChangeDate }),
+                react_2.default.createElement("div", { className: "flex flex-row mt-6 pt-32 justify-end" },
+                    react_2.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
+                            _this.handleResetDate();
+                            _this.handleDateRangeModalVisible(false);
+                        } }),
+                    react_2.default.createElement(button_1.Button, { className: "ml-4", text: "Submit", size: "small", type: "normal", onClick: function () {
+                            _this.handleSetData();
+                            _this.handleDateRangeModalVisible(false);
+                        } }))));
         };
         return _this;
     }
     LineChart.prototype.render = function () {
+        var _this = this;
+        var _a, _b, _c, _d;
         var APEXModule = this.state.apexModule;
         var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
         if (this.props.containerStyle)
             defaultClass += this.props.containerStyle;
-        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: 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" },
-                        react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
+        return (react_2.default.createElement(react_2.default.Fragment, null,
+            react_2.default.createElement(modal_1.Modal, { title: "Select Date Range", open: this.state.dateRangeModalVisible, lib: {
+                    Dialog: react_1.Dialog,
+                    Transition: react_1.Transition,
+                }, renderContent: this.renderDateModalContent, onClose: function () {
+                    _this.handleResetDate();
+                    _this.handleDateRangeModalVisible(false);
+                } }),
+            react_2.default.createElement("div", { className: defaultClass },
+                react_2.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
+                    react_2.default.createElement("div", { className: "flex-1" },
+                        react_2.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
                     this.props.tool),
-                react_1.default.createElement("div", { className: "w-11/12" }, APEXModule && (react_1.default.createElement(APEXModule, { height: this.props.chartHeight ? this.props.chartHeight : 300, options: {
+                react_2.default.createElement("div", { className: "w-11/12" }, APEXModule && (react_2.default.createElement(APEXModule, { height: this.props.chartHeight ? this.props.chartHeight : 300, options: {
                         chart: {
                             type: "line",
                             dropShadow: {
@@ -231,7 +177,7 @@ var LineChart = /** @class */ (function (_super) {
                             enabled: this.props.showDataLabels,
                         },
                         stroke: {
-                            curve: "smooth",
+                            curve: (_a = this.props.lineStroke) !== null && _a !== void 0 ? _a : "smooth",
                         },
                         grid: {
                             borderColor: "#e7e7e7",
@@ -247,7 +193,15 @@ var LineChart = /** @class */ (function (_super) {
                             categories: this.props.categories,
                             title: {
                                 text: this.props.xaxisTitle,
-                                style: { fontSize: "11", fontWeight: "bold" },
+                                offsetY: (_b = this.props.xaxisTitlePosition) !== null && _b !== void 0 ? _b : 80,
+                                style: {
+                                    fontSize: "11",
+                                    fontWeight: "bold",
+                                },
+                            },
+                            tickAmount: (_c = this.props.tickAmount) !== null && _c !== void 0 ? _c : 15,
+                            labels: {
+                                rotate: -65,
                             },
                         },
                         yaxis: {
@@ -263,6 +217,16 @@ var LineChart = /** @class */ (function (_super) {
                             offsetY: -25,
                             offsetX: -5,
                         },
+                        responsive: [
+                            {
+                                breakpoint: 480,
+                                options: {
+                                    xaxis: {
+                                        tickAmount: (_d = this.props.tickAmount) !== null && _d !== void 0 ? _d : 5,
+                                    },
+                                },
+                            },
+                        ],
                     }, series: this.props.multiLineSeries
                         ? this.props.multiLineSeries
                         : [
@@ -270,9 +234,17 @@ var LineChart = /** @class */ (function (_super) {
                                 name: this.props.seriesName,
                                 data: this.props.seriesData,
                             },
-                        ], type: "line" }))))));
+                        ], type: "line" }))),
+                react_2.default.createElement("div", { className: "flex flex-col sm:flex-row w-full justify-center items-center" },
+                    react_2.default.createElement("div", { className: "grow" }),
+                    react_2.default.createElement("div", { className: "w-full mt-2 sm:w-56 sm:mt-0" },
+                        react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: (0, moment_1.default)(this.props.customDate.startDate).format("DD-MM-YYYY") +
+                                " - " +
+                                (0, moment_1.default)(this.props.customDate.endDate).format("DD-MM-YYYY"), onClick: function () {
+                                _this.handleDateRangeModalVisible(true);
+                            } }))))));
     };
     return LineChart;
-}(react_1.Component));
+}(react_2.Component));
 exports.LineChart = LineChart;
 //# sourceMappingURL=index.js.map

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

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

@@ -1 +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;AACvD,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;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CA+BP"}
+{"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;AACvD,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;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CAyDP"}

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

@@ -101,19 +101,39 @@ var PieChart = /** @class */ (function (_super) {
         return _this;
     }
     PieChart.prototype.render = function () {
+        var _this = this;
         var APEXModule = this.state.apexModule;
         var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
         if (this.props.containerStyle) {
             defaultClass += this.props.containerStyle;
         }
+        var seriesSum = this.props.series.length > 0
+            ? this.props.series.reduce(function (acc, curr) { return acc + curr; }, 0)
+            : 0;
+        var labelList = this.props.series.length > 0
+            ? this.props.series.map(function (value, index) {
+                return "".concat(_this.props.labels[index], " - ").concat(((value / seriesSum) *
+                    100).toFixed(1), "% ");
+            })
+            : [""];
         return (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" },
                     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" }, APEXModule && (react_1.default.createElement(APEXModule, { options: {
-                    labels: this.props.labels,
-                }, series: this.props.series, type: "donut", width: this.props.chartSize ? this.props.chartSize : "380" })))));
+            react_1.default.createElement("div", null, APEXModule && (react_1.default.createElement(APEXModule, { options: {
+                    labels: labelList,
+                    responsive: [
+                        {
+                            breakpoint: 480,
+                            options: {
+                                legend: {
+                                    position: "bottom",
+                                },
+                            },
+                        },
+                    ],
+                }, series: this.props.series, type: "donut", height: this.props.chartSize ? this.props.chartSize : "280" })))));
     };
     return PieChart;
 }(react_1.Component));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAW5B;IAA8B,4BAAgB;IAA9C;QAAA,qEA2CC;QA1CC,WAAK,GAAG;YACN,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,uBAAiB,GAAG;;;;4BACK,sFAAa,kBAAkB,QAAC;;wBAAjD,cAAc,GAAG,SAAgC;wBACvD,IAAI,CAAC,QAAQ,CAAC;4BACZ,UAAU,EAAE,cAAc,CAAC,OAAO;yBACnC,CAAC,CAAC;;;;aACJ,CAAC;;IAiCJ,CAAC;IA/BC,yBAAM,GAAN;QACE,IAAM,UAAU,GAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAC9C,IAAI,YAAY,GACd,2FAA2F,CAAC;QAC9F,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;YAC7B,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;SAC3C;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,YAAY;YAC1B,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,IAClB,UAAU,IAAI,CACb,8BAAC,UAAU,IACT,OAAO,EAAE;oBACP,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;iBAC1B,EACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAC1D,CACH,CACG,CACF,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AA3CD,CAA8B,iBAAS,GA2CtC;AA3CY,4BAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAW5B;IAA8B,4BAAgB;IAA9C;QAAA,qEAqEC;QApEC,WAAK,GAAG;YACN,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,uBAAiB,GAAG;;;;4BACK,sFAAa,kBAAkB,QAAC;;wBAAjD,cAAc,GAAG,SAAgC;wBACvD,IAAI,CAAC,QAAQ,CAAC;4BACZ,UAAU,EAAE,cAAc,CAAC,OAAO;yBACnC,CAAC,CAAC;;;;aACJ,CAAC;;IA2DJ,CAAC;IAzDC,yBAAM,GAAN;QAAA,iBAwDC;QAvDC,IAAM,UAAU,GAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAC9C,IAAI,YAAY,GACd,2FAA2F,CAAC;QAC9F,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;YAC7B,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;SAC3C;QAED,IAAM,SAAS,GACb,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;YAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,IAAI,IAAK,OAAA,GAAG,GAAG,IAAI,EAAV,CAAU,EAAE,CAAC,CAAC;YACxD,CAAC,CAAC,CAAC,CAAC;QAER,IAAM,SAAS,GACb,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;YAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CACnB,UAAC,KAAK,EAAE,KAAK;gBACX,OAAA,UAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAM,CAC/B,CAAC,KAAK,GAAG,SAAS,CAAC;oBACnB,GAAG,CACJ,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;YAHhB,CAGgB,CACnB;YACH,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAEX,OAAO,CACL,uCAAK,SAAS,EAAE,YAAY;YAC1B,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,2CACG,UAAU,IAAI,CACb,8BAAC,UAAU,IACT,OAAO,EAAE;oBACP,MAAM,EAAE,SAAS;oBACjB,UAAU,EAAE;wBACV;4BACE,UAAU,EAAE,GAAG;4BACf,OAAO,EAAE;gCACP,MAAM,EAAE;oCACN,QAAQ,EAAE,QAAQ;iCACnB;6BACF;yBACF;qBACF;iBACF,EACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAC3D,CACH,CACG,CACF,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AArED,CAA8B,iBAAS,GAqEtC;AArEY,4BAAQ"}

package/lib/components/data/dataTemplate/index.d.ts

@@ -18,6 +18,7 @@ interface Props extends LinkProps {
     type: "read" | "update" | "list" | string;
     id?: string;
     collectionId: string;
+    dbAPIToken: string;
     model: DataStructure[];
     server: "mongoServer" | "fbServer" | "firebase";
     dbEndpoint: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAuCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAgkGxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAuCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAwmGxC"}