empower-container 0.1.2 → 0.1.5

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