imbric-theme 0.6.9 → 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/molecules/CardServices/CardServices.js +165 -160
  2. package/package.json +1 -1
package/molecules/CardServices/CardServices.js CHANGED
@@ -43,6 +43,7 @@ export const CardServices = ({
43
43
  labelUserService,
44
44
  labelRefService,
45
45
  labelUserNumberService,
46
+ isViewAction,
46
47
  }) => {
47
48
 
48
49
  // STATE TOOLTIP
@@ -211,180 +212,182 @@ export const CardServices = ({
211
212
 
212
213
  </div>
213
214
 
214
- <div className={getStyles('card-content-action')}>
215
-
216
- <div className={getStyles('card-subcontent-action')}>
217
-
218
- <span
219
- data-tip
220
- data-for='userView'
221
- onMouseEnter={handleMouseEnter}
222
- onMouseLeave={handleMouseLeave}
223
- >
224
- <Icon
225
- color="highlight"
226
- id='userViewIcon'
227
- isClickable
228
- name="userView"
229
- onClick={onClickUserView}
230
- size="sm"
231
- className={getStyles('icon-view')}
232
- />
233
-
234
- </span>
235
-
236
- {isToolTipMounted ? (
237
- <ReactTooltip id='userView' type='error'>
238
- <span>{txtTootipUserView}</span>
239
- </ReactTooltip>
240
- ) : null}
215
+ {isViewAction ? (
216
+ <div className={getStyles('card-content-action')}>
241
217
 
242
- </div>
218
+ <div className={getStyles('card-subcontent-action')}>
243
219
 
244
- <div className={getStyles('card-subcontent-action')}>
245
-
246
- <span
247
- data-tip
248
- data-for='returnOrder'
249
- onMouseEnter={handleMouseEnter}
250
- onMouseLeave={handleMouseLeave}
251
- >
252
- <Icon
253
- color="highlight"
254
- id='returnOrderIcon'
255
- isClickable
256
- name="returnOrder"
257
- onClick={onClickReturnOrder}
258
- size="sm"
259
- className={getStyles('icon-view')}
260
- />
261
-
262
- </span>
263
-
264
- {isToolTipMounted ? (
265
- <ReactTooltip id='returnOrder' type='error'>
266
- <span>{txtTootipReturnOrder}</span>
267
- </ReactTooltip>
268
- ) : null}
220
+ <span
221
+ data-tip
222
+ data-for='userView'
223
+ onMouseEnter={handleMouseEnter}
224
+ onMouseLeave={handleMouseLeave}
225
+ >
226
+ <Icon
227
+ color="highlight"
228
+ id='userViewIcon'
229
+ isClickable
230
+ name="userView"
231
+ onClick={onClickUserView}
232
+ size="sm"
233
+ className={getStyles('icon-view')}
234
+ />
269
235
 
270
- </div>
236
+ </span>
271
237
 
272
- <div className={getStyles('card-subcontent-action')}>
273
-
274
- <span
275
- data-tip
276
- data-for='repeatOrder'
277
- onMouseEnter={handleMouseEnter}
278
- onMouseLeave={handleMouseLeave}
279
- >
280
- <Icon
281
- color="highlight"
282
- id='repeatOrderIcon'
283
- isClickable
284
- name="repeatOrder"
285
- onClick={onClickRepeatOrder}
286
- size="sm"
287
- className={getStyles('icon-view')}
288
- />
289
-
290
- </span>
291
-
292
- {isToolTipMounted ? (
293
- <ReactTooltip id='repeatOrder' type='error'>
294
- <span>{txtTootipRepeatOrder}</span>
295
- </ReactTooltip>
296
- ) : null}
238
+ {isToolTipMounted ? (
239
+ <ReactTooltip id='userView' type='error'>
240
+ <span>{txtTootipUserView}</span>
241
+ </ReactTooltip>
242
+ ) : null}
297
243
 
244
+ </div>
298
245
 
299
- </div>
246
+ <div className={getStyles('card-subcontent-action')}>
300
247
 
301
- <div className={getStyles('card-subcontent-action')}>
302
-
303
- <span
304
- data-tip
305
- data-for='edit'
306
- onMouseEnter={handleMouseEnter}
307
- onMouseLeave={handleMouseLeave}
308
- >
309
- <Icon
310
- color="highlight"
311
- id='editIcon'
312
- isClickable
313
- name="edit"
314
- onClick={onClickEdit}
315
- size="sm"
316
- className={getStyles('icon-view')}
317
- />
318
-
319
- </span>
320
-
321
- {isToolTipMounted ? (
322
- <ReactTooltip id='edit' type='error'>
323
- <span>{txtTootipEdit}</span>
324
- </ReactTooltip>
325
- ) : null}
248
+ <span
249
+ data-tip
250
+ data-for='returnOrder'
251
+ onMouseEnter={handleMouseEnter}
252
+ onMouseLeave={handleMouseLeave}
253
+ >
254
+ <Icon
255
+ color="highlight"
256
+ id='returnOrderIcon'
257
+ isClickable
258
+ name="returnOrder"
259
+ onClick={onClickReturnOrder}
260
+ size="sm"
261
+ className={getStyles('icon-view')}
262
+ />
326
263
 
264
+ </span>
327
265
 
328
- </div>
266
+ {isToolTipMounted ? (
267
+ <ReactTooltip id='returnOrder' type='error'>
268
+ <span>{txtTootipReturnOrder}</span>
269
+ </ReactTooltip>
270
+ ) : null}
329
271
 
330
- <div className={getStyles('card-subcontent-action')}>
331
-
332
- <span
333
- data-tip
334
- data-for='trash'
335
- onMouseEnter={handleMouseEnter}
336
- onMouseLeave={handleMouseLeave}
337
- >
338
- <Icon
339
- color="highlight"
340
- id='trashIcon'
341
- isClickable
342
- name="trash"
343
- onClick={onClickTrash}
344
- size="sm"
345
- className={getStyles('icon-view-delete')}
346
- />
347
-
348
- </span>
349
-
350
- {isToolTipMounted ? (
351
- <ReactTooltip id='trash' type='error'>
352
- <span>{txtTootipTrash}</span>
353
- </ReactTooltip>
354
- ) : null}
272
+ </div>
355
273
 
356
- </div>
274
+ <div className={getStyles('card-subcontent-action')}>
357
275
 
358
- <div className={getStyles('card-subcontent-action')}>
359
-
360
- <span
361
- data-tip
362
- data-for='circleStatus'
363
- onMouseEnter={handleMouseEnter}
364
- onMouseLeave={handleMouseLeave}
365
- >
366
-
367
- <Icon
368
- className={getStyles(
369
- { 'icon-view-status10': statusService === 10 || -30 },
370
- { 'icon-view-status20': statusService === 20 },
371
- // { 'icon-view-status30': statusService === 30 || -20 || -40 },
372
- )}
373
- name="circleStatus"
374
- size="sm"
375
- />
376
-
377
- </span>
378
-
379
- {isToolTipMounted ? (
380
- <ReactTooltip id='circleStatus' type='error'>
381
- <span>{txtTootipCircleStatus}</span>
382
- </ReactTooltip>
383
- ) : null}
276
+ <span
277
+ data-tip
278
+ data-for='repeatOrder'
279
+ onMouseEnter={handleMouseEnter}
280
+ onMouseLeave={handleMouseLeave}
281
+ >
282
+ <Icon
283
+ color="highlight"
284
+ id='repeatOrderIcon'
285
+ isClickable
286
+ name="repeatOrder"
287
+ onClick={onClickRepeatOrder}
288
+ size="sm"
289
+ className={getStyles('icon-view')}
290
+ />
384
291
 
385
- </div>
292
+ </span>
386
293
 
387
- </div>
294
+ {isToolTipMounted ? (
295
+ <ReactTooltip id='repeatOrder' type='error'>
296
+ <span>{txtTootipRepeatOrder}</span>
297
+ </ReactTooltip>
298
+ ) : null}
299
+
300
+
301
+ </div>
302
+
303
+ <div className={getStyles('card-subcontent-action')}>
304
+
305
+ <span
306
+ data-tip
307
+ data-for='edit'
308
+ onMouseEnter={handleMouseEnter}
309
+ onMouseLeave={handleMouseLeave}
310
+ >
311
+ <Icon
312
+ color="highlight"
313
+ id='editIcon'
314
+ isClickable
315
+ name="edit"
316
+ onClick={onClickEdit}
317
+ size="sm"
318
+ className={getStyles('icon-view')}
319
+ />
320
+
321
+ </span>
322
+
323
+ {isToolTipMounted ? (
324
+ <ReactTooltip id='edit' type='error'>
325
+ <span>{txtTootipEdit}</span>
326
+ </ReactTooltip>
327
+ ) : null}
328
+
329
+
330
+ </div>
331
+
332
+ <div className={getStyles('card-subcontent-action')}>
333
+
334
+ <span
335
+ data-tip
336
+ data-for='trash'
337
+ onMouseEnter={handleMouseEnter}
338
+ onMouseLeave={handleMouseLeave}
339
+ >
340
+ <Icon
341
+ color="highlight"
342
+ id='trashIcon'
343
+ isClickable
344
+ name="trash"
345
+ onClick={onClickTrash}
346
+ size="sm"
347
+ className={getStyles('icon-view-delete')}
348
+ />
349
+
350
+ </span>
351
+
352
+ {isToolTipMounted ? (
353
+ <ReactTooltip id='trash' type='error'>
354
+ <span>{txtTootipTrash}</span>
355
+ </ReactTooltip>
356
+ ) : null}
357
+
358
+ </div>
359
+
360
+ <div className={getStyles('card-subcontent-action')}>
361
+
362
+ <span
363
+ data-tip
364
+ data-for='circleStatus'
365
+ onMouseEnter={handleMouseEnter}
366
+ onMouseLeave={handleMouseLeave}
367
+ >
368
+
369
+ <Icon
370
+ className={getStyles(
371
+ { 'icon-view-status10': statusService === 10 || -30 },
372
+ { 'icon-view-status20': statusService === 20 },
373
+ // { 'icon-view-status30': statusService === 30 || -20 || -40 },
374
+ )}
375
+ name="circleStatus"
376
+ size="sm"
377
+ />
378
+
379
+ </span>
380
+
381
+ {isToolTipMounted ? (
382
+ <ReactTooltip id='circleStatus' type='error'>
383
+ <span>{txtTootipCircleStatus}</span>
384
+ </ReactTooltip>
385
+ ) : null}
386
+
387
+ </div>
388
+
389
+ </div>
390
+ ) : null}
388
391
 
389
392
  {/* {children} */}
390
393
  </div>
@@ -421,6 +424,7 @@ CardServices.propTypes = {
421
424
  labelUserService: PropTypes.string,
422
425
  labelRefService: PropTypes.string,
423
426
  labelUserNumberService: PropTypes.string,
427
+ isViewAction: PropTypes.bool,
424
428
  }
425
429
 
426
430
  CardServices.defaultProps = {
@@ -451,6 +455,7 @@ CardServices.defaultProps = {
451
455
  labelUserService: 'Pasajero',
452
456
  labelRefService: 'REF',
453
457
  labelUserNumberService: 'Usuario',
458
+ isViewAction: true,
454
459
  }
455
460
 
456
461
  export default withStyles(styles)(CardServices)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "imbric-theme",
3
- "version": "0.6.9",
3
+ "version": "0.7.0",
4
4
  "description": "Components library IMBRIC",
5
5
  "private": false,
6
6
  "main": "index.js",