playbook_ui_docs 12.38.0.pre.alpha.PBNTR78selectkitmultipleprop1094 → 12.38.0.pre.alpha.PLAY932removemomentqp1088
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_select/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_select/docs/index.js +0 -1
- data/dist/playbook-doc.js +8 -280
- metadata +1 -6
- data/app/pb_kits/playbook/pb_select/docs/_select_attributes.html.erb +0 -26
- data/app/pb_kits/playbook/pb_select/docs/_select_attributes.md +0 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb +0 -36
- data/app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx +0 -50
- data/app/pb_kits/playbook/pb_select/docs/_select_multiple.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: 12.38.0.pre.alpha.
|
4
|
+
version: 12.38.0.pre.alpha.PLAY932removemomentqp1088
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -1131,8 +1131,6 @@ files:
|
|
1131
1131
|
- app/pb_kits/playbook/pb_section_separator/docs/index.js
|
1132
1132
|
- app/pb_kits/playbook/pb_select/docs/_description.md
|
1133
1133
|
- app/pb_kits/playbook/pb_select/docs/_footer.md
|
1134
|
-
- app/pb_kits/playbook/pb_select/docs/_select_attributes.html.erb
|
1135
|
-
- app/pb_kits/playbook/pb_select/docs/_select_attributes.md
|
1136
1134
|
- app/pb_kits/playbook/pb_select/docs/_select_blank.html.erb
|
1137
1135
|
- app/pb_kits/playbook/pb_select/docs/_select_blank.jsx
|
1138
1136
|
- app/pb_kits/playbook/pb_select/docs/_select_custom_select.html.erb
|
@@ -1150,9 +1148,6 @@ files:
|
|
1150
1148
|
- app/pb_kits/playbook/pb_select/docs/_select_inline.jsx
|
1151
1149
|
- app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb
|
1152
1150
|
- app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx
|
1153
|
-
- app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb
|
1154
|
-
- app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
|
1155
|
-
- app/pb_kits/playbook/pb_select/docs/_select_multiple.md
|
1156
1151
|
- app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
|
1157
1152
|
- app/pb_kits/playbook/pb_select/docs/_select_required.jsx
|
1158
1153
|
- app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
|
@@ -1,26 +0,0 @@
|
|
1
|
-
<%= pb_rails("select", props: {
|
2
|
-
attributes: {
|
3
|
-
data: { options: "data_attribute" },
|
4
|
-
},
|
5
|
-
label: "Favorite Food",
|
6
|
-
name: "food",
|
7
|
-
options: [
|
8
|
-
{
|
9
|
-
value: "1",
|
10
|
-
value_text: "Burgers",
|
11
|
-
},
|
12
|
-
{
|
13
|
-
value: "2",
|
14
|
-
selected: true,
|
15
|
-
value_text: "Pizza",
|
16
|
-
},
|
17
|
-
{
|
18
|
-
value: "3",
|
19
|
-
value_text: "Tacos",
|
20
|
-
},
|
21
|
-
{
|
22
|
-
value: "4",
|
23
|
-
value_text: "BBQ",
|
24
|
-
},
|
25
|
-
]
|
26
|
-
}) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
Inspect the element and notice the data-attribute being added to the `<select>` element
|
@@ -1,36 +0,0 @@
|
|
1
|
-
<%= pb_rails("select", props: {
|
2
|
-
label: "Favorite Food",
|
3
|
-
name: "food",
|
4
|
-
multiple: true,
|
5
|
-
options: [
|
6
|
-
{
|
7
|
-
value: "1",
|
8
|
-
value_text: "Burgers",
|
9
|
-
},
|
10
|
-
{
|
11
|
-
value: "2",
|
12
|
-
selected: true,
|
13
|
-
value_text: "Pizza",
|
14
|
-
},
|
15
|
-
{
|
16
|
-
value: "3",
|
17
|
-
value_text: "Tacos",
|
18
|
-
},
|
19
|
-
{
|
20
|
-
value: "4",
|
21
|
-
value_text: "BBQ",
|
22
|
-
},
|
23
|
-
{
|
24
|
-
value: "4",
|
25
|
-
value_text: "Sushi",
|
26
|
-
},
|
27
|
-
{
|
28
|
-
value: "4",
|
29
|
-
value_text: "Chinese",
|
30
|
-
},
|
31
|
-
{
|
32
|
-
value: "4",
|
33
|
-
value_text: "Hot Dogs",
|
34
|
-
},
|
35
|
-
]
|
36
|
-
}) %>
|
@@ -1,50 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
|
3
|
-
import Select from '../_select'
|
4
|
-
|
5
|
-
const SelectMultiple = (props) => {
|
6
|
-
const options = [
|
7
|
-
{
|
8
|
-
value: '1',
|
9
|
-
text: 'Burgers',
|
10
|
-
},
|
11
|
-
{
|
12
|
-
value: '2',
|
13
|
-
text: 'Pizza',
|
14
|
-
},
|
15
|
-
{
|
16
|
-
value: '3',
|
17
|
-
text: 'Tacos',
|
18
|
-
},
|
19
|
-
{
|
20
|
-
value: '3',
|
21
|
-
text: 'BBQ',
|
22
|
-
},
|
23
|
-
{
|
24
|
-
value: '3',
|
25
|
-
text: 'Sushi',
|
26
|
-
},
|
27
|
-
{
|
28
|
-
value: '3',
|
29
|
-
text: 'Chinese',
|
30
|
-
},
|
31
|
-
{
|
32
|
-
value: '3',
|
33
|
-
text: 'Hot Dogs',
|
34
|
-
},
|
35
|
-
]
|
36
|
-
|
37
|
-
return (
|
38
|
-
<div>
|
39
|
-
<Select
|
40
|
-
label="Favorite Food"
|
41
|
-
multiple
|
42
|
-
name="food"
|
43
|
-
options={options}
|
44
|
-
{...props}
|
45
|
-
/>
|
46
|
-
</div>
|
47
|
-
)
|
48
|
-
}
|
49
|
-
|
50
|
-
export default SelectMultiple
|
@@ -1 +0,0 @@
|
|
1
|
-
We recommend using a typeahead for better UX
|