imbric-theme 1.0.2 → 1.0.3

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.
@@ -164,24 +164,24 @@ export const Input = ({
164
164
  : isOpenModal
165
165
 
166
166
  ?
167
- <div class="DynamicSelect_dynamic-select__oduOS">
168
- <div class="css-1mfvq3n-container">
169
- <div style={{ zIndex: 1 }} class="css-mlo5or-control">
170
- <div onClick={(op) => onClickModal(op, id)} style={{ height: '36px' }} class="css-1huup54-ValueContainer">
171
- <div class=" css-qc6sy-singleValue">{value}</div>
167
+ <div className={getStyles('DynamicSelect_dynamic-select__oduOS')}>
168
+ <div className={getStyles('css-1mfv3n-container')}>
169
+ <div style={{ zIndex: 1 }} className={getStyles('css-mlo5or-control')}>
170
+ <div onClick={(op) => onClickModal(op, id)} style={{ height: '36px' }} className={getStyles('css-1huup54-ValueContainer')}>
171
+ <div className={getStyles('css-qc6sy-singleValue')}>{value}</div>
172
172
  </div>
173
- <div class=" css-1hb7zxy-IndicatorsContainer">
173
+ <div className={getStyles('css-1hb7zxy-IndicatorsContainer')}>
174
174
 
175
175
 
176
- {value !== '' ? <div onClick={(op) => onClickDeleteInput(op, id)} class=" css-tlfecz-indicatorContainer" aria-hidden="true">
177
- <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-tj5bde-Svg">
176
+ {value !== '' ? <div onClick={(op) => onClickDeleteInput(op, id)} className={getStyles('css-tlfecz-indicatorContainer')} aria-hidden="true">
177
+ <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" className={getStyles('css-tj5bde-Svg')} >
178
178
  <path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path>
179
179
  </svg>
180
180
  </div> : null}
181
- <span class=" css-1okebmr-indicatorSeparator">
181
+ <span className={getStyles('css-1okebmr-indicatorSeparator')}>
182
182
  </span>
183
- <div onClick={(op) => onClickModal(op, id)} class="css-tlfecz-indicatorContainer" aria-hidden="true">
184
- <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-tj5bde-Svg">
183
+ <div onClick={(op) => onClickModal(op, id)} className={getStyles('css-tlfecz-indicatorContainer')} aria-hidden="true">
184
+ <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" className={getStyles('css-tj5bde-Svg')}>
185
185
  <path
186
186
  fillRule="evenodd"
187
187
  clipRule="evenodd"
@@ -22,6 +22,7 @@ export const DynamicTable = ({
22
22
  opColumns,
23
23
  opAddColumns,
24
24
  opFilterTable,
25
+ opFilterSecondaryTable,
25
26
  isLayoutDate,
26
27
  isViewRange,
27
28
  isViewRangeSecundary,
@@ -29,6 +30,7 @@ export const DynamicTable = ({
29
30
  isViewTitleTableSecundary,
30
31
  isViewAddColumn,
31
32
  isViewFilterTable,
33
+ isViewFilterSecondaryTable,
32
34
  isViewBtn,
33
35
  isViewLeftBtn,
34
36
  isViewLeftBtnSecondary,
@@ -45,17 +47,22 @@ export const DynamicTable = ({
45
47
  handleBtnTertiary,
46
48
  handleAddColumn,
47
49
  handleFilterTable,
50
+ handleFilterSecondaryTable,
48
51
  handleSelectRange,
49
52
  handleSelectRangeSecundary,
50
53
  handleDownloadExcel,
51
54
  handleDefaultValue,
52
55
  handleDefaultValueFilter,
56
+ handleDefaultValueFilterSecondary,
53
57
  labelDinamicSelect,
54
58
  placeholderDinamicSelect,
55
59
  isLoadingDinamicSelect,
56
60
  labelDinamicSelectFilter,
57
61
  placeholderDinamicSelectFilter,
58
62
  isLoadingDinamicSelectFilter,
63
+ labelDinamicSelectFilterSecondary,
64
+ placeholderDinamicSelectFilterSecondary,
65
+ isLoadingDinamicSelectFilterSecondary,
59
66
  labelSinceDateRange,
60
67
  labelTillDateRange,
61
68
  labelSinceDateRangeSecundary,
@@ -66,10 +73,11 @@ export const DynamicTable = ({
66
73
  handleChangeCheckboxDate,
67
74
  }) => {
68
75
 
69
- const [tableData, setTableData] = useState(optionsData);
70
- const [columnsData, setColumnsData] = useState(opColumns);
71
- const [addColumsData, setAddColumsData] = useState(opAddColumns);
72
- const [filterTableData, setFilterTableData] = useState(opFilterTable);
76
+ const [tableData, setTableData] = useState(optionsData)
77
+ const [columnsData, setColumnsData] = useState(opColumns)
78
+ const [addColumsData, setAddColumsData] = useState(opAddColumns)
79
+ const [filterTableData, setFilterTableData] = useState(opFilterTable)
80
+ const [filterSecondaryTableData, setFilterSecondaryTableData] = useState(opFilterSecondaryTable)
73
81
 
74
82
 
75
83
  // STATE TOOLTIP
@@ -288,6 +296,36 @@ export const DynamicTable = ({
288
296
  </>
289
297
  ) : null}
290
298
 
299
+
300
+ {isViewFilterSecondaryTable ? (
301
+
302
+ <>
303
+ <div className={getStyles('opFunctionBox3')}>
304
+ <Label>{labelDinamicSelectFilterSecondary}</Label>
305
+
306
+ {isLoadingDinamicSelectFilterSecondary ?
307
+ <DynamicSelect
308
+ isInline
309
+ onChange={handleFilterSecondaryTable}
310
+ optionsSelect={filterSecondaryTableData}
311
+ placeholder={placeholderDinamicSelectFilterSecondary}
312
+ defaultValue={handleDefaultValueFilterSecondary}
313
+ closeMenuOnSelect={false}
314
+ isClearable={false}
315
+ instanceId={'idFilterSecondaryTableAll'}
316
+ // defaultValue= { [{value: 'id', label: 'ID'}, {value: 'idService', label: 'ID Reserva'}] }
317
+ /> : null
318
+ }
319
+
320
+ </div>
321
+
322
+ <Horizontal size="xs" />
323
+
324
+ </>
325
+ ) : null}
326
+
327
+
328
+
291
329
  {isViewAddColumn ? (
292
330
 
293
331
  <>
@@ -393,12 +431,14 @@ DynamicTable.propTypes = {
393
431
  isViewTitleTableSecundary: PropTypes.bool,
394
432
  isViewAddColumn: PropTypes.bool,
395
433
  isViewFilterTable: PropTypes.bool,
434
+ isViewFilterSecondaryTable: PropTypes.bool,
396
435
  isViewDownloadDoc: PropTypes.bool,
397
436
  isViewBtn: PropTypes.bool,
398
437
  isViewLeftBtn: PropTypes.bool,
399
438
  onChangeInput: PropTypes.func,
400
439
  handleAddColumn: PropTypes.func,
401
440
  handleFilterTable: PropTypes.func,
441
+ handleFilterSecondaryTable: PropTypes.func,
402
442
  isError: PropTypes.string,
403
443
  isLayoutDate: PropTypes.string,
404
444
  handleSelectRange: PropTypes.func,
@@ -407,7 +447,9 @@ DynamicTable.propTypes = {
407
447
  labelDinamicSelect: PropTypes.string,
408
448
  placeholderDinamicSelect: PropTypes.string,
409
449
  labelDinamicSelectFilter: PropTypes.string,
450
+ labelDinamicSelectFilterSecondary: PropTypes.string,
410
451
  placeholderDinamicSelectFilter: PropTypes.string,
452
+ placeholderDinamicSelectFilterSecondary: PropTypes.string,
411
453
  labelSinceDateRange: PropTypes.string,
412
454
  labelTillDateRange: PropTypes.string,
413
455
  labelSinceDateRangeSecundary: PropTypes.string,
@@ -432,12 +474,14 @@ DynamicTable.defaultProps = {
432
474
  getStyles: () => { },
433
475
  handleAddColumn: () => { },
434
476
  handleFilterTable: () => { },
477
+ handleFilterSecondaryTable: () => { },
435
478
  isViewRange: true,
436
479
  isViewRangeSecundary: false,
437
480
  isViewTitleTable: false,
438
481
  isViewTitleTableSecundary: false,
439
482
  isViewAddColumn: true,
440
483
  isViewFilterTable: false,
484
+ isViewFilterSecondaryTable: false,
441
485
  isViewDownloadDoc: true,
442
486
  isViewBtn: false,
443
487
  isViewLeftBtn: false,
@@ -449,6 +493,8 @@ DynamicTable.defaultProps = {
449
493
  placeholderDinamicSelect: 'Seleccionar columnas',
450
494
  labelDinamicSelectFilter: '',
451
495
  placeholderDinamicSelectFilter: '',
496
+ labelDinamicSelectFilterSecondary: '',
497
+ placeholderDinamicSelectFilterSecondary: '',
452
498
  labelSinceDateRange: 'Desde',
453
499
  labelTillDateRange: 'Hasta',
454
500
  labelSinceDateRangeSecundary: 'Desde',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "imbric-theme",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "Components library IMBRIC",
5
5
  "private": false,
6
6
  "main": "index.js",