imbric-theme 1.0.1 → 1.0.2
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/Button/Button.js +5 -2
- package/atoms/Label/Label.js +3 -2
- package/atoms/Label/Label.module.css +4 -0
- package/atoms/Modal/Modal.module.css +1 -0
- package/layout/DynamicTable/DynamicTable.js +6 -2
- package/molecules/ColumnTable/ColumnTable.module.css +1 -1
- package/molecules/RowTable/RowTable.js +63 -64
- package/package.json +1 -1
package/atoms/Button/Button.js
CHANGED
|
@@ -25,10 +25,11 @@ export const Button = ({
|
|
|
25
25
|
onClick,
|
|
26
26
|
id,
|
|
27
27
|
getStyles,
|
|
28
|
+
typeButton,
|
|
28
29
|
}) => (
|
|
29
30
|
<button
|
|
30
|
-
|
|
31
|
-
type=
|
|
31
|
+
id={id}
|
|
32
|
+
type={typeButton}
|
|
32
33
|
disabled={isMuted}
|
|
33
34
|
className={getStyles('button', ['type'], {
|
|
34
35
|
'is-inline': isInline || type === 'tertiary',
|
|
@@ -68,6 +69,7 @@ Button.propTypes = {
|
|
|
68
69
|
isFloatRight: PropTypes.bool,
|
|
69
70
|
isFloatLeft: PropTypes.bool,
|
|
70
71
|
id: PropTypes.string,
|
|
72
|
+
typeButton: PropTypes.string,
|
|
71
73
|
}
|
|
72
74
|
|
|
73
75
|
Button.defaultProps = {
|
|
@@ -78,6 +80,7 @@ Button.defaultProps = {
|
|
|
78
80
|
isFloatRight: false,
|
|
79
81
|
isFloatLeft: false,
|
|
80
82
|
id: '',
|
|
83
|
+
typeButton: 'submit'
|
|
81
84
|
}
|
|
82
85
|
|
|
83
86
|
export default withStyles(styles)(Button)
|
package/atoms/Label/Label.js
CHANGED
|
@@ -5,10 +5,10 @@ import styles from './Label.module.css'
|
|
|
5
5
|
import { options } from './constants'
|
|
6
6
|
import withStyles from '../../hocs/withStyles'
|
|
7
7
|
|
|
8
|
-
export const Label = ({ children, getStyles, isHint }) => {
|
|
8
|
+
export const Label = ({ children, getStyles, isHint, isPointer, onClick }) => {
|
|
9
9
|
return (
|
|
10
10
|
|
|
11
|
-
<label className={getStyles('label', ['color'], { 'is-hint': isHint })}>{children}</label>
|
|
11
|
+
<label onClick={onClick} className={getStyles('label', ['color'], { 'is-hint': isHint, 'is-pointer': isPointer })}>{children}</label>
|
|
12
12
|
|
|
13
13
|
)
|
|
14
14
|
}
|
|
@@ -26,6 +26,7 @@ Label.defaultProps = {
|
|
|
26
26
|
children: ' ',
|
|
27
27
|
isHint: false,
|
|
28
28
|
color: 'label',
|
|
29
|
+
onClick: () => { },
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
export default withStyles(styles)(Label)
|
|
@@ -155,7 +155,7 @@ export const DynamicTable = ({
|
|
|
155
155
|
|
|
156
156
|
<>
|
|
157
157
|
|
|
158
|
-
|
|
158
|
+
|
|
159
159
|
<div className={getStyles('opFunctionBox3')}>
|
|
160
160
|
|
|
161
161
|
<Button
|
|
@@ -176,7 +176,6 @@ export const DynamicTable = ({
|
|
|
176
176
|
{isViewLeftBtnSecondary ? (
|
|
177
177
|
|
|
178
178
|
<>
|
|
179
|
-
|
|
180
179
|
<div className={getStyles('opFunctionBox3')}>
|
|
181
180
|
|
|
182
181
|
<Button
|
|
@@ -188,6 +187,9 @@ export const DynamicTable = ({
|
|
|
188
187
|
</Button>
|
|
189
188
|
|
|
190
189
|
</div>
|
|
190
|
+
|
|
191
|
+
<Horizontal size="sm" />
|
|
192
|
+
|
|
191
193
|
</>
|
|
192
194
|
) : null}
|
|
193
195
|
|
|
@@ -195,6 +197,8 @@ export const DynamicTable = ({
|
|
|
195
197
|
|
|
196
198
|
<>
|
|
197
199
|
|
|
200
|
+
<Horizontal size="sm" />
|
|
201
|
+
|
|
198
202
|
<div className={getStyles('opFunctionBox3')}>
|
|
199
203
|
|
|
200
204
|
<Button
|
|
@@ -44,6 +44,7 @@ export const RowTable = ({
|
|
|
44
44
|
txtTootipIconLink,
|
|
45
45
|
txtTootipIconClone,
|
|
46
46
|
txtTootipIconCheckbox,
|
|
47
|
+
onClickCheckboxRow
|
|
47
48
|
}) => {
|
|
48
49
|
|
|
49
50
|
|
|
@@ -201,8 +202,8 @@ export const RowTable = ({
|
|
|
201
202
|
id={'idToggle' + item.id}
|
|
202
203
|
checked={item.isSelected}
|
|
203
204
|
label=""
|
|
204
|
-
disabled={
|
|
205
|
-
onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}
|
|
205
|
+
disabled={itemTd.disabled}
|
|
206
|
+
onChangeCheckbox={(e) => { handleClickCheckbox(e, item), onClickCheckboxRow(e, item) }}
|
|
206
207
|
/>
|
|
207
208
|
|
|
208
209
|
</td>
|
|
@@ -553,68 +554,6 @@ export const RowTable = ({
|
|
|
553
554
|
|
|
554
555
|
: null}
|
|
555
556
|
|
|
556
|
-
{itemTd.viewTrash ?
|
|
557
|
-
|
|
558
|
-
item.viewTrash === undefined ?
|
|
559
|
-
|
|
560
|
-
<>
|
|
561
|
-
<span
|
|
562
|
-
data-tip
|
|
563
|
-
data-for='trash'
|
|
564
|
-
onMouseEnter={handleMouseEnter}
|
|
565
|
-
onMouseLeave={handleMouseLeave}
|
|
566
|
-
>
|
|
567
|
-
<>
|
|
568
|
-
<Icon
|
|
569
|
-
background="base"
|
|
570
|
-
name="trash"
|
|
571
|
-
onClick={e => { onClickActionDelete(e, item) }}
|
|
572
|
-
/>
|
|
573
|
-
<Horizontal size="xs" />
|
|
574
|
-
</>
|
|
575
|
-
|
|
576
|
-
</span>
|
|
577
|
-
|
|
578
|
-
{isToolTipMounted ? (
|
|
579
|
-
<ReactTooltip id='trash' type='error'>
|
|
580
|
-
<span>{txtTootipIconDelete}</span>
|
|
581
|
-
</ReactTooltip>
|
|
582
|
-
) : null}
|
|
583
|
-
</>
|
|
584
|
-
|
|
585
|
-
:
|
|
586
|
-
|
|
587
|
-
item.viewTrash ?
|
|
588
|
-
|
|
589
|
-
<>
|
|
590
|
-
<span
|
|
591
|
-
data-tip
|
|
592
|
-
data-for='trash'
|
|
593
|
-
onMouseEnter={handleMouseEnter}
|
|
594
|
-
onMouseLeave={handleMouseLeave}
|
|
595
|
-
>
|
|
596
|
-
<>
|
|
597
|
-
<Icon
|
|
598
|
-
background="base"
|
|
599
|
-
name="trash"
|
|
600
|
-
onClick={e => { onClickActionDelete(e, item) }}
|
|
601
|
-
/>
|
|
602
|
-
<Horizontal size="xs" />
|
|
603
|
-
</>
|
|
604
|
-
|
|
605
|
-
</span>
|
|
606
|
-
|
|
607
|
-
{isToolTipMounted ? (
|
|
608
|
-
<ReactTooltip id='trash' type='error'>
|
|
609
|
-
<span>{txtTootipIconDelete}</span>
|
|
610
|
-
</ReactTooltip>
|
|
611
|
-
) : null}
|
|
612
|
-
</>
|
|
613
|
-
|
|
614
|
-
: null
|
|
615
|
-
|
|
616
|
-
: null}
|
|
617
|
-
|
|
618
557
|
|
|
619
558
|
{itemTd.viewLink ?
|
|
620
559
|
|
|
@@ -944,7 +883,67 @@ export const RowTable = ({
|
|
|
944
883
|
: null}
|
|
945
884
|
|
|
946
885
|
|
|
886
|
+
{itemTd.viewTrash ?
|
|
887
|
+
|
|
888
|
+
item.viewTrash === undefined ?
|
|
889
|
+
|
|
890
|
+
<>
|
|
891
|
+
<span
|
|
892
|
+
data-tip
|
|
893
|
+
data-for='trash'
|
|
894
|
+
onMouseEnter={handleMouseEnter}
|
|
895
|
+
onMouseLeave={handleMouseLeave}
|
|
896
|
+
>
|
|
897
|
+
<>
|
|
898
|
+
<Icon
|
|
899
|
+
background="base"
|
|
900
|
+
name="trash"
|
|
901
|
+
onClick={e => { onClickActionDelete(e, item) }}
|
|
902
|
+
/>
|
|
903
|
+
<Horizontal size="xs" />
|
|
904
|
+
</>
|
|
905
|
+
|
|
906
|
+
</span>
|
|
907
|
+
|
|
908
|
+
{isToolTipMounted ? (
|
|
909
|
+
<ReactTooltip id='trash' type='error'>
|
|
910
|
+
<span>{txtTootipIconDelete}</span>
|
|
911
|
+
</ReactTooltip>
|
|
912
|
+
) : null}
|
|
913
|
+
</>
|
|
914
|
+
|
|
915
|
+
:
|
|
947
916
|
|
|
917
|
+
item.viewTrash ?
|
|
918
|
+
|
|
919
|
+
<>
|
|
920
|
+
<span
|
|
921
|
+
data-tip
|
|
922
|
+
data-for='trash'
|
|
923
|
+
onMouseEnter={handleMouseEnter}
|
|
924
|
+
onMouseLeave={handleMouseLeave}
|
|
925
|
+
>
|
|
926
|
+
<>
|
|
927
|
+
<Icon
|
|
928
|
+
background="base"
|
|
929
|
+
name="trash"
|
|
930
|
+
onClick={e => { onClickActionDelete(e, item) }}
|
|
931
|
+
/>
|
|
932
|
+
<Horizontal size="xs" />
|
|
933
|
+
</>
|
|
934
|
+
|
|
935
|
+
</span>
|
|
936
|
+
|
|
937
|
+
{isToolTipMounted ? (
|
|
938
|
+
<ReactTooltip id='trash' type='error'>
|
|
939
|
+
<span>{txtTootipIconDelete}</span>
|
|
940
|
+
</ReactTooltip>
|
|
941
|
+
) : null}
|
|
942
|
+
</>
|
|
943
|
+
|
|
944
|
+
: null
|
|
945
|
+
|
|
946
|
+
: null}
|
|
948
947
|
|
|
949
948
|
|
|
950
949
|
|