playbook_ui_docs 13.28.0 → 13.29.0.pre.alpha.testingcollapsibleissue3052

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 (46) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +40 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +3 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -1
  6. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.md +2 -1
  7. data/app/pb_kits/playbook/pb_bar_graph/docs/{_bar_graph_custom.html.erb → _bar_graph_custom_rails.html.erb} +3 -3
  8. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.md +2 -0
  9. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -1
  10. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +53 -0
  11. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md +4 -0
  12. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +158 -0
  13. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +119 -0
  14. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx +50 -0
  15. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md +1 -0
  16. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx +51 -0
  17. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +11 -0
  18. data/app/pb_kits/playbook/pb_draggable/docs/index.js +5 -0
  19. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +10 -0
  20. data/app/pb_kits/playbook/pb_pill/docs/_description.md +1 -1
  21. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx +33 -32
  22. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md +1 -1
  23. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.md +2 -0
  24. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx +33 -33
  25. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md +1 -1
  26. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.html.erb +34 -0
  27. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.md +2 -0
  28. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx +51 -50
  29. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md +1 -1
  30. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.html.erb +54 -0
  31. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.md +2 -0
  32. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +37 -38
  33. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.md +1 -0
  34. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.html.erb +53 -0
  35. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.md +1 -0
  36. data/app/pb_kits/playbook/pb_table/docs/{_table_alignment_row.html.erb → _table_outer_padding.html.erb} +7 -7
  37. data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx +76 -0
  38. data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.md +1 -0
  39. data/app/pb_kits/playbook/pb_table/docs/example.yml +9 -9
  40. data/app/pb_kits/playbook/pb_table/docs/index.js +1 -0
  41. data/dist/menu.yml +5 -2
  42. data/dist/playbook-doc.js +10 -10
  43. metadata +30 -10
  44. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb +0 -63
  45. data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +0 -52
  46. /data/app/pb_kits/playbook/pb_table/docs/{_table_alignment_column.html.erb → _table_alignment_column_rails.html.erb} +0 -0
@@ -0,0 +1,76 @@
1
+ import React from 'react'
2
+
3
+ import Table from '../_table'
4
+ import Button from '../../pb_button/_button'
5
+
6
+ const TableOuterPadding = (props) => {
7
+ return (
8
+ <Table
9
+ outerPadding="sm"
10
+ size="sm"
11
+ {...props}
12
+ >
13
+ <thead>
14
+ <tr>
15
+ <th>{'Column 1'}</th>
16
+ <th>{'Column 2'}</th>
17
+ <th>{'Column 3'}</th>
18
+ <th>{'Column 4'}</th>
19
+ <th>{''}</th>
20
+ </tr>
21
+ </thead>
22
+ <tbody>
23
+ <tr>
24
+ <td>{'Value 1'}</td>
25
+ <td>{'Value 2'}</td>
26
+ <td>{'Value 3'}</td>
27
+ <td>{'Value 4'}</td>
28
+ <td align="right">
29
+ {' '}
30
+ <Button
31
+ onClick={() => alert('button clicked!')}
32
+ text="Action"
33
+ variant="secondary"
34
+ {...props}
35
+ />
36
+ {' '}
37
+ </td>
38
+ </tr>
39
+ <tr>
40
+ <td>{'Value 1'}</td>
41
+ <td>{'Value 2'}</td>
42
+ <td>{'Value 3'}</td>
43
+ <td>{'Value 4'}</td>
44
+ <td align="right">
45
+ {' '}
46
+ <Button
47
+ onClick={() => alert('button clicked!')}
48
+ text="Action"
49
+ variant="secondary"
50
+ {...props}
51
+ />
52
+ {' '}
53
+ </td>
54
+ </tr>
55
+ <tr>
56
+ <td>{'Value 1'}</td>
57
+ <td>{'Value 2'}</td>
58
+ <td>{'Value 3'}</td>
59
+ <td>{'Value 4'}</td>
60
+ <td align="right">
61
+ {' '}
62
+ <Button
63
+ onClick={() => alert('button clicked!')}
64
+ text="Action"
65
+ variant="secondary"
66
+ {...props}
67
+ />
68
+ {' '}
69
+ </td>
70
+ </tr>
71
+ </tbody>
72
+ </Table>
73
+ )
74
+ }
75
+
76
+ export default TableOuterPadding
@@ -0,0 +1 @@
1
+ Pass any of our spacing tokens to the `outerPadding` / `outer_padding` prop to customize a table's outer padding (both the left padding of the first column and the right padding of the last column).
@@ -5,10 +5,10 @@ examples:
5
5
  - table_lg: Large
6
6
  - table_sticky: Sticky Header
7
7
  - table_header: Table Header
8
- - table_alignment_row: Row Alignment
9
- - table_alignment_column: Column Alignment
10
- - table_alignment_shift_row: Shift Row
11
- - table_alignment_shift_data: Shift Column Data
8
+ - table_alignment_row_rails: Row Alignment
9
+ - table_alignment_column_rails: Cell Alignment
10
+ - table_alignment_shift_row_rails: Row Shift
11
+ - table_alignment_shift_data_rails: Cell Shift
12
12
  - table_side_highlight: Side Highlight
13
13
  - table_container: Table Container Off
14
14
  - table_disable_hover: Disable Hover
@@ -26,7 +26,7 @@ examples:
26
26
  - table_striped: Striped Table
27
27
  - table_with_subcomponents_rails: Table with Sub Components (Table Elements)
28
28
  - table_with_subcomponents_as_divs: Table with Sub Components (Divs)
29
-
29
+ - table_outer_padding: Outer Padding
30
30
 
31
31
  react:
32
32
  - table_sm: Small
@@ -34,9 +34,9 @@ examples:
34
34
  - table_lg: Large
35
35
  - table_sticky: Sticky Header
36
36
  - table_alignment_row: Row Alignment
37
- - table_alignment_column: Column Alignment
38
- - table_alignment_shift_row: Shift Row
39
- - table_alignment_shift_data: Shift Column Data
37
+ - table_alignment_column: Cell Alignment
38
+ - table_alignment_shift_row: Row Shift
39
+ - table_alignment_shift_data: Cell Shift
40
40
  - table_side_highlight: Side Highlight
41
41
  - table_container: Table Container Off
42
42
  - table_disable_hover: Disable Hover
@@ -54,4 +54,4 @@ examples:
54
54
  - table_striped: Striped Table
55
55
  - table_with_subcomponents: Table with Sub Components (Table Elements)
56
56
  - table_with_subcomponents_as_divs: Table with Sub Components (Divs)
57
-
57
+ - table_outer_padding: Outer Padding
@@ -24,3 +24,4 @@ export { default as TableStriped } from './_table_striped.jsx'
24
24
  export { default as TableDiv } from './_table_div.jsx'
25
25
  export { default as TableWithSubcomponents } from './_table_with_subcomponents.jsx'
26
26
  export { default as TableWithSubcomponentsAsDivs } from './_table_with_subcomponents_as_divs.jsx'
27
+ export { default as TableOuterPadding } from './_table_outer_padding.jsx'
data/dist/menu.yml CHANGED
@@ -352,6 +352,10 @@ kits:
352
352
  platforms: *web
353
353
  description:
354
354
  status: "stable"
355
+ - name: "draggable"
356
+ platforms: *react_only
357
+ description:
358
+ status: "beta"
355
359
  - name: message_text_patterns
356
360
  description:
357
361
  components:
@@ -463,5 +467,4 @@ kits:
463
467
  status: "stable"
464
468
  - name: "user"
465
469
  platforms: *web
466
- 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.
467
- status: "stable"
470
+ 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.