playbook_ui_docs 14.11.0.pre.rc.11 → 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_file_upload/docs/_file_upload_accept.jsx +3 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +4 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +18 -0
- data/dist/playbook-doc.js +1 -1
- metadata +2 -2
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
|
|
@@ -25,7 +25,10 @@ const FileUploadCustomDescription = (props) => {
|
|
|
25
25
|
{...props}
|
|
26
26
|
/>
|
|
27
27
|
<FileUpload
|
|
28
|
-
accept={
|
|
28
|
+
accept={{
|
|
29
|
+
"application/pdf": [".pdf"],
|
|
30
|
+
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"],
|
|
31
|
+
}}
|
|
29
32
|
acceptedFilesDescription="Adobe (.pdf) and Microsoft (.xslx)"
|
|
30
33
|
onFilesAccepted={handleOnFilesAccepted}
|
|
31
34
|
{...props}
|
|
@@ -18,7 +18,7 @@ const AcceptedFilesList = ({ files }) => (
|
|
|
18
18
|
const RejectedFilesList = ({ files }) => (
|
|
19
19
|
<List>
|
|
20
20
|
{files.map((file) => (
|
|
21
|
-
<ListItem key={file.name}><Body color="error">{`${file.name} (file too large)`}</Body></ListItem>
|
|
21
|
+
<ListItem key={file.file.name}><Body color="error">{`${file.file.name} (file too large)`}</Body></ListItem>
|
|
22
22
|
))}
|
|
23
23
|
</List>
|
|
24
24
|
)
|
|
@@ -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 />
|