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

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.
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.