empower-container 0.1.9 → 0.1.12
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/README.md +70 -2
- package/{src/main → dist}/assets/Asset.d.ts +0 -0
- package/{src/main → dist}/assets/Asset.js +0 -0
- package/{src/main → dist}/assets/Asset.tsx +0 -0
- package/{src/main → dist}/assets/icons/icon-check-white-sm.svg +0 -0
- package/{src/main → dist}/assets/images/icon-arrowdown-graydark.svg +0 -0
- package/{src/main → dist}/assets/images/icon-arrowleft-graydark.svg +0 -0
- package/{src/main → dist}/assets/images/icon-arrowright-graydark.svg +0 -0
- package/{src/main → dist}/assets/images/icon-arrowup-graydark.svg +0 -0
- package/{src/main → dist}/assets/images/icon-check-graydark.svg +0 -0
- package/dist/cjs/MenuBar.js +7 -7
- package/dist/esm/MenuBar.js +7 -7
- package/dist/scss/elements/_button.scss +5 -5
- package/dist/scss/library/_menubar.scss +41 -11
- package/dist/scss/library/_select.scss +6 -5
- package/package.json +2 -2
- package/public/favicon.ico +0 -0
- package/public/index.html +0 -43
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +0 -25
- package/public/robots.txt +0 -3
- package/src/index.tsx +0 -15
- package/src/main/DatetimeFormatter.d.ts +0 -3
- package/src/main/DatetimeFormatter.js +0 -389
- package/src/main/DatetimeFormatter.tsx +0 -392
- package/src/main/Information.d.ts +0 -10
- package/src/main/Information.js +0 -65
- package/src/main/Information.tsx +0 -112
- package/src/main/MenuBar.d.ts +0 -24
- package/src/main/MenuBar.js +0 -650
- package/src/main/MenuBar.tsx +0 -1072
- package/src/main/Modal.d.ts +0 -33
- package/src/main/Modal.js +0 -24
- package/src/main/Modal.tsx +0 -83
- package/src/main/constants/Constant.d.ts +0 -15
- package/src/main/constants/Constant.js +0 -44
- package/src/main/index.d.ts +0 -3
- package/src/main/index.js +0 -10
- package/src/main/index.tsx +0 -5
- package/src/main/inputs/Input.d.ts +0 -25
- package/src/main/inputs/Input.js +0 -135
- package/src/main/inputs/Input.tsx +0 -193
- package/src/main/inputs/InputSelectionHandler.d.ts +0 -2
- package/src/main/inputs/InputSelectionHandler.js +0 -36
- package/src/main/inputs/InputSelectionHandler.tsx +0 -21
- package/src/main/inputs/Select.d.ts +0 -28
- package/src/main/inputs/Select.js +0 -456
- package/src/main/inputs/Select.tsx +0 -654
- package/src/main/tsconfig.common.json +0 -34
- package/src/main/tsconfig.json +0 -35
- package/src/sample/App.css +0 -38
- package/src/sample/App.d.ts +0 -3
- package/src/sample/App.js +0 -13
- package/src/sample/App.test.d.ts +0 -1
- package/src/sample/App.test.js +0 -13
- package/src/sample/App.test.tsx +0 -9
- package/src/sample/App.tsx +0 -15
- package/src/sample/TestMenuBar.d.ts +0 -2
- package/src/sample/TestMenuBar.js +0 -508
- package/src/sample/TestMenuBar.tsx +0 -362
- package/src/sample/react-app-env.d.ts +0 -1
- package/src/sample/reportWebVitals.d.ts +0 -3
- package/src/sample/reportWebVitals.js +0 -38
- package/src/sample/reportWebVitals.ts +0 -15
- package/src/sample/setupTests.d.ts +0 -1
- package/src/sample/setupTests.js +0 -7
- package/src/sample/setupTests.ts +0 -5
- package/src/sample/tsconfig.json +0 -36
- package/src/scss/components/_modal.scss +0 -66
- package/src/scss/elements/_button.scss +0 -107
- package/src/scss/elements/_index.scss +0 -2
- package/src/scss/elements/_popover.scss +0 -8
- package/src/scss/foundation/_colors.scss +0 -60
- package/src/scss/foundation/_mixins.scss +0 -41
- package/src/scss/foundation/_normalize.scss +0 -204
- package/src/scss/foundation/_settings.scss +0 -36
- package/src/scss/foundation/_typography.scss +0 -95
- package/src/scss/library/_information.scss +0 -68
- package/src/scss/library/_input.scss +0 -37
- package/src/scss/library/_menubar.scss +0 -225
- package/src/scss/library/_select.scss +0 -258
- package/src/scss/style.scss +0 -24
@@ -1,392 +0,0 @@
|
|
1
|
-
/* eslint-disable no-useless-concat */
|
2
|
-
const daysWeekNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
3
|
-
const daysWeekNamesFull = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Sat'];
|
4
|
-
const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
5
|
-
const monthNamesFull = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
6
|
-
const addZero = (i: any) => {
|
7
|
-
let num;
|
8
|
-
if (i < 10) {
|
9
|
-
|
10
|
-
num = "0" + i;
|
11
|
-
}
|
12
|
-
return num;
|
13
|
-
}
|
14
|
-
|
15
|
-
export const getUTCFullTime = (d: any) => {
|
16
|
-
if (Object.prototype.toString.call(d) === '[object Date]') {
|
17
|
-
var h = addZero(d.getUTCHours());
|
18
|
-
var m = addZero(d.getUTCMinutes());
|
19
|
-
var s = addZero(d.getUTCSeconds());
|
20
|
-
return h + ":" + m + ":" + s;
|
21
|
-
} else {
|
22
|
-
return '';
|
23
|
-
}
|
24
|
-
}
|
25
|
-
|
26
|
-
const datetimeFormatter = (timestamp: string | Date | any, format: string = "datetime", todayServer: any = null, type: any = null, getServerTime: boolean = false, dateOnly: boolean = false) => {
|
27
|
-
try {
|
28
|
-
let iosDate: any;
|
29
|
-
if (timestamp && (timestamp.constructor === String || timestamp.constructor === Date || (timestamp.constructor === Object && timestamp.dateTimeStamp))) {
|
30
|
-
let date = null;
|
31
|
-
let arrayDate = [];
|
32
|
-
|
33
|
-
todayServer = todayServer && todayServer.constructor === String ? todayServer.replace('+00', '') : null
|
34
|
-
|
35
|
-
if (type === 'time') {
|
36
|
-
timestamp = '2021-01-01 ' + timestamp //add date when the passed timestamp is time only and the desired format is time (use to fix NaN return)
|
37
|
-
}
|
38
|
-
|
39
|
-
if (timestamp === "today") {
|
40
|
-
date = new Date();
|
41
|
-
} else {
|
42
|
-
|
43
|
-
|
44
|
-
if (timestamp && timestamp.constructor === String) {
|
45
|
-
timestamp = timestamp.replace('+00', ''); //removing unnecessary gmt from backend as the time is already in ph
|
46
|
-
arrayDate = timestamp.split(/[- :.]/);
|
47
|
-
} else if (timestamp.constructor === Object && timestamp.dateTimeStamp && timestamp.source && timestamp.source === "v3") {
|
48
|
-
// this will be used if the datetime from api is set to UTC already
|
49
|
-
timestamp = timestamp.dateTimeStamp; //removing unnecessary gmt from backend as the time is already in ph
|
50
|
-
arrayDate = timestamp.split(/[- :.]/);
|
51
|
-
}
|
52
|
-
|
53
|
-
if (arrayDate.length === 3) {
|
54
|
-
iosDate = new Date(arrayDate[0], arrayDate[1] - 1, arrayDate[2], arrayDate[3]);
|
55
|
-
} else if (arrayDate.length >= 5 && arrayDate.length <= 8) {
|
56
|
-
iosDate = new Date(arrayDate[0], arrayDate[1] - 1, arrayDate[2], arrayDate[3], arrayDate[4], arrayDate[5]);
|
57
|
-
} else if (arrayDate.length >= 9) {
|
58
|
-
// new implementation for safari and for the node datetime
|
59
|
-
iosDate = new Date(arrayDate[0] + " " + arrayDate[1] + " " + arrayDate[2] + " " + arrayDate[3] + " " + arrayDate[4] + ":" + arrayDate[5] + ":" + arrayDate[6] + " GMT");
|
60
|
-
} else {
|
61
|
-
iosDate = new Date(timestamp);
|
62
|
-
}
|
63
|
-
|
64
|
-
|
65
|
-
//checking if the function used the getServerTime
|
66
|
-
if (getServerTime) {
|
67
|
-
date = new Date(timestamp);
|
68
|
-
} else {
|
69
|
-
if (dateOnly) {
|
70
|
-
date = new Date(timestamp).toLocaleString('en-US', { timeZone: 'GMT' }); //making the date picked as the default gmt so that the new date wont adjust by timezone
|
71
|
-
date = new Date(date);
|
72
|
-
} else {
|
73
|
-
let currentTz = Intl.DateTimeFormat().resolvedOptions().timeZone;
|
74
|
-
date = new Date(timestamp).toLocaleString('en-US', { timeZone: currentTz }); //making the date picked as the default gmt so that the new date wont adjust by timezone
|
75
|
-
date = new Date(date);
|
76
|
-
}
|
77
|
-
}
|
78
|
-
|
79
|
-
// for firefox
|
80
|
-
|
81
|
-
if (date) {
|
82
|
-
let splitTimeStampBySpace = timestamp.split(' ');
|
83
|
-
if (splitTimeStampBySpace.length === 2) {
|
84
|
-
if (isNaN(parseInt(splitTimeStampBySpace[0])) && splitTimeStampBySpace[1]) {
|
85
|
-
date = new Date(`${splitTimeStampBySpace[0]} 01, ${splitTimeStampBySpace[1]}`);
|
86
|
-
}
|
87
|
-
}
|
88
|
-
}
|
89
|
-
}
|
90
|
-
|
91
|
-
if ((date && date.toString() !== 'Invalid Date') || (iosDate && iosDate.toString() !== 'Invalid Date')) {
|
92
|
-
|
93
|
-
//get DATE
|
94
|
-
let dayName = daysWeekNames[isNaN(date.getDay()) ? iosDate.getDay() : date.getDay()];
|
95
|
-
let dayNameFull = daysWeekNamesFull[isNaN(date.getDay()) ? iosDate.getDay() : date.getDay()];
|
96
|
-
let dayDate = ("0" + (isNaN(date.getDate()) ? iosDate.getDate() : date.getDate())).slice(-2);
|
97
|
-
let monthName = monthNames[isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth()];
|
98
|
-
let monthNameFull = monthNamesFull[isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth()];
|
99
|
-
let year = isNaN(date.getFullYear()) ? iosDate.getFullYear() : date.getFullYear();
|
100
|
-
let MonthNumeric = ("0" + (isNaN(date.getMonth()) ? (iosDate.getMonth() + 1) : (date.getMonth() + 1))).slice(-2);
|
101
|
-
let firstDay = new Date(year, isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth(), 1);
|
102
|
-
let lastDay = new Date(year, (isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth()) + 1, 0);
|
103
|
-
let monthFirstDay = ("0" + firstDay.getDate()).slice(-2);
|
104
|
-
let monthLastDay = ("0" + lastDay.getDate()).slice(-2);
|
105
|
-
|
106
|
-
//get TIME
|
107
|
-
let hours = isNaN(date.getHours()) ? iosDate.getHours() : date.getHours();
|
108
|
-
let minutes = isNaN(date.getMinutes()) ? iosDate.getMinutes() : date.getMinutes();
|
109
|
-
let seconds = isNaN(date.getSeconds()) ? iosDate.getSeconds() : date.getSeconds();
|
110
|
-
let ampm = hours >= 12 ? 'PM' : 'AM';
|
111
|
-
hours = hours % 12;
|
112
|
-
hours = hours ? hours : 12; // the hour '0' should be '12'
|
113
|
-
minutes = minutes < 10 ? '0' + minutes : minutes;
|
114
|
-
seconds = seconds < 10 ? '0' + seconds : seconds;
|
115
|
-
let strTime = hours + ':' + minutes + ' ' + ampm;
|
116
|
-
let today = new Date();
|
117
|
-
|
118
|
-
if (todayServer !== null) {
|
119
|
-
today = new Date(todayServer);
|
120
|
-
}
|
121
|
-
|
122
|
-
let todayTS = Math.round((today).getTime() / 1000);
|
123
|
-
let dateTS = Math.round((date).getTime() / 1000);
|
124
|
-
let newFormat = null;
|
125
|
-
|
126
|
-
switch (format) {
|
127
|
-
case "datetime":
|
128
|
-
// Mon, 01 Jan 2020 at 12:00PM
|
129
|
-
newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime;
|
130
|
-
break;
|
131
|
-
case "datetime-no-day":
|
132
|
-
// 01 Jan 2020 at 12:00PM
|
133
|
-
newFormat = dayDate + " " + monthName + " " + year + " at " + strTime;
|
134
|
-
break;
|
135
|
-
case "date":
|
136
|
-
// Mon, 01 Jan 2020
|
137
|
-
newFormat = dayName + ", " + dayDate + " " + monthName + " " + year;
|
138
|
-
break;
|
139
|
-
case "momentsAgo":
|
140
|
-
let diff = 0;
|
141
|
-
let diffMinute = 0;
|
142
|
-
if (todayTS >= dateTS) {
|
143
|
-
//check if 24hours has been passed
|
144
|
-
if (todayTS >= (dateTS + 86400)) {
|
145
|
-
newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime;
|
146
|
-
} else {
|
147
|
-
//check if hour has been passed
|
148
|
-
if (todayTS >= dateTS + 3600) {
|
149
|
-
diff = todayTS - dateTS;
|
150
|
-
if (diff === 0) {
|
151
|
-
newFormat = "An hour ago";
|
152
|
-
}
|
153
|
-
let diffHour = diff / 3600;
|
154
|
-
diffHour = ~~diffHour
|
155
|
-
newFormat = diffHour === 1 ? "An hour ago" : diffHour + " hours ago";
|
156
|
-
} else {
|
157
|
-
//check if a minute has been passed
|
158
|
-
if (todayTS >= dateTS + 60) {
|
159
|
-
diff = todayTS - dateTS;
|
160
|
-
if (diff === 0) {
|
161
|
-
newFormat = "A minute ago";
|
162
|
-
}
|
163
|
-
diffMinute = diff / 60;
|
164
|
-
diffMinute = ~~diffMinute
|
165
|
-
newFormat = diffMinute === 1 ? "A minute ago" : diffMinute + " minutes ago";
|
166
|
-
} else {
|
167
|
-
let diff = todayTS - dateTS;
|
168
|
-
if (diff === 0 || diff <= 10) {
|
169
|
-
newFormat = "Few seconds ago";
|
170
|
-
} else {
|
171
|
-
newFormat = "Few seconds ago";
|
172
|
-
}
|
173
|
-
}
|
174
|
-
}
|
175
|
-
}
|
176
|
-
} else {
|
177
|
-
newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime;
|
178
|
-
}
|
179
|
-
|
180
|
-
break;
|
181
|
-
case "momentsAgoConvo":
|
182
|
-
let diffHour = 0;
|
183
|
-
if (todayTS >= dateTS) {
|
184
|
-
//check if 24hours has been passed
|
185
|
-
if (todayTS >= (dateTS + 86400)) {
|
186
|
-
newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime + " (PH)";
|
187
|
-
} else {
|
188
|
-
//check if hour has been passed
|
189
|
-
if (todayTS >= dateTS + 3600) {
|
190
|
-
let diff = todayTS - dateTS;
|
191
|
-
if (diff === 0) {
|
192
|
-
newFormat = "An hour ago";
|
193
|
-
}
|
194
|
-
diffHour = diff / 3600;
|
195
|
-
diffHour = ~~diffHour
|
196
|
-
newFormat = diffHour === 1 ? "An hour ago" : diffHour + " hours ago";
|
197
|
-
} else {
|
198
|
-
//check if a minute has been passed
|
199
|
-
if (todayTS >= dateTS + 60) {
|
200
|
-
let diff = todayTS - dateTS;
|
201
|
-
if (diff === 0) {
|
202
|
-
newFormat = "A minute ago";
|
203
|
-
}
|
204
|
-
let diffMinute = diff / 60;
|
205
|
-
diffMinute = ~~diffMinute
|
206
|
-
newFormat = diffMinute === 1 ? "A minute ago" : diffMinute + " minutes ago";
|
207
|
-
} else {
|
208
|
-
let diff = todayTS - dateTS;
|
209
|
-
if (diff === 0 || diff <= 10) {
|
210
|
-
newFormat = "Few moments ago";
|
211
|
-
} else {
|
212
|
-
newFormat = "Few seconds ago";
|
213
|
-
}
|
214
|
-
}
|
215
|
-
}
|
216
|
-
}
|
217
|
-
} else {
|
218
|
-
//Mon, 01 Jan 2020 (PH)
|
219
|
-
newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime + " (PH)";
|
220
|
-
}
|
221
|
-
break;
|
222
|
-
case "momentsAgoClimax":
|
223
|
-
if (todayTS >= dateTS) {
|
224
|
-
//check if 24hours has been passed
|
225
|
-
if (todayTS >= (dateTS + 86400)) {
|
226
|
-
let diff = todayTS - dateTS;
|
227
|
-
if (diff === 0) {
|
228
|
-
newFormat = "1 day";
|
229
|
-
}
|
230
|
-
let diffDay = diff / 86400;
|
231
|
-
diffDay = ~~diffDay
|
232
|
-
newFormat = diffDay === 1 ? "1 day" : diffDay + " days";
|
233
|
-
} else {
|
234
|
-
newFormat = "0 day";
|
235
|
-
}
|
236
|
-
} else {
|
237
|
-
newFormat = "0 day";
|
238
|
-
}
|
239
|
-
break;
|
240
|
-
case "inquiry-date-standard":
|
241
|
-
newFormat = dayDate + " " + monthName + " " + year;
|
242
|
-
//10 Feb 2021
|
243
|
-
break;
|
244
|
-
case "date-standard":
|
245
|
-
newFormat = year + "-" + MonthNumeric + "-" + dayDate;
|
246
|
-
//2021-02-10
|
247
|
-
break;
|
248
|
-
case "datetime-standard":
|
249
|
-
newFormat = year + "-" + MonthNumeric + "-" + dayDate + ' ' + date.getHours() + ':' + date.getMinutes();
|
250
|
-
//2021-02-10 15:49
|
251
|
-
break;
|
252
|
-
case "start-of-Week":
|
253
|
-
//calculating the first day of the week
|
254
|
-
let startWeekD = new Date(date);
|
255
|
-
let startWeekDay = startWeekD.getDay(),
|
256
|
-
startWeekDiff = startWeekD.getDate() - startWeekDay;
|
257
|
-
|
258
|
-
let startWeekDayNewDate = new Date(startWeekD.setDate(startWeekDiff));
|
259
|
-
let startWeekMonthName = monthNames[startWeekDayNewDate.getMonth()];
|
260
|
-
let startWeekDayDate = ("0" + startWeekDayNewDate.getDate()).slice(-2);
|
261
|
-
let startWeekYear = startWeekDayNewDate.getFullYear();
|
262
|
-
|
263
|
-
newFormat = startWeekMonthName + " " + startWeekDayDate + ", " + startWeekYear;
|
264
|
-
//Feb 07, 2021
|
265
|
-
break;
|
266
|
-
case "end-of-Week":
|
267
|
-
let endWeekD = new Date(date);
|
268
|
-
let endWeekDay = endWeekD.getDay(),
|
269
|
-
endWeekDiff = endWeekD.getDate() - endWeekDay + 6;
|
270
|
-
|
271
|
-
let endWeekDayNewDate = new Date(endWeekD.setDate(endWeekDiff));
|
272
|
-
let endWeekMonthName = monthNames[endWeekDayNewDate.getMonth()];
|
273
|
-
let endWeekDayDate = ("0" + endWeekDayNewDate.getDate()).slice(-2);
|
274
|
-
let endWeekYear = endWeekDayNewDate.getFullYear();
|
275
|
-
|
276
|
-
newFormat = endWeekMonthName + " " + endWeekDayDate + ", " + endWeekYear;
|
277
|
-
//Feb 13, 2021
|
278
|
-
break;
|
279
|
-
case "full-year":
|
280
|
-
newFormat = year;
|
281
|
-
//2021
|
282
|
-
break;
|
283
|
-
case "full-month":
|
284
|
-
newFormat = monthNameFull;
|
285
|
-
//February
|
286
|
-
break;
|
287
|
-
case "month-year":
|
288
|
-
newFormat = monthName.substring(0, 3) + " " + year;
|
289
|
-
//Feb 2021
|
290
|
-
break;
|
291
|
-
case "full-month-year":
|
292
|
-
newFormat = monthNameFull + " " + year;
|
293
|
-
//February 2021
|
294
|
-
break;
|
295
|
-
case "datetime-format-forPosting":
|
296
|
-
let forPostingDay = String(date.getUTCDate());
|
297
|
-
if (forPostingDay.length === 1) {
|
298
|
-
forPostingDay = "0" + forPostingDay;
|
299
|
-
}
|
300
|
-
newFormat = date.getUTCFullYear() + '-' + addZero(date.getUTCMonth() + 1) + '-' + forPostingDay + 'T' + getUTCFullTime(date) + 'Z';
|
301
|
-
//2021-02-10T07:57:05Z
|
302
|
-
break;
|
303
|
-
case "month-day-year":
|
304
|
-
newFormat = monthNameFull + " " + dayDate + ", " + year;
|
305
|
-
//February 10, 2021
|
306
|
-
break;
|
307
|
-
case "time":
|
308
|
-
newFormat = strTime;
|
309
|
-
//3:58 PM
|
310
|
-
break;
|
311
|
-
case "month-numeric":
|
312
|
-
newFormat = addZero(date.getUTCMonth() + 1);
|
313
|
-
//02
|
314
|
-
break;
|
315
|
-
case "month-shortName":
|
316
|
-
newFormat = monthName.substring(0, 3);
|
317
|
-
//Feb
|
318
|
-
break;
|
319
|
-
case "day-numeric":
|
320
|
-
newFormat = date.getUTCDate();
|
321
|
-
//10
|
322
|
-
break;
|
323
|
-
case "day-calendar":
|
324
|
-
newFormat = dayDate;
|
325
|
-
//10
|
326
|
-
break;
|
327
|
-
case "month-first-date":
|
328
|
-
newFormat = year + "-" + MonthNumeric + "-" + monthFirstDay;
|
329
|
-
break;
|
330
|
-
case "month-last-date":
|
331
|
-
newFormat = year + "-" + MonthNumeric + "-" + monthLastDay;
|
332
|
-
break;
|
333
|
-
case "day-name":
|
334
|
-
newFormat = dayName;
|
335
|
-
break;
|
336
|
-
case "day-name-full":
|
337
|
-
newFormat = dayNameFull;
|
338
|
-
break;
|
339
|
-
case 'month-day':
|
340
|
-
newFormat = MonthNumeric + '-' + dayDate;
|
341
|
-
break;
|
342
|
-
case 'date-without-year':
|
343
|
-
newFormat = dayName + ", " + monthName + " " + dayDate;
|
344
|
-
break;
|
345
|
-
case "time-standard":
|
346
|
-
let h = isNaN(date.getHours()) ? iosDate.getHours() : date.getHours();
|
347
|
-
let hour = h < 10 ? '0' + h : h;
|
348
|
-
newFormat = hour + ':' + minutes;
|
349
|
-
// 15:30
|
350
|
-
break;
|
351
|
-
case 'notif-date':
|
352
|
-
// 01-Jan-2020
|
353
|
-
newFormat = dayDate + "-" + monthName + "-" + year;
|
354
|
-
break;
|
355
|
-
case 'year-month':
|
356
|
-
newFormat = year + "-" + MonthNumeric;
|
357
|
-
break;
|
358
|
-
|
359
|
-
case "datetime-utc":
|
360
|
-
newFormat = year + "-" + MonthNumeric + "-" + dayDate + ' 00:00:00+00'
|
361
|
-
//2021-02-10 00:00:00+00
|
362
|
-
break;
|
363
|
-
|
364
|
-
|
365
|
-
case 'datetime-file-format':
|
366
|
-
hours = isNaN(date.getHours()) ? iosDate.getHours() : date.getHours();
|
367
|
-
hours = hours < 10 ? '0' + hours : hours;
|
368
|
-
newFormat = year + "-" + `${MonthNumeric}` + `${date.getUTCDate()}` + `${hours}` + `${minutes}` + `${seconds}` + `${'1'}`;
|
369
|
-
|
370
|
-
break;
|
371
|
-
|
372
|
-
default:
|
373
|
-
newFormat = "";
|
374
|
-
break;
|
375
|
-
}
|
376
|
-
return newFormat;
|
377
|
-
} else {
|
378
|
-
return "";
|
379
|
-
}
|
380
|
-
|
381
|
-
|
382
|
-
|
383
|
-
} else {
|
384
|
-
return "";
|
385
|
-
}
|
386
|
-
} catch (error) {
|
387
|
-
console.error(error, 'Invalid input. Please check helpers (datetimeFormatter).');
|
388
|
-
return "";
|
389
|
-
}
|
390
|
-
}
|
391
|
-
|
392
|
-
export default datetimeFormatter;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
interface IInformationProps {
|
3
|
-
items: any;
|
4
|
-
listRow: Array<string | object>;
|
5
|
-
desc: boolean;
|
6
|
-
title?: string;
|
7
|
-
hide: (event: React.DOMAttributes<HTMLDivElement> | React.MouseEventHandler<HTMLDivElement> | undefined | any) => void;
|
8
|
-
}
|
9
|
-
declare const Information: React.FunctionComponent<IInformationProps>;
|
10
|
-
export default Information;
|
package/src/main/Information.js
DELETED
@@ -1,65 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
-
if (mod && mod.__esModule) return mod;
|
20
|
-
var result = {};
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
-
__setModuleDefault(result, mod);
|
23
|
-
return result;
|
24
|
-
};
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
-
var react_1 = __importStar(require("react"));
|
27
|
-
var Asset_1 = require("./assets/Asset");
|
28
|
-
var Information = function (_a) {
|
29
|
-
var items = _a.items, listRow = _a.listRow, desc = _a.desc, title = _a.title, hide = _a.hide;
|
30
|
-
var _b = (0, react_1.useState)(null), rowAnchorEl = _b[0], setRowAnchorEl = _b[1];
|
31
|
-
var renderHtml = function (html) {
|
32
|
-
return react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: html } });
|
33
|
-
};
|
34
|
-
var showRowDetails = function (e, idx) {
|
35
|
-
e && e.preventDefault();
|
36
|
-
if (rowAnchorEl === idx) {
|
37
|
-
rowAnchorEl = null;
|
38
|
-
}
|
39
|
-
else {
|
40
|
-
rowAnchorEl = idx;
|
41
|
-
}
|
42
|
-
setRowAnchorEl(rowAnchorEl);
|
43
|
-
};
|
44
|
-
var View = function () {
|
45
|
-
return react_1.default.createElement(react_1.default.Fragment, null,
|
46
|
-
react_1.default.createElement("div", { className: "em-popover-i" }, typeof desc != 'undefined' && desc ? (react_1.default.createElement("div", { className: "em-popover-i-content" },
|
47
|
-
react_1.default.createElement("div", { className: "em-popover-i-title" },
|
48
|
-
react_1.default.createElement("h6", null, title),
|
49
|
-
react_1.default.createElement("div", { className: "em-popover-i-close", onClick: hide })),
|
50
|
-
react_1.default.createElement("div", null, typeof items != 'undefined' && items ? renderHtml(items) : ''))) : (react_1.default.createElement("div", { className: "em-popover-i-content" },
|
51
|
-
react_1.default.createElement("div", { className: "em-popover-i-title" },
|
52
|
-
react_1.default.createElement("h6", null, title),
|
53
|
-
react_1.default.createElement("div", { className: "em-popover-i-close", onClick: hide })),
|
54
|
-
listRow ? (listRow.length >= 1 ? (listRow.map(function (item, key) { return (react_1.default.createElement(react_1.default.Fragment, { key: key },
|
55
|
-
react_1.default.createElement("div", { className: "em-popover-i-category", onClick: function (event) { return showRowDetails(event, key); } },
|
56
|
-
react_1.default.createElement("div", null,
|
57
|
-
react_1.default.createElement("h6", null, item)),
|
58
|
-
rowAnchorEl === key ? (Asset_1.SVG_ARROW_UP) : (Asset_1.SVG_ARROWDOWN)),
|
59
|
-
rowAnchorEl === key ? (react_1.default.createElement("div", { className: "em-popover-i-details" }, item === 'COMPANY POLICY' ? (typeof items != 'undefined' && typeof items.companyPolicy != 'undefined' && items.companyPolicy ? renderHtml(items.companyPolicy) : '') :
|
60
|
-
(item === 'SYSTEM POLICY' ? (typeof items != 'undefined' && typeof items.systemPolicy != 'undefined' && items.systemPolicy ? renderHtml(items.systemPolicy) : '') :
|
61
|
-
(typeof items != 'undefined' && typeof items.instruction != 'undefined' && items.instruction ? renderHtml(items.instruction) : '')))) : null)); })) : null) : null))));
|
62
|
-
};
|
63
|
-
return View();
|
64
|
-
};
|
65
|
-
exports.default = Information;
|
package/src/main/Information.tsx
DELETED
@@ -1,112 +0,0 @@
|
|
1
|
-
|
2
|
-
import React, { useState } from 'react';
|
3
|
-
import {SVG_ARROWDOWN, SVG_ARROW_UP} from './assets/Asset';
|
4
|
-
|
5
|
-
// @ts-ignore
|
6
|
-
// import renderHtml from 'react-render-html';
|
7
|
-
|
8
|
-
|
9
|
-
interface IInformationProps {
|
10
|
-
items: any,
|
11
|
-
listRow: Array<string | object>,
|
12
|
-
desc: boolean,
|
13
|
-
title?: string
|
14
|
-
hide: (event: React.DOMAttributes<HTMLDivElement> | React.MouseEventHandler<HTMLDivElement> | undefined | any) => void
|
15
|
-
|
16
|
-
|
17
|
-
}
|
18
|
-
|
19
|
-
const Information: React.FunctionComponent<IInformationProps> = ({ items, listRow, desc, title, hide }) => {
|
20
|
-
|
21
|
-
let [rowAnchorEl, setRowAnchorEl] = useState<number | null>(null);
|
22
|
-
|
23
|
-
const renderHtml = (html: any) => {
|
24
|
-
|
25
|
-
return <div dangerouslySetInnerHTML={{ __html: html }} />;
|
26
|
-
}
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
const showRowDetails = (e: React.MouseEvent<HTMLDivElement, MouseEvent>, idx: number) => {
|
31
|
-
e && e.preventDefault();
|
32
|
-
|
33
|
-
if (rowAnchorEl === idx) {
|
34
|
-
rowAnchorEl = null
|
35
|
-
} else {
|
36
|
-
rowAnchorEl = idx
|
37
|
-
}
|
38
|
-
|
39
|
-
setRowAnchorEl(rowAnchorEl)
|
40
|
-
}
|
41
|
-
|
42
|
-
|
43
|
-
const View = () => {
|
44
|
-
return <React.Fragment>
|
45
|
-
<div className="em-popover-i">
|
46
|
-
|
47
|
-
{
|
48
|
-
typeof desc != 'undefined' && desc ? (
|
49
|
-
<div className="em-popover-i-content">
|
50
|
-
<div className="em-popover-i-title">
|
51
|
-
<h6>{title}</h6>
|
52
|
-
<div className="em-popover-i-close" onClick={hide}></div>
|
53
|
-
</div>
|
54
|
-
<div>{typeof items != 'undefined' && items ? renderHtml(items) : ''}
|
55
|
-
</div>
|
56
|
-
</div>
|
57
|
-
) : (
|
58
|
-
<div className="em-popover-i-content">
|
59
|
-
<div className="em-popover-i-title">
|
60
|
-
<h6>{title}</h6>
|
61
|
-
<div className="em-popover-i-close" onClick={hide}></div>
|
62
|
-
</div>
|
63
|
-
{listRow ? (
|
64
|
-
listRow.length >= 1 ? (
|
65
|
-
listRow.map((item: any, key) => (
|
66
|
-
|
67
|
-
<React.Fragment key={key}>
|
68
|
-
<div className="em-popover-i-category" onClick={(event) => showRowDetails(event, key)}>
|
69
|
-
<div>
|
70
|
-
<h6>{item}</h6>
|
71
|
-
</div>
|
72
|
-
|
73
|
-
{
|
74
|
-
rowAnchorEl === key ? (SVG_ARROW_UP ) : (SVG_ARROWDOWN)
|
75
|
-
}
|
76
|
-
</div>
|
77
|
-
{
|
78
|
-
rowAnchorEl === key ? (
|
79
|
-
<div className="em-popover-i-details">
|
80
|
-
{item === 'COMPANY POLICY' ? (
|
81
|
-
typeof items != 'undefined' && typeof items.companyPolicy != 'undefined' && items.companyPolicy ? renderHtml(items.companyPolicy) : '') :
|
82
|
-
(item === 'SYSTEM POLICY' ? (typeof items != 'undefined' && typeof items.systemPolicy != 'undefined' && items.systemPolicy ? renderHtml(items.systemPolicy) : '') :
|
83
|
-
(typeof items != 'undefined' && typeof items.instruction != 'undefined' && items.instruction ? renderHtml(items.instruction) : '')
|
84
|
-
)
|
85
|
-
}
|
86
|
-
</div>
|
87
|
-
) : null
|
88
|
-
}
|
89
|
-
</React.Fragment>
|
90
|
-
)
|
91
|
-
|
92
|
-
)
|
93
|
-
) : null
|
94
|
-
) : null
|
95
|
-
|
96
|
-
|
97
|
-
}
|
98
|
-
</div>
|
99
|
-
)
|
100
|
-
}
|
101
|
-
</div>
|
102
|
-
</React.Fragment>
|
103
|
-
}
|
104
|
-
|
105
|
-
|
106
|
-
return View();
|
107
|
-
};
|
108
|
-
|
109
|
-
export default Information;
|
110
|
-
|
111
|
-
|
112
|
-
|
package/src/main/MenuBar.d.ts
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import '../scss/style.scss';
|
3
|
-
interface IMenuBarProps {
|
4
|
-
config?: any;
|
5
|
-
info?: any;
|
6
|
-
button?: {
|
7
|
-
show: boolean;
|
8
|
-
actions?: Array<object>;
|
9
|
-
};
|
10
|
-
dropdown?: any;
|
11
|
-
search?: any;
|
12
|
-
pagination?: any;
|
13
|
-
pivot?: any;
|
14
|
-
check?: any;
|
15
|
-
toggle?: any;
|
16
|
-
mainButton?: any;
|
17
|
-
buttonFooter?: any;
|
18
|
-
undoButton?: any;
|
19
|
-
customClass?: string;
|
20
|
-
children: any;
|
21
|
-
getActions: any;
|
22
|
-
}
|
23
|
-
declare const MenuBar: React.FunctionComponent<IMenuBarProps>;
|
24
|
-
export default MenuBar;
|