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.
- package/atoms/Input/Input.js +11 -11
- package/layout/DynamicTable/DynamicTable.js +50 -4
- package/package.json +1 -1
package/atoms/Input/Input.js
CHANGED
@@ -164,24 +164,24 @@ export const Input = ({
|
|
164
164
|
: isOpenModal
|
165
165
|
|
166
166
|
?
|
167
|
-
<div
|
168
|
-
<div
|
169
|
-
<div style={{ zIndex: 1 }}
|
170
|
-
<div onClick={(op) => onClickModal(op, id)} style={{ height: '36px' }}
|
171
|
-
<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
|
173
|
+
<div className={getStyles('css-1hb7zxy-IndicatorsContainer')}>
|
174
174
|
|
175
175
|
|
176
|
-
{value !== '' ? <div onClick={(op) => onClickDeleteInput(op, id)}
|
177
|
-
<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"
|
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
|
181
|
+
<span className={getStyles('css-1okebmr-indicatorSeparator')}>
|
182
182
|
</span>
|
183
|
-
<div onClick={(op) => onClickModal(op, id)}
|
184
|
-
<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"
|
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',
|