imbric-theme 1.1.3 → 1.1.4

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 (2) hide show
  1. package/molecules/CardServiceDetail/CardServiceDetail.js +79 -160
  2. package/package.json +1 -1
package/molecules/CardServiceDetail/CardServiceDetail.js CHANGED
@@ -30,6 +30,7 @@ export const CardServiceDetail = ({
30
30
  txtModelCarService,
31
31
  txtCarNumberService,
32
32
  txtNumberDriverService,
33
+ viewNumberDriverService,
33
34
  txtSmsDriverService,
34
35
  onClickCross,
35
36
  txtTootipCross,
@@ -46,7 +47,6 @@ export const CardServiceDetail = ({
46
47
  labelNumberDriverService,
47
48
  labelSmsDriverService,
48
49
  }) => {
49
-
50
50
  // STATE TOOLTIP
51
51
  const [isToolTipMounted, setIsToolTipMounted] = useState(false)
52
52
 
@@ -58,273 +58,190 @@ export const CardServiceDetail = ({
58
58
  setIsToolTipMounted(false)
59
59
  }
60
60
 
61
-
62
61
  return (
63
62
  <div
64
63
  onClick={onClick && handleClick({ onClick })}
65
- className={getStyles('card-service-detail',
66
- { 'is-clickable': isClickable, },
67
- 'selectCard',
64
+ className={getStyles(
65
+ 'card-service-detail',
66
+ { 'is-clickable': isClickable },
67
+ 'selectCard'
68
68
  // { 'flip-out-hor-bottom': selectCard }
69
69
  )}
70
70
  >
71
-
72
71
  <div className={getStyles('card-content-box')}>
73
-
74
- <p className={getStyles(
75
- 'card-content-label',
76
- { 'statusPendiente': statusService === 10 },
77
- { 'statusAceptado': statusService === 20 },
78
- { 'statusPendiente2': statusService === -30 },
79
- { 'statusFinalizado': statusService === 30 }
80
- )}>
72
+ <p
73
+ className={getStyles(
74
+ 'card-content-label',
75
+ { statusPendiente: statusService === 10 },
76
+ { statusAceptado: statusService === 20 },
77
+ { statusPendiente2: statusService === -30 },
78
+ { statusFinalizado: statusService === 30 }
79
+ )}
80
+ >
81
81
  {txtInfoLabel}
82
82
  </p>
83
83
 
84
84
  <div className={getStyles('card-content')}>
85
-
86
85
  <div className={getStyles('card-subcontent-inLine')}>
87
-
88
- <Label >
89
- <Icon
90
- name="user"
91
- size="xs"
92
- color="highlight"
93
- />
86
+ <Label>
87
+ <Icon name="user" size="xs" color="highlight" />
94
88
  &nbsp;
95
89
  {labelUserService}
96
90
  </Label>
97
91
 
98
- <p className={getStyles('card-content-p')}>&nbsp; {txtUserService}</p>
99
-
92
+ <p className={getStyles('card-content-p')}>
93
+ &nbsp; {txtUserService}
94
+ </p>
100
95
  </div>
101
-
102
96
  </div>
103
97
 
104
98
  <div className={getStyles('card-content')}>
105
-
106
99
  <div className={getStyles('card-subcontent')}>
107
-
108
- <Label >
109
- <Icon
110
- name="originOrder"
111
- size="xs"
112
- color="highlight"
113
- />
100
+ <Label>
101
+ <Icon name="reference" size="xs" color="highlight" />
114
102
  &nbsp;
115
- {labelZoneService}
103
+ {labelRefService}
116
104
  </Label>
117
105
 
118
- <p className={getStyles('card-content-p')}>{txtZoneService}</p>
119
-
106
+ <p className={getStyles('card-content-p')}>{txtRefService}</p>
120
107
  </div>
121
108
 
122
109
  <div className={getStyles('card-subcontent')}>
123
-
124
- <Label >
125
- <Icon
126
- name="clock"
127
- size="xs"
128
- color="highlight"
129
- />
110
+ <Label>
111
+ <Icon name="userNumber" size="xs" color="highlight" />
130
112
  &nbsp;
131
- {labelTimeTotalService}
113
+ {labelModelCarService}
132
114
  </Label>
133
115
 
134
- <p className={getStyles('card-content-p')}>{txtTimeTotalService}</p>
135
-
116
+ <p className={getStyles('card-content-p')}>{txtModelCarService}</p>
136
117
  </div>
137
118
 
138
119
  <div className={getStyles('card-subcontent')}>
139
-
140
- <Label >
141
- <Icon
142
- name="distance"
143
- size="xs"
144
- color="highlight"
145
- />
120
+ <Label>
121
+ <Icon name="userNumber" size="xs" color="highlight" />
146
122
  &nbsp;
147
- {labelDistanceService}
123
+ {labelCarNumberService}
148
124
  </Label>
149
125
 
150
- <p className={getStyles('card-content-p')}>{txtDistanceService}</p>
151
-
126
+ <p className={getStyles('card-content-p')}>{txtCarNumberService}</p>
152
127
  </div>
153
-
154
128
  </div>
155
129
 
156
130
  <div className={getStyles('card-content')}>
157
-
158
- <div className={getStyles('card-subcontent')}>
159
-
160
- <Label >
161
- <Icon
162
- name="travelPrograms"
163
- size="xs"
164
- color="highlight"
165
- />
131
+ {/* <div className={getStyles('card-subcontent')}>
132
+ <Label>
133
+ <Icon name="originOrder" size="xs" color="highlight" />
166
134
  &nbsp;
167
- {labelServiceService}
135
+ {labelZoneService}
168
136
  </Label>
169
137
 
170
- <p className={getStyles('card-content-p')}>{txtServiceService}</p>
138
+ <p className={getStyles('card-content-p')}>{txtZoneService}</p>
139
+ </div> */}
171
140
 
172
- </div>
141
+ {viewNumberDriverService ? (
142
+ <div className={getStyles('card-subcontent')}>
143
+ <Label>
144
+ <Icon name="userNumber" size="xs" color="highlight" />
145
+ &nbsp;
146
+ {labelNumberDriverService}
147
+ </Label>
148
+
149
+ <p className={getStyles('card-content-p')}>
150
+ {txtNumberDriverService}
151
+ </p>
152
+ </div>
153
+ ) : null}
173
154
 
174
155
  <div className={getStyles('card-subcontent')}>
175
-
176
- <Label >
177
- <Icon
178
- name="moneyPayment"
179
- size="xs"
180
- color="highlight"
181
- />
156
+ <Label>
157
+ <Icon name="clock" size="xs" color="highlight" />
182
158
  &nbsp;
183
- {labelPayService}
159
+ {labelTimeTotalService}
184
160
  </Label>
185
161
 
186
- <p className={getStyles('card-content-p')}>{txtPayService}</p>
187
-
162
+ <p className={getStyles('card-content-p')}>{txtTimeTotalService}</p>
188
163
  </div>
189
164
 
190
165
  <div className={getStyles('card-subcontent')}>
191
-
192
- <Label >
193
- <Icon
194
- name="price"
195
- size="xs"
196
- color="highlight"
197
- />
166
+ <Label>
167
+ <Icon name="distance" size="xs" color="highlight" />
198
168
  &nbsp;
199
- {labelPriceService}
169
+ {labelDistanceService}
200
170
  </Label>
201
171
 
202
- <p className={getStyles('card-content-p')}>{txtPriceService}</p>
203
-
172
+ <p className={getStyles('card-content-p')}>{txtDistanceService}</p>
204
173
  </div>
205
-
206
174
  </div>
207
175
 
208
176
  <div className={getStyles('card-content')}>
209
-
210
177
  <div className={getStyles('card-subcontent')}>
211
-
212
- <Label >
213
- <Icon
214
- name="reference"
215
- size="xs"
216
- color="highlight"
217
- />
178
+ <Label>
179
+ <Icon name="price" size="xs" color="highlight" />
218
180
  &nbsp;
219
- {labelRefService}
181
+ {labelPriceService}
220
182
  </Label>
221
183
 
222
- <p className={getStyles('card-content-p')}>{txtRefService}</p>
223
-
184
+ <p className={getStyles('card-content-p')}>{txtPriceService}</p>
224
185
  </div>
225
186
 
226
187
  <div className={getStyles('card-subcontent')}>
227
-
228
- <Label >
229
- <Icon
230
- name="userNumber"
231
- size="xs"
232
- color="highlight"
233
- />
188
+ <Label>
189
+ <Icon name="moneyPayment" size="xs" color="highlight" />
234
190
  &nbsp;
235
- {labelModelCarService}
191
+ {labelPayService}
236
192
  </Label>
237
193
 
238
- <p className={getStyles('card-content-p')}>{txtModelCarService}</p>
239
-
194
+ <p className={getStyles('card-content-p')}>{txtPayService}</p>
240
195
  </div>
241
196
 
242
197
  <div className={getStyles('card-subcontent')}>
243
-
244
- <Label >
245
- <Icon
246
- name="userNumber"
247
- size="xs"
248
- color="highlight"
249
- />
198
+ <Label>
199
+ <Icon name="userNumber" size="xs" color="highlight" />
250
200
  &nbsp;
251
- {labelCarNumberService}
201
+ {labelServiceService}
252
202
  </Label>
253
203
 
254
- <p className={getStyles('card-content-p')}>{txtCarNumberService}</p>
255
-
204
+ <p className={getStyles('card-content-p')}>{txtServiceService}</p>
256
205
  </div>
257
-
258
206
  </div>
259
207
 
260
208
  <div className={getStyles('card-content')}>
261
-
262
- {/* <div className={getStyles('card-subcontent')}>
263
-
264
- <Label >
265
- <Icon
266
- name="userNumber"
267
- size="xs"
268
- color="highlight"
269
- />
270
- &nbsp;
271
- {labelNumberDriverService}
272
- </Label>
273
-
274
- <p className={getStyles('card-content-p')}>{txtNumberDriverService}</p>
275
-
276
- </div> */}
277
-
278
209
  <div className={getStyles('card-subcontent')}>
279
-
280
- <Label >
281
- <Icon
282
- name="messageDriver"
283
- size="xs"
284
- color="highlight"
285
- />
210
+ <Label>
211
+ <Icon name="messageDriver" size="xs" color="highlight" />
286
212
  &nbsp;
287
213
  {labelSmsDriverService}
288
214
  </Label>
289
215
 
290
216
  <p className={getStyles('card-content-p')}>{txtSmsDriverService}</p>
291
-
292
217
  </div>
293
-
294
218
  </div>
295
-
296
219
  </div>
297
220
 
298
221
  <div className={getStyles('card-content-action')}>
299
-
300
222
  <div className={getStyles('card-subcontent-action')}>
301
-
302
223
  <span
303
224
  data-tip
304
- data-for='cross'
225
+ data-for="cross"
305
226
  onMouseEnter={handleMouseEnter}
306
227
  onMouseLeave={handleMouseLeave}
307
228
  >
308
229
  <Icon
309
- id='crossIcon'
230
+ id="crossIcon"
310
231
  isClickable
311
232
  name="cross"
312
233
  onClick={onClickCross}
313
234
  size="sm"
314
235
  />
315
-
316
236
  </span>
317
237
 
318
238
  {isToolTipMounted ? (
319
- <ReactTooltip id='cross' type='error'>
239
+ <ReactTooltip id="cross" type="error">
320
240
  <span>{txtTootipCross}</span>
321
241
  </ReactTooltip>
322
242
  ) : null}
323
-
324
243
  </div>
325
-
326
244
  </div>
327
-
328
245
  </div>
329
246
  )
330
247
  }
@@ -346,6 +263,7 @@ CardServiceDetail.propTypes = {
346
263
  txtModelCarService: PropTypes.string,
347
264
  txtCarNumberService: PropTypes.string,
348
265
  txtNumberDriverService: PropTypes.string,
266
+ viewNumberDriverService: PropTypes.bool,
349
267
  txtSmsDriverService: PropTypes.string,
350
268
  onClickCross: PropTypes.func,
351
269
  txtTootipCross: PropTypes.string,
@@ -365,7 +283,7 @@ CardServiceDetail.propTypes = {
365
283
  }
366
284
 
367
285
  CardServiceDetail.defaultProps = {
368
- getStyles: () => { },
286
+ getStyles: () => {},
369
287
  txtInfoLabel: '',
370
288
  statusService: 10,
371
289
  txtUserService: '',
@@ -379,8 +297,9 @@ CardServiceDetail.defaultProps = {
379
297
  txtModelCarService: '',
380
298
  txtCarNumberService: '',
381
299
  txtNumberDriverService: '',
300
+ viewNumberDriverService: false,
382
301
  txtSmsDriverService: '',
383
- onClickCross: () => { },
302
+ onClickCross: () => {},
384
303
  txtTootipCross: 'Cerrar',
385
304
  selectCard: false,
386
305
  labelUserService: 'Creado por:',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "imbric-theme",
3
- "version": "1.1.3",
3
+ "version": "1.1.4",
4
4
  "description": "Components library IMBRIC",
5
5
  "private": false,
6
6
  "main": "index.js",