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.
Files changed (83) hide show
  1. package/README.md +70 -2
  2. package/{src/main → dist}/assets/Asset.d.ts +0 -0
  3. package/{src/main → dist}/assets/Asset.js +0 -0
  4. package/{src/main → dist}/assets/Asset.tsx +0 -0
  5. package/{src/main → dist}/assets/icons/icon-check-white-sm.svg +0 -0
  6. package/{src/main → dist}/assets/images/icon-arrowdown-graydark.svg +0 -0
  7. package/{src/main → dist}/assets/images/icon-arrowleft-graydark.svg +0 -0
  8. package/{src/main → dist}/assets/images/icon-arrowright-graydark.svg +0 -0
  9. package/{src/main → dist}/assets/images/icon-arrowup-graydark.svg +0 -0
  10. package/{src/main → dist}/assets/images/icon-check-graydark.svg +0 -0
  11. package/dist/cjs/MenuBar.js +7 -7
  12. package/dist/esm/MenuBar.js +7 -7
  13. package/dist/scss/elements/_button.scss +5 -5
  14. package/dist/scss/library/_menubar.scss +41 -11
  15. package/dist/scss/library/_select.scss +6 -5
  16. package/package.json +2 -2
  17. package/public/favicon.ico +0 -0
  18. package/public/index.html +0 -43
  19. package/public/logo192.png +0 -0
  20. package/public/logo512.png +0 -0
  21. package/public/manifest.json +0 -25
  22. package/public/robots.txt +0 -3
  23. package/src/index.tsx +0 -15
  24. package/src/main/DatetimeFormatter.d.ts +0 -3
  25. package/src/main/DatetimeFormatter.js +0 -389
  26. package/src/main/DatetimeFormatter.tsx +0 -392
  27. package/src/main/Information.d.ts +0 -10
  28. package/src/main/Information.js +0 -65
  29. package/src/main/Information.tsx +0 -112
  30. package/src/main/MenuBar.d.ts +0 -24
  31. package/src/main/MenuBar.js +0 -650
  32. package/src/main/MenuBar.tsx +0 -1072
  33. package/src/main/Modal.d.ts +0 -33
  34. package/src/main/Modal.js +0 -24
  35. package/src/main/Modal.tsx +0 -83
  36. package/src/main/constants/Constant.d.ts +0 -15
  37. package/src/main/constants/Constant.js +0 -44
  38. package/src/main/index.d.ts +0 -3
  39. package/src/main/index.js +0 -10
  40. package/src/main/index.tsx +0 -5
  41. package/src/main/inputs/Input.d.ts +0 -25
  42. package/src/main/inputs/Input.js +0 -135
  43. package/src/main/inputs/Input.tsx +0 -193
  44. package/src/main/inputs/InputSelectionHandler.d.ts +0 -2
  45. package/src/main/inputs/InputSelectionHandler.js +0 -36
  46. package/src/main/inputs/InputSelectionHandler.tsx +0 -21
  47. package/src/main/inputs/Select.d.ts +0 -28
  48. package/src/main/inputs/Select.js +0 -456
  49. package/src/main/inputs/Select.tsx +0 -654
  50. package/src/main/tsconfig.common.json +0 -34
  51. package/src/main/tsconfig.json +0 -35
  52. package/src/sample/App.css +0 -38
  53. package/src/sample/App.d.ts +0 -3
  54. package/src/sample/App.js +0 -13
  55. package/src/sample/App.test.d.ts +0 -1
  56. package/src/sample/App.test.js +0 -13
  57. package/src/sample/App.test.tsx +0 -9
  58. package/src/sample/App.tsx +0 -15
  59. package/src/sample/TestMenuBar.d.ts +0 -2
  60. package/src/sample/TestMenuBar.js +0 -508
  61. package/src/sample/TestMenuBar.tsx +0 -362
  62. package/src/sample/react-app-env.d.ts +0 -1
  63. package/src/sample/reportWebVitals.d.ts +0 -3
  64. package/src/sample/reportWebVitals.js +0 -38
  65. package/src/sample/reportWebVitals.ts +0 -15
  66. package/src/sample/setupTests.d.ts +0 -1
  67. package/src/sample/setupTests.js +0 -7
  68. package/src/sample/setupTests.ts +0 -5
  69. package/src/sample/tsconfig.json +0 -36
  70. package/src/scss/components/_modal.scss +0 -66
  71. package/src/scss/elements/_button.scss +0 -107
  72. package/src/scss/elements/_index.scss +0 -2
  73. package/src/scss/elements/_popover.scss +0 -8
  74. package/src/scss/foundation/_colors.scss +0 -60
  75. package/src/scss/foundation/_mixins.scss +0 -41
  76. package/src/scss/foundation/_normalize.scss +0 -204
  77. package/src/scss/foundation/_settings.scss +0 -36
  78. package/src/scss/foundation/_typography.scss +0 -95
  79. package/src/scss/library/_information.scss +0 -68
  80. package/src/scss/library/_input.scss +0 -37
  81. package/src/scss/library/_menubar.scss +0 -225
  82. package/src/scss/library/_select.scss +0 -258
  83. 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;
@@ -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;
@@ -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
-
@@ -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;