playbook_ui_docs 14.11.0.pre.rc.12 → 14.11.0.pre.rc.13
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +18 -0
- data/dist/playbook-doc.js +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f6fcc1ab9ac38e98619846a7f62ec19e44cc7710570bc03de5afc962e9328ed5
|
|
4
|
+
data.tar.gz: 335903430efe11f806de4300115906d309a70fa84835c2cbb81f1beaa003320e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: bf580a64678b2c770d1a3760ac75306b7aef4a2d219e190b5019931bbb1f13c0dde726a9308017d683a9c0178ef77205826831c210ce8cabb73d5699373383bc
|
|
7
|
+
data.tar.gz: 8e6a21ef7cb74473e41d8846b3d70793b72df16430fd334fab3679ca9d6db6e8295382bc75fb5e364af6544e2cbce09eb691ebd5cf1f3ecedcd485b16459c547
|
|
@@ -16,6 +16,8 @@ const TextInputMask = (props) => {
|
|
|
16
16
|
zipCode: '',
|
|
17
17
|
postalCode: '',
|
|
18
18
|
ssn: '',
|
|
19
|
+
creditCard: '',
|
|
20
|
+
cvv: ''
|
|
19
21
|
})
|
|
20
22
|
|
|
21
23
|
const handleOnChangeFormField = ({ target }) => {
|
|
@@ -57,6 +59,22 @@ const TextInputMask = (props) => {
|
|
|
57
59
|
value={formFields.ssn}
|
|
58
60
|
{...props}
|
|
59
61
|
/>
|
|
62
|
+
<TextInput
|
|
63
|
+
label="Credit Card"
|
|
64
|
+
mask="creditCard"
|
|
65
|
+
name="creditCard"
|
|
66
|
+
onChange={handleOnChangeFormField}
|
|
67
|
+
value={formFields.creditCard}
|
|
68
|
+
{...props}
|
|
69
|
+
/>
|
|
70
|
+
<TextInput
|
|
71
|
+
label="CVV"
|
|
72
|
+
mask="cvv"
|
|
73
|
+
name="cvv"
|
|
74
|
+
onChange={handleOnChangeFormField}
|
|
75
|
+
value={formFields.cvv}
|
|
76
|
+
{...props}
|
|
77
|
+
/>
|
|
60
78
|
|
|
61
79
|
<br />
|
|
62
80
|
<br />
|