playbook_ui_docs 14.9.0.pre.alpha.PLAY16264952 → 14.9.0.pre.alpha.pbntr700newresettodefaultprop4736

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -2
  4. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +49 -53
  5. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb +36 -29
  6. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +0 -6
  7. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +6 -7
  8. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
  9. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +1 -0
  10. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -1
  11. data/app/pb_kits/playbook/pb_select/docs/example.yml +0 -1
  12. data/app/pb_kits/playbook/pb_select/docs/index.js +0 -1
  13. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -5
  14. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -5
  15. data/dist/playbook-doc.js +1 -1
  16. metadata +2 -20
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -50
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md +0 -1
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -57
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +0 -5
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json +0 -5600
  22. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_form.jsx +0 -138
  23. data/app/pb_kits/playbook/pb_select/docs/_select_form.jsx +0 -109
  24. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +0 -95
  25. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +0 -75
  26. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md +0 -1
  27. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +0 -108
  28. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md +0 -2
  29. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +0 -94
  30. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md +0 -0
  31. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +0 -83
  32. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +0 -3
  33. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +0 -120
  34. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +0 -1
@@ -1,83 +0,0 @@
1
- import React from 'react'
2
- import { Table, Background, Icon } from 'playbook-ui'
3
-
4
- const TableWithCollapsibleWithNestedRows = (props) => {
5
-
6
- const Content = () => {
7
- return (
8
- <Table
9
- borderRadius="none"
10
- container={false}
11
- size="sm"
12
- {...props}
13
- >
14
- <Background tag="tr"
15
- {...props}
16
- >
17
- <Table.Cell>Expanded</Table.Cell>
18
- <Table.Cell>Expanded</Table.Cell>
19
- <Table.Cell>Expanded</Table.Cell>
20
- <Table.Cell>Expanded</Table.Cell>
21
- <Table.Cell>Expanded</Table.Cell>
22
- </Background>
23
- </Table>
24
- );
25
- };
26
-
27
- return (
28
- <Table
29
- size="sm"
30
- {...props}
31
- >
32
- <Table.Head>
33
- <Table.Row>
34
- <Table.Header>{'Column 1'}</Table.Header>
35
- <Table.Header>{'Column 2'}</Table.Header>
36
- <Table.Header>{'Column 3'}</Table.Header>
37
- <Table.Header>{'Column 4'}</Table.Header>
38
- <Table.Header>{'Column 5'}</Table.Header>
39
- <Table.Header>{''}</Table.Header>
40
- </Table.Row>
41
-
42
- </Table.Head>
43
- <Table.Body>
44
- <Table.Row collapsible
45
- collapsibleContent={<Content/>}
46
- collapsibleSideHighlight={false}
47
- >
48
- <Table.Cell>{'Value 1'}</Table.Cell>
49
- <Table.Cell>{'Value 2'}</Table.Cell>
50
- <Table.Cell>{'Value 3'}</Table.Cell>
51
- <Table.Cell>{'Value 4'}</Table.Cell>
52
- <Table.Cell>{'Value 5'}</Table.Cell>
53
- <Table.Cell textAlign="right">{
54
- <Icon
55
- color="primary"
56
- fixedWidth
57
- icon="chevron-down"
58
- />}
59
- </Table.Cell>
60
-
61
- </Table.Row>
62
- <Table.Row>
63
- <Table.Cell>{'Value 1'}</Table.Cell>
64
- <Table.Cell>{'Value 2'}</Table.Cell>
65
- <Table.Cell>{'Value 3'}</Table.Cell>
66
- <Table.Cell>{'Value 4'}</Table.Cell>
67
- <Table.Cell>{'Value 5'}</Table.Cell>
68
- <Table.Cell>{''}</Table.Cell>
69
- </Table.Row>
70
- <Table.Row>
71
- <Table.Cell>{'Value 1'}</Table.Cell>
72
- <Table.Cell>{'Value 2'}</Table.Cell>
73
- <Table.Cell>{'Value 3'}</Table.Cell>
74
- <Table.Cell>{'Value 4'}</Table.Cell>
75
- <Table.Cell>{'Value 5'}</Table.Cell>
76
- <Table.Cell>{''}</Table.Cell>
77
- </Table.Row>
78
- </Table.Body>
79
- </Table>
80
- )
81
- }
82
-
83
- export default TableWithCollapsibleWithNestedRows
@@ -1,3 +0,0 @@
1
- The `collapsibleContent` can display any content, including nested Table Rows.
2
-
3
- Additionally, the `collapsibleSideHighlight` can also be removed by setting it to false if needed. This prop is set to true by default.
@@ -1,120 +0,0 @@
1
- import React from 'react'
2
- import {Pill, Background, Table, Icon} from "playbook-ui"
3
-
4
- const TableWithCollapsibleWithNestedTable = (props) => {
5
-
6
- const Content = () => {
7
- return (
8
- <Table
9
- borderRadius="none"
10
- container={false}
11
- size="sm"
12
- {...props}
13
- >
14
- <Table.Head>
15
- <Background
16
- tag="tr"
17
- {...props}
18
- >
19
- <Table.Header>{"Alt Header"}</Table.Header>
20
- <Table.Header>{"Alt Header"}</Table.Header>
21
- <Table.Header>{"Alt Header"}</Table.Header>
22
- <Table.Header>{"Alt Header"}</Table.Header>
23
- </Background>
24
- </Table.Head>
25
- <Table.Body>
26
- <Table.Row>
27
- <Table.Cell>{"Expanded"}</Table.Cell>
28
- <Table.Cell>{"Expanded"}</Table.Cell>
29
- <Table.Cell>{"Expanded"}</Table.Cell>
30
- <Table.Cell>
31
- <Pill text="Pill"
32
- variant="primary"
33
- {...props}
34
- />
35
- </Table.Cell>
36
- </Table.Row>
37
- <Table.Row>
38
- <Table.Cell>{"Expanded"}</Table.Cell>
39
- <Table.Cell>{"Expanded"}</Table.Cell>
40
- <Table.Cell>{"Expanded"}</Table.Cell>
41
- <Table.Cell>
42
- <Pill text="Pill"
43
- variant="primary"
44
- {...props}
45
- />
46
- </Table.Cell>
47
- </Table.Row>
48
- <Table.Row>
49
- <Table.Cell>{"Expanded"}</Table.Cell>
50
- <Table.Cell>{"Expanded"}</Table.Cell>
51
- <Table.Cell>{"Expanded"}</Table.Cell>
52
- <Table.Cell>
53
- <Pill text="Pill"
54
- variant="primary"
55
- {...props}
56
- />
57
- </Table.Cell>
58
- </Table.Row>
59
- </Table.Body>
60
- </Table>
61
- );
62
- };
63
-
64
- return (
65
- <Table
66
- size="sm"
67
- {...props}
68
- >
69
- <Table.Head>
70
- <Table.Row>
71
- <Table.Header>{'Column 1'}</Table.Header>
72
- <Table.Header>{'Column 2'}</Table.Header>
73
- <Table.Header>{'Column 3'}</Table.Header>
74
- <Table.Header>{'Column 4'}</Table.Header>
75
- <Table.Header>{'Column 5'}</Table.Header>
76
- <Table.Header>{''}</Table.Header>
77
- </Table.Row>
78
-
79
- </Table.Head>
80
- <Table.Body>
81
- <Table.Row collapsible
82
- collapsibleContent={<Content/>}
83
- collapsibleSideHighlight={false}
84
- >
85
- <Table.Cell>{'Value 1'}</Table.Cell>
86
- <Table.Cell>{'Value 2'}</Table.Cell>
87
- <Table.Cell>{'Value 3'}</Table.Cell>
88
- <Table.Cell>{'Value 4'}</Table.Cell>
89
- <Table.Cell>{'Value 5'}</Table.Cell>
90
- <Table.Cell textAlign="right">{
91
- <Icon
92
- color="primary"
93
- fixedWidth
94
- icon="chevron-down"
95
- />}
96
- </Table.Cell>
97
-
98
- </Table.Row>
99
- <Table.Row>
100
- <Table.Cell>{'Value 1'}</Table.Cell>
101
- <Table.Cell>{'Value 2'}</Table.Cell>
102
- <Table.Cell>{'Value 3'}</Table.Cell>
103
- <Table.Cell>{'Value 4'}</Table.Cell>
104
- <Table.Cell>{'Value 5'}</Table.Cell>
105
- <Table.Cell>{''}</Table.Cell>
106
- </Table.Row>
107
- <Table.Row>
108
- <Table.Cell>{'Value 1'}</Table.Cell>
109
- <Table.Cell>{'Value 2'}</Table.Cell>
110
- <Table.Cell>{'Value 3'}</Table.Cell>
111
- <Table.Cell>{'Value 4'}</Table.Cell>
112
- <Table.Cell>{'Value 5'}</Table.Cell>
113
- <Table.Cell>{''}</Table.Cell>
114
- </Table.Row>
115
- </Table.Body>
116
- </Table>
117
- )
118
- }
119
-
120
- export default TableWithCollapsibleWithNestedTable
@@ -1 +0,0 @@
1
- The `collapsibleContent` can also be used to display nested Tables within each Row.