imbric-theme 0.1.4 → 0.1.6
Sign up to get free protection for your applications and to get access to all the features.
- package/atoms/Input/Input.js +6 -0
- package/molecules/RowTable/RowTable.js +67 -65
- package/package.json +1 -1
package/atoms/Input/Input.js
CHANGED
|
@@ -44,6 +44,7 @@ export const Input = ({
|
|
|
44
44
|
min,
|
|
45
45
|
autoFocus,
|
|
46
46
|
readonly,
|
|
47
|
+
accept,
|
|
47
48
|
}) => (
|
|
48
49
|
|
|
49
50
|
<>
|
|
@@ -84,6 +85,7 @@ export const Input = ({
|
|
|
84
85
|
autoComplete={autoComplete}
|
|
85
86
|
disabled={disabled}
|
|
86
87
|
min={min}
|
|
88
|
+
accept={accept}
|
|
87
89
|
></input>
|
|
88
90
|
|
|
89
91
|
</div> :
|
|
@@ -115,6 +117,7 @@ export const Input = ({
|
|
|
115
117
|
disabled={disabled}
|
|
116
118
|
min={min}
|
|
117
119
|
onInput={onInput}
|
|
120
|
+
accept={accept}
|
|
118
121
|
></input>
|
|
119
122
|
|
|
120
123
|
<Horizontal size="xs" />
|
|
@@ -156,6 +159,7 @@ export const Input = ({
|
|
|
156
159
|
min={min}
|
|
157
160
|
autoFocus={autoFocus}
|
|
158
161
|
onInput={onInput}
|
|
162
|
+
accept={accept}
|
|
159
163
|
></input>
|
|
160
164
|
|
|
161
165
|
}
|
|
@@ -194,6 +198,7 @@ Input.propTypes = {
|
|
|
194
198
|
autoFocus: PropTypes.any,
|
|
195
199
|
onClickViewPass: PropTypes.func,
|
|
196
200
|
viewPass: PropTypes.bool,
|
|
201
|
+
accept: PropTypes.string,
|
|
197
202
|
}
|
|
198
203
|
|
|
199
204
|
Input.defaultProps = {
|
|
@@ -224,6 +229,7 @@ Input.defaultProps = {
|
|
|
224
229
|
readonly: false,
|
|
225
230
|
onClickViewPass: () => { },
|
|
226
231
|
viewPass: false,
|
|
232
|
+
accept: '',
|
|
227
233
|
}
|
|
228
234
|
|
|
229
235
|
export default withStyles(styles)(Input)
|
|
@@ -161,7 +161,9 @@ export const RowTable = ({
|
|
|
161
161
|
className={getStyles('td', 'tdacction')}
|
|
162
162
|
key={[itemTd.accessor] + (indexTd + index)}
|
|
163
163
|
>
|
|
164
|
-
|
|
164
|
+
|
|
165
|
+
SI
|
|
166
|
+
{/* {String(item[itemTd.accessor])} */}
|
|
165
167
|
|
|
166
168
|
</td>
|
|
167
169
|
) :
|
|
@@ -170,6 +172,8 @@ export const RowTable = ({
|
|
|
170
172
|
className={getStyles('td', 'tdacction')}
|
|
171
173
|
key={[itemTd.accessor] + (indexTd + index)}
|
|
172
174
|
>
|
|
175
|
+
{/* {String(item[itemTd.accessor])} */}
|
|
176
|
+
NO
|
|
173
177
|
</td>
|
|
174
178
|
)
|
|
175
179
|
: null
|
|
@@ -260,70 +264,6 @@ export const RowTable = ({
|
|
|
260
264
|
|
|
261
265
|
<td className={getStyles('td', 'tdacctionIcons')} key={[itemTd.accessor] + (indexTd + index)}>
|
|
262
266
|
|
|
263
|
-
{itemTd.viewUserView ?
|
|
264
|
-
|
|
265
|
-
item.viewUserView === undefined ?
|
|
266
|
-
|
|
267
|
-
<>
|
|
268
|
-
<span
|
|
269
|
-
data-tip
|
|
270
|
-
data-for='userView'
|
|
271
|
-
onMouseEnter={handleMouseEnter}
|
|
272
|
-
onMouseLeave={handleMouseLeave}
|
|
273
|
-
>
|
|
274
|
-
<>
|
|
275
|
-
<Icon
|
|
276
|
-
id="userView"
|
|
277
|
-
background="base"
|
|
278
|
-
name="userView"
|
|
279
|
-
onClick={(e) => { onClickActionUserView(e, item) }}
|
|
280
|
-
/>
|
|
281
|
-
<Horizontal size="xs" />
|
|
282
|
-
</>
|
|
283
|
-
|
|
284
|
-
</span>
|
|
285
|
-
|
|
286
|
-
{isToolTipMounted ? (
|
|
287
|
-
<ReactTooltip id='userView' type='error'>
|
|
288
|
-
<span>{txtTootipIconUserView}</span>
|
|
289
|
-
</ReactTooltip>
|
|
290
|
-
) : null}
|
|
291
|
-
</>
|
|
292
|
-
|
|
293
|
-
:
|
|
294
|
-
|
|
295
|
-
item.viewUserView ?
|
|
296
|
-
|
|
297
|
-
<>
|
|
298
|
-
<span
|
|
299
|
-
data-tip
|
|
300
|
-
data-for='userView'
|
|
301
|
-
onMouseEnter={handleMouseEnter}
|
|
302
|
-
onMouseLeave={handleMouseLeave}
|
|
303
|
-
>
|
|
304
|
-
<>
|
|
305
|
-
<Icon
|
|
306
|
-
id="userView"
|
|
307
|
-
background="base"
|
|
308
|
-
name="userView"
|
|
309
|
-
onClick={(e) => { onClickActionUserView(e, item) }}
|
|
310
|
-
/>
|
|
311
|
-
<Horizontal size="xs" />
|
|
312
|
-
</>
|
|
313
|
-
|
|
314
|
-
</span>
|
|
315
|
-
|
|
316
|
-
{isToolTipMounted ? (
|
|
317
|
-
<ReactTooltip id='userView' type='error'>
|
|
318
|
-
<span>{txtTootipIconUserView}</span>
|
|
319
|
-
</ReactTooltip>
|
|
320
|
-
) : null}
|
|
321
|
-
</>
|
|
322
|
-
|
|
323
|
-
: null
|
|
324
|
-
|
|
325
|
-
: null}
|
|
326
|
-
|
|
327
267
|
|
|
328
268
|
{itemTd.viewListInvoice ?
|
|
329
269
|
|
|
@@ -795,7 +735,69 @@ export const RowTable = ({
|
|
|
795
735
|
|
|
796
736
|
: null}
|
|
797
737
|
|
|
738
|
+
{itemTd.viewUserView ?
|
|
739
|
+
|
|
740
|
+
item.viewUserView === undefined ?
|
|
741
|
+
|
|
742
|
+
<>
|
|
743
|
+
<span
|
|
744
|
+
data-tip
|
|
745
|
+
data-for='userView'
|
|
746
|
+
onMouseEnter={handleMouseEnter}
|
|
747
|
+
onMouseLeave={handleMouseLeave}
|
|
748
|
+
>
|
|
749
|
+
<>
|
|
750
|
+
<Icon
|
|
751
|
+
id="userView"
|
|
752
|
+
background="base"
|
|
753
|
+
name="userView"
|
|
754
|
+
onClick={(e) => { onClickActionUserView(e, item) }}
|
|
755
|
+
/>
|
|
756
|
+
<Horizontal size="xs" />
|
|
757
|
+
</>
|
|
758
|
+
|
|
759
|
+
</span>
|
|
760
|
+
|
|
761
|
+
{isToolTipMounted ? (
|
|
762
|
+
<ReactTooltip id='userView' type='error'>
|
|
763
|
+
<span>{txtTootipIconUserView}</span>
|
|
764
|
+
</ReactTooltip>
|
|
765
|
+
) : null}
|
|
766
|
+
</>
|
|
767
|
+
|
|
768
|
+
:
|
|
798
769
|
|
|
770
|
+
item.viewUserView ?
|
|
771
|
+
|
|
772
|
+
<>
|
|
773
|
+
<span
|
|
774
|
+
data-tip
|
|
775
|
+
data-for='userView'
|
|
776
|
+
onMouseEnter={handleMouseEnter}
|
|
777
|
+
onMouseLeave={handleMouseLeave}
|
|
778
|
+
>
|
|
779
|
+
<>
|
|
780
|
+
<Icon
|
|
781
|
+
id="userView"
|
|
782
|
+
background="base"
|
|
783
|
+
name="userView"
|
|
784
|
+
onClick={(e) => { onClickActionUserView(e, item) }}
|
|
785
|
+
/>
|
|
786
|
+
<Horizontal size="xs" />
|
|
787
|
+
</>
|
|
788
|
+
|
|
789
|
+
</span>
|
|
790
|
+
|
|
791
|
+
{isToolTipMounted ? (
|
|
792
|
+
<ReactTooltip id='userView' type='error'>
|
|
793
|
+
<span>{txtTootipIconUserView}</span>
|
|
794
|
+
</ReactTooltip>
|
|
795
|
+
) : null}
|
|
796
|
+
</>
|
|
797
|
+
|
|
798
|
+
: null
|
|
799
|
+
|
|
800
|
+
: null}
|
|
799
801
|
|
|
800
802
|
|
|
801
803
|
|