imbric-theme 1.0.1 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
|