empower-container 0.1.11 → 0.1.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. package/{src/main → dist}/assets/Asset.d.ts +0 -0
  2. package/{src/main → dist}/assets/Asset.js +0 -0
  3. package/{src/main → dist}/assets/Asset.tsx +0 -0
  4. package/{src/main → dist}/assets/icons/icon-check-white-sm.svg +0 -0
  5. package/{src/main → dist}/assets/images/icon-arrowdown-graydark.svg +0 -0
  6. package/{src/main → dist}/assets/images/icon-arrowleft-graydark.svg +0 -0
  7. package/{src/main → dist}/assets/images/icon-arrowright-graydark.svg +0 -0
  8. package/{src/main → dist}/assets/images/icon-arrowup-graydark.svg +0 -0
  9. package/{src/main → dist}/assets/images/icon-check-graydark.svg +0 -0
  10. package/{src/main → dist/cjs}/DatetimeFormatter.d.ts +0 -0
  11. package/{src/main → dist/cjs}/DatetimeFormatter.js +0 -0
  12. package/{src/main → dist/cjs}/Information.d.ts +0 -0
  13. package/dist/cjs/Information.js +63 -0
  14. package/{src/main → dist/cjs}/MenuBar.d.ts +0 -0
  15. package/dist/cjs/MenuBar.js +537 -0
  16. package/{src/main → dist/cjs}/Modal.d.ts +0 -0
  17. package/dist/cjs/Modal.js +32 -0
  18. package/dist/cjs/assets/Asset.d.ts +16 -0
  19. package/dist/cjs/assets/Asset.js +30 -0
  20. package/{src/main → dist/cjs}/constants/Constant.d.ts +0 -0
  21. package/dist/cjs/constants/Constant.js +35 -0
  22. package/{src/main → dist/cjs}/index.d.ts +0 -0
  23. package/{src/main → dist/cjs}/index.js +0 -0
  24. package/{src/main → dist/cjs}/inputs/Input.d.ts +0 -0
  25. package/{src/main → dist/cjs}/inputs/Input.js +7 -36
  26. package/{src/main → dist/cjs}/inputs/InputSelectionHandler.d.ts +0 -0
  27. package/{src/main → dist/cjs}/inputs/InputSelectionHandler.js +3 -3
  28. package/{src/main → dist/cjs}/inputs/Select.d.ts +0 -0
  29. package/{src/main → dist/cjs}/inputs/Select.js +11 -64
  30. package/dist/esm/DatetimeFormatter.d.ts +3 -0
  31. package/{src/main/DatetimeFormatter.tsx → dist/esm/DatetimeFormatter.js} +132 -139
  32. package/dist/esm/Information.d.ts +10 -0
  33. package/dist/esm/Information.js +38 -0
  34. package/dist/esm/MenuBar.d.ts +24 -0
  35. package/dist/esm/MenuBar.js +532 -0
  36. package/dist/esm/Modal.d.ts +33 -0
  37. package/dist/esm/Modal.js +27 -0
  38. package/dist/esm/assets/Asset.d.ts +16 -0
  39. package/dist/esm/assets/Asset.js +27 -0
  40. package/dist/esm/constants/Constant.d.ts +15 -0
  41. package/{src/main → dist/esm}/constants/Constant.js +9 -21
  42. package/{src/main/index.tsx → dist/esm/index.d.ts} +1 -3
  43. package/dist/esm/index.js +3 -0
  44. package/dist/esm/inputs/Input.d.ts +25 -0
  45. package/dist/esm/inputs/Input.js +104 -0
  46. package/dist/esm/inputs/InputSelectionHandler.d.ts +3 -0
  47. package/dist/esm/inputs/InputSelectionHandler.js +31 -0
  48. package/dist/esm/inputs/Select.d.ts +28 -0
  49. package/dist/esm/inputs/Select.js +399 -0
  50. package/{src → dist}/scss/components/_modal.scss +0 -0
  51. package/{src → dist}/scss/elements/_button.scss +0 -0
  52. package/{src → dist}/scss/elements/_index.scss +0 -0
  53. package/{src → dist}/scss/elements/_popover.scss +0 -0
  54. package/{src → dist}/scss/foundation/_colors.scss +0 -0
  55. package/{src → dist}/scss/foundation/_mixins.scss +0 -0
  56. package/{src → dist}/scss/foundation/_normalize.scss +0 -0
  57. package/{src → dist}/scss/foundation/_settings.scss +0 -0
  58. package/{src → dist}/scss/foundation/_typography.scss +0 -0
  59. package/{src → dist}/scss/library/_information.scss +0 -0
  60. package/{src → dist}/scss/library/_input.scss +0 -0
  61. package/{src → dist}/scss/library/_menubar.scss +0 -0
  62. package/{src → dist}/scss/library/_select.scss +0 -0
  63. package/{src → dist}/scss/style.scss +0 -0
  64. package/package.json +1 -1
  65. package/public/favicon.ico +0 -0
  66. package/public/index.html +0 -43
  67. package/public/logo192.png +0 -0
  68. package/public/logo512.png +0 -0
  69. package/public/manifest.json +0 -25
  70. package/public/robots.txt +0 -3
  71. package/src/index.tsx +0 -15
  72. package/src/main/Information.js +0 -65
  73. package/src/main/Information.tsx +0 -112
  74. package/src/main/MenuBar.js +0 -651
  75. package/src/main/MenuBar.tsx +0 -1074
  76. package/src/main/Modal.js +0 -24
  77. package/src/main/Modal.tsx +0 -83
  78. package/src/main/inputs/Input.tsx +0 -193
  79. package/src/main/inputs/InputSelectionHandler.tsx +0 -21
  80. package/src/main/inputs/Select.tsx +0 -654
  81. package/src/main/tsconfig.common.json +0 -34
  82. package/src/main/tsconfig.json +0 -35
  83. package/src/sample/App.css +0 -38
  84. package/src/sample/App.d.ts +0 -3
  85. package/src/sample/App.js +0 -13
  86. package/src/sample/App.test.d.ts +0 -1
  87. package/src/sample/App.test.js +0 -13
  88. package/src/sample/App.test.tsx +0 -9
  89. package/src/sample/App.tsx +0 -15
  90. package/src/sample/TestMenuBar.d.ts +0 -3
  91. package/src/sample/TestMenuBar.js +0 -527
  92. package/src/sample/TestMenuBar.tsx +0 -377
  93. package/src/sample/react-app-env.d.ts +0 -1
  94. package/src/sample/reportWebVitals.d.ts +0 -3
  95. package/src/sample/reportWebVitals.js +0 -38
  96. package/src/sample/reportWebVitals.ts +0 -15
  97. package/src/sample/setupTests.d.ts +0 -1
  98. package/src/sample/setupTests.js +0 -7
  99. package/src/sample/setupTests.ts +0 -5
  100. package/src/sample/tsconfig.json +0 -36
