blixify-ui-web 0.1.89 → 0.1.91

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

@@ -73,25 +73,16 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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 = void 0;
-var react_1 = require("@headlessui/react");
-var moment_1 = __importDefault(require("moment"));
-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 react_1 = __importStar(require("react"));
+var DateRange_1 = require("../DateRange");
 var LineChart = /** @class */ (function (_super) {
     __extends(LineChart, _super);
     function LineChart() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = {
             apexModule: null,
-            dateRangeModalVisible: false,
         };
         _this.componentDidMount = function () { return __awaiter(_this, void 0, void 0, function () {
             var reactApexChart;
@@ -107,144 +98,100 @@ var LineChart = /** @class */ (function (_super) {
                 }
             });
         }); };
-        _this.handleSetData = function () {
-            if (_this.props.onChangeData) {
-                _this.props.onChangeData();
-            }
-        };
-        _this.handleResetDate = function () {
-            if (_this.props.onResetDate) {
-                _this.props.onResetDate();
-            }
-        };
-        _this.handleDateRangeModalVisible = function (visible) {
-            _this.setState({
-                dateRangeModalVisible: visible,
-            });
-        };
-        _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_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_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: {
-                                enabled: true,
-                                color: "#000",
-                                top: 18,
-                                left: 7,
-                                blur: 10,
-                                opacity: 0.2,
-                            },
-                            toolbar: {
-                                show: this.props.showToolbar,
-                            },
+        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-11/12" }, APEXModule && (react_1.default.createElement(APEXModule, { height: this.props.chartHeight ? this.props.chartHeight : 300, options: {
+                    chart: {
+                        type: "line",
+                        dropShadow: {
+                            enabled: true,
+                            color: "#000",
+                            top: 18,
+                            left: 7,
+                            blur: 10,
+                            opacity: 0.2,
                         },
-                        colors: this.props.lineColors,
-                        dataLabels: {
-                            enabled: this.props.showDataLabels,
+                        toolbar: {
+                            show: this.props.showToolbar,
                         },
-                        stroke: {
-                            curve: (_a = this.props.lineStroke) !== null && _a !== void 0 ? _a : "smooth",
+                    },
+                    colors: this.props.lineColors,
+                    dataLabels: {
+                        enabled: this.props.showDataLabels,
+                    },
+                    stroke: {
+                        curve: (_a = this.props.lineStroke) !== null && _a !== void 0 ? _a : "smooth",
+                    },
+                    grid: {
+                        borderColor: "#e7e7e7",
+                        row: {
+                            colors: ["#f3f3f3", "transparent"],
+                            opacity: 0.5,
                         },
-                        grid: {
-                            borderColor: "#e7e7e7",
-                            row: {
-                                colors: ["#f3f3f3", "transparent"],
-                                opacity: 0.5,
+                    },
+                    markers: {
+                        size: 1,
+                    },
+                    xaxis: {
+                        categories: this.props.categories,
+                        title: {
+                            text: this.props.xaxisTitle,
+                            offsetY: (_b = this.props.xaxisTitlePosition) !== null && _b !== void 0 ? _b : 80,
+                            style: {
+                                fontSize: "11",
+                                fontWeight: "bold",
                             },
                         },
-                        markers: {
-                            size: 1,
+                        tickAmount: (_c = this.props.tickAmount) !== null && _c !== void 0 ? _c : 15,
+                        labels: {
+                            rotate: -65,
                         },
-                        xaxis: {
-                            categories: this.props.categories,
-                            title: {
-                                text: this.props.xaxisTitle,
-                                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: {
+                        title: {
+                            text: this.props.yaxisTitle,
+                            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,
+                    },
+                    responsive: [
+                        {
+                            breakpoint: 480,
+                            options: {
+                                xaxis: {
+                                    tickAmount: (_d = this.props.tickAmount) !== null && _d !== void 0 ? _d : 5,
+                                },
                             },
                         },
-                        legend: {
-                            position: "top",
-                            horizontalAlign: "right",
-                            floating: true,
-                            offsetY: -25,
-                            offsetX: -5,
+                    ],
+                }, series: this.props.multiLineSeries
+                    ? this.props.multiLineSeries
+                    : [
+                        {
+                            name: this.props.seriesName,
+                            data: this.props.seriesData,
                         },
-                        responsive: [
-                            {
-                                breakpoint: 480,
-                                options: {
-                                    xaxis: {
-                                        tickAmount: (_d = this.props.tickAmount) !== null && _d !== void 0 ? _d : 5,
-                                    },
-                                },
-                            },
-                        ],
-                    }, series: this.props.multiLineSeries
-                        ? this.props.multiLineSeries
-                        : [
-                            {
-                                name: this.props.seriesName,
-                                data: this.props.seriesData,
-                            },
-                        ], 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);
-                            } }))))));
+                    ], type: "line" }))),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))));
     };
     return LineChart;
