imbric-theme 0.6.5 → 0.6.6

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 (10) hide show
  1. package/atoms/Check/Check.js +6 -4
  2. package/atoms/Toggle/Toggle.js +7 -6
  3. package/layout/Sidebar/Sidebar.js +3 -1
  4. package/molecules/ColumnTable/ColumnTable.js +101 -95
  5. package/molecules/ColumnTable/ColumnTable.module.css +12 -0
  6. package/molecules/InputAutocomplete/InputAutocomplete.js +8 -5
  7. package/molecules/RowTable/RowTable.js +481 -479
  8. package/molecules/RowTable/RowTable.module.css +4 -2
  9. package/package.json +1 -1
  10. package/pages/Login/Login.js +3 -3
package/molecules/RowTable/RowTable.js CHANGED
@@ -9,7 +9,6 @@ import withStyles from '../../hocs/withStyles'
9
9
  import Moment from 'react-moment'
10
10
  import Icon from '../../atoms/Icon'
11
11
  import Picture from '../../atoms/Picture'
12
- import Check from '../../atoms/Check'
13
12
  import Toggle from '../../atoms/Toggle'
14
13
 
15
14
 
@@ -39,9 +38,6 @@ export const RowTable = ({
39
38
  txtTootipIconSendEmail,
40
39
  txtTootipIconDelete,
41
40
  txtTootipIconLink,
42
-
43
- isCheckedCheckbox,
44
- onClickCheckbox,
45
41
  }) => {
46
42
 
47
43
 
@@ -99,242 +95,215 @@ export const RowTable = ({
99
95
 
100
96
 
101
97
  return (
102
- <div className={getStyles('tbl-content')}>
103
- <table className={getStyles('table')} cellPadding="0" cellSpacing="0" border="0">
98
+ // <div className={getStyles('tbl-content')}>
99
+ // <table className={getStyles('table')} cellPadding="0" cellSpacing="0" border="0">
104
100
 
105
101
 
106
- <tbody>
107
- {slice.map((item, index) => (
102
+ <tbody>
103
+ {slice.map((item, index) => (
108
104
 
109
- <tr className={getStyles({ 'tr-content': isClickRow })} onClick={(e) => { onClickRow(e, item) }} key={index}>
105
+ <tr className={getStyles({ 'tr-content': isClickRow })} onClick={(e) => { onClickRow(e, item) }} key={index}>
110
106
 
111
- {columnsData.map((itemTd) => (
112
- itemTd.activeView ?
113
- (
107
+ {columnsData.map((itemTd, indexTd) => (
108
+ itemTd.activeView ?
109
+ (
114
110
 
115
- itemTd.isCheckbox
111
+ itemTd.isCheckbox
116
112
 
117
- ?
118
- !loading ? (
119
- <td
120
- className={getStyles('td', 'tdacction')}
121
- key={[itemTd.accessor]}
122
- >
113
+ ?
114
+ !loading ? (
115
+ <td
116
+ className={getStyles('td', 'tdacction')}
117
+ key={[itemTd.accessor] + (indexTd + index)}
118
+ >
123
119
 
124
- {/* <Check id={item[itemTd.accessor]} isChecked={item.isSelected} /> */}
120
+ {/* <Check id={item[itemTd.accessor]} isChecked={item.isSelected} /> */}
125
121
 
126
- <Toggle
127
- id={'idToggle' + item.id}
128
- checked={item.isSelected}
129
- label=""
130
- onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}
131
- />
122
+ <Toggle
123
+ id={'idToggle' + item.id}
124
+ checked={item.isSelected}
125
+ label=""
126
+ onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}
127
+ />
132
128
 
133
- </td>
134
- )
135
- : null
136
- :
129
+ </td>
130
+ )
131
+ : null
132
+ :
137
133
 
138
134
 
139
- itemTd.isArrayObject
135
+ itemTd.isArrayObject
140
136
 
141
- ?
137
+ ?
142
138
 
143
- <td className={getStyles('td')} key={[itemTd.accessor]}>
139
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>
144
140
 
145
- {item[itemTd.accessor].map((itemTdObj, index, array) => (
141
+ {console.log('TD: ' + [itemTd.accessor] + (indexTd + index))}
146
142
 
147
- <>
143
+ {item[itemTd.accessor].map((itemTdObj, indexAcc, array) => (
148
144
 
149
- <span className={getStyles('tdlabelAlt')} key={itemTdObj.id + 'label'}>
145
+ <>
150
146
 
151
- {itemTdObj[itemTd.subAccessorAlt]}
147
+ <span className={getStyles('tdlabelAlt')} key={itemTdObj.id + 'label' + (indexAcc + index)}>
148
+ {console.log('A: ' + itemTdObj.id + 'label' + (indexAcc + index))}
152
149
 
153
- {array.length - 1 !== index ?
154
- <span>, </span> : null}
155
- :&nbsp;
156
- </span>
150
+ {itemTdObj[itemTd.subAccessorAlt]}
157
151
 
158
- <span key={itemTdObj.id}>
152
+ {array.length - 1 !== indexAcc ?
153
+ <span>, </span> : null}
154
+ :&nbsp;
155
+ </span>
159
156
 
160
- {itemTdObj[itemTd.subAccessor]}
157
+ <span key={itemTdObj.id + 'Tdlabel' + (indexAcc + index)}>
161
158
 
162
- {array.length - 1 !== index ?
163
- <span>, </span> : null}
159
+ {console.log('B: ' + itemTdObj.id + 'Tdlabel' + (indexAcc + index))}
164
160
 
165
- </span>
161
+ {itemTdObj[itemTd.subAccessor]}
166
162
 
167
- </>
163
+ {array.length - 1 !== indexAcc ?
164
+ <span>, </span> : null}
168
165
 
169
- ))}
166
+ </span>
170
167
 
171
- </td>
168
+ </>
172
169
 
173
- :
170
+ ))}
174
171
 
172
+ </td>
175
173
 
176
- itemTd.isPicture
174
+ :
177
175
 
178
- ?
179
- <td className={getStyles('td', 'tdacction')} key={[itemTd.accessor]}>
180
- <Picture
181
- src={item[itemTd.accessor]}
182
- width={50}
183
- />
184
- </td>
185
- :
186
176
 
187
- itemTd.subAccessor === 'action'
177
+ itemTd.isPicture
188
178
 
189
- ?
179
+ ?
180
+ <td className={getStyles('td', 'tdacction')} key={[itemTd.accessor] + (indexTd + index)}>
181
+ <Picture
182
+ src={item[itemTd.accessor]}
183
+ width={50}
184
+ />
185
+ </td>
186
+ :
187
+
188
+ itemTd.subAccessor === 'action'
190
189
 
191
- <td className={getStyles('td', 'tdacctionIcons')} key={[itemTd.accessor]}>
190
+ ?
192
191
 
193
- {itemTd.viewUserView ?
192
+ <td className={getStyles('td', 'tdacctionIcons')} key={[itemTd.accessor] + (indexTd + index)}>
194
193
 
195
- item.viewUserView === undefined ?
194
+ {itemTd.viewUserView ?
196
195
 
196
+ item.viewUserView === undefined ?
197
+
198
+ <>
199
+ <span
200
+ data-tip
201
+ data-for='userView'
202
+ onMouseEnter={handleMouseEnter}
203
+ onMouseLeave={handleMouseLeave}
204
+ >
197
205
  <>
198
- <span
199
- data-tip
200
- data-for='userView'
201
- onMouseEnter={handleMouseEnter}
202
- onMouseLeave={handleMouseLeave}
203
- >
204
- <>
205
- <Icon
206
- id="userView"
207
- background="base"
208
- name="userView"
209
- onClick={(e) => { onClickActionUserView(e, item) }}
210
- />
211
- <Horizontal size="xs" />
212
- </>
213
-
214
- </span>
215
-
216
- {isToolTipMounted ? (
217
- <ReactTooltip id='userView' type='error'>
218
- <span>{txtTootipIconUserView}</span>
219
- </ReactTooltip>
220
- ) : null}
206
+ <Icon
207
+ id="userView"
208
+ background="base"
209
+ name="userView"
210
+ onClick={(e) => { onClickActionUserView(e, item) }}
211
+ />
212
+ <Horizontal size="xs" />
221
213
  </>
222
214
 
223
- :
215
+ </span>
216
+
217
+ {isToolTipMounted ? (
218
+ <ReactTooltip id='userView' type='error'>
219
+ <span>{txtTootipIconUserView}</span>
220
+ </ReactTooltip>
221
+ ) : null}
222
+ </>
223
+
224
+ :
224
225
 
225
- item.viewUserView ?
226
+ item.viewUserView ?
226
227
 
228
+ <>
229
+ <span
230
+ data-tip
231
+ data-for='userView'
232
+ onMouseEnter={handleMouseEnter}
233
+ onMouseLeave={handleMouseLeave}
234
+ >
227
235
  <>
228
- <span
229
- data-tip
230
- data-for='userView'
231
- onMouseEnter={handleMouseEnter}
232
- onMouseLeave={handleMouseLeave}
233
- >
234
- <>
235
- <Icon
236
- id="userView"
237
- background="base"
238
- name="userView"
239
- onClick={(e) => { onClickActionUserView(e, item) }}
240
- />
241
- <Horizontal size="xs" />
242
- </>
243
-
244
- </span>
245
-
246
- {isToolTipMounted ? (
247
- <ReactTooltip id='userView' type='error'>
248
- <span>{txtTootipIconUserView}</span>
249
- </ReactTooltip>
250
- ) : null}
236
+ <Icon
237
+ id="userView"
238
+ background="base"
239
+ name="userView"
240
+ onClick={(e) => { onClickActionUserView(e, item) }}
241
+ />
242
+ <Horizontal size="xs" />
251
243
  </>
252
244
 
253
- : null
245
+ </span>
246
+
247
+ {isToolTipMounted ? (
248
+ <ReactTooltip id='userView' type='error'>
249
+ <span>{txtTootipIconUserView}</span>
250
+ </ReactTooltip>
251
+ ) : null}
252
+ </>
253
+
254
+ : null
254
255
 
255
- : null}
256
+ : null}
256
257
 
257
258
 
258
- {itemTd.viewListInvoice ?
259
+ {itemTd.viewListInvoice ?
259
260
 
260
261
 
261
- item.viewListInvoice === undefined ?
262
+ item.viewListInvoice === undefined ?
262
263
 
264
+ <>
265
+ <span
266
+ data-tip
267
+ data-for='listInvoice'
268
+ onMouseEnter={handleMouseEnter}
269
+ onMouseLeave={handleMouseLeave}
270
+ >
263
271
  <>
264
- <span
265
- data-tip
266
- data-for='listInvoice'
267
- onMouseEnter={handleMouseEnter}
268
- onMouseLeave={handleMouseLeave}
269
- >
270
- <>
271
- <Icon
272
- id={"listInvoice" + index}
273
- background="base"
274
- name="listInvoice"
275
- onClick={(e) => { onClickActionListInvoice(e, item) }}
276
- />
277
- <Horizontal size="xs" />
278
- </>
279
-
280
- </span>
281
-
282
- {isToolTipMounted ? (
283
- <ReactTooltip id='listInvoice' type='error' place='left'>
284
- <span>{txtTootipIconListInvoice}</span>
285
- </ReactTooltip>
286
- ) : null}
272
+ <Icon
273
+ id={"listInvoice" + (indexTd + index)}
274
+ background="base"
275
+ name="listInvoice"
276
+ onClick={(e) => { onClickActionListInvoice(e, item) }}
277
+ />
278
+ <Horizontal size="xs" />
287
279
  </>
288
280
 
289
- :
290
-
291
- item.viewListInvoice ?
292
-
293
- <>
294
- <span
295
- data-tip
296
- data-for='listInvoice'
297
- onMouseEnter={handleMouseEnter}
298
- onMouseLeave={handleMouseLeave}
299
- >
300
- <>
301
- <Icon
302
- id={"listInvoice" + index}
303
- background="base"
304
- name="listInvoice"
305
- onClick={(e) => { onClickActionListInvoice(e, item) }}
306
- />
307
- <Horizontal size="xs" />
308
- </>
309
-
310
- </span>
311
-
312
- {isToolTipMounted ? (
313
- <ReactTooltip id='listInvoice' type='error'>
314
- <span>{txtTootipIconListInvoice}</span>
315
- </ReactTooltip>
316
- ) : null}
317
- </>
281
+ </span>
318
282
 
319
- : null
283
+ {isToolTipMounted ? (
284
+ <ReactTooltip id='listInvoice' type='error' place='left'>
285
+ <span>{txtTootipIconListInvoice}</span>
286
+ </ReactTooltip>
287
+ ) : null}
288
+ </>
320
289
 
321
- : null}
290
+ :
322
291
 
323
- {itemTd.viewListXLS && item.fileType === 'xls' ?
292
+ item.viewListInvoice ?
324
293
 
325
294
  <>
326
295
  <span
327
296
  data-tip
328
- data-for='listXLS'
297
+ data-for='listInvoice'
329
298
  onMouseEnter={handleMouseEnter}
330
299
  onMouseLeave={handleMouseLeave}
331
300
  >
332
301
  <>
333
302
  <Icon
334
- id={"listXLS" + index}
303
+ id={"listInvoice" + (indexTd + index)}
335
304
  background="base"
336
- name="listXLS"
337
- onClick={(e) => { onClickActionListXLS(e, item) }}
305
+ name="listInvoice"
306
+ onClick={(e) => { onClickActionListInvoice(e, item) }}
338
307
  />
339
308
  <Horizontal size="xs" />
340
309
  </>
@@ -342,29 +311,151 @@ export const RowTable = ({
342
311
  </span>
343
312
 
344
313
  {isToolTipMounted ? (
345
- <ReactTooltip id='listXLS' type='error'>
346
- <span>{txtTootipIconListListXLS}</span>
314
+ <ReactTooltip id='listInvoice' type='error'>
315
+ <span>{txtTootipIconListInvoice}</span>
347
316
  </ReactTooltip>
348
317
  ) : null}
349
318
  </>
350
319
 
351
- : null}
320
+ : null
321
+
322
+ : null}
323
+
324
+ {itemTd.viewListXLS && item.fileType === 'xls' ?
325
+
326
+ <>
327
+ <span
328
+ data-tip
329
+ data-for='listXLS'
330
+ onMouseEnter={handleMouseEnter}
331
+ onMouseLeave={handleMouseLeave}
332
+ >
333
+ <>
334
+ <Icon
335
+ id={"listXLS" + (indexTd + index)}
336
+ background="base"
337
+ name="listXLS"
338
+ onClick={(e) => { onClickActionListXLS(e, item) }}
339
+ />
340
+ <Horizontal size="xs" />
341
+ </>
342
+
343
+ </span>
344
+
345
+ {isToolTipMounted ? (
346
+ <ReactTooltip id='listXLS' type='error'>
347
+ <span>{txtTootipIconListListXLS}</span>
348
+ </ReactTooltip>
349
+ ) : null}
350
+ </>
351
+
352
+ : null}
353
+
354
+ {itemTd.viewListCSV && item.fileType === 'xml' ?
355
+
356
+ <>
357
+ <span
358
+ data-tip
359
+ data-for='listCSV'
360
+ onMouseEnter={handleMouseEnter}
361
+ onMouseLeave={handleMouseLeave}
362
+ >
363
+ <>
364
+ <Icon
365
+ id={"listCSV" + (indexTd + index)}
366
+ background="base"
367
+ name="listCSV"
368
+ onClick={(e) => { onClickActionListCSV(e, item) }}
369
+ />
370
+ <Horizontal size="xs" />
371
+ </>
372
+
373
+ </span>
374
+
375
+ {isToolTipMounted ? (
376
+ <ReactTooltip id='listCSV' type='error'>
377
+ <span>{txtTootipIconListListCSV}</span>
378
+ </ReactTooltip>
379
+ ) : null}
380
+ </>
381
+
382
+ : null}
383
+
384
+ {itemTd.viewListPDF && item.fileType === 'pdf' ?
385
+
386
+ <>
387
+ <span
388
+ data-tip
389
+ data-for='listPDF'
390
+ onMouseEnter={handleMouseEnter}
391
+ onMouseLeave={handleMouseLeave}
392
+ >
393
+ <>
394
+ <Icon
395
+ id={"listPDF" + (indexTd + index)}
396
+ background="base"
397
+ name="listPDF"
398
+ onClick={(e) => { onClickActionListPDF(e, item) }}
399
+ />
400
+ <Horizontal size="xs" />
401
+ </>
402
+
403
+ </span>
404
+
405
+ {isToolTipMounted ? (
406
+ <ReactTooltip id='listPDF' type='error'>
407
+ <span>{txtTootipIconListListPDF}</span>
408
+ </ReactTooltip>
409
+ ) : null}
410
+ </>
411
+
412
+ : null}
413
+
414
+ {itemTd.viewEdit ?
352
415
 
353
- {itemTd.viewListCSV && item.fileType === 'xml' ?
416
+ item.viewEdit === undefined ?
417
+ <>
418
+ <span
419
+ data-tip
420
+ data-for='edit'
421
+ onMouseEnter={handleMouseEnter}
422
+ onMouseLeave={handleMouseLeave}
423
+ >
424
+ <>
425
+ <Icon
426
+ id={"edit" + (indexTd + index)}
427
+ background="base"
428
+ name="edit"
429
+ onClick={(e) => { onClickActionEdit(e, item) }}
430
+ />
431
+ <Horizontal size="xs" />
432
+ </>
433
+
434
+ </span>
435
+
436
+ {isToolTipMounted ? (
437
+ <ReactTooltip id='edit' type='error'>
438
+ <span>{txtTootipIconEdit}</span>
439
+ </ReactTooltip>
440
+ ) : null}
441
+ </>
442
+ :
443
+
444
+ item.viewEdit ?
354
445
 
355
446
  <>
356
447
  <span
357
448
  data-tip
358
- data-for='listCSV'
449
+ data-for='edit'
359
450
  onMouseEnter={handleMouseEnter}
360
451
  onMouseLeave={handleMouseLeave}
361
452
  >
362
453
  <>
363
454
  <Icon
364
- id={"listCSV" + index}
455
+ id={"edit" + (indexTd + index)}
365
456
  background="base"
366
- name="listCSV"
367
- onClick={(e) => { onClickActionListCSV(e, item) }}
457
+ name="edit"
458
+ onClick={(e) => { onClickActionEdit(e, item) }}
368
459
  />
369
460
  <Horizontal size="xs" />
370
461
  </>
@@ -372,29 +463,61 @@ export const RowTable = ({
372
463
  </span>
373
464
 
374
465
  {isToolTipMounted ? (
375
- <ReactTooltip id='listCSV' type='error'>
376
- <span>{txtTootipIconListListCSV}</span>
466
+ <ReactTooltip id='edit' type='error'>
467
+ <span>{txtTootipIconEdit}</span>
377
468
  </ReactTooltip>
378
469
  ) : null}
379
470
  </>
380
471
 
381
- : null}
472
+ : null
473
+
474
+ : null}
475
+
476
+ {itemTd.viewEmailSend ?
477
+
478
+ item.viewEmailSend === undefined ?
479
+
480
+ <>
481
+ <span
482
+ data-tip
483
+ data-for='sendEmail'
484
+ onMouseEnter={handleMouseEnter}
485
+ onMouseLeave={handleMouseLeave}
486
+ >
487
+ <>
488
+ <Icon
489
+ background="base"
490
+ name="sendEmail"
491
+ onClick={e => { onClickActionSendEmail(e, item) }}
492
+ />
493
+ <Horizontal size="xs" />
494
+ </>
495
+
496
+ </span>
497
+
498
+ {isToolTipMounted ? (
499
+ <ReactTooltip id='sendEmail' type='error'>
500
+ <span>{txtTootipIconSendEmail}</span>
501
+ </ReactTooltip>
502
+ ) : null}
503
+ </>
382
504
 
383
- {itemTd.viewListPDF && item.fileType === 'pdf' ?
505
+ :
506
+
507
+ item.viewEmailSend ?
384
508
 
385
509
  <>
386
510
  <span
387
511
  data-tip
388
- data-for='listPDF'
512
+ data-for='sendEmail'
389
513
  onMouseEnter={handleMouseEnter}
390
514
  onMouseLeave={handleMouseLeave}
391
515
  >
392
516
  <>
393
517
  <Icon
394
- id={"listPDF" + index}
395
518
  background="base"
396
- name="listPDF"
397
- onClick={(e) => { onClickActionListPDF(e, item) }}
519
+ name="sendEmail"
520
+ onClick={e => { onClickActionSendEmail(e, item) }}
398
521
  />
399
522
  <Horizontal size="xs" />
400
523
  </>
@@ -402,368 +525,247 @@ export const RowTable = ({
402
525
  </span>
403
526
 
404
527
  {isToolTipMounted ? (
405
- <ReactTooltip id='listPDF' type='error'>
406
- <span>{txtTootipIconListListPDF}</span>
528
+ <ReactTooltip id='sendEmail' type='error'>
529
+ <span>{txtTootipIconSendEmail}</span>
407
530
  </ReactTooltip>
408
531
  ) : null}
409
532
  </>
410
533
 
411
- : null}
534
+ : null
412
535
 
413
- {itemTd.viewEdit ?
536
+ : null}
414
537
 
415
- item.viewEdit === undefined ?
416
- <>
417
- <span
418
- data-tip
419
- data-for='edit'
420
- onMouseEnter={handleMouseEnter}
421
- onMouseLeave={handleMouseLeave}
422
- >
423
- <>
424
- <Icon
425
- id={"edit" + index}
426
- background="base"
427
- name="edit"
428
- onClick={(e) => { onClickActionEdit(e, item) }}
429
- />
430
- <Horizontal size="xs" />
431
- </>
432
-
433
- </span>
434
-
435
- {isToolTipMounted ? (
436
- <ReactTooltip id='edit' type='error'>
437
- <span>{txtTootipIconEdit}</span>
438
- </ReactTooltip>
439
- ) : null}
440
- </>
441
- :
538
+ {itemTd.viewTrash ?
442
539
 
443
- item.viewEdit ?
540
+ item.viewTrash === undefined ?
444
541
 
445
- <>
446
- <span
447
- data-tip
448
- data-for='edit'
449
- onMouseEnter={handleMouseEnter}
450
- onMouseLeave={handleMouseLeave}
451
- >
452
- <>
453
- <Icon
454
- id={"edit" + index}
455
- background="base"
456
- name="edit"
457
- onClick={(e) => { onClickActionEdit(e, item) }}
458
- />
459
- <Horizontal size="xs" />
460
- </>
461
-
462
- </span>
463
-
464
- {isToolTipMounted ? (
465
- <ReactTooltip id='edit' type='error'>
466
- <span>{txtTootipIconEdit}</span>
467
- </ReactTooltip>
468
- ) : null}
469
- </>
542
+ <>
543
+ <span
544
+ data-tip
545
+ data-for='trash'
546
+ onMouseEnter={handleMouseEnter}
547
+ onMouseLeave={handleMouseLeave}
548
+ >
549
+ <>
550
+ <Icon
551
+ background="base"
552
+ name="trash"
553
+ onClick={e => { onClickActionDelete(e, item) }}
554
+ />
555
+ <Horizontal size="xs" />
556
+ </>
470
557
 
471
- : null
558
+ </span>
472
559
 
473
- : null}
560
+ {isToolTipMounted ? (
561
+ <ReactTooltip id='trash' type='error'>
562
+ <span>{txtTootipIconDelete}</span>
563
+ </ReactTooltip>
564
+ ) : null}
565
+ </>
474
566
 
475
- {itemTd.viewEmailSend ?
567
+ :
476
568
 
477
- item.viewEmailSend === undefined ?
569
+ item.viewTrash ?
478
570
 
479
- <>
480
- <span
481
- data-tip
482
- data-for='sendEmail'
483
- onMouseEnter={handleMouseEnter}
484
- onMouseLeave={handleMouseLeave}
485
- >
486
- <>
487
- <Icon
488
- background="base"
489
- name="sendEmail"
490
- onClick={e => { onClickActionSendEmail(e, item) }}
491
- />
492
- <Horizontal size="xs" />
493
- </>
494
-
495
- </span>
496
-
497
- {isToolTipMounted ? (
498
- <ReactTooltip id='sendEmail' type='error'>
499
- <span>{txtTootipIconSendEmail}</span>
500
- </ReactTooltip>
501
- ) : null}
502
- </>
571
+ <>
572
+ <span
573
+ data-tip
574
+ data-for='trash'
575
+ onMouseEnter={handleMouseEnter}
576
+ onMouseLeave={handleMouseLeave}
577
+ >
578
+ <>
579
+ <Icon
580
+ background="base"
581
+ name="trash"
582
+ onClick={e => { onClickActionDelete(e, item) }}
583
+ />
584
+ <Horizontal size="xs" />
585
+ </>
503
586
 
504
- :
587
+ </span>
505
588
 
506
- item.viewEmailSend ?
589
+ {isToolTipMounted ? (
590
+ <ReactTooltip id='trash' type='error'>
591
+ <span>{txtTootipIconDelete}</span>
592
+ </ReactTooltip>
593
+ ) : null}
594
+ </>
507
595
 
508
- <>
509
- <span
510
- data-tip
511
- data-for='sendEmail'
512
- onMouseEnter={handleMouseEnter}
513
- onMouseLeave={handleMouseLeave}
514
- >
515
- <>
516
- <Icon
517
- background="base"
518
- name="sendEmail"
519
- onClick={e => { onClickActionSendEmail(e, item) }}
520
- />
521
- <Horizontal size="xs" />
522
- </>
523
-
524
- </span>
525
-
526
- {isToolTipMounted ? (
527
- <ReactTooltip id='sendEmail' type='error'>
528
- <span>{txtTootipIconSendEmail}</span>
529
- </ReactTooltip>
530
- ) : null}
531
- </>
596
+ : null
532
597
 
533
- : null
598
+ : null}
534
599
 
535
- : null}
536
600
 
537
- {itemTd.viewTrash ?
601
+ {itemTd.viewLink ?
538
602
 
539
- item.viewTrash === undefined ?
603
+ item.viewLink === undefined ?
540
604
 
605
+ <>
606
+ <span
607
+ data-tip
608
+ data-for='linkUser'
609
+ onMouseEnter={handleMouseEnter}
610
+ onMouseLeave={handleMouseLeave}
611
+ >
541
612
  <>
542
- <span
543
- data-tip
544
- data-for='trash'
545
- onMouseEnter={handleMouseEnter}
546
- onMouseLeave={handleMouseLeave}
547
- >
548
- <>
549
- <Icon
550
- background="base"
551
- name="trash"
552
- onClick={e => { onClickActionDelete(e, item) }}
553
- />
554
- <Horizontal size="xs" />
555
- </>
556
-
557
- </span>
558
-
559
- {isToolTipMounted ? (
560
- <ReactTooltip id='trash' type='error'>
561
- <span>{txtTootipIconDelete}</span>
562
- </ReactTooltip>
563
- ) : null}
613
+ <Icon
614
+ background="base"
615
+ name="linkUser"
616
+ // onClick={(e) => onClickEdit(e, item)}
617
+ onClick={e => { onClickActionLink(e, item) }}
618
+ />
619
+ <Horizontal size="xs" />
564
620
  </>
565
621
 
566
- :
622
+ </span>
623
+
624
+ {isToolTipMounted ? (
625
+ <ReactTooltip id='linkUser' type='error'>
626
+ <span>{txtTootipIconLink}</span>
627
+ </ReactTooltip>
628
+ ) : null}
629
+ </>
567
630
 
568
- item.viewTrash ?
631
+ :
632
+
633
+ item.viewLink ?
569
634
 
635
+ <>
636
+ <span
637
+ data-tip
638
+ data-for='linkUser'
639
+ onMouseEnter={handleMouseEnter}
640
+ onMouseLeave={handleMouseLeave}
641
+ >
570
642
  <>
571
- <span
572
- data-tip
573
- data-for='trash'
574
- onMouseEnter={handleMouseEnter}
575
- onMouseLeave={handleMouseLeave}
576
- >
577
- <>
578
- <Icon
579
- background="base"
580
- name="trash"
581
- onClick={e => { onClickActionDelete(e, item) }}
582
- />
583
- <Horizontal size="xs" />
584
- </>
585
-
586
- </span>
587
-
588
- {isToolTipMounted ? (
589
- <ReactTooltip id='trash' type='error'>
590
- <span>{txtTootipIconDelete}</span>
591
- </ReactTooltip>
592
- ) : null}
643
+ <Icon
644
+ background="base"
645
+ name="linkUser"
646
+ // onClick={(e) => onClickEdit(e, item)}
647
+ onClick={e => { onClickActionLink(e, item) }}
648
+ />
649
+ <Horizontal size="xs" />
593
650
  </>
594
651
 
595
- : null
652
+ </span>
596
653
 
597
- : null}
654
+ {isToolTipMounted ? (
655
+ <ReactTooltip id='linkUser' type='error'>
656
+ <span>{txtTootipIconLink}</span>
657
+ </ReactTooltip>
658
+ ) : null}
659
+ </>
598
660
 
661
+ : null
599
662
 
600
- {itemTd.viewLink ?
663
+ : null}
601
664
 
602
- item.viewLink === undefined ?
665
+ </td>
603
666
 
604
- <>
605
- <span
606
- data-tip
607
- data-for='linkUser'
608
- onMouseEnter={handleMouseEnter}
609
- onMouseLeave={handleMouseLeave}
610
- >
611
- <>
612
- <Icon
613
- background="base"
614
- name="linkUser"
615
- // onClick={(e) => onClickEdit(e, item)}
616
- onClick={e => { onClickActionLink(e, item) }}
617
- />
618
- <Horizontal size="xs" />
619
- </>
620
-
621
- </span>
622
-
623
- {isToolTipMounted ? (
624
- <ReactTooltip id='linkUser' type='error'>
625
- <span>{txtTootipIconLink}</span>
626
- </ReactTooltip>
627
- ) : null}
628
- </>
667
+ :
629
668
 
630
- :
669
+ itemTd.subAccessor !== ''
631
670
 
632
- item.viewLink ?
671
+ ?
633
672
 
634
- <>
635
- <span
636
- data-tip
637
- data-for='linkUser'
638
- onMouseEnter={handleMouseEnter}
639
- onMouseLeave={handleMouseLeave}
640
- >
641
- <>
642
- <Icon
643
- background="base"
644
- name="linkUser"
645
- // onClick={(e) => onClickEdit(e, item)}
646
- onClick={e => { onClickActionLink(e, item) }}
647
- />
648
- <Horizontal size="xs" />
649
- </>
650
-
651
- </span>
652
-
653
- {isToolTipMounted ? (
654
- <ReactTooltip id='linkUser' type='error'>
655
- <span>{txtTootipIconLink}</span>
656
- </ReactTooltip>
657
- ) : null}
658
- </>
673
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor][itemTd.subAccessor]}</td>
659
674
 
660
- : null
675
+ :
676
+
677
+ itemTd.typeFilter === 'date'
661
678
 
662
- : null}
679
+ ?
663
680
 
681
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>
682
+ <Moment format="DD/MM/YYYY hh:mm:ss">
683
+ {item[itemTd.accessor]}
684
+ </Moment>
664
685
  </td>
665
686
 
666
687
  :
667
688
 
668
- itemTd.subAccessor !== ''
689
+ itemTd.typeFilter === 'select'
669
690
 
670
691
  ?
671
692
 
672
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor][itemTd.subAccessor]}</td>
673
-
674
- :
675
-
676
- itemTd.typeFilter === 'date'
677
-
678
- ?
679
-
680
- <td className={getStyles('td')} key={[itemTd.accessor]}>
681
- <Moment format="DD/MM/YYYY hh:mm:ss">
682
- {item[itemTd.accessor]}
683
- </Moment>
684
- </td>
693
+ itemTd.optionsSelect.map((itemSelect, indexSelect) => (
685
694
 
686
- :
687
695
 
688
- itemTd.typeFilter === 'select'
696
+ item[itemTd.accessor] === itemSelect.value ?
689
697
 
690
- ?
691
-
692
- itemTd.optionsSelect.map((itemSelect) => (
698
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index) + indexSelect}>
699
+ {itemSelect.label}
700
+ </td>
693
701
 
702
+ :
694
703
 
695
- item[itemTd.accessor] === itemSelect.value ?
704
+ null
705
+ ))
696
706
 
697
- <td className={getStyles('td')} key={[itemTd.accessor]}>
698
- {itemSelect.label}
699
- </td>
707
+ :
700
708
 
701
- :
709
+ itemTd.typeFilter === 'number'
702
710
 
703
- null
704
- ))
711
+ ?
705
712
 
706
- :
713
+ itemTd.subTypeFilter
707
714
 
708
- itemTd.typeFilter === 'number'
715
+ ?
709
716
 
717
+ itemTd.characterExtra === 'km'
710
718
  ?
711
-
712
- itemTd.subTypeFilter
713
-
714
- ?
715
-
716
- itemTd.characterExtra === 'km'
717
- ?
718
- <td className={getStyles('td')} key={[itemTd.accessor]}>{(item[itemTd.accessor] / 1000).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
719
- :
720
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor].toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
721
- :
722
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor]}</td>
723
-
719
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{(item[itemTd.accessor] / 1000).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
724
720
  :
721
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor].toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
722
+ :
723
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor]}</td>
725
724
 
726
- itemTd.subTypeFilter
727
-
728
- ?
729
- <td className={getStyles('td')} key={[itemTd.accessor]}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
730
- :
725
+ :
731
726
 
732
- <>
727
+ itemTd.subTypeFilter
733
728
 
734
- <td
735
- data-tip
736
- data-for={'td' + [itemTd.accessor] + index}
737
- onMouseEnter={handleMouseEnter}
738
- onMouseLeave={handleMouseLeave}
739
- className={getStyles('td')}
740
- key={[itemTd.accessor]}
741
- >
742
- {item[itemTd.accessor]}
729
+ ?
730
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
731
+ :
732
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor]}</td>
743
733
 
734
+ // <>
744
735
 
745
- {isToolTipMounted ? (
746
- <ReactTooltip id={'td' + [itemTd.accessor] + index} type='info'>
747
- <span>{item[itemTd.accessor]}</span>
748
- </ReactTooltip>
749
- ) : null}
736
+ // <td
737
+ // data-tip
738
+ // data-for={'td' + [itemTd.accessor] + index}
739
+ // onMouseEnter={handleMouseEnter}
740
+ // onMouseLeave={handleMouseLeave}
741
+ // className={getStyles('td')}
742
+ // key={[itemTd.accessor] + (indexTd + index)}
743
+ // >
744
+ // {item[itemTd.accessor]}
750
745
 
751
- </td>
746
+ // {/*
747
+ // {isToolTipMounted ? (
748
+ // <ReactTooltip id={'td' + [itemTd.accessor] + index} type='info'>
749
+ // <span>{item[itemTd.accessor]}</span>
750
+ // </ReactTooltip>
751
+ // ) : null} */}
752
752
 
753
- </>
753
+ // </td>
754
754
 
755
+ // </>
755
756
 
756
757
 
757
758
 
758
- ) : null
759
- ))}
760
- </tr>
761
759
 
760
+ ) : null
762
761
  ))}
763
- </tbody>
764
- </table>
762
+ </tr>
763
+
764
+ ))}
765
+ </tbody>
766
+ // </table>
765
767
 
766
- </div>
768
+ // </div>
767
769
  )
768
770
  }
769
771