blixify-ui-web 0.1.89 → 0.1.91

package/lib/components/chart/DateRange.d.ts

@@ -2,22 +2,26 @@ import { Component } from "react";
 export interface RangeInterface {
     startDate: Date;
     endDate: Date;
+    isDuration: boolean;
 }
 interface Props {
-    onChangeDate: (id: string, value: Date, type?: string) => void;
-    onChangeData?: () => void;
-    onResetDate?: () => void;
-    onChangeSuggestedData: (type: string) => void;
-    customDate: RangeInterface;
+    className?: string;
+    customDate?: RangeInterface;
+    onChangeDate?: (customDate?: RangeInterface) => void;
 }
 interface State {
+    tempDate: RangeInterface;
+    customDate: RangeInterface;
     dateRangeModalVisible: boolean;
 }
 export declare class DateRange extends Component<Props> {
     state: State;
-    handleSetData: () => void;
-    handleResetDate: () => void;
+    handleClonedDateObj: (dateObj: RangeInterface, id: string, value: Date | boolean) => any;
+    handleOnChangeDate: (id: string, value: Date) => void;
+    handleOnChangeDateRangeType: () => void;
     handleDateRangeModalVisible: (visible: boolean) => void;
+    handleSetSuggestedDate: (type: any) => void;
+    handleSubmit: () => void;
     renderDateModalContent: () => JSX.Element;
     render(): JSX.Element;
 }

package/lib/components/chart/DateRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,UAAU,KAAK;IACb,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,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,UAAU,KAAK;IACb,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAEV;IAEF,aAAa,aAIX;IAEF,eAAe,aAIb;IACF,2BAA2B,YAAa,OAAO,UAI7C;IAEF,sBAAsB,oBAiCpB;IAEF,MAAM;CAwDP"}
+{"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAWD,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAIV;IAEF,mBAAmB,YACR,cAAc,MACnB,MAAM,SACH,IAAI,GAAG,OAAO,SAOrB;IAEF,kBAAkB,OAAQ,MAAM,SAAS,IAAI,UAK3C;IAEF,2BAA2B,aASzB;IAEF,2BAA2B,YAAa,OAAO,UAI7C;IAEF,sBAAsB,sBAqBpB;IAEF,YAAY,aAYV;IAEF,sBAAsB,oBA2EpB;IAEF,MAAM;CAkDP"}

package/lib/components/chart/DateRange.js