-}(react_2.Component));
+}(react_1.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

@@ -1,5 +1,6 @@
 import { Component, ReactElement } from "react";
 import "../../../index.css";
+import { RangeInterface } from "../DateRange";
 interface Props {
     series: number[];
     labels: string[];
@@ -7,6 +8,9 @@ interface Props {
     tool?: ReactElement;
     chartSize?: number;
     containerStyle?: string;
+    dateRangeVisible?: boolean;
+    customDate?: RangeInterface;
+    onChangeDate?: (customDate?: RangeInterface) => void;
 }
 export declare class PieChart extends Component<Props> {
     state: {

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;CAyDP"}
+{"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;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,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;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;CAgEP"}

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

@@ -77,6 +77,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PieChart = void 0;
 var react_1 = __importStar(require("react"));
 require("../../../index.css");
+var DateRange_1 = require("../DateRange");
 var PieChart = /** @class */ (function (_super) {
     __extends(PieChart, _super);
     function PieChart() {
@@ -133,7 +134,8 @@ var PieChart = /** @class */ (function (_super) {
                             },
                         },
                     ],
-                }, series: this.props.series, type: "donut", height: this.props.chartSize ? this.props.chartSize : "280" })))));
+                }, series: this.props.series, type: "donut", 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 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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;AAczD;IAA8B,4BAAgB;IAA9C;QAAA,qEA4EC;QA3EC,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;;IAkEJ,CAAC;IAhEC,yBAAM,GAAN;QAAA,iBA+DC;QA9DC,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;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,AA5ED,CAA8B,iBAAS,GA4EtC;AA5EY,4BAAQ"}

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

