imbric-theme 0.6.8 → 0.7.0

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 (4) hide show
  1. package/atoms/Input/Input.module.css +5 -0
  2. package/molecules/CardServices/CardServices.js +165 -160
  3. package/molecules/DynamicSelect/DynamicSelect.js +3 -1
  4. package/package.json +1 -1
package/atoms/Input/Input.module.css CHANGED
@@ -23,6 +23,11 @@
23
23
  outline: none;
24
24
  }
25
25
 
26
+ .input:disabled::placeholder {
27
+ color: #9a9a9a;
28
+ font-weight: var(--font-weight-light);
29
+ }
30
+
26
31
  .input:disabled {
27
32
  background: #dedede;
28
33
  }
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/molecules/DynamicSelect/DynamicSelect.js CHANGED
@@ -5,7 +5,7 @@ import styles from './DynamicSelect.module.css'
5
5
  import withStyles from '../../hocs/withStyles'
6
6
 
7
7
 
8
- export const DynamicSelect = ({ getStyles, optionsSelect, defaultValue, placeholder, isMulti, isClearable, isDisabled, isLoading, isRtl, isSearchable, isInline, onChange, onFocus, onBlur, closeMenuOnSelect }) => {
8
+ export const DynamicSelect = ({ getStyles, optionsSelect, value, defaultValue, placeholder, isMulti, isClearable, isDisabled, isLoading, isRtl, isSearchable, isInline, onChange, onFocus, onBlur, closeMenuOnSelect }) => {
9
9
 
10
10
 
11
11
  const customStyles = {
@@ -74,6 +74,7 @@ export const DynamicSelect = ({ getStyles, optionsSelect, defaultValue, placehol
74
74
  styles={customStyles}
75
75
  options={optionsSelect}
76
76
  defaultValue={defaultValue}
77
+ value={value}
77
78
  isMulti={isMulti}
78
79
  isClearable={isClearable}
79
80
  isDisabled={isDisabled}
@@ -93,6 +94,7 @@ export const DynamicSelect = ({ getStyles, optionsSelect, defaultValue, placehol
93
94
  DynamicSelect.propTypes = {
94
95
  getStyles: PropTypes.func.isRequired,
95
96
  defaultValue: PropTypes.any,
97
+ value: PropTypes.any,
96
98
  placeholder: PropTypes.string,
97
99
  isMulti: PropTypes.bool,
98
100
  isClearable: PropTypes.bool,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "imbric-theme",
3
- "version": "0.6.8",
3
+ "version": "0.7.0",
4
4
  "description": "Components library IMBRIC",
5
5
  "private": false,
6
6
  "main": "index.js",