blixify-ui-web 0.1.83 → 0.1.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/chart/barChart/index.js +2 -2
- package/lib/components/chart/barChart/index.js.map +1 -1
- package/lib/components/chart/lineChart/index.d.ts +13 -21
- package/lib/components/chart/lineChart/index.d.ts.map +1 -1
- package/lib/components/chart/lineChart/index.js +72 -100
- package/lib/components/chart/lineChart/index.js.map +1 -1
- package/lib/components/chart/pieChart/index.d.ts.map +1 -1
- package/lib/components/chart/pieChart/index.js +23 -3
- package/lib/components/chart/pieChart/index.js.map +1 -1
- package/lib/components/navigation/bars/index.d.ts +1 -0
- package/lib/components/navigation/bars/index.d.ts.map +1 -1
- package/lib/components/navigation/bars/index.js +2 -6
- package/lib/components/navigation/bars/index.js.map +1 -1
- package/lib/components/navigation/leftNav/index.d.ts +1 -0
- package/lib/components/navigation/leftNav/index.d.ts.map +1 -1
- package/lib/components/navigation/leftNav/index.js +1 -1
- package/lib/components/navigation/leftNav/index.js.map +1 -1
- package/lib/components/navigation/tabs/index.d.ts +1 -0
- package/lib/components/navigation/tabs/index.d.ts.map +1 -1
- package/lib/components/navigation/tabs/index.js +2 -6
- package/lib/components/navigation/tabs/index.js.map +1 -1
- package/package.json +1 -1
- package/lib/components/chart/lineChart/DateRangeModal.d.ts +0 -21
- package/lib/components/chart/lineChart/DateRangeModal.d.ts.map +0 -1
- package/lib/components/chart/lineChart/DateRangeModal.js +0 -106
- package/lib/components/chart/lineChart/DateRangeModal.js.map +0 -1
- package/lib/components/chart/lineChart/DateRangeSelect.d.ts +0 -29
- package/lib/components/chart/lineChart/DateRangeSelect.d.ts.map +0 -1
- package/lib/components/chart/lineChart/DateRangeSelect.js +0 -126
- package/lib/components/chart/lineChart/DateRangeSelect.js.map +0 -1
|
@@ -110,7 +110,7 @@ var BarChart = /** @class */ (function (_super) {
|
|
|
110
110
|
react_1.default.createElement("div", { className: "flex-1" },
|
|
111
111
|
react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
|
|
112
112
|
this.props.tool),
|
|
113
|
-
react_1.default.createElement("div", { className: "
|
|
113
|
+
react_1.default.createElement("div", { className: "mr-4" }, APEXModule && (react_1.default.createElement(APEXModule, { options: {
|
|
114
114
|
plotOptions: {
|
|
115
115
|
bar: {
|
|
116
116
|
horizontal: this.props.orientation === "row" ? true : false,
|
|
@@ -127,7 +127,7 @@ var BarChart = /** @class */ (function (_super) {
|
|
|
127
127
|
name: this.props.seriesName,
|
|
128
128
|
data: this.props.seriesData,
|
|
129
129
|
},
|
|
130
|
-
], type: "bar",
|
|
130
|
+
], type: "bar", height: this.props.chartSize ? this.props.chartSize : "280" })))));
|
|
131
131
|
};
|
|
132
132
|
return BarChart;
|
|
133
133
|
}(react_1.Component));
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import { Component, ReactElement } from "react";
|
|
2
|
-
export declare enum DateRange {
|
|
3
|
-
"SEVEN" = "Last 7 days",
|
|
4
|
-
"FOURTEEN" = "Last 14 days",
|
|
5
|
-
"TWENTYEIGHT" = "Last 28 days",
|
|
6
|
-
"CUSTOM" = "Custom Date Range"
|
|
7
|
-
}
|
|
8
2
|
export interface Option {
|
|
9
3
|
key: string;
|
|
10
4
|
title: string;
|
|
@@ -20,39 +14,37 @@ interface RangeInterface {
|
|
|
20
14
|
interface Props {
|
|
21
15
|
title: string;
|
|
22
16
|
categories: string[];
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
onChangeDate: (id: string, value: Date, type?: string) => void;
|
|
18
|
+
onChangeData?: () => void;
|
|
19
|
+
onResetDate?: () => void;
|
|
20
|
+
xaxisTitle: string;
|
|
21
|
+
yaxisTitle: string;
|
|
27
22
|
customDate: RangeInterface;
|
|
28
23
|
seriesData?: number[];
|
|
29
24
|
seriesName?: string;
|
|
30
25
|
showToolbar?: boolean;
|
|
31
|
-
lineColors?: string[];
|
|
32
26
|
showDataLabels?: boolean;
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
lineColors?: string[];
|
|
28
|
+
lineStroke?: string;
|
|
35
29
|
tool?: ReactElement;
|
|
36
30
|
chartHeight?: number;
|
|
31
|
+
tickAmount?: number;
|
|
32
|
+
xaxisTitlePosition?: number;
|
|
37
33
|
containerStyle?: string;
|
|
38
34
|
multiLineSeries?: SeriesItem[];
|
|
35
|
+
notification?: ReactElement;
|
|
39
36
|
}
|
|
40
37
|
interface State {
|
|
41
38
|
apexModule: any;
|
|
42
39
|
dateRangeModalVisible: boolean;
|
|
43
|
-
startTime: string;
|
|
44
|
-
endTime: string;
|
|
45
|
-
timeRangeError: string;
|
|
46
|
-
dateRangeError: string;
|
|
47
40
|
}
|
|
48
41
|
export declare class LineChart extends Component<Props> {
|
|
49
42
|
state: State;
|
|
50
43
|
componentDidMount: () => Promise<void>;
|
|
51
|
-
|
|
44
|
+
handleSetData: () => void;
|
|
45
|
+
handleResetDate: () => void;
|
|
52
46
|
handleDateRangeModalVisible: (visible: boolean) => void;
|
|
53
|
-
|
|
54
|
-
handleGraphData: () => Promise<void>;
|
|
55
|
-
renderDateRangeOptions: () => Option[];
|
|
47
|
+
renderDateModalContent: () => JSX.Element;
|
|
56
48
|
render(): JSX.Element;
|
|
57
49
|
}
|
|
58
50
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -77,18 +77,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
77
77
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
78
78
|
};
|
|
79
79
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
80
|
-
exports.LineChart =
|
|
80
|
+
exports.LineChart = void 0;
|
|
81
|
+
var react_1 = require("@headlessui/react");
|
|
81
82
|
var moment_1 = __importDefault(require("moment"));
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
|
|
85
|
-
var
|
|
86
|
-
|
|
87
|
-
DateRange["SEVEN"] = "Last 7 days";
|
|
88
|
-
DateRange["FOURTEEN"] = "Last 14 days";
|
|
89
|
-
DateRange["TWENTYEIGHT"] = "Last 28 days";
|
|
90
|
-
DateRange["CUSTOM"] = "Custom Date Range";
|
|
91
|
-
})(DateRange = exports.DateRange || (exports.DateRange = {}));
|
|
83
|
+
var react_2 = __importStar(require("react"));
|
|
84
|
+
var button_1 = require("../../action/button");
|
|
85
|
+
var textButton_1 = require("../../action/textButton");
|
|
86
|
+
var modal_1 = require("../../display/modal");
|
|
87
|
+
var datePicker_1 = require("../../input/datePicker");
|
|
92
88
|
var LineChart = /** @class */ (function (_super) {
|
|
93
89
|
__extends(LineChart, _super);
|
|
94
90
|
function LineChart() {
|
|
@@ -96,10 +92,6 @@ var LineChart = /** @class */ (function (_super) {
|
|
|
96
92
|
_this.state = {
|
|
97
93
|
apexModule: null,
|
|
98
94
|
dateRangeModalVisible: false,
|
|
99
|
-
startTime: (0, moment_1.default)().startOf("day").format("HH:00"),
|
|
100
|
-
endTime: (0, moment_1.default)().endOf("day").format("HH:00"),
|
|
101
|
-
timeRangeError: "",
|
|
102
|
-
dateRangeError: "",
|
|
103
95
|
};
|
|
104
96
|
_this.componentDidMount = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
105
97
|
var reactApexChart;
|
|
@@ -115,103 +107,57 @@ var LineChart = /** @class */ (function (_super) {
|
|
|
115
107
|
}
|
|
116
108
|
});
|
|
117
109
|
}); };
|
|
118
|
-
_this.
|
|
119
|
-
if (
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
110
|
+
_this.handleSetData = function () {
|
|
111
|
+
if (_this.props.onChangeData) {
|
|
112
|
+
_this.props.onChangeData();
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
_this.handleResetDate = function () {
|
|
116
|
+
if (_this.props.onResetDate) {
|
|
117
|
+
_this.props.onResetDate();
|
|
126
118
|
}
|
|
127
|
-
_this.handleGraphData();
|
|
128
119
|
};
|
|
129
120
|
_this.handleDateRangeModalVisible = function (visible) {
|
|
130
121
|
_this.setState({
|
|
131
122
|
dateRangeModalVisible: visible,
|
|
132
|
-
dateRangeError: "",
|
|
133
123
|
});
|
|
134
124
|
};
|
|
135
|
-
_this.
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
}
|
|
148
|
-
else {
|
|
149
|
-
_this.setState({
|
|
150
|
-
dateRangeError: "",
|
|
151
|
-
timeRangeError: "",
|
|
152
|
-
}, function () { return __awaiter(_this, void 0, void 0, function () {
|
|
153
|
-
return __generator(this, function (_a) {
|
|
154
|
-
this.handleDateRangeModalVisible(false);
|
|
155
|
-
return [2 /*return*/];
|
|
156
|
-
});
|
|
157
|
-
}); });
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
|
-
_this.handleGraphData = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
161
|
-
var dateRange;
|
|
162
|
-
return __generator(this, function (_a) {
|
|
163
|
-
dateRange = {
|
|
164
|
-
startDate: new Date(),
|
|
165
|
-
endDate: new Date(),
|
|
166
|
-
};
|
|
167
|
-
if (this.props.dateRange === "SEVEN") {
|
|
168
|
-
dateRange = {
|
|
169
|
-
endDate: (0, moment_1.default)().toDate(),
|
|
170
|
-
startDate: (0, moment_1.default)().subtract(7, "days").toDate(),
|
|
171
|
-
};
|
|
172
|
-
}
|
|
173
|
-
else if (this.props.dateRange === "FOURTEEN") {
|
|
174
|
-
dateRange = {
|
|
175
|
-
endDate: (0, moment_1.default)().toDate(),
|
|
176
|
-
startDate: (0, moment_1.default)().subtract(14, "days").toDate(),
|
|
177
|
-
};
|
|
178
|
-
}
|
|
179
|
-
else if (this.props.dateRange === "TWENTYEIGHT") {
|
|
180
|
-
dateRange = {
|
|
181
|
-
endDate: (0, moment_1.default)().toDate(),
|
|
182
|
-
startDate: (0, moment_1.default)().subtract(28, "days").toDate(),
|
|
183
|
-
};
|
|
184
|
-
}
|
|
185
|
-
this.props.setCustomDate(dateRange);
|
|
186
|
-
return [2 /*return*/];
|
|
187
|
-
});
|
|
188
|
-
}); };
|
|
189
|
-
_this.renderDateRangeOptions = function () {
|
|
190
|
-
var dateRangeOptions = [];
|
|
191
|
-
Object.keys(DateRange).map(function (eachDateRangeKey) {
|
|
192
|
-
dateRangeOptions.push({
|
|
193
|
-
key: eachDateRangeKey,
|
|
194
|
-
title: DateRange[eachDateRangeKey],
|
|
195
|
-
});
|
|
196
|
-
return null;
|
|
197
|
-
});
|
|
198
|
-
return dateRangeOptions;
|
|
125
|
+
_this.renderDateModalContent = function () {
|
|
126
|
+
return (react_2.default.createElement("div", { className: "px-3 sm:px-0" },
|
|
127
|
+
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 }),
|
|
128
|
+
react_2.default.createElement("div", { className: "flex flex-row mt-6 pt-32 justify-end" },
|
|
129
|
+
react_2.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
|
|
130
|
+
_this.handleResetDate();
|
|
131
|
+
_this.handleDateRangeModalVisible(false);
|
|
132
|
+
} }),
|
|
133
|
+
react_2.default.createElement(button_1.Button, { className: "ml-4", text: "Submit", size: "small", type: "normal", onClick: function () {
|
|
134
|
+
_this.handleSetData();
|
|
135
|
+
_this.handleDateRangeModalVisible(false);
|
|
136
|
+
} }))));
|
|
199
137
|
};
|
|
200
138
|
return _this;
|
|
201
139
|
}
|
|
202
140
|
LineChart.prototype.render = function () {
|
|
141
|
+
var _this = this;
|
|
142
|
+
var _a, _b, _c, _d;
|
|
203
143
|
var APEXModule = this.state.apexModule;
|
|
204
144
|
var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
|
|
205
145
|
if (this.props.containerStyle)
|
|
206
146
|
defaultClass += this.props.containerStyle;
|
|
207
|
-
return (
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
147
|
+
return (react_2.default.createElement(react_2.default.Fragment, null,
|
|
148
|
+
react_2.default.createElement(modal_1.Modal, { title: "Select Date Range", open: this.state.dateRangeModalVisible, lib: {
|
|
149
|
+
Dialog: react_1.Dialog,
|
|
150
|
+
Transition: react_1.Transition,
|
|
151
|
+
}, renderContent: this.renderDateModalContent, onClose: function () {
|
|
152
|
+
_this.handleResetDate();
|
|
153
|
+
_this.handleDateRangeModalVisible(false);
|
|
154
|
+
} }),
|
|
155
|
+
react_2.default.createElement("div", { className: defaultClass },
|
|
156
|
+
react_2.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
|
|
157
|
+
react_2.default.createElement("div", { className: "flex-1" },
|
|
158
|
+
react_2.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
|
|
213
159
|
this.props.tool),
|
|
214
|
-
|
|
160
|
+
react_2.default.createElement("div", { className: "w-11/12" }, APEXModule && (react_2.default.createElement(APEXModule, { height: this.props.chartHeight ? this.props.chartHeight : 300, options: {
|
|
215
161
|
chart: {
|
|
216
162
|
type: "line",
|
|
217
163
|
dropShadow: {
|
|
@@ -231,7 +177,7 @@ var LineChart = /** @class */ (function (_super) {
|
|
|
231
177
|
enabled: this.props.showDataLabels,
|
|
232
178
|
},
|
|
233
179
|
stroke: {
|
|
234
|
-
curve: "smooth",
|
|
180
|
+
curve: (_a = this.props.lineStroke) !== null && _a !== void 0 ? _a : "smooth",
|
|
235
181
|
},
|
|
236
182
|
grid: {
|
|
237
183
|
borderColor: "#e7e7e7",
|
|
@@ -247,7 +193,15 @@ var LineChart = /** @class */ (function (_super) {
|
|
|
247
193
|
categories: this.props.categories,
|
|
248
194
|
title: {
|
|
249
195
|
text: this.props.xaxisTitle,
|
|
250
|
-
|
|
196
|
+
offsetY: (_b = this.props.xaxisTitlePosition) !== null && _b !== void 0 ? _b : 80,
|
|
197
|
+
style: {
|
|
198
|
+
fontSize: "11",
|
|
199
|
+
fontWeight: "bold",
|
|
200
|
+
},
|
|
201
|
+
},
|
|
202
|
+
tickAmount: (_c = this.props.tickAmount) !== null && _c !== void 0 ? _c : 15,
|
|
203
|
+
labels: {
|
|
204
|
+
rotate: -65,
|
|
251
205
|
},
|
|
252
206
|
},
|
|
253
207
|
yaxis: {
|
|
@@ -263,6 +217,16 @@ var LineChart = /** @class */ (function (_super) {
|
|
|
263
217
|
offsetY: -25,
|
|
264
218
|
offsetX: -5,
|
|
265
219
|
},
|
|
220
|
+
responsive: [
|
|
221
|
+
{
|
|
222
|
+
breakpoint: 480,
|
|
223
|
+
options: {
|
|
224
|
+
xaxis: {
|
|
225
|
+
tickAmount: (_d = this.props.tickAmount) !== null && _d !== void 0 ? _d : 5,
|
|
226
|
+
},
|
|
227
|
+
},
|
|
228
|
+
},
|
|
229
|
+
],
|
|
266
230
|
}, series: this.props.multiLineSeries
|
|
267
231
|
? this.props.multiLineSeries
|
|
268
232
|
: [
|
|
@@ -270,9 +234,17 @@ var LineChart = /** @class */ (function (_super) {
|
|
|
270
234
|
name: this.props.seriesName,
|
|
271
235
|
data: this.props.seriesData,
|
|
272
236
|
},
|
|
273
|
-
], type: "line" })))
|
|
237
|
+
], type: "line" }))),
|
|
238
|
+
react_2.default.createElement("div", { className: "flex flex-col sm:flex-row w-full justify-center items-center" },
|
|
239
|
+
react_2.default.createElement("div", { className: "grow" }),
|
|
240
|
+
react_2.default.createElement("div", { className: "w-full mt-2 sm:w-56 sm:mt-0" },
|
|
241
|
+
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") +
|
|
242
|
+
" - " +
|
|
243
|
+
(0, moment_1.default)(this.props.customDate.endDate).format("DD-MM-YYYY"), onClick: function () {
|
|
244
|
+
_this.handleDateRangeModalVisible(true);
|
|
245
|
+
} }))))));
|
|
274
246
|
};
|
|
275
247
|
return LineChart;
|
|
276
|
-
}(
|
|
248
|
+
}(react_2.Component));
|
|
277
249
|
exports.LineChart = LineChart;
|
|
278
250
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA4B;AAC5B,6CAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -101,19 +101,39 @@ var PieChart = /** @class */ (function (_super) {
|
|
|
101
101
|
return _this;
|
|
102
102
|
}
|
|
103
103
|
PieChart.prototype.render = function () {
|
|
104
|
+
var _this = this;
|
|
104
105
|
var APEXModule = this.state.apexModule;
|
|
105
106
|
var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
|
|
106
107
|
if (this.props.containerStyle) {
|
|
107
108
|
defaultClass += this.props.containerStyle;
|
|
108
109
|
}
|
|
110
|
+
var seriesSum = this.props.series.length > 0
|
|
111
|
+
? this.props.series.reduce(function (acc, curr) { return acc + curr; }, 0)
|
|
112
|
+
: 0;
|
|
113
|
+
var labelList = this.props.series.length > 0
|
|
114
|
+
? this.props.series.map(function (value, index) {
|
|
115
|
+
return "".concat(_this.props.labels[index], " - ").concat(((value / seriesSum) *
|
|
116
|
+
100).toFixed(1), "% ");
|
|
117
|
+
})
|
|
118
|
+
: [""];
|
|
109
119
|
return (react_1.default.createElement("div", { className: defaultClass },
|
|
110
120
|
react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
|
|
111
121
|
react_1.default.createElement("div", { className: "flex-1" },
|
|
112
122
|
react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
|
|
113
123
|
this.props.tool),
|
|
114
|
-
react_1.default.createElement("div",
|
|
115
|
-
labels:
|
|
116
|
-
|
|
124
|
+
react_1.default.createElement("div", null, APEXModule && (react_1.default.createElement(APEXModule, { options: {
|
|
125
|
+
labels: labelList,
|
|
126
|
+
responsive: [
|
|
127
|
+
{
|
|
128
|
+
breakpoint: 480,
|
|
129
|
+
options: {
|
|
130
|
+
legend: {
|
|
131
|
+
position: "bottom",
|
|
132
|
+
},
|
|
133
|
+
},
|
|
134
|
+
},
|
|
135
|
+
],
|
|
136
|
+
}, series: this.props.series, type: "donut", height: this.props.chartSize ? this.props.chartSize : "280" })))));
|
|
117
137
|
};
|
|
118
138
|
return PieChart;
|
|
119
139
|
}(react_1.Component));
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -14,6 +14,7 @@ interface Props extends LinkProps {
|
|
|
14
14
|
customColor?: "red" | "orange" | "yellow" | "green" | "blue" | "indigo" | "violet";
|
|
15
15
|
onClick?: (id: string) => void;
|
|
16
16
|
handleChangeBars?: (value: any) => void;
|
|
17
|
+
handleDropEnd?: () => void;
|
|
17
18
|
}
|
|
18
19
|
export declare class Bars extends Component<Props> {
|
|
19
20
|
dragItem: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EACR,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EACR,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAe;IAC5B,YAAY,EAAE,GAAG,CAAe;IAChC,OAAO,EAAE,GAAG,CAAQ;IAEpB,iBAAiB;IAMjB,eAAe,mCAGb;IAEF,cAAc,uBAEZ;IAEF,eAAe,uBAQb;IAEF,UAAU,aAIR;IAEF,cAAc,SAAU,MAAM,YAAY,OAAO,cAAc,OAAO,YA0EpE;IAEF,MAAM;CAsEP"}
|
|
@@ -83,14 +83,10 @@ var Bars = /** @class */ (function (_super) {
|
|
|
83
83
|
_this.props.handleChangeBars(copiedBars);
|
|
84
84
|
};
|
|
85
85
|
_this.handleDrop = function () {
|
|
86
|
-
var copiedBars = __spreadArray([], _this.props.bars, true);
|
|
87
|
-
var dragItemContent = copiedBars[_this.dragItem.current];
|
|
88
|
-
copiedBars.splice(_this.dragItem.current, 1);
|
|
89
|
-
copiedBars.splice(_this.dragOverItem.current, 0, dragItemContent);
|
|
90
86
|
_this.dragItem.current = null;
|
|
91
87
|
_this.dragOverItem.current = null;
|
|
92
|
-
if (_this.props.
|
|
93
|
-
_this.props.
|
|
88
|
+
if (_this.props.handleDropEnd)
|
|
89
|
+
_this.props.handleDropEnd();
|
|
94
90
|
};
|
|
95
91
|
_this.renderBarColor = function (type, selected, isDragging) {
|
|
96
92
|
var className = "";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AACpD,8BAA4B;AAC5B,6CAAuD;AAEvD,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;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ interface Props extends LinkProps {
|
|
|
14
14
|
draggable?: boolean;
|
|
15
15
|
handleToggleLeftNavMobileMenu: () => void;
|
|
16
16
|
handleChangeNavigation?: (value: any) => void;
|
|
17
|
+
handleDropEnd?: () => void;
|
|
17
18
|
renderDashboardLogo: () => any;
|
|
18
19
|
renderDashboardContent: () => any;
|
|
19
20
|
renderDashboardHeaderContent: () => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,MAAM,GAAG,CAAC;IAC/B,sBAAsB,EAAE,MAAM,GAAG,CAAC;IAClC,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,4BAA4B,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1C;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,GAAG,CAAC;IAC/B,sBAAsB,EAAE,MAAM,GAAG,CAAC;IAClC,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,4BAA4B,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1C;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,UAAU,oBA0BR;IAEF,qBAAqB,oBAanB;IAEF,aAAa,oBA+CX;IAEF,MAAM;CAaP"}
|
|
@@ -55,7 +55,7 @@ var LeftNav = /** @class */ (function (_super) {
|
|
|
55
55
|
react_1.default.createElement(bars_1.Bars, { primaryColor: true, bars: _this.props.navigation, selectedId: _this.props.selectedId, draggable: _this.props.draggable, custom: _this.props.custom, linkType: _this.props.linkType, handleChangeBars: function (value) {
|
|
56
56
|
if (_this.props.handleChangeNavigation)
|
|
57
57
|
_this.props.handleChangeNavigation(value);
|
|
58
|
-
} })),
|
|
58
|
+
}, handleDropEnd: _this.props.handleDropEnd })),
|
|
59
59
|
react_1.default.createElement("div", { className: "grow" }),
|
|
60
60
|
_this.props.renderDashboardFooterContent && (react_1.default.createElement("div", { className: "flex flex-shrink-0 border-t border-gray-200 p-4" }, _this.props.renderDashboardFooterContent()))));
|
|
61
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAmE;AACnE,6CAAyC;AACzC,8BAA4B;AAC5B,sDAAqD;AACrD,uDAAsD;AAEtD,gCAA+B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAe;IAC5B,YAAY,EAAE,GAAG,CAAe;IAChC,OAAO,EAAE,GAAG,CAAQ;IAEpB,iBAAiB;IAMjB,eAAe,mCAGb;IAEF,cAAc,uBAEZ;IAEF,eAAe,uBAQb;IAEF,UAAU,aAIR;IAEF,MAAM;CA4DP"}
|
|
@@ -83,14 +83,10 @@ var Tabs = /** @class */ (function (_super) {
|
|
|
83
83
|
_this.props.handleChangeTabs(copiedTabs);
|
|
84
84
|
};
|
|
85
85
|
_this.handleDrop = function () {
|
|
86
|
-
var copiedTabs = __spreadArray([], _this.props.tabs, true);
|
|
87
|
-
var dragItemContent = copiedTabs[_this.dragItem.current];
|
|
88
|
-
copiedTabs.splice(_this.dragItem.current, 1);
|
|
89
|
-
copiedTabs.splice(_this.dragOverItem.current, 0, dragItemContent);
|
|
90
86
|
_this.dragItem.current = null;
|
|
91
87
|
_this.dragOverItem.current = null;
|
|
92
|
-
if (_this.props.
|
|
93
|
-
_this.props.
|
|
88
|
+
if (_this.props.handleDropEnd)
|
|
89
|
+
_this.props.handleDropEnd();
|
|
94
90
|
};
|
|
95
91
|
return _this;
|
|
96
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AACpD,8BAA4B;AAC5B,6CAAuD;AAEvD,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;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Component } from "react";
|
|
2
|
-
interface Props {
|
|
3
|
-
open: boolean;
|
|
4
|
-
title: string;
|
|
5
|
-
startDate: Date;
|
|
6
|
-
endDate: Date;
|
|
7
|
-
dateRangeError: string;
|
|
8
|
-
onChange: (e: any, id: string) => void;
|
|
9
|
-
onClick: () => void;
|
|
10
|
-
onClose: () => void;
|
|
11
|
-
}
|
|
12
|
-
interface State {
|
|
13
|
-
date: Date | null;
|
|
14
|
-
}
|
|
15
|
-
export default class DateRangeModal extends Component<Props> {
|
|
16
|
-
state: State;
|
|
17
|
-
renderTimeOptions: () => any[];
|
|
18
|
-
render(): JSX.Element;
|
|
19
|
-
}
|
|
20
|
-
export {};
|
|
21
|
-
//# sourceMappingURL=DateRangeModal.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeModal.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/DateRangeModal.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAInD,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB;AAGD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1D,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB,cAef;IAEF,MAAM;CA2GP"}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
-
}
|
|
23
|
-
Object.defineProperty(o, k2, desc);
|
|
24
|
-
}) : (function(o, m, k, k2) {
|
|
25
|
-
if (k2 === undefined) k2 = k;
|
|
26
|
-
o[k2] = m[k];
|
|
27
|
-
}));
|
|
28
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
-
}) : function(o, v) {
|
|
31
|
-
o["default"] = v;
|
|
32
|
-
});
|
|
33
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
-
if (mod && mod.__esModule) return mod;
|
|
35
|
-
var result = {};
|
|
36
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
-
__setModuleDefault(result, mod);
|
|
38
|
-
return result;
|
|
39
|
-
};
|
|
40
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
var react_1 = require("@headlessui/react");
|
|
45
|
-
var moment_1 = __importDefault(require("moment"));
|
|
46
|
-
var react_2 = __importStar(require("react"));
|
|
47
|
-
var react_datepicker_1 = __importDefault(require("react-datepicker"));
|
|
48
|
-
var button_1 = require("../../action/button");
|
|
49
|
-
//TODO : Change Date Range for time + use own Date Picker
|
|
50
|
-
var DateRangeModal = /** @class */ (function (_super) {
|
|
51
|
-
__extends(DateRangeModal, _super);
|
|
52
|
-
function DateRangeModal() {
|
|
53
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
54
|
-
_this.state = {
|
|
55
|
-
date: null,
|
|
56
|
-
};
|
|
57
|
-
_this.renderTimeOptions = function () {
|
|
58
|
-
var fromTime = (0, moment_1.default)().startOf("day");
|
|
59
|
-
var toTime = (0, moment_1.default)().endOf("day");
|
|
60
|
-
var duration = moment_1.default.duration(toTime.diff(fromTime));
|
|
61
|
-
var diff = duration.hours();
|
|
62
|
-
var timeList = [];
|
|
63
|
-
for (var i = 0; diff >= i; i++) {
|
|
64
|
-
var result = (0, moment_1.default)(fromTime).add(i, "hours").format("HH:mm");
|
|
65
|
-
timeList.push({
|
|
66
|
-
title: result,
|
|
67
|
-
key: result,
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
return timeList;
|
|
71
|
-
};
|
|
72
|
-
return _this;
|
|
73
|
-
}
|
|
74
|
-
DateRangeModal.prototype.render = function () {
|
|
75
|
-
var _this = this;
|
|
76
|
-
return (react_2.default.createElement(react_1.Transition.Root, { show: this.props.open, as: react_2.Fragment },
|
|
77
|
-
react_2.default.createElement(react_1.Dialog, { as: "div", static: true, className: "fixed z-10 inset-0 overflow-y-auto", open: this.props.open, onClose: this.props.onClose },
|
|
78
|
-
react_2.default.createElement("div", { className: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" },
|
|
79
|
-
react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
|
|
80
|
-
react_2.default.createElement(react_1.Dialog.Overlay, { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })),
|
|
81
|
-
react_2.default.createElement("span", { className: "hidden sm:inline-block sm:align-middle sm:h-screen", "aria-hidden": "true" }, "\u200B"),
|
|
82
|
-
react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", enterTo: "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 translate-y-0 sm:scale-100", leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" },
|
|
83
|
-
react_2.default.createElement("div", { className: "inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-10 text-left overflow-hidden shadow-xl transform transition-all w-full sm:my-8 sm:align-middle sm:max-w-lg sm:p-6" },
|
|
84
|
-
react_2.default.createElement("div", null,
|
|
85
|
-
react_2.default.createElement("div", { className: "border-b border-gray-200 pb-4" },
|
|
86
|
-
react_2.default.createElement(react_1.Dialog.Title, { as: "h3", className: "text-lg leading-6 font-medium text-gray-900" }, "Select Date Range")),
|
|
87
|
-
react_2.default.createElement("div", { className: "grid grid-cols-1 gap-5 pb-80 mt-4 sm:grid-cols-2" },
|
|
88
|
-
react_2.default.createElement("div", { className: "flex flex-col" },
|
|
89
|
-
react_2.default.createElement("div", { className: "font-medium text-sm m-1" }, "Start Date"),
|
|
90
|
-
react_2.default.createElement(react_datepicker_1.default, { dateFormat: "dd/MM/yy", selected: this.props.startDate, onChange: function (date) {
|
|
91
|
-
_this.props.onChange(date, "startDate");
|
|
92
|
-
}, selectsStart: true, startDate: this.props.startDate, endDate: this.props.endDate, nextMonthButtonLabel: ">", previousMonthButtonLabel: "<" })),
|
|
93
|
-
react_2.default.createElement("div", { className: "flex flex-col" },
|
|
94
|
-
react_2.default.createElement("div", { className: "font-medium text-sm m-1 " }, "End Date"),
|
|
95
|
-
react_2.default.createElement(react_datepicker_1.default, { dateFormat: "dd/MM/yy", selected: this.props.endDate, onChange: function (date) {
|
|
96
|
-
_this.props.onChange(date, "endDate");
|
|
97
|
-
}, selectsStart: true, startDate: this.props.startDate, endDate: this.props.endDate, nextMonthButtonLabel: ">", previousMonthButtonLabel: "<" }),
|
|
98
|
-
react_2.default.createElement("span", { className: "text-red-500 text-sm" }, this.props.dateRangeError))),
|
|
99
|
-
react_2.default.createElement("div", { className: "flex flex-row justify-end" },
|
|
100
|
-
react_2.default.createElement(button_1.Button, { size: "small", text: "Cancel", className: "mr-4", type: "light", onClick: this.props.onClose }),
|
|
101
|
-
react_2.default.createElement(button_1.Button, { size: "small", text: "Confirm", type: "normal", onClick: this.props.onClick })))))))));
|
|
102
|
-
};
|
|
103
|
-
return DateRangeModal;
|
|
104
|
-
}(react_2.Component));
|
|
105
|
-
exports.default = DateRangeModal;
|
|
106
|
-
//# sourceMappingURL=DateRangeModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeModal.js","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/DateRangeModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Component } from "react";
|
|
2
|
-
export interface Option {
|
|
3
|
-
key: string;
|
|
4
|
-
title: string;
|
|
5
|
-
}
|
|
6
|
-
interface Props {
|
|
7
|
-
id: string;
|
|
8
|
-
options: Option[];
|
|
9
|
-
value: string;
|
|
10
|
-
range?: {
|
|
11
|
-
startDate: Date;
|
|
12
|
-
endDate: Date;
|
|
13
|
-
} | null;
|
|
14
|
-
error?: string;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
onChange?: (id: string, key: string) => void;
|
|
17
|
-
}
|
|
18
|
-
export default class DateRangeSelect extends Component<Props> {
|
|
19
|
-
state: {
|
|
20
|
-
onFocus: boolean;
|
|
21
|
-
};
|
|
22
|
-
handleShowInput: (onFocus: boolean) => void;
|
|
23
|
-
handleOnChange: (key: string) => void;
|
|
24
|
-
renderOptions: () => any;
|
|
25
|
-
renderSelectedResult: () => JSX.Element;
|
|
26
|
-
render(): JSX.Element;
|
|
27
|
-
}
|
|
28
|
-
export {};
|
|
29
|
-
//# sourceMappingURL=DateRangeSelect.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/DateRangeSelect.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QAAE,SAAS,EAAE,IAAI,CAAC;QAAC,OAAO,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAGD,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3D,KAAK;;MAEH;IAEF,eAAe,YAAa,OAAO,UAMjC;IAEF,cAAc,QAAS,MAAM,UAK3B;IAEF,aAAa,YAuBX;IAEF,oBAAoB,oBAyBlB;IAEF,MAAM;CA6CP"}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
-
}
|
|
23
|
-
Object.defineProperty(o, k2, desc);
|
|
24
|
-
}) : (function(o, m, k, k2) {
|
|
25
|
-
if (k2 === undefined) k2 = k;
|
|
26
|
-
o[k2] = m[k];
|
|
27
|
-
}));
|
|
28
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
-
}) : function(o, v) {
|
|
31
|
-
o["default"] = v;
|
|
32
|
-
});
|
|
33
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
-
if (mod && mod.__esModule) return mod;
|
|
35
|
-
var result = {};
|
|
36
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
-
__setModuleDefault(result, mod);
|
|
38
|
-
return result;
|
|
39
|
-
};
|
|
40
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
var outline_1 = require("@heroicons/react/24/outline");
|
|
45
|
-
var moment_1 = __importDefault(require("moment"));
|
|
46
|
-
var react_1 = __importStar(require("react"));
|
|
47
|
-
//TODO : Change this to Select.ts
|
|
48
|
-
var DateRangeSelect = /** @class */ (function (_super) {
|
|
49
|
-
__extends(DateRangeSelect, _super);
|
|
50
|
-
function DateRangeSelect() {
|
|
51
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
52
|
-
_this.state = {
|
|
53
|
-
onFocus: false,
|
|
54
|
-
};
|
|
55
|
-
_this.handleShowInput = function (onFocus) {
|
|
56
|
-
setTimeout(function () {
|
|
57
|
-
_this.setState({
|
|
58
|
-
onFocus: onFocus,
|
|
59
|
-
});
|
|
60
|
-
}, 200);
|
|
61
|
-
};
|
|
62
|
-
_this.handleOnChange = function (key) {
|
|
63
|
-
if (_this.props.onChange) {
|
|
64
|
-
_this.props.onChange(_this.props.id, key);
|
|
65
|
-
}
|
|
66
|
-
_this.handleShowInput(false);
|
|
67
|
-
};
|
|
68
|
-
_this.renderOptions = function () {
|
|
69
|
-
var optionView = [];
|
|
70
|
-
_this.props.options.map(function (eachOption) {
|
|
71
|
-
optionView.push(react_1.default.createElement("li", { key: eachOption.key, className: "text-gray-900 cursor-default select-none relative px-5 py-3 hover:bg-primary-300 group", onClick: _this.handleOnChange.bind(_this, eachOption.key) },
|
|
72
|
-
react_1.default.createElement("span", { className: "font-normal block text-xs truncate group-hover:text-white" }, eachOption.title),
|
|
73
|
-
_this.props.value === eachOption.key && (react_1.default.createElement("span", { className: "text-primary-600 absolute inset-y-0 right-0 flex items-center pr-4 group-hover:text-white" },
|
|
74
|
-
react_1.default.createElement(outline_1.CheckIcon, { className: "h-5 w-5" })))));
|
|
75
|
-
return null;
|
|
76
|
-
});
|
|
77
|
-
return optionView;
|
|
78
|
-
};
|
|
79
|
-
_this.renderSelectedResult = function () {
|
|
80
|
-
var _a;
|
|
81
|
-
var selectedValue = "";
|
|
82
|
-
if (_this.props.range) {
|
|
83
|
-
var startDay = (0, moment_1.default)(_this.props.range.startDate).format("DD/MM/YYYY");
|
|
84
|
-
var endDay = (0, moment_1.default)(_this.props.range.endDate).format("DD/MM/YYYY");
|
|
85
|
-
if (startDay === endDay) {
|
|
86
|
-
selectedValue = "".concat(startDay, " - Custom Time");
|
|
87
|
-
}
|
|
88
|
-
else {
|
|
89
|
-
selectedValue = "".concat(startDay, " - ").concat(endDay);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
else {
|
|
93
|
-
_this.props.options.map(function (eachOption) {
|
|
94
|
-
if (eachOption.key === _this.props.value) {
|
|
95
|
-
selectedValue = eachOption.title;
|
|
96
|
-
}
|
|
97
|
-
return null;
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
var className = "block truncate text-primary-600 font-bold";
|
|
101
|
-
if (!selectedValue) {
|
|
102
|
-
selectedValue = (_a = _this.props.placeholder) !== null && _a !== void 0 ? _a : "Placeholder";
|
|
103
|
-
}
|
|
104
|
-
return react_1.default.createElement("span", { className: className }, selectedValue);
|
|
105
|
-
};
|
|
106
|
-
return _this;
|
|
107
|
-
}
|
|
108
|
-
DateRangeSelect.prototype.render = function () {
|
|
109
|
-
var buttonClassName = "bg-white w-full relative rounded-md px-5 py-3 text-left text-xs cursor-default focus:outline-none focus:border-primary-500";
|
|
110
|
-
var optionClassName = "absolute z-10 mt-1 w-full bg-white shadow-lg rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm";
|
|
111
|
-
if (this.props.error) {
|
|
112
|
-
buttonClassName += " border-red-300";
|
|
113
|
-
}
|
|
114
|
-
return (react_1.default.createElement("div", { className: "mt-1 relative" },
|
|
115
|
-
react_1.default.createElement("button", { type: "button", className: buttonClassName, "aria-haspopup": "listbox", "aria-expanded": "true", "aria-labelledby": "listbox-label", onClick: this.handleShowInput.bind(this, !this.state.onFocus), onFocus: this.handleShowInput.bind(this, true), onBlur: this.handleShowInput.bind(this, false) },
|
|
116
|
-
this.renderSelectedResult(),
|
|
117
|
-
react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" },
|
|
118
|
-
react_1.default.createElement("svg", { className: "h-5 w-5 text-primary-600", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" },
|
|
119
|
-
react_1.default.createElement("path", { fillRule: "evenodd", d: "M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z", clipRule: "evenodd" })))),
|
|
120
|
-
this.state.onFocus && (react_1.default.createElement("ul", { className: optionClassName }, this.renderOptions())),
|
|
121
|
-
react_1.default.createElement("span", { className: "text-red-500 text-sm" }, this.props.error)));
|
|
122
|
-
};
|
|
123
|
-
return DateRangeSelect;
|
|
124
|
-
}(react_1.Component));
|
|
125
|
-
exports.default = DateRangeSelect;
|
|
126
|
-
//# sourceMappingURL=DateRangeSelect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeSelect.js","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/DateRangeSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAwD;AACxD,kDAA4B;AAC5B,6CAAyC;AAiBzC,iCAAiC;AACjC;IAA6C,mCAAgB;IAA7D;QAAA,qEAqHC;QApHC,WAAK,GAAG;YACN,OAAO,EAAE,KAAK;SACf,CAAC;QAEF,qBAAe,GAAG,UAAC,OAAgB;YACjC,UAAU,CAAC;gBACT,KAAI,CAAC,QAAQ,CAAC;oBACZ,OAAO,SAAA;iBACR,CAAC,CAAC;YACL,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC;QAEF,oBAAc,GAAG,UAAC,GAAW;YAC3B,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAI,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;aACzC;YACD,KAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,mBAAa,GAAG;YACd,IAAI,UAAU,GAAQ,EAAE,CAAC;YACzB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,UAAU;gBAChC,UAAU,CAAC,IAAI,CACb,sCACE,GAAG,EAAE,UAAU,CAAC,GAAG,EACnB,SAAS,EAAC,wFAAwF,EAClG,OAAO,EAAE,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAI,EAAE,UAAU,CAAC,GAAG,CAAC;oBAEvD,wCAAM,SAAS,EAAC,2DAA2D,IACxE,UAAU,CAAC,KAAK,CACZ;oBACN,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,GAAG,IAAI,CACtC,wCAAM,SAAS,EAAC,2FAA2F;wBACzG,8BAAC,mBAAS,IAAC,SAAS,EAAC,SAAS,GAAG,CAC5B,CACR,CACE,CACN,CAAC;gBACF,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YAEH,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC;QAEF,0BAAoB,GAAG;;YACrB,IAAI,aAAa,GAAG,EAAE,CAAC;YACvB,IAAI,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE;gBACpB,IAAM,QAAQ,GAAG,IAAA,gBAAM,EAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;gBACzE,IAAM,MAAM,GAAG,IAAA,gBAAM,EAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;gBACrE,IAAI,QAAQ,KAAK,MAAM,EAAE;oBACvB,aAAa,GAAG,UAAG,QAAQ,mBAAgB,CAAC;iBAC7C;qBAAM;oBACL,aAAa,GAAG,UAAG,QAAQ,gBAAM,MAAM,CAAE,CAAC;iBAC3C;aACF;iBAAM;gBACL,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,UAAU;oBAChC,IAAI,UAAU,CAAC,GAAG,KAAK,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE;wBACvC,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC;qBAClC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CAAC;aACJ;YAED,IAAM,SAAS,GAAG,2CAA2C,CAAC;YAC9D,IAAI,CAAC,aAAa,EAAE;gBAClB,aAAa,GAAG,MAAA,KAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,aAAa,CAAC;aACzD;YAED,OAAO,wCAAM,SAAS,EAAE,SAAS,IAAG,aAAa,CAAQ,CAAC;QAC5D,CAAC,CAAC;;IA+CJ,CAAC;IA7CC,gCAAM,GAAN;QACE,IAAI,eAAe,GACjB,4HAA4H,CAAC;QAE/H,IAAI,eAAe,GACjB,qJAAqJ,CAAC;QACxJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,eAAe,IAAI,iBAAiB,CAAC;SACtC;QACD,OAAO,CACL,uCAAK,SAAS,EAAC,eAAe;YAC5B,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,eAAe,mBACZ,SAAS,mBACT,MAAM,qBACJ,eAAe,EAC/B,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAC7D,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAC9C,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;gBAE7C,IAAI,CAAC,oBAAoB,EAAE;gBAC5B,wCAAM,SAAS,EAAC,uEAAuE;oBACrF,uCACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,iBACP,MAAM;wBAElB,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gOAAgO,EAClO,QAAQ,EAAC,SAAS,GAClB,CACE,CACD,CACA;YACR,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CACrB,sCAAI,SAAS,EAAE,eAAe,IAAG,IAAI,CAAC,aAAa,EAAE,CAAM,CAC5D;YACD,wCAAM,SAAS,EAAC,sBAAsB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ,CAC5D,CACP,CAAC;IACJ,CAAC;IACH,sBAAC;AAAD,CAAC,AArHD,CAA6C,iBAAS,GAqHrD"}
|