@@ -1,128 +1,122 @@
1
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;
2
+ var daysWeekNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
3
+ var daysWeekNamesFull = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Sat'];
4
+ var monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
5
+ var monthNamesFull = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
6
+ var addZero = function (i) {
7
+ var num;
8
8
  if (i < 10) {
9
-
10
9
  num = "0" + i;
11
10
  }
12
11
  return num;
13
- }
14
-
15
- export const getUTCFullTime = (d: any) => {
12
+ };
13
+ export var getUTCFullTime = function (d) {
16
14
  if (Object.prototype.toString.call(d) === '[object Date]') {
17
15
  var h = addZero(d.getUTCHours());
18
16
  var m = addZero(d.getUTCMinutes());
19
17
  var s = addZero(d.getUTCSeconds());
20
18
  return h + ":" + m + ":" + s;
21
- } else {
19
+ }
20
+ else {
22
21
  return '';
23
22
  }
24
- }
25
-
26
- const datetimeFormatter = (timestamp: string | Date | any, format: string = "datetime", todayServer: any = null, type: any = null, getServerTime: boolean = false, dateOnly: boolean = false) => {
23
+ };
24
+ var datetimeFormatter = function (timestamp, format, todayServer, type, getServerTime, dateOnly) {
25
+ if (format === void 0) { format = "datetime"; }
26
+ if (todayServer === void 0) { todayServer = null; }
27
+ if (type === void 0) { type = null; }
28
+ if (getServerTime === void 0) { getServerTime = false; }
29
+ if (dateOnly === void 0) { dateOnly = false; }
27
30
  try {
28
- let iosDate: any;
31
+ var iosDate = void 0;
29
32
  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
-
33
+ var date = null;
34
+ var arrayDate = [];
35
+ todayServer = todayServer && todayServer.constructor === String ? todayServer.replace('+00', '') : null;
35
36
  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
+ 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
  }
38
-
39
39
  if (timestamp === "today") {
40
40
  date = new Date();
41
- } else {
42
-
43
-
41
+ }
42
+ else {
44
43
  if (timestamp && timestamp.constructor === String) {
45
44
  timestamp = timestamp.replace('+00', ''); //removing unnecessary gmt from backend as the time is already in ph
46
45
  arrayDate = timestamp.split(/[- :.]/);
47
- } else if (timestamp.constructor === Object && timestamp.dateTimeStamp && timestamp.source && timestamp.source === "v3") {
46
+ }
47
+ else if (timestamp.constructor === Object && timestamp.dateTimeStamp && timestamp.source && timestamp.source === "v3") {
48
48
  // this will be used if the datetime from api is set to UTC already
49
49
  timestamp = timestamp.dateTimeStamp; //removing unnecessary gmt from backend as the time is already in ph
50
50
  arrayDate = timestamp.split(/[- :.]/);
51
51
  }
52
-
53
52
  if (arrayDate.length === 3) {
54
53
  iosDate = new Date(arrayDate[0], arrayDate[1] - 1, arrayDate[2], arrayDate[3]);
55
- } else if (arrayDate.length >= 5 && arrayDate.length <= 8) {
54
+ }
55
+ else if (arrayDate.length >= 5 && arrayDate.length <= 8) {
56
56
  iosDate = new Date(arrayDate[0], arrayDate[1] - 1, arrayDate[2], arrayDate[3], arrayDate[4], arrayDate[5]);
57
- } else if (arrayDate.length >= 9) {
57
+ }
58
+ else if (arrayDate.length >= 9) {
58
59
  // new implementation for safari and for the node datetime
59
60
  iosDate = new Date(arrayDate[0] + " " + arrayDate[1] + " " + arrayDate[2] + " " + arrayDate[3] + " " + arrayDate[4] + ":" + arrayDate[5] + ":" + arrayDate[6] + " GMT");
60
- } else {
61
+ }
62
+ else {
61
63
  iosDate = new Date(timestamp);
62
64
  }
63
-
64
-
65
65
  //checking if the function used the getServerTime
66
66
  if (getServerTime) {
67
67
  date = new Date(timestamp);
68
- } else {
68
+ }
69
+ else {
69
70
  if (dateOnly) {
70
71
  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
72
  date = new Date(date);
72
- } else {
73
- let currentTz = Intl.DateTimeFormat().resolvedOptions().timeZone;
73
+ }
74
+ else {
75
+ var currentTz = Intl.DateTimeFormat().resolvedOptions().timeZone;
74
76
  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
77
  date = new Date(date);
76
78
  }
77
79
  }
78
-
79
80
  // for firefox
80
-
81
81
  if (date) {
82
- let splitTimeStampBySpace = timestamp.split(' ');
82
+ var splitTimeStampBySpace = timestamp.split(' ');
83
83
  if (splitTimeStampBySpace.length === 2) {
84
84
  if (isNaN(parseInt(splitTimeStampBySpace[0])) && splitTimeStampBySpace[1]) {
85
- date = new Date(`${splitTimeStampBySpace[0]} 01, ${splitTimeStampBySpace[1]}`);
85
+ date = new Date("".concat(splitTimeStampBySpace[0], " 01, ").concat(splitTimeStampBySpace[1]));
86
86
  }
87
87
  }
88
88
  }
89
89
  }
90
-
91
90
  if ((date && date.toString() !== 'Invalid Date') || (iosDate && iosDate.toString() !== 'Invalid Date')) {
92
-
93
91
  //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
-
92
+ var dayName = daysWeekNames[isNaN(date.getDay()) ? iosDate.getDay() : date.getDay()];
93
+ var dayNameFull = daysWeekNamesFull[isNaN(date.getDay()) ? iosDate.getDay() : date.getDay()];
94
+ var dayDate = ("0" + (isNaN(date.getDate()) ? iosDate.getDate() : date.getDate())).slice(-2);
95
+ var monthName = monthNames[isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth()];
96
+ var monthNameFull = monthNamesFull[isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth()];
97
+ var year = isNaN(date.getFullYear()) ? iosDate.getFullYear() : date.getFullYear();
98
+ var MonthNumeric = ("0" + (isNaN(date.getMonth()) ? (iosDate.getMonth() + 1) : (date.getMonth() + 1))).slice(-2);
99
+ var firstDay = new Date(year, isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth(), 1);
100
+ var lastDay = new Date(year, (isNaN(date.getMonth()) ? iosDate.getMonth() : date.getMonth()) + 1, 0);
101
+ var monthFirstDay = ("0" + firstDay.getDate()).slice(-2);
102
+ var monthLastDay = ("0" + lastDay.getDate()).slice(-2);
106
103
  //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';
104
+ var hours = isNaN(date.getHours()) ? iosDate.getHours() : date.getHours();
105
+ var minutes = isNaN(date.getMinutes()) ? iosDate.getMinutes() : date.getMinutes();
106
+ var seconds = isNaN(date.getSeconds()) ? iosDate.getSeconds() : date.getSeconds();
107
+ var ampm = hours >= 12 ? 'PM' : 'AM';
111
108
  hours = hours % 12;
112
109
  hours = hours ? hours : 12; // the hour '0' should be '12'
113
110
  minutes = minutes < 10 ? '0' + minutes : minutes;
114
111
  seconds = seconds < 10 ? '0' + seconds : seconds;
115
- let strTime = hours + ':' + minutes + ' ' + ampm;
116
- let today = new Date();
117
-
112
+ var strTime = hours + ':' + minutes + ' ' + ampm;
113
+ var today = new Date();
118
114
  if (todayServer !== null) {
119
115
  today = new Date(todayServer);
120
116
  }
121
-
122
- let todayTS = Math.round((today).getTime() / 1000);
123
- let dateTS = Math.round((date).getTime() / 1000);
124
- let newFormat = null;
125
-
117
+ var todayTS = Math.round((today).getTime() / 1000);
118
+ var dateTS = Math.round((date).getTime() / 1000);
119
+ var newFormat = null;
126
120
  switch (format) {
127
121
  case "datetime":
128
122
  // Mon, 01 Jan 2020 at 12:00PM
@@ -137,23 +131,25 @@ const datetimeFormatter = (timestamp: string | Date | any, format: string = "dat
137
131
  newFormat = dayName + ", " + dayDate + " " + monthName + " " + year;
138
132
  break;
139
133
  case "momentsAgo":
140
- let diff = 0;
141
- let diffMinute = 0;
134
+ var diff = 0;
135
+ var diffMinute = 0;
142
136
  if (todayTS >= dateTS) {
143
137
  //check if 24hours has been passed
144
138
  if (todayTS >= (dateTS + 86400)) {
145
139
  newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime;
146
- } else {
140
+ }
141
+ else {
147
142
  //check if hour has been passed
148
143
  if (todayTS >= dateTS + 3600) {
149
144
  diff = todayTS - dateTS;
150
145
  if (diff === 0) {
151
146
  newFormat = "An hour ago";
152
147
  }
153
- let diffHour = diff / 3600;
154
- diffHour = ~~diffHour
155
- newFormat = diffHour === 1 ? "An hour ago" : diffHour + " hours ago";
156
- } else {
148
+ var diffHour_1 = diff / 3600;
149
+ diffHour_1 = ~~diffHour_1;
150
+ newFormat = diffHour_1 === 1 ? "An hour ago" : diffHour_1 + " hours ago";
151
+ }
152
+ else {
157
153
  //check if a minute has been passed
158
154
  if (todayTS >= dateTS + 60) {
159
155
  diff = todayTS - dateTS;
@@ -161,60 +157,67 @@ const datetimeFormatter = (timestamp: string | Date | any, format: string = "dat
161
157
  newFormat = "A minute ago";
162
158
  }
163
159
  diffMinute = diff / 60;
164
- diffMinute = ~~diffMinute
160
+ diffMinute = ~~diffMinute;
165
161
  newFormat = diffMinute === 1 ? "A minute ago" : diffMinute + " minutes ago";
166
- } else {
167
- let diff = todayTS - dateTS;
168
- if (diff === 0 || diff <= 10) {
162
+ }
163
+ else {
164
+ var diff_1 = todayTS - dateTS;
165
+ if (diff_1 === 0 || diff_1 <= 10) {
169
166
  newFormat = "Few seconds ago";
170
- } else {
167
+ }
168
+ else {
171
169
  newFormat = "Few seconds ago";
172
170
  }
173
171
  }
174
172
  }
175
173
  }
176
- } else {
174
+ }
175
+ else {
177
176
  newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime;
178
177
  }
179
-
180
178
  break;
181
179
  case "momentsAgoConvo":
182
- let diffHour = 0;
180
+ var diffHour = 0;
183
181
  if (todayTS >= dateTS) {
184
182
  //check if 24hours has been passed
185
183
  if (todayTS >= (dateTS + 86400)) {
186
184
  newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime + " (PH)";
187
- } else {
185
+ }
186
+ else {
188
187
  //check if hour has been passed
189
188
  if (todayTS >= dateTS + 3600) {
190
- let diff = todayTS - dateTS;
191
- if (diff === 0) {
189
+ var diff_2 = todayTS - dateTS;
190
+ if (diff_2 === 0) {
192
191
  newFormat = "An hour ago";
193
192
  }
194
- diffHour = diff / 3600;
195
- diffHour = ~~diffHour
193
+ diffHour = diff_2 / 3600;
194
+ diffHour = ~~diffHour;
196
195
  newFormat = diffHour === 1 ? "An hour ago" : diffHour + " hours ago";
197
- } else {
196
+ }
197
+ else {
198
198
  //check if a minute has been passed
199
199
  if (todayTS >= dateTS + 60) {
200
- let diff = todayTS - dateTS;
201
- if (diff === 0) {
200
+ var diff_3 = todayTS - dateTS;
201
+ if (diff_3 === 0) {
202
202
  newFormat = "A minute ago";
203
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) {
204
+ var diffMinute_1 = diff_3 / 60;
205
+ diffMinute_1 = ~~diffMinute_1;
206
+ newFormat = diffMinute_1 === 1 ? "A minute ago" : diffMinute_1 + " minutes ago";
207
+ }
208
+ else {
209
+ var diff_4 = todayTS - dateTS;
210
+ if (diff_4 === 0 || diff_4 <= 10) {
210
211
  newFormat = "Few moments ago";
211
- } else {
212
+ }
213
+ else {
212
214
  newFormat = "Few seconds ago";
213
215
  }
214
216
  }
215
217
  }
216
218
  }
217
- } else {
219
+ }
220
+ else {
218
221
  //Mon, 01 Jan 2020 (PH)
219
222
  newFormat = dayName + ", " + dayDate + " " + monthName + " " + year + " at " + strTime + " (PH)";
220
223
  }
@@ -223,17 +226,19 @@ const datetimeFormatter = (timestamp: string | Date | any, format: string = "dat
223
226
  if (todayTS >= dateTS) {
224
227
  //check if 24hours has been passed
225
228
  if (todayTS >= (dateTS + 86400)) {
226
- let diff = todayTS - dateTS;
227
- if (diff === 0) {
229
+ var diff_5 = todayTS - dateTS;
230
+ if (diff_5 === 0) {
228
231
  newFormat = "1 day";
229
232
  }
230
- let diffDay = diff / 86400;
231
- diffDay = ~~diffDay
233
+ var diffDay = diff_5 / 86400;
234
+ diffDay = ~~diffDay;
232
235
  newFormat = diffDay === 1 ? "1 day" : diffDay + " days";
233
- } else {
236
+ }
237
+ else {
234
238
  newFormat = "0 day";
235
239
  }
236
- } else {
240
+ }
241
+ else {
237
242
  newFormat = "0 day";
238
243
  }
239
244
  break;
@@ -251,28 +256,22 @@ const datetimeFormatter = (timestamp: string | Date | any, format: string = "dat
251
256
  break;
252
257
  case "start-of-Week":
253
258
  //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
-
259
+ var startWeekD = new Date(date);
260
+ var startWeekDay = startWeekD.getDay(), startWeekDiff = startWeekD.getDate() - startWeekDay;
261
+ var startWeekDayNewDate = new Date(startWeekD.setDate(startWeekDiff));
262
+ var startWeekMonthName = monthNames[startWeekDayNewDate.getMonth()];
263
+ var startWeekDayDate = ("0" + startWeekDayNewDate.getDate()).slice(-2);
264
+ var startWeekYear = startWeekDayNewDate.getFullYear();
263
265
  newFormat = startWeekMonthName + " " + startWeekDayDate + ", " + startWeekYear;
264
266
  //Feb 07, 2021
265
267
  break;
266
268
  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
-
269
+ var endWeekD = new Date(date);
270
+ var endWeekDay = endWeekD.getDay(), endWeekDiff = endWeekD.getDate() - endWeekDay + 6;
271
+ var endWeekDayNewDate = new Date(endWeekD.setDate(endWeekDiff));
272
+ var endWeekMonthName = monthNames[endWeekDayNewDate.getMonth()];
273
+ var endWeekDayDate = ("0" + endWeekDayNewDate.getDate()).slice(-2);
274
+ var endWeekYear = endWeekDayNewDate.getFullYear();
276
275
  newFormat = endWeekMonthName + " " + endWeekDayDate + ", " + endWeekYear;
277
276
  //Feb 13, 2021
278
277
  break;
@@ -293,7 +292,7 @@ const datetimeFormatter = (timestamp: string | Date | any, format: string = "dat
293
292
  //February 2021
294
293
  break;
295
294
  case "datetime-format-forPosting":
296
- let forPostingDay = String(date.getUTCDate());
295
+ var forPostingDay = String(date.getUTCDate());
297
296
  if (forPostingDay.length === 1) {
298
297
  forPostingDay = "0" + forPostingDay;
299
298
  }
@@ -343,8 +342,8 @@ const datetimeFormatter = (timestamp: string | Date | any, format: string = "dat
343
342
  newFormat = dayName + ", " + monthName + " " + dayDate;
344
343
  break;
345
344
  case "time-standard":
346
- let h = isNaN(date.getHours()) ? iosDate.getHours() : date.getHours();
347
- let hour = h < 10 ? '0' + h : h;
345
+ var h = isNaN(date.getHours()) ? iosDate.getHours() : date.getHours();
346
+ var hour = h < 10 ? '0' + h : h;
348
347
  newFormat = hour + ':' + minutes;
349
348
  // 15:30
350
349
  break;
@@ -355,38 +354,32 @@ const datetimeFormatter = (timestamp: string | Date | any, format: string = "dat
355
354
  case 'year-month':
356
355
  newFormat = year + "-" + MonthNumeric;
357
356
  break;
358
-
359
357
  case "datetime-utc":
360
- newFormat = year + "-" + MonthNumeric + "-" + dayDate + ' 00:00:00+00'
358
+ newFormat = year + "-" + MonthNumeric + "-" + dayDate + ' 00:00:00+00';
361
359
  //2021-02-10 00:00:00+00
362
360
  break;
363
-
364
-
365
361
  case 'datetime-file-format':
366
362
  hours = isNaN(date.getHours()) ? iosDate.getHours() : date.getHours();
367
363
  hours = hours < 10 ? '0' + hours : hours;
368
- newFormat = year + "-" + `${MonthNumeric}` + `${date.getUTCDate()}` + `${hours}` + `${minutes}` + `${seconds}` + `${'1'}`;
369
-
364
+ newFormat = year + "-" + "".concat(MonthNumeric) + "".concat(date.getUTCDate()) + "".concat(hours) + "".concat(minutes) + "".concat(seconds) + "".concat('1');
370
365
  break;
371
-
372
366
  default:
373
367
  newFormat = "";
374
368
  break;
375
369
  }
376
370
  return newFormat;
377
- } else {
371
+ }
372
+ else {
378
373
  return "";
379
374
  }
380
-
381
-
382
-
383
- } else {
375
+ }
376
+ else {
384
377
  return "";
385
378
  }
386
- } catch (error) {
379
+ }
380
+ catch (error) {
387
381
  console.error(error, 'Invalid input. Please check helpers (datetimeFormatter).');
388
382
  return "";
389
383
  }
390
- }
391
-
392
- export default datetimeFormatter;
384
+ };
385
+ export default datetimeFormatter;
@@ -0,0 +1,10 @@
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;
@@ -0,0 +1,38 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import React, { useState } from 'react';
14
+ import { SVG_ARROWDOWN, SVG_ARROW_UP } from './assets/Asset';
15
+ var Information = function (_a) {
16
+ var items = _a.items, listRow = _a.listRow, desc = _a.desc, title = _a.title, hide = _a.hide;
17
+ var _b = useState(null), rowAnchorEl = _b[0], setRowAnchorEl = _b[1];
18
+ var renderHtml = function (html) {
19
+ return _jsx("div", { dangerouslySetInnerHTML: { __html: html } });
20
+ };
21
+ var showRowDetails = function (e, idx) {
22
+ e && e.preventDefault();
23
+ if (rowAnchorEl === idx) {
24
+ rowAnchorEl = null;
25
+ }
26
+ else {
27
+ rowAnchorEl = idx;
28
+ }
29
+ setRowAnchorEl(rowAnchorEl);
30
+ };
31
+ var View = function () {
32
+ return _jsx(React.Fragment, { children: _jsx("div", __assign({ className: "em-popover-i" }, { children: typeof desc != 'undefined' && desc ? (_jsxs("div", __assign({ className: "em-popover-i-content" }, { children: [_jsxs("div", __assign({ className: "em-popover-i-title" }, { children: [_jsx("h6", { children: title }), _jsx("div", { className: "em-popover-i-close", onClick: hide })] })), _jsx("div", { children: typeof items != 'undefined' && items ? renderHtml(items) : '' })] }))) : (_jsxs("div", __assign({ className: "em-popover-i-content" }, { children: [_jsxs("div", __assign({ className: "em-popover-i-title" }, { children: [_jsx("h6", { children: title }), _jsx("div", { className: "em-popover-i-close", onClick: hide })] })), listRow ? (listRow.length >= 1 ? (listRow.map(function (item, key) { return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: "em-popover-i-category", onClick: function (event) { return showRowDetails(event, key); } }, { children: [_jsx("div", { children: _jsx("h6", { children: item }) }), rowAnchorEl === key ? (SVG_ARROW_UP) : (SVG_ARROWDOWN)] })), rowAnchorEl === key ? (_jsx("div", __assign({ className: "em-popover-i-details" }, { children: item === 'COMPANY POLICY' ? (typeof items != 'undefined' && typeof items.companyPolicy != 'undefined' && items.companyPolicy ? renderHtml(items.companyPolicy) : '') :
33
+ (item === 'SYSTEM POLICY' ? (typeof items != 'undefined' && typeof items.systemPolicy != 'undefined' && items.systemPolicy ? renderHtml(items.systemPolicy) : '') :
34
+ (typeof items != 'undefined' && typeof items.instruction != 'undefined' && items.instruction ? renderHtml(items.instruction) : '')) }))) : null] }, key)); })) : null) : null] }))) })) });
35
+ };
36
+ return View();
37
+ };
38
+ export default Information;
@@ -0,0 +1,24 @@
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;