playbook_ui_docs 15.2.0.pre.alpha.PLAY256411551 → 15.2.0.pre.alpha.advancedtableicons11557
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb +2 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
- data/dist/playbook-doc.js +2 -2
- metadata +1 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.html.erb +0 -36
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.md +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_value.jsx +0 -41
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_value.md +0 -1
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 15.2.0.pre.alpha.
|
|
4
|
+
version: 15.2.0.pre.alpha.advancedtableicons11557
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -2465,10 +2465,6 @@ files:
|
|
|
2465
2465
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
|
|
2466
2466
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
|
|
2467
2467
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
|
|
2468
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.html.erb
|
|
2469
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.md
|
|
2470
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_value.jsx
|
|
2471
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_value.md
|
|
2472
2468
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.html.erb
|
|
2473
2469
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.jsx
|
|
2474
2470
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<%
|
|
2
|
-
options = [
|
|
3
|
-
{ label: 'Orange', value: '#FFA500' },
|
|
4
|
-
{ label: 'Red', value: '#FF0000' },
|
|
5
|
-
{ label: 'Green', value: '#1e3d1eff' },
|
|
6
|
-
{ label: 'Blue', value: '#0000FF' },
|
|
7
|
-
{ label: 'Purple', value: '#800080' },
|
|
8
|
-
{ label: 'Yellow', value: '#FFFF00' },
|
|
9
|
-
{ label: 'Pink', value: '#FFC0CB' },
|
|
10
|
-
{ label: 'Brown', value: '#A52A2A' },
|
|
11
|
-
{ label: 'Black', value: '#000000' },
|
|
12
|
-
{ label: 'White', value: '#FFFFFF' },
|
|
13
|
-
{ label: 'Gray', value: '#808080' },
|
|
14
|
-
{ label: 'Cyan', value: '#00FFFF' },
|
|
15
|
-
{ label: 'Magenta', value: '#FF00FF' },
|
|
16
|
-
{ label: 'Lime', value: '#00FF00' },
|
|
17
|
-
{ label: 'Maroon', value: '#800000' },
|
|
18
|
-
{ label: 'Olive', value: '#808000' },
|
|
19
|
-
{ label: 'Navy', value: '#000080' },
|
|
20
|
-
{ label: 'Teal', value: '#008080' },
|
|
21
|
-
{ label: 'Silver', value: '#C0C0C0' },
|
|
22
|
-
{ label: 'Gold', value: '#FFD700' },
|
|
23
|
-
{ label: 'Beige', value: '#F5F5DC' },
|
|
24
|
-
{ label: 'Coral', value: '#FF7F50' }
|
|
25
|
-
]
|
|
26
|
-
%>
|
|
27
|
-
|
|
28
|
-
<%= pb_rails("typeahead", props: {
|
|
29
|
-
default_options: [{ label: 'Gray', value: '#808080' }],
|
|
30
|
-
id: "typeahead-default-value",
|
|
31
|
-
options: options,
|
|
32
|
-
label: "Colors",
|
|
33
|
-
name: :foo,
|
|
34
|
-
is_multi: false
|
|
35
|
-
})
|
|
36
|
-
%>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
The optional `default_options` prop can be used to set a default value for the kit. When a default value is set, focus will be automatically set to the selected option and the dropdown container will scroll to bring the selected option into view.
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Typeahead from '../_typeahead'
|
|
4
|
-
|
|
5
|
-
const options = [
|
|
6
|
-
{ label: 'Orange', value: '#FFA500' },
|
|
7
|
-
{ label: 'Red', value: '#FF0000' },
|
|
8
|
-
{ label: 'Green', value: '#1e3d1eff' },
|
|
9
|
-
{ label: 'Blue', value: '#0000FF' },
|
|
10
|
-
{ label: 'Purple', value: '#800080' },
|
|
11
|
-
{ label: 'Yellow', value: '#FFFF00' },
|
|
12
|
-
{ label: 'Pink', value: '#FFC0CB' },
|
|
13
|
-
{ label: 'Brown', value: '#A52A2A' },
|
|
14
|
-
{ label: 'Black', value: '#000000' },
|
|
15
|
-
{ label: 'White', value: '#FFFFFF' },
|
|
16
|
-
{ label: 'Gray', value: '#808080' },
|
|
17
|
-
{ label: 'Cyan', value: '#00FFFF' },
|
|
18
|
-
{ label: 'Magenta', value: '#FF00FF' },
|
|
19
|
-
{ label: 'Lime', value: '#00FF00' },
|
|
20
|
-
{ label: 'Maroon', value: '#800000' },
|
|
21
|
-
{ label: 'Olive', value: '#808000' },
|
|
22
|
-
{ label: 'Navy', value: '#000080' },
|
|
23
|
-
{ label: 'Teal', value: '#008080' },
|
|
24
|
-
{ label: 'Silver', value: '#C0C0C0' },
|
|
25
|
-
{ label: 'Gold', value: '#FFD700' },
|
|
26
|
-
{ label: 'Beige', value: '#F5F5DC' },
|
|
27
|
-
{ label: 'Coral', value: '#FF7F50' }
|
|
28
|
-
]
|
|
29
|
-
|
|
30
|
-
const TypeaheadDefaultValue = (props) => {
|
|
31
|
-
return (
|
|
32
|
-
<Typeahead
|
|
33
|
-
defaultValue={options[10]}
|
|
34
|
-
label="Colors"
|
|
35
|
-
options={options}
|
|
36
|
-
{...props}
|
|
37
|
-
/>
|
|
38
|
-
)
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export default TypeaheadDefaultValue
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
The optional `defaultValue` prop can be used to set a default value for the kit. When a default value is set, focus will be automatically set to the selected option and the dropdown container will scroll to bring the selected option into view.
|