@@ -0,0 +1,24 @@
+import { Component, ReactElement } from "react";
+import "../../../index.css";
+import { RangeInterface } from "../DateRange";
+interface Props {
+    title: string;
+    labels: string[];
+    series: number[];
+    showToolbar?: boolean;
+    tool?: ReactElement;
+    chartSize?: number;
+    containerStyle?: string;
+    dateRangeVisible?: boolean;
+    customDate?: RangeInterface;
+    onChangeDate?: (customDate?: RangeInterface) => void;
+}
+export declare class RadialBar extends Component<Props> {
+    state: {
+        apexModule: null;
+    };
+    componentDidMount: () => Promise<void>;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/radialBar/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,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CAuDP"}

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

@@ -0,0 +1,141 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadialBar = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var DateRange_1 = require("../DateRange");
+var RadialBar = /** @class */ (function (_super) {
+    __extends(RadialBar, _super);
+    function RadialBar() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            apexModule: null,
+        };
+        _this.componentDidMount = function () { return __awaiter(_this, void 0, void 0, function () {
+            var reactApexChart;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require("react-apexcharts")); })];
+                    case 1:
+                        reactApexChart = _a.sent();
+                        this.setState({
+                            apexModule: reactApexChart.default,
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        return _this;
+    }
+    RadialBar.prototype.render = function () {
+        var _a;
+        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("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: "mr-4" }, APEXModule && (react_1.default.createElement(APEXModule, { options: {
+                    plotOptions: {
+                        radialBar: {
+                            dataLabels: {
+                                value: {
+                                    formatter: function (value) {
+                                        return value;
+                                    },
+                                },
+                                total: {
+                                    show: true,
+                                    label: this.props.title,
+                                    formatter: function () {
+                                        return "";
+                                    },
+                                },
+                            },
+                        },
+                    },
+                    labels: this.props.labels,
+                }, series: this.props.series, type: "radialBar", height: (_a = this.props.chartSize) !== null && _a !== void 0 ? _a : 300 }))),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))));
+    };
+    return RadialBar;
+}(react_1.Component));
+exports.RadialBar = RadialBar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/radialBar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;AAezD;IAA+B,6BAAgB;IAA/C;QAAA,qEAmEC;QAlEC,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;;IAyDJ,CAAC;IAvDC,0BAAM,GAAN;;QACE,IAAM,UAAU,GAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAE9C,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,SAAS,EAAE;4BACT,UAAU,EAAE;gCACV,KAAK,EAAE;oCACL,SAAS,EAAE,UAAC,KAAU;wCACpB,OAAO,KAAK,CAAC;oCACf,CAAC;iCACF;gCACD,KAAK,EAAE;oCACL,IAAI,EAAE,IAAI;oCACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;oCACvB,SAAS,EAAE;wCACT,OAAO,EAAE,CAAC;oCACZ,CAAC;iCACF;6BACF;yBACF;qBACF;oBACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;iBAC1B,EACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,GAAG,GACnC,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,gBAAC;AAAD,CAAC,AAnED,CAA+B,iBAAS,GAmEvC;AAnEY,8BAAS"}

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

@@ -1,5 +1,6 @@
 import { Component, ReactElement } from "react";
 import "../../../index.css";
