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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: eb3f105bc192e8b5ac858ec4775057bb779150976b664f998c16e6b57b3a272a
4
- data.tar.gz: a9c4a4a6f108496084c455efb702f837ffbebffd8587f9e99c4c897ca75face4
3
+ metadata.gz: 02f58fc8d21d61aa6839a71c560fe60fdd187f0b2cecfe9b115221fe3b757633
4
+ data.tar.gz: c3bbb67da585d399d3aebf243b27b9626c8eadced7ecd53e3ad3e6cb460a1f41
5
5
  SHA512:
6
- metadata.gz: d86c4d7971981c152a2da802037c8b7ae6c3b3a480ed3081dbda58914843b96d1c2e4fb71fc665c33a134bbf4327feafdb27b790345b3703317a0fb4c6d2d9bd
7
- data.tar.gz: 4de10851acb392fb2cfe4340f39688c36b1060175305616cb07db236f806e01fa8640574d2c3525640bde0b0c6df05ea178758f25df8686dd365e8aebf2fdc70
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: "Multi-line is used when the given text will not fit on one line.",
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>
@@ -1,69 +1,18 @@
1
- import React, { useState } from '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
- const [openShort, setOpenShort] = useState(false)
9
- const [openLong, setOpenLong] = useState(false)
10
-
11
- const handleClickShort = () => {
12
- setOpenShort(true)
13
- }
14
- const handleClickLong= () => {
15
- setOpenLong(true)
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 | | |
@@ -23,5 +23,4 @@ examples:
23
23
  - user_vertical_size_swift: Vertical
24
24
  - user_text_only_swift: Text Only
25
25
  - user_size_swift: Horizontal Size
26
- - user_presence_indicator_swift: Presence Indicator
27
26
  - user_props_table: ""