playbook_ui_docs 13.22.0 → 13.23.0
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_advanced_table/docs/_advanced_table_collapsible_trail.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +6 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json +278 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +0 -7
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +0 -7
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb +17 -1
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +18 -2
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb +5 -0
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +6 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +2 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/{_multi_level_select_selected_ids.jsx → _multi_level_select_selected_ids_react.jsx} +2 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md +5 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -1
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb +6 -9
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +18 -7
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb +2 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +2 -2
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.html.erb +11 -0
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +21 -0
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_toggle/docs/index.js +1 -0
- data/dist/menu.yml +4 -0
- data/dist/playbook-doc.js +9 -9
- metadata +7 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +0 -278
@@ -5,24 +5,35 @@ import OnlineStatus from '../_online_status'
|
|
5
5
|
const OnlineStatusDefault = (props) => (
|
6
6
|
<>
|
7
7
|
<OnlineStatus
|
8
|
+
marginY="xs"
|
8
9
|
status="offline"
|
9
10
|
{...props}
|
10
11
|
/>
|
11
|
-
|
12
|
-
<br />
|
13
|
-
|
14
12
|
<OnlineStatus
|
13
|
+
marginY="xs"
|
15
14
|
status="online"
|
16
15
|
{...props}
|
17
16
|
/>
|
18
|
-
|
19
|
-
<br />
|
20
|
-
|
21
17
|
<OnlineStatus
|
18
|
+
marginY="xs"
|
22
19
|
status="away"
|
23
20
|
{...props}
|
24
21
|
/>
|
25
|
-
|
22
|
+
<OnlineStatus
|
23
|
+
marginY="xs"
|
24
|
+
status="error"
|
25
|
+
{...props}
|
26
|
+
/>
|
27
|
+
<OnlineStatus
|
28
|
+
marginY="xs"
|
29
|
+
status="info"
|
30
|
+
{...props}
|
31
|
+
/>
|
32
|
+
<OnlineStatus
|
33
|
+
marginY="xs"
|
34
|
+
status="primary"
|
35
|
+
{...props}
|
36
|
+
/>
|
26
37
|
</>
|
27
38
|
)
|
28
39
|
|
@@ -1 +1,2 @@
|
|
1
|
-
<%= pb_rails("pagination", props: { model: @users, view: self}) %>
|
1
|
+
<%= pb_rails("pagination", props: { model: @users, view: self}) %>
|
2
|
+
|
data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
<form id="example-form-validation" action="" method="get">
|
2
|
-
<%= pb_rails("phone_number_input", props: { error: "Missing phone number
|
2
|
+
<%= pb_rails("phone_number_input", props: { error: "Missing phone number", id: "validation", initial_country: "af", value: "", required: true }) %>
|
3
3
|
<%= pb_rails("button", props: {html_type: "submit", text: "Save Phone Number"}) %>
|
4
4
|
</form>
|
5
5
|
|
@@ -9,4 +9,4 @@
|
|
9
9
|
if (e.target.querySelectorAll('[error]:not([error=""])').length > 0) e.preventDefault();
|
10
10
|
})
|
11
11
|
})
|
12
|
-
<% end %>
|
12
|
+
<% end %>
|
@@ -0,0 +1,21 @@
|
|
1
|
+
// @flow
|
2
|
+
|
3
|
+
import React from 'react'
|
4
|
+
import { Toggle } from '../..'
|
5
|
+
|
6
|
+
const ToggleDisabled= () => {
|
7
|
+
return (
|
8
|
+
<>
|
9
|
+
<Toggle
|
10
|
+
checked
|
11
|
+
disabled
|
12
|
+
/>
|
13
|
+
|
14
|
+
<br />
|
15
|
+
|
16
|
+
<Toggle disabled />
|
17
|
+
</>
|
18
|
+
)
|
19
|
+
}
|
20
|
+
|
21
|
+
export default ToggleDisabled
|
@@ -2,6 +2,7 @@ examples:
|
|
2
2
|
|
3
3
|
rails:
|
4
4
|
- toggle_default: Default State
|
5
|
+
- toggle_disabled: Disabled
|
5
6
|
- toggle_name: Name and Value
|
6
7
|
- toggle_custom: Custom checkbox input
|
7
8
|
- toggle_custom_radio: Custom radio inputs
|
@@ -9,6 +10,7 @@ examples:
|
|
9
10
|
|
10
11
|
react:
|
11
12
|
- toggle_default: Default State
|
13
|
+
- toggle_disabled: Disabled
|
12
14
|
- toggle_name: Name and Value
|
13
15
|
- toggle_custom: Custom checkbox input
|
14
16
|
- toggle_custom_radio: Custom radio inputs
|
@@ -16,4 +18,4 @@ examples:
|
|
16
18
|
swift:
|
17
19
|
- toggle_default_swift: Default State
|
18
20
|
- toggle_name_swift: Name and Value
|
19
|
-
- toggle_props_swift: ""
|
21
|
+
- toggle_props_swift: ""
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export { default as ToggleDefault } from './_toggle_default'
|
2
|
+
export { default as ToggleDisabled } from './_toggle_disabled'
|
2
3
|
export { default as ToggleCustom } from './_toggle_custom'
|
3
4
|
export { default as ToggleName } from './_toggle_name'
|
4
5
|
export { default as ToggleCustomRadio } from './_toggle_custom_radio'
|
data/dist/menu.yml
CHANGED
@@ -407,6 +407,10 @@ kits:
|
|
407
407
|
platforms: *web
|
408
408
|
description: Badges can be used for notification, tags, and status. They are used for count and numbers.
|
409
409
|
status: "stable"
|
410
|
+
- name: "online_status"
|
411
|
+
platforms: *web
|
412
|
+
description: Online Status is a small indicator that lets the user know the status of a person or item.
|
413
|
+
status: "stable"
|
410
414
|
- name: "pill"
|
411
415
|
platforms: *all
|
412
416
|
description: A pill uses both a keyword and a specific color to categorize an item.
|