playbook_ui_docs 13.15.0 → 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2010
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_advanced_table/docs/_advanced_table_default.jsx +52 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +278 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +5 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_colors_swift.md +27 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default_swift.md +22 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_props_table.md +8 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_sizes_swift.md +26 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +6 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_bold_swift.md +17 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_default_swift.md +17 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_subtle_no_highlight_swift.md +18 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_subtle_swift.md +18 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_props_swift.md +11 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_bold_swift.md +18 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_default_swift.md +18 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_subtle_no_highlight_swift.md +19 -0
- data/app/pb_kits/playbook/pb_nav/docs/_nav_vertical_subtle_swift.md +17 -0
- data/app/pb_kits/playbook/pb_nav/docs/example.yml +17 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.html.erb +24 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +38 -0
- data/app/pb_kits/playbook/pb_select/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +4 -2
- data/dist/menu.yml +4 -1
- data/dist/playbook-doc.js +30 -8
- metadata +26 -7
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import { Body, Select } from '../..'
|
|
3
|
+
|
|
4
|
+
const SelectInlineShowArrow = (props) => {
|
|
5
|
+
const options = [
|
|
6
|
+
{
|
|
7
|
+
value: '1',
|
|
8
|
+
text: 'Burgers',
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
value: '2',
|
|
12
|
+
text: 'Pizza',
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
value: '3',
|
|
16
|
+
text: 'Tacos',
|
|
17
|
+
},
|
|
18
|
+
]
|
|
19
|
+
|
|
20
|
+
return (
|
|
21
|
+
<div>
|
|
22
|
+
<Select
|
|
23
|
+
inline
|
|
24
|
+
label="Favorite Food"
|
|
25
|
+
name="food"
|
|
26
|
+
options={options}
|
|
27
|
+
showArrow
|
|
28
|
+
{...props}
|
|
29
|
+
/>
|
|
30
|
+
<Body
|
|
31
|
+
status="negative"
|
|
32
|
+
{...props}
|
|
33
|
+
/>
|
|
34
|
+
</div>
|
|
35
|
+
)
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export default SelectInlineShowArrow
|
|
@@ -10,6 +10,7 @@ examples:
|
|
|
10
10
|
- select_custom_select: Custom Select
|
|
11
11
|
- select_error: Select w/ Error
|
|
12
12
|
- select_inline: Select Inline
|
|
13
|
+
- select_inline_show_arrow: Select Inline (Always Show Arrow)
|
|
13
14
|
- select_inline_compact: Select Inline Compact
|
|
14
15
|
- select_attributes: Select W/ Attributes
|
|
15
16
|
- select_multiple: Select Multiple
|
|
@@ -26,6 +27,7 @@ examples:
|
|
|
26
27
|
- select_custom_select: Custom Select
|
|
27
28
|
- select_error: Select w/ Error
|
|
28
29
|
- select_inline: Select Inline
|
|
30
|
+
- select_inline_show_arrow: Select Inline (Always Show Arrow)
|
|
29
31
|
- select_inline_compact: Select Inline Compact
|
|
30
32
|
- select_multiple: Select Multiple
|
|
31
33
|
|
|
@@ -7,5 +7,6 @@ export { default as SelectCustomSelect } from './_select_custom_select.jsx'
|
|
|
7
7
|
export { default as SelectValueTextSame } from './_select_value_text_same.jsx'
|
|
8
8
|
export { default as SelectError } from './_select_error.jsx'
|
|
9
9
|
export { default as SelectInline } from './_select_inline.jsx'
|
|
10
|
+
export { default as SelectInlineShowArrow } from './_select_inline_show_arrow.jsx'
|
|
10
11
|
export { default as SelectInlineCompact } from './_select_inline_compact.jsx'
|
|
11
12
|
export { default as SelectMultiple } from './_select_multiple.jsx'
|
|
@@ -73,8 +73,10 @@ const TypeaheadWithHighlight = (props) => {
|
|
|
73
73
|
Option: (highlightProps: OptionProps) => (
|
|
74
74
|
<components.Option {...highlightProps}/>
|
|
75
75
|
),
|
|
76
|
-
SingleValue: ({
|
|
77
|
-
<
|
|
76
|
+
SingleValue: ({ ...props }) => (
|
|
77
|
+
<components.SingleValue {...props}>
|
|
78
|
+
<span>{props.data.name}</span>
|
|
79
|
+
</components.SingleValue>
|
|
78
80
|
)
|
|
79
81
|
}
|
|
80
82
|
|
data/dist/menu.yml
CHANGED
|
@@ -43,6 +43,9 @@ kits:
|
|
|
43
43
|
- name: "table"
|
|
44
44
|
platforms: *web
|
|
45
45
|
description: Tables display a collection of structured data and typically have the ability to sort, filter, and paginate data.
|
|
46
|
+
- name: "advanced_table"
|
|
47
|
+
platforms: *react_only
|
|
48
|
+
description:
|
|
46
49
|
- name: "list"
|
|
47
50
|
platforms: *web
|
|
48
51
|
description: Lists display a vertical set of related content.
|
|
@@ -354,4 +357,4 @@ kits:
|
|
|
354
357
|
description: Multiple users stacked is used in tight spaces, where we need to indicate that multiple users are associated to a specific action or item.
|
|
355
358
|
- name: "user"
|
|
356
359
|
platforms: *web
|
|
357
|
-
description: This kit was created for having a systematic way of displaying users with avatar, titles, name and territory. This is a versatile kit with features than can be added to display more info.
|
|
360
|
+
description: This kit was created for having a systematic way of displaying users with avatar, titles, name and territory. This is a versatile kit with features than can be added to display more info.
|