@@ -14,6 +14,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -49,71 +60,143 @@ 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 toggle_1 = require("../action/toggle");
+var startDate = (0, moment_1.default)().toDate();
+startDate.setDate((0, moment_1.default)().toDate().getDate() - 7);
+var defaultInput = {
+    startDate: startDate,
+    endDate: (0, moment_1.default)().toDate(),
+    isDuration: true,
+};
 var DateRange = /** @class */ (function (_super) {
     __extends(DateRange, _super);
     function DateRange() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+        var _this = this;
+        var _a;
+        _this = _super.apply(this, arguments) || this;
         _this.state = {
+            customDate: (_a = _this.props.customDate) !== null && _a !== void 0 ? _a : defaultInput,
+            tempDate: defaultInput,
             dateRangeModalVisible: false,
         };
-        _this.handleSetData = function () {
-            if (_this.props.onChangeData) {
-                _this.props.onChangeData();
-            }
+        _this.handleClonedDateObj = function (dateObj, id, value) {
+            var _a;
+            var clonedDateObj = JSON.parse(JSON.stringify(dateObj));
+            clonedDateObj["startDate"] = dateObj.startDate;
+            clonedDateObj["endDate"] = dateObj.endDate;
+            clonedDateObj["isDuration"] = dateObj.isDuration;
+            return __assign(__assign({}, clonedDateObj), (_a = {}, _a[id] = value, _a));
         };
-        _this.handleResetDate = function () {
-            if (_this.props.onResetDate) {
-                _this.props.onResetDate();
-            }
+        _this.handleOnChangeDate = function (id, value) {
+            var dateObj = _this.handleClonedDateObj(_this.state.tempDate, id, value);
+            _this.setState({
+                tempDate: dateObj,
+            });
+        };
+        _this.handleOnChangeDateRangeType = function () {
+            var dateObj = _this.handleClonedDateObj(_this.state.tempDate, "isDuration", !_this.state.tempDate.isDuration);
+            _this.setState({
+                tempDate: dateObj,
+            });
         };
         _this.handleDateRangeModalVisible = function (visible) {
             _this.setState({
                 dateRangeModalVisible: visible,
             });
         };
+        _this.handleSetSuggestedDate = function (type) {
+            var todayDate = (0, moment_1.default)().toDate();
+            var startDate = (0, moment_1.default)().toDate();
+            switch (type) {
+                case "seven":
+                    startDate.setDate(todayDate.getDate() - 7);
+                    break;
+                case "28days":
+                    startDate.setDate(todayDate.getDate() - 28);
+                    break;
+                default:
+                    break;
+            }
+            _this.setState({
+                tempDate: {
+                    startDate: startDate,
+                    endDate: todayDate,
+                    isDuration: true,
+                },
+            });
+        };
+        _this.handleSubmit = function () {
+            _this.setState({
+                customDate: _this.state.tempDate,
+            }, function () {
+                _this.handleDateRangeModalVisible(false);
+                if (_this.props.onChangeDate) {
+                    _this.props.onChangeDate(_this.state.customDate);
+                }
+            });
+        };
         _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 }),
+            return (react_2.default.createElement("div", { className: "px-3 mt-5 sm:px-0 space-y-5" },
+                _this.state.tempDate.isDuration ? (react_2.default.createElement(datePicker_1.InputDatePicker, { id: "startDate", range: true, startDate: _this.state.tempDate.startDate, endDate: _this.state.tempDate.endDate, onChange: function (id, date, type) {
+                        if (type === "start") {
+                            _this.handleOnChangeDate(id, date);
+                        }
+                        else {
+                            _this.handleOnChangeDate("endDate", date);
+                        }
+                    } })) : (react_2.default.createElement(datePicker_1.InputDatePicker, { id: "endDate", title: "Until", value: _this.state.tempDate.endDate, onChange: function (id, date) {
+                        _this.handleOnChangeDate(id, date);
+                    } })),
+                react_2.default.createElement(toggle_1.Toggle, { direction: "right", text: "With Start Date", value: _this.state.tempDate.isDuration, onClick: function () {
+                        _this.handleOnChangeDateRangeType();
+                    } }),
+                react_2.default.createElement("div", { className: "flex flex-col sm:flex-row w-full mt-5" },
+                    react_2.default.createElement("p", { className: "mb-3" }, "Suggested Duration: "),
+                    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: "Last 7 days", onClick: function () {
+                                _this.handleSetSuggestedDate("seven");
+                            } }),
+                        react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: "Last 28 days", onClick: function () {
+                                _this.handleSetSuggestedDate("28days");
+                            } }))),
                 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);
+                            _this.handleSubmit();
                         } }))));
         };
         return _this;
     }
     DateRange.prototype.render = function () {
         var _this = this;
+        var _a, _b;
+        var defaultClassName = "flex flex-col sm:flex-row w-full items-end ";
+        if (this.props.className)
+            defaultClassName += this.props.className;
         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: "flex flex-col sm:flex-row w-full justify-center items-center" },
+            react_2.default.createElement("div", { className: defaultClassName },
                 react_2.default.createElement("div", { className: "grow" }),
-                react_2.default.createElement("p", { className: "ml-3 mb-3 text-gray-700" }, "Custom Duration: "),
-                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);
-                        } }))),
-            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("p", { className: "ml-3 mb-3 text-gray-700" }, "Suggested Duration: "),
-                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: "Last 7 days", onClick: function () {
-                            _this.props.onChangeSuggestedData("seven");
-                        } }),
-                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: "Last 28 days", onClick: function () {
-                            _this.props.onChangeSuggestedData("28days");
+                react_2.default.createElement("p", { className: "ml-3 text-gray-700" }, "Custom Duration:"),
+                react_2.default.createElement("div", null,
+                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3", text: ((_a = this.state.customDate) === null || _a === void 0 ? void 0 : _a.isDuration)
+                            ? (0, moment_1.default)(this.state.customDate.startDate).format("DD-MM-YYYY") +
+                                " - " +
+                                (0, moment_1.default)(this.state.customDate.endDate).format("DD-MM-YYYY")
+                            : "Beginning - " +
+                                (0, moment_1.default)((_b = this.state.customDate) === null || _b === void 0 ? void 0 : _b.endDate).format("DD-MM-YYYY"), onClick: function () {
+                            _this.setState({
+                                tempDate: _this.state.customDate,
+                            }, function () {
+                                _this.handleDateRangeModalVisible(true);
+                            });
                         } })))));
     };
     return DateRange;