+import { RangeInterface } from "../DateRange";
 interface StatsData {
     name: string;
     stats: string;
@@ -11,6 +12,9 @@ interface StatsData {
 interface Props {
     stats: StatsData[];
     gridSize?: 1 | 2;
+    dateRangeVisible?: boolean;
+    customDate?: RangeInterface;
+    onChangeDate?: (customDate?: RangeInterface) => void;
 }
 export declare class StatsCard extends Component<Props> {
     renderGridSize: () => string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CAClB;AAMD,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,cAAc,eAUZ;IAEF,MAAM;CAoDP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAMD,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,cAAc,eAUZ;IAEF,MAAM;CA4DP"}

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

@@ -42,6 +42,7 @@ exports.StatsCard = void 0;
 var solid_1 = require("@heroicons/react/20/solid");
 var react_1 = __importStar(require("react"));
 require("../../../index.css");
+var DateRange_1 = require("../DateRange");
 function classNames() {
     var classes = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -69,23 +70,25 @@ var StatsCard = /** @class */ (function (_super) {
         return _this;
     }
     StatsCard.prototype.render = function () {
-        return (react_1.default.createElement("div", { className: classNames(this.renderGridSize(), "grid grid-cols-1 gap-5 divide-y md:divide-y-0 md:divide-x") }, this.props.stats.map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "bg-white overflow-hidden shadow rounded-lg p-5 lg:mb-3 sm:my-1" },
-            react_1.default.createElement("dt", { className: "text-base font-normal text-gray-900 flex flex-row" },
-                react_1.default.createElement("div", { className: "m-1 ml-0" }, item.icon),
-                react_1.default.createElement("div", { className: "self-center ml-1" },
-                    " ",
-                    item.name)),
-            react_1.default.createElement("dd", { className: "mt-1 flex items-baseline justify-between md:block lg:flex" },
-                react_1.default.createElement("div", { className: "flex items-baseline text-2xl font-semibold text-primary-600" },
-                    item.stats,
-                    react_1.default.createElement("span", { className: "ml-2 text-sm font-medium text-gray-500" },
-                        "from ",
-                        item.previousStats)),
-                react_1.default.createElement("div", { className: classNames(item.changeType === "increase"
-                        ? "bg-green-100 text-green-800"
-                        : "bg-red-100 text-red-800", "inline-flex items-baseline px-2.5 py-0.5 rounded-full text-sm font-medium md:mt-2 lg:mt-0") },
-                    item.changeType === "increase" ? (react_1.default.createElement(solid_1.ArrowUpIcon, { className: "-ml-1 mr-0.5 h-5 w-5 flex-shrink-0 self-center text-green-500", "aria-hidden": "true" })) : (react_1.default.createElement(solid_1.ArrowDownIcon, { className: "-ml-1 mr-0.5 h-5 w-5 flex-shrink-0 self-center text-red-500", "aria-hidden": "true" })),
-                    item.change)))); })));
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: classNames(this.renderGridSize(), "grid grid-cols-1 gap-5 divide-y md:divide-y-0 md:divide-x") }, this.props.stats.map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "bg-white overflow-hidden shadow rounded-lg p-5 lg:mb-3 sm:my-1" },
+                react_1.default.createElement("dt", { className: "text-base font-normal text-gray-900 flex flex-row" },
+                    react_1.default.createElement("div", { className: "m-1 ml-0" }, item.icon),
+                    react_1.default.createElement("div", { className: "self-center ml-1" },
+                        " ",
+                        item.name)),
+                react_1.default.createElement("dd", { className: "mt-1 flex items-baseline justify-between md:block lg:flex" },
+                    react_1.default.createElement("div", { className: "flex items-baseline text-2xl font-semibold text-primary-600" },
+                        item.stats,
+                        react_1.default.createElement("span", { className: "ml-2 text-sm font-medium text-gray-500" },
+                            "from ",
+                            item.previousStats)),
+                    react_1.default.createElement("div", { className: classNames(item.changeType === "increase"
+                            ? "bg-green-100 text-green-800"
+                            : "bg-red-100 text-red-800", "inline-flex items-baseline px-2.5 py-0.5 rounded-full text-sm font-medium md:mt-2 lg:mt-0") },
+                        item.changeType === "increase" ? (react_1.default.createElement(solid_1.ArrowUpIcon, { className: "-ml-1 mr-0.5 h-5 w-5 flex-shrink-0 self-center text-green-500", "aria-hidden": "true" })) : (react_1.default.createElement(solid_1.ArrowDownIcon, { className: "-ml-1 mr-0.5 h-5 w-5 flex-shrink-0 self-center text-red-500", "aria-hidden": "true" })),
+                        item.change)))); })),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))));
     };
     return StatsCard;
 }(react_1.Component));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAuE;AACvE,6CAAuD;AACvD,8BAA4B;AAgB5B,SAAS,UAAU;IAAC,iBAAU;SAAV,UAAU,EAAV,qBAAU,EAAV,IAAU;QAAV,4BAAU;;IAC5B,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAED;IAA+B,6BAAgB;IAA/C;QAAA,qEAiEC;QAhEC,oBAAc,GAAG;YACf,IAAI,QAAQ,GAAG,EAAE,CAAC;YAClB,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,CAAC,EAAE;gBAC7B,QAAQ,GAAG,gBAAgB,CAAC;aAC7B;iBAAM,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,CAAC,EAAE;gBACpC,QAAQ,GAAG,gBAAgB,CAAC;aAC7B;iBAAM;gBACL,QAAQ,GAAG,gBAAgB,CAAC;aAC7B;YACD,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;;IAsDJ,CAAC;IApDC,0BAAM,GAAN;QACE,OAAO,CACL,uCACE,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,cAAc,EAAE,EACrB,2DAA2D,CAC5D,IAEA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC9B,uCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAC,gEAAgE;YAE1E,sCAAI,SAAS,EAAC,mDAAmD;gBAC/D,uCAAK,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,IAAI,CAAO;gBAC3C,uCAAK,SAAS,EAAC,kBAAkB;;oBAAG,IAAI,CAAC,IAAI,CAAO,CACjD;YACL,sCAAI,SAAS,EAAC,2DAA2D;gBACvE,uCAAK,SAAS,EAAC,6DAA6D;oBACzE,IAAI,CAAC,KAAK;oBACX,wCAAM,SAAS,EAAC,wCAAwC;;wBAChD,IAAI,CAAC,aAAa,CACnB,CACH;gBAEN,uCACE,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,UAAU,KAAK,UAAU;wBAC5B,CAAC,CAAC,6BAA6B;wBAC/B,CAAC,CAAC,yBAAyB,EAC7B,2FAA2F,CAC5F;oBAEA,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,CAChC,8BAAC,mBAAW,IACV,SAAS,EAAC,+DAA+D,iBAC7D,MAAM,GAClB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,qBAAa,IACZ,SAAS,EAAC,6DAA6D,iBAC3D,MAAM,GAClB,CACH;oBACA,IAAI,CAAC,MAAM,CACR,CACH,CACD,CACP,EAxC+B,CAwC/B,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IACH,gBAAC;AAAD,CAAC,AAjED,CAA+B,iBAAS,GAiEvC;AAjEY,8BAAS"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAuE;AACvE,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;AAmBzD,SAAS,UAAU;IAAC,iBAAU;SAAV,UAAU,EAAV,qBAAU,EAAV,IAAU;QAAV,4BAAU;;IAC5B,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAED;IAA+B,6BAAgB;IAA/C;QAAA,qEAyEC;QAxEC,oBAAc,GAAG;YACf,IAAI,QAAQ,GAAG,EAAE,CAAC;YAClB,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,CAAC,EAAE;gBAC7B,QAAQ,GAAG,gBAAgB,CAAC;aAC7B;iBAAM,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,CAAC,EAAE;gBACpC,QAAQ,GAAG,gBAAgB,CAAC;aAC7B;iBAAM;gBACL,QAAQ,GAAG,gBAAgB,CAAC;aAC7B;YACD,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;;IA8DJ,CAAC;IA5DC,0BAAM,GAAN;QACE,OAAO,CACL;YACE,uCACE,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,cAAc,EAAE,EACrB,2DAA2D,CAC5D,IAEA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC9B,uCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAC,gEAAgE;gBAE1E,sCAAI,SAAS,EAAC,mDAAmD;oBAC/D,uCAAK,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,IAAI,CAAO;oBAC3C,uCAAK,SAAS,EAAC,kBAAkB;;wBAAG,IAAI,CAAC,IAAI,CAAO,CACjD;gBACL,sCAAI,SAAS,EAAC,2DAA2D;oBACvE,uCAAK,SAAS,EAAC,6DAA6D;wBACzE,IAAI,CAAC,KAAK;wBACX,wCAAM,SAAS,EAAC,wCAAwC;;4BAChD,IAAI,CAAC,aAAa,CACnB,CACH;oBAEN,uCACE,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,UAAU,KAAK,UAAU;4BAC5B,CAAC,CAAC,6BAA6B;4BAC/B,CAAC,CAAC,yBAAyB,EAC7B,2FAA2F,CAC5F;wBAEA,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,CAChC,8BAAC,mBAAW,IACV,SAAS,EAAC,+DAA+D,iBAC7D,MAAM,GAClB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,qBAAa,IACZ,SAAS,EAAC,6DAA6D,iBAC3D,MAAM,GAClB,CACH;wBACA,IAAI,CAAC,MAAM,CACR,CACH,CACD,CACP,EAxC+B,CAwC/B,CAAC,CACE;YACL,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,CACA,CACJ,CAAC;IACJ,CAAC;IACH,gBAAC;AAAD,CAAC,AAzED,CAA+B,iBAAS,GAyEvC;AAzEY,8BAAS"}

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

@@ -1336,7 +1336,7 @@ function DataTemplate(props) {
                             if (!eachKey)
                                 return null;
                             props.model.map(function (eachModel) {
-                                if (eachKey.toLowerCase().includes(eachModel.id) &&
+                                if (eachKey.toLowerCase().includes(eachModel.id.toLowerCase()) &&
                                     eachModel.id !== "_id" &&
                                     eachModel.id !== "id" &&
                                     eachModel.type !== "object" &&