playbook_ui_docs 13.19.0.pre.alpha.play1174fixconfimationtoastmobilebug2345 → 13.19.0.pre.alpha.play1186collapsiblenaviconcolorbug2321
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_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb +1 -45
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx +11 -62
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +0 -20
- data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +1 -2
- data/app/pb_kits/playbook/pb_user/docs/example.yml +0 -1
- data/dist/playbook-doc.js +4 -4
- metadata +2 -7
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md +0 -7
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md +0 -3
- data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md +0 -30
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 02f58fc8d21d61aa6839a71c560fe60fdd187f0b2cecfe9b115221fe3b757633
|
4
|
+
data.tar.gz: c3bbb67da585d399d3aebf243b27b9626c8eadced7ecd53e3ad3e6cb460a1f41
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5b93e3d20a4081a3ad88022827c1a8d8b5041dfb5dbad3ee69b303e5a97df1b37161d9b6c246f0ae1c7c1bbc4db420a6235a35297492e51fc67b726eea7cce6d
|
7
|
+
data.tar.gz: ff550cdce2b9ac1909629653fd472d795e33ed67de040dc5d28905c06eae4e00024ace67f3da6ce87ac9a691e199542b5b770f623ee6e2168f6168559d24fc16
|
@@ -1,49 +1,5 @@
|
|
1
|
-
<%= pb_rails("button", props: { text: "Short Multiline", variant: "secondary", data: { toast: "#toast-top-center-multi-short" } }) %>
|
2
|
-
|
3
1
|
<%= pb_rails("fixed_confirmation_toast", props: {
|
4
|
-
classname: "toast-to-hide",
|
5
|
-
closeable: true,
|
6
|
-
id: "toast-top-center-multi-short",
|
7
2
|
multi_line: true,
|
8
|
-
text: "
|
3
|
+
text: "Scan to Assign Selected Items. Click here to generate report",
|
9
4
|
status: "tip",
|
10
|
-
vertical: "top",
|
11
|
-
horizontal: "center"
|
12
5
|
}) %>
|
13
|
-
|
14
|
-
<%= pb_rails("button", props: { text: "Long Multiline", variant: "secondary", data: { toast: "#toast-top-center-multi-long" } }) %>
|
15
|
-
|
16
|
-
<%= pb_rails("fixed_confirmation_toast", props: {
|
17
|
-
classname: "toast-to-hide",
|
18
|
-
closeable: true,
|
19
|
-
id: "toast-top-center-multi-long",
|
20
|
-
multi_line: true,
|
21
|
-
text: "Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.",
|
22
|
-
status: "tip",
|
23
|
-
vertical: "top",
|
24
|
-
horizontal: "center"
|
25
|
-
}) %>
|
26
|
-
|
27
|
-
<script type="text/javascript">
|
28
|
-
const alltoasts = document.queryselectorall(".toast-to-hide")
|
29
|
-
const allbuttons = document.queryselectorall("button[data-toast]")
|
30
|
-
|
31
|
-
const hidealltoasts = () => {
|
32
|
-
alltoasts.foreach((toast) => {
|
33
|
-
toast.style.display = "none"
|
34
|
-
})
|
35
|
-
}
|
36
|
-
|
37
|
-
hidealltoasts()
|
38
|
-
|
39
|
-
allbuttons.foreach((button) => {
|
40
|
-
button.onclick = () => {
|
41
|
-
hidealltoasts()
|
42
|
-
let toast = document.queryselector(button.getattribute("data-toast"))
|
43
|
-
|
44
|
-
if (toast) {
|
45
|
-
toast.style.display = "flex"
|
46
|
-
}
|
47
|
-
}
|
48
|
-
})
|
49
|
-
</script>
|
data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
CHANGED
@@ -1,69 +1,18 @@
|
|
1
|
-
import React
|
1
|
+
import React from 'react'
|
2
2
|
|
3
|
-
import Button from '../../pb_button/_button'
|
4
3
|
import FixedConfirmationToast from '../_fixed_confirmation_toast'
|
5
4
|
|
6
5
|
const FixedConfirmationToastMultiLine = (props) => {
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
const handleCloseShort = () => {
|
19
|
-
setOpenShort(false)
|
20
|
-
}
|
21
|
-
|
22
|
-
const handleCloseLong= () => {
|
23
|
-
setOpenLong(false)
|
24
|
-
}
|
25
|
-
|
26
|
-
return (
|
27
|
-
<>
|
28
|
-
<Button
|
29
|
-
onClick={handleClickShort}
|
30
|
-
text="Short Multiline"
|
31
|
-
variant="secondary"
|
32
|
-
{...props}
|
33
|
-
/>
|
34
|
-
{' '}
|
35
|
-
<Button
|
36
|
-
onClick={handleClickLong}
|
37
|
-
text="Long Multiline"
|
38
|
-
variant="secondary"
|
39
|
-
{...props}
|
40
|
-
/>
|
41
|
-
|
42
|
-
<FixedConfirmationToast
|
43
|
-
closeable
|
44
|
-
horizontal='center'
|
45
|
-
multiLine
|
46
|
-
onClose={handleCloseShort}
|
47
|
-
open={openShort}
|
48
|
-
status='tip'
|
49
|
-
text='Multi-line is used when the given text will not fit on one line.'
|
50
|
-
vertical='top'
|
51
|
-
{...props}
|
52
|
-
/>
|
53
|
-
|
54
|
-
<FixedConfirmationToast
|
55
|
-
closeable
|
56
|
-
horizontal='center'
|
57
|
-
multiLine
|
58
|
-
onClose={handleCloseLong}
|
59
|
-
open={openLong}
|
60
|
-
status='tip'
|
61
|
-
text='Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.'
|
62
|
-
vertical='top'
|
63
|
-
{...props}
|
64
|
-
/>
|
65
|
-
</>
|
66
|
-
)
|
6
|
+
return (
|
7
|
+
<div>
|
8
|
+
<FixedConfirmationToast
|
9
|
+
multiLine
|
10
|
+
status="tip"
|
11
|
+
text="Scan to Assign Selected Items. Click here to generate report"
|
12
|
+
{...props}
|
13
|
+
/>
|
14
|
+
</div>
|
15
|
+
)
|
67
16
|
}
|
68
17
|
|
69
18
|
export default FixedConfirmationToastMultiLine
|
@@ -25,9 +25,6 @@ examples:
|
|
25
25
|
- table_with_background_kit: Table With Background Kit
|
26
26
|
- table_vertical_border: Vertical Borders
|
27
27
|
- table_striped: Striped Table
|
28
|
-
- table_with_subcomponents: Table with Sub Components (Table Elements)
|
29
|
-
- table_with_subcomponents_as_divs: Table with Sub Components (Divs)
|
30
|
-
|
31
28
|
|
32
29
|
react:
|
33
30
|
# - table_div: Div
|
@@ -58,16 +58,6 @@ const TextInputAddOn = (props) => {
|
|
58
58
|
{...props}
|
59
59
|
/>
|
60
60
|
</div>
|
61
|
-
<div>
|
62
|
-
<TextInput
|
63
|
-
addOn={{ icon: 'frog', alignment: 'right', border: true }}
|
64
|
-
label="Right-Aligned Add On With Child Input"
|
65
|
-
onChange={handleUpdateFourthInput}
|
66
|
-
{...props}
|
67
|
-
>
|
68
|
-
<input />
|
69
|
-
</TextInput>
|
70
|
-
</div>
|
71
61
|
<div>
|
72
62
|
<TextInput
|
73
63
|
addOn={{ icon: 'percent', alignment: 'left', border: false }}
|
@@ -86,16 +76,6 @@ const TextInputAddOn = (props) => {
|
|
86
76
|
{...props}
|
87
77
|
/>
|
88
78
|
</div>
|
89
|
-
<div>
|
90
|
-
<TextInput
|
91
|
-
addOn={{ icon: 'frog', alignment: 'left', border: true }}
|
92
|
-
label="Left-Aligned Add On With Child Input"
|
93
|
-
onChange={handleUpdateFourthInput}
|
94
|
-
{...props}
|
95
|
-
>
|
96
|
-
<input />
|
97
|
-
</TextInput>
|
98
|
-
</div>
|
99
79
|
</>
|
100
80
|
)
|
101
81
|
}
|
@@ -7,5 +7,4 @@
|
|
7
7
|
| **orientation** | `Orientation` | Changes the orientation of the User | `.horizontal` | `.horizontal` `.verticle` |
|
8
8
|
| **size** | `UserAvatarSize` | Changes the size of the User | `.medium` | `.small` `.medium` `.large` |
|
9
9
|
| **territory** | `String` | Adds the User's territory | | |
|
10
|
-
| **title** | `String` | Adds a title | | |
|
11
|
-
| **status** | `PBAvatar.PresenceStatus?` | An idicator for the current status of the user | `.none` | `.online` `.away` `.offline` |
|
10
|
+
| **title** | `String` | Adds a title | | |
|