package/lib/components/chart/DateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAuD;AACvD,kDAA4B;AAC5B,6CAAyC;AACzC,2CAA0C;AAC1C,mDAAkD;AAClD,0CAAyC;AACzC,kDAAsD;AACtD,2CAA0C;AAoB1C,IAAM,SAAS,GAAQ,IAAA,gBAAM,GAAE,CAAC,MAAM,EAAE,CAAC;AACzC,SAAS,CAAC,OAAO,CAAC,IAAA,gBAAM,GAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;AAEnD,IAAM,YAAY,GAAG;IACnB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,IAAA,gBAAM,GAAE,CAAC,MAAM,EAAE;IAC1B,UAAU,EAAE,IAAI;CACjB,CAAC;AAEF;IAA+B,6BAAgB;IAA/C;QAAA,iBA+MC;;;QA9MC,WAAK,GAAU;YACb,UAAU,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,UAAU,mCAAI,YAAY;YACjD,QAAQ,EAAE,YAAY;YACtB,qBAAqB,EAAE,KAAK;SAC7B,CAAC;QAEF,yBAAmB,GAAG,UACpB,OAAuB,EACvB,EAAU,EACV,KAAqB;;YAErB,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;YAC1D,aAAa,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC;YAC/C,aAAa,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;YAC3C,aAAa,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC;YACjD,6BAAY,aAAa,gBAAG,EAAE,IAAG,KAAK,OAAG;QAC3C,CAAC,CAAC;QAEF,wBAAkB,GAAG,UAAC,EAAU,EAAE,KAAW;YAC3C,IAAM,OAAO,GAAG,KAAI,CAAC,mBAAmB,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACzE,KAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,iCAA2B,GAAG;YAC5B,IAAM,OAAO,GAAG,KAAI,CAAC,mBAAmB,CACtC,KAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,YAAY,EACZ,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAChC,CAAC;YACF,KAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,iCAA2B,GAAG,UAAC,OAAgB;YAC7C,KAAI,CAAC,QAAQ,CAAC;gBACZ,qBAAqB,EAAE,OAAO;aAC/B,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,4BAAsB,GAAG,UAAC,IAAI;YAC5B,IAAM,SAAS,GAAG,IAAA,gBAAM,GAAE,CAAC,MAAM,EAAE,CAAC;YACpC,IAAI,SAAS,GAAQ,IAAA,gBAAM,GAAE,CAAC,MAAM,EAAE,CAAC;YACvC,QAAQ,IAAI,EAAE;gBACZ,KAAK,OAAO;oBACV,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACR,KAAK,QAAQ;oBACX,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;oBAC5C,MAAM;gBACR;oBACE,MAAM;aACT;YAED,KAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE;oBACR,SAAS,EAAE,SAAS;oBACpB,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE,IAAI;iBACjB;aACF,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,kBAAY,GAAG;YACb,KAAI,CAAC,QAAQ,CACX;gBACE,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ;aAChC,EACD;gBACE,KAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;gBACxC,IAAI,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;oBAC3B,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;iBAChD;YACH,CAAC,CACF,CAAC;QACJ,CAAC,CAAC;QAEF,4BAAsB,GAAG;YACvB,OAAO,CACL,uCAAK,SAAS,EAAC,6BAA6B;gBACzC,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAChC,8BAAC,4BAAe,IACd,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EACxC,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EACpC,QAAQ,EAAE,UAAC,EAAU,EAAE,IAAU,EAAE,IAAa;wBAC9C,IAAI,IAAI,KAAK,OAAO,EAAE;4BACpB,KAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;yBACnC;6BAAM;4BACL,KAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;yBAC1C;oBACH,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAe,IACd,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAClC,QAAQ,EAAE,UAAC,EAAU,EAAE,IAAU;wBAC/B,KAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;oBACpC,CAAC,GACD,CACH;gBACD,8BAAC,eAAM,IACL,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,EACrC,OAAO,EAAE;wBACP,KAAI,CAAC,2BAA2B,EAAE,CAAC;oBACrC,CAAC,GACD;gBACF,uCAAK,SAAS,EAAC,uCAAuC;oBACpD,qCAAG,SAAS,EAAC,MAAM,2BAAyB;oBAC5C,uCAAK,SAAS,EAAC,6BAA6B;wBAC1C,8BAAC,uBAAU,IACT,SAAS,EAAC,WAAW,EACrB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE;gCACP,KAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;4BACvC,CAAC,GACD;wBACF,8BAAC,uBAAU,IACT,SAAS,EAAC,WAAW,EACrB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE;gCACP,KAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;4BACxC,CAAC,GACD,CACE,CACF;gBACN,uCAAK,SAAS,EAAC,sCAAsC;oBACnD,8BAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;4BACP,KAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;wBAC1C,CAAC,GACD;oBACF,8BAAC,eAAM,IACL,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;4BACP,KAAI,CAAC,YAAY,EAAE,CAAC;wBACtB,CAAC,GACD,CACE,CACF,CACP,CAAC;QACJ,CAAC,CAAC;;IAoDJ,CAAC;IAlDC,0BAAM,GAAN;QAAA,iBAiDC;;QAhDC,IAAI,gBAAgB,GAAG,6CAA6C,CAAC;QACrE,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YAAE,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEnE,OAAO,CACL;YACE,8BAAC,aAAK,IACJ,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACtC,GAAG,EAAE;oBACH,MAAM,gBAAA;oBACN,UAAU,oBAAA;iBACX,EACD,aAAa,EAAE,IAAI,CAAC,sBAAsB,EAC1C,OAAO,EAAE;oBACP,KAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;gBAC1C,CAAC,GACD;YACF,uCAAK,SAAS,EAAE,gBAAgB;gBAC9B,uCAAK,SAAS,EAAC,MAAM,GAAG;gBACxB,qCAAG,SAAS,EAAC,oBAAoB,uBAAqB;gBACtD;oBACE,8BAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,IAAI,EACF,CAAA,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,UAAU;4BAC/B,CAAC,CAAC,IAAA,gBAAM,EAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,CAC5C,YAAY,CACb;gCACD,KAAK;gCACL,IAAA,gBAAM,EAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;4BAC5D,CAAC,CAAC,cAAc;gCACd,IAAA,gBAAM,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAEjE,OAAO,EAAE;4BACP,KAAI,CAAC,QAAQ,CACX;gCACE,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU;6BAChC,EACD;gCACE,KAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;4BACzC,CAAC,CACF,CAAC;wBACJ,CAAC,GACD,CACE,CACF,CACL,CACJ,CAAC;IACJ,CAAC;IACH,gBAAC;AAAD,CAAC,AA/MD,CAA+B,iBAAS,GA+MvC;AA/MY,8BAAS"}

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

@@ -1,5 +1,6 @@
 import { Component, ReactElement } from "react";
 import "../../../index.css";
+import { RangeInterface } from "../DateRange";
 interface SeriesData {
     x: string;
     y: number;
@@ -14,6 +15,9 @@ interface Props {
     tool?: ReactElement;
     chartSize?: number;
     containerStyle?: string;
+    dateRangeVisible?: boolean;
+    customDate?: RangeInterface;
+    onChangeDate?: (customDate?: RangeInterface) => void;
 }
 export declare class BarChart extends Component<Props> {
     state: {

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

@@ -1 +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;AACvD,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;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;CA4CP"}
+{"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;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,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;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CAmDP"}

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

@@ -77,6 +77,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BarChart = void 0;
 var react_1 = __importStar(require("react"));
 require("../../../index.css");
+var DateRange_1 = require("../DateRange");
 var BarChart = /** @class */ (function (_super) {
     __extends(BarChart, _super);
     function BarChart() {
@@ -127,7 +128,8 @@ var BarChart = /** @class */ (function (_super) {
                         name: this.props.seriesName,
                         data: this.props.seriesData,
                     },
-                ], type: "bar", height: this.props.chartSize ? this.props.chartSize : "280" })))));
+                ], type: "bar", height: this.props.chartSize ? this.props.chartSize : "280" }))),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))));
     };
     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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;AAsBzD;IAA8B,4BAAgB;IAA9C;QAAA,qEA+DC;QA9DC,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;;IAqDJ,CAAC;IAnDC,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;YACL,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC9B,8BAAC,qBAAS,IACR,SAAS,EAAC,MAAM,EAChB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CACG,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AA/DD,CAA8B,iBAAS,GA+DtC;AA/DY,4BAAQ"}

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

@@ -1,11 +1,15 @@
 import { Component, ReactElement } from "react";
 import "../../../index.css";
+import { RangeInterface } from "../DateRange";
 interface Props {
     icon: ReactElement;
     title: string;
     count: number;
     description: string;
     tool?: ReactElement;
+    dateRangeVisible?: boolean;
+    customDate?: RangeInterface;
+    onChangeDate?: (customDate?: RangeInterface) => void;
 }
 export declare class Card extends Component<Props> {
     render(): JSX.Element;

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

@@ -1 +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"}
+{"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;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,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;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,MAAM;CAuCP"}

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

@@ -41,24 +41,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Card = void 0;
 var react_1 = __importStar(require("react"));
 require("../../../index.css");
+var DateRange_1 = require("../DateRange");
 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 (react_1.default.createElement("div", null,
+            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.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))))),
+                        this.props.tool)))));
     };
     return Card;
 }(react_1.Component));

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;AAazD;IAA0B,wBAAgB;IAA1C;;IAwCA,CAAC;IAvCC,qBAAM,GAAN;QACE,OAAO,CACL;YACE,uCAAK,SAAS,EAAC,4CAA4C;gBACzD,uCAAK,SAAS,EAAC,KAAK;oBAClB,uCAAK,SAAS,EAAC,MAAM;wBACnB,uCAAK,SAAS,EAAC,eAAe;4BAC5B,wCAAM,SAAS,EAAC,yCAAyC,IACtD,IAAI,CAAC,KAAK,CAAC,IAAI,CACX,CACH;wBACN,uCAAK,SAAS,EAAC,iBAAiB;4BAC9B;gCACE,sCAAI,SAAS,EAAC,4CAA4C,IACvD,IAAI,CAAC,KAAK,CAAC,KAAK,CACd;gCACL;oCACE,qCAAG,SAAS,EAAC,4CAA4C,IACtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACrB;oCACJ,uCAAK,SAAS,EAAE,wCAAwC,IACrD,IAAI,CAAC,KAAK,CAAC,KAAK,CACb;oCACL,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC9B,8BAAC,qBAAS,IACR,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CACE,CACF,CACD;wBACL,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACF,CACF,CACF,CACP,CAAC;IACJ,CAAC;IACH,WAAC;AAAD,CAAC,AAxCD,CAA0B,iBAAS,GAwClC;AAxCY,oBAAI"}

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

@@ -1,4 +1,5 @@
 import { Component, ReactElement } from "react";
+import { RangeInterface } from "../DateRange";
 export interface Option {
     key: string;
     title: string;
@@ -7,19 +8,11 @@ interface SeriesItem {
     name: string;
     data: number[];
 }
-interface RangeInterface {
-    startDate: Date;
-    endDate: Date;
-}
 interface Props {
     title: string;
     categories: string[];
-    onChangeDate: (id: string, value: Date, type?: string) => void;
-    onChangeData?: () => void;
-    onResetDate?: () => void;
     xaxisTitle: string;
     yaxisTitle: string;
-    customDate: RangeInterface;
     seriesData?: number[];
     seriesName?: string;
     showToolbar?: boolean;
@@ -32,19 +25,16 @@ interface Props {
     xaxisTitlePosition?: number;
     containerStyle?: string;
     multiLineSeries?: SeriesItem[];
-    notification?: ReactElement;
+    dateRangeVisible?: boolean;
+    customDate?: RangeInterface;
+    onChangeDate?: (customDate?: RangeInterface) => void;
 }
 interface State {
     apexModule: any;
-    dateRangeModalVisible: boolean;
 }
 export declare class LineChart extends Component<Props> {
     state: State;
     componentDidMount: () => Promise<void>;
-    handleSetData: () => void;
-    handleResetDate: () => void;
-    handleDateRangeModalVisible: (visible: boolean) => void;
-    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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,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,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC;CACjB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CAiHP"}