playbook_ui 17.2.0.pre.rc.3 → 18.0.0

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 (92) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/kit.schema.json +8 -2
  3. data/app/pb_kits/playbook/pb_background/kit.schema.json +16 -4
  4. data/app/pb_kits/playbook/pb_card/kit.schema.json +4 -1
  5. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx +14 -18
  6. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md +3 -1
  7. data/app/pb_kits/playbook/pb_date_picker/kit.schema.json +4 -1
  8. data/app/pb_kits/playbook/pb_dropdown/kit.schema.json +8 -2
  9. data/app/pb_kits/playbook/pb_file_upload/kit.schema.json +4 -1
  10. data/app/pb_kits/playbook/pb_filter/kit.schema.json +4 -1
  11. data/app/pb_kits/playbook/pb_home_address_street/kit.schema.json +4 -1
  12. data/app/pb_kits/playbook/pb_icon/kit.schema.json +8 -2
  13. data/app/pb_kits/playbook/pb_layout/docs/_playground.json +1 -4
  14. data/app/pb_kits/playbook/pb_message/kit.schema.json +4 -1
  15. data/app/pb_kits/playbook/pb_multi_level_select/kit.schema.json +8 -2
  16. data/app/pb_kits/playbook/pb_overlay/kit.schema.json +4 -1
  17. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +1 -1
  18. data/app/pb_kits/playbook/pb_progress_step/kit.schema.json +8 -2
  19. data/app/pb_kits/playbook/pb_radio/kit.schema.json +4 -1
  20. data/app/pb_kits/playbook/pb_rich_text_editor/kit.schema.json +4 -1
  21. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb +1 -1
  22. data/app/pb_kits/playbook/pb_selectable_card_icon/kit.schema.json +4 -1
  23. data/app/pb_kits/playbook/pb_selectable_icon/kit.schema.json +4 -1
  24. data/app/pb_kits/playbook/pb_skeleton_loading/kit.schema.json +8 -2
  25. data/app/pb_kits/playbook/pb_source/kit.schema.json +4 -1
  26. data/app/pb_kits/playbook/pb_stat_change/kit.schema.json +4 -1
  27. data/app/pb_kits/playbook/pb_stat_value/kit.schema.json +4 -1
  28. data/app/pb_kits/playbook/pb_table/docs/_sections.yml +1 -0
  29. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb +38 -32
  30. data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx +35 -35
  31. data/app/pb_kits/playbook/pb_table/docs/_table_as_wrapper.html.erb +34 -0
  32. data/app/pb_kits/playbook/pb_table/docs/_table_as_wrapper.jsx +46 -0
  33. data/app/pb_kits/playbook/pb_table/docs/_table_as_wrapper.md +2 -0
  34. data/app/pb_kits/playbook/pb_table/docs/_table_container.html.erb +32 -32
  35. data/app/pb_kits/playbook/pb_table/docs/_table_container.jsx +32 -32
  36. data/app/pb_kits/playbook/pb_table/docs/_table_contrast_border.html.erb +64 -64
  37. data/app/pb_kits/playbook/pb_table/docs/_table_contrast_border.jsx +64 -65
  38. data/app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb +32 -32
  39. data/app/pb_kits/playbook/pb_table/docs/_table_data_table.jsx +32 -32
  40. data/app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb +33 -33
  41. data/app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx +32 -32
  42. data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb +8 -8
  43. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb +35 -35
  44. data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx +37 -37
  45. data/app/pb_kits/playbook/pb_table/docs/_table_lg.html.erb +33 -33
  46. data/app/pb_kits/playbook/pb_table/docs/_table_lg.jsx +32 -32
  47. data/app/pb_kits/playbook/pb_table/docs/_table_md.html.erb +32 -32
  48. data/app/pb_kits/playbook/pb_table/docs/_table_md.jsx +32 -32
  49. data/app/pb_kits/playbook/pb_table/docs/_table_multiline.html.erb +54 -33
  50. data/app/pb_kits/playbook/pb_table/docs/_table_multiline.jsx +38 -38
  51. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.html.erb +38 -32
  52. data/app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx +35 -35
  53. data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.html.erb +38 -32
  54. data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx +35 -41
  55. data/app/pb_kits/playbook/pb_table/docs/_table_responsive_table.html.erb +72 -74
  56. data/app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx +72 -72
  57. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.html.erb +99 -99
  58. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +93 -93
  59. data/app/pb_kits/playbook/pb_table/docs/_table_single_line.html.erb +53 -46
  60. data/app/pb_kits/playbook/pb_table/docs/_table_single_line.jsx +38 -38
  61. data/app/pb_kits/playbook/pb_table/docs/_table_sm.html.erb +33 -33
  62. data/app/pb_kits/playbook/pb_table/docs/_table_sm.jsx +32 -32
  63. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb +89 -82
  64. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx +82 -81
  65. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.md +3 -3
  66. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +73 -72
  67. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +72 -72
  68. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +72 -75
  69. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +73 -73
  70. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +72 -72
  71. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +73 -73
  72. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb +41 -41
  73. data/app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx +37 -37
  74. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.html.erb +44 -32
  75. data/app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx +57 -54
  76. data/app/pb_kits/playbook/pb_table/docs/_table_vertical_border.html.erb +32 -32
  77. data/app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx +32 -32
  78. data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb +64 -62
  79. data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx +69 -79
  80. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.md +1 -1
  81. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_react.md +1 -1
  82. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb +32 -32
  83. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx +32 -32
  84. data/app/pb_kits/playbook/pb_table/docs/example.yml +3 -1
  85. data/app/pb_kits/playbook/pb_table/docs/index.js +2 -1
  86. data/app/pb_kits/playbook/pb_text_input/kit.schema.json +4 -1
  87. data/app/pb_kits/playbook/pb_timeline/kit.schema.json +4 -1
  88. data/app/pb_kits/playbook/pb_user_badge/user_badge.rb +1 -5
  89. data/lib/playbook/changelog_generator.rb +204 -23
  90. data/lib/playbook/engine.rb +0 -2
  91. data/lib/playbook/version.rb +1 -1
  92. metadata +15 -12
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b7287af0b8d2bde74e68c570b2997cae4eccb91cd0e6091b3323cb168fe79b9a
4
- data.tar.gz: 35a49a7c94cfa00b247e687ee9766f6668ab3e15364a9f975d7b3e1c03c48242
3
+ metadata.gz: 1ba21582839d4a05178fc1ea74ca0ad1b8ca652238e4119192fe4c461dcbb9ae
4
+ data.tar.gz: 453a53b804b46fb84aaa6d9efd1bf1f316b7525633a57134da3d3f4b6b8c46dd
5
5
  SHA512:
6
- metadata.gz: a1ee4f80a2e9a88affce23654cd842e4c2a8e25de724d74b9a2836073cb9fda8048cc245d2f755ba3d43c79de0b479a6cb39bde761bea22dc22fe9c63ef3a316
7
- data.tar.gz: 91ad77dd27483c9f3f91568a5ad3c8161f69f8aa72c6a71c196f93914cf34aa55292d0b90b3f71b13446b831592a8ae5dcfc5327e9ddeb4a5d11aa45ebcb656c
6
+ metadata.gz: 02f76fdc192859f041aa853a8f155c01248c0bf849a00484409ed5154f99dc4f92bb9829bf24da859c5c38bc532108724eda2dcbe1f11edd1ff527eaa89e1826
7
+ data.tar.gz: 8fa85b1670735641741175e82792867fc72459c5ac1040a5117314a66d2a3ce874c83b017fd4342b56d1d80c5c03c90a23c75629ba15cb74c05240696a2cf6fb
@@ -8,7 +8,10 @@
8
8
  ],
9
9
  "props": {
10
10
  "actions": {
11
- "type": "React.ReactNode[] | React.ReactNode",
11
+ "type": {
12
+ "react": "React.ReactNode[] | React.ReactNode",
13
+ "rails": "array"
14
+ },
12
15
  "platforms": [
13
16
  "react",
14
17
  "rails"
@@ -115,7 +118,10 @@
115
118
  "default": false
116
119
  },
117
120
  "loading": {
118
- "type": "boolean | string",
121
+ "type": {
122
+ "react": "boolean | string",
123
+ "rails": "boolean"
124
+ },
119
125
  "platforms": [
120
126
  "react",
121
127
  "rails"
@@ -14,7 +14,10 @@
14
14
  ]
15
15
  },
16
16
  "backgroundColor": {
17
- "type": "enum",
17
+ "type": {
18
+ "react": "ResponsiveProp<BackgroundColors> | BackgroundColors",
19
+ "rails": "enum"
20
+ },
18
21
  "platforms": [
19
22
  "react",
20
23
  "rails"
@@ -85,7 +88,10 @@
85
88
  "default": "light"
86
89
  },
87
90
  "backgroundSize": {
88
- "type": "enum",
91
+ "type": {
92
+ "react": "ResponsiveProp<BackgroundSizes> | BackgroundSizes",
93
+ "rails": "enum"
94
+ },
89
95
  "platforms": [
90
96
  "react",
91
97
  "rails"
@@ -98,7 +104,10 @@
98
104
  "default": "cover"
99
105
  },
100
106
  "backgroundPosition": {
101
- "type": "ResponsiveProp<string> | string",
107
+ "type": {
108
+ "react": "ResponsiveProp<string> | string",
109
+ "rails": "string"
110
+ },
102
111
  "platforms": [
103
112
  "react",
104
113
  "rails"
@@ -106,7 +115,10 @@
106
115
  "default": null
107
116
  },
108
117
  "backgroundRepeat": {
109
- "type": "enum",
118
+ "type": {
119
+ "react": "ResponsiveProp<BackgroundRepeat> | BackgroundRepeat",
120
+ "rails": "enum"
121
+ },
110
122
  "platforms": [
111
123
  "react",
112
124
  "rails"
@@ -8,7 +8,10 @@
8
8
  ],
9
9
  "props": {
10
10
  "background": {
11
- "type": "enum",
11
+ "type": {
12
+ "react": "BackgroundColors | ProductColors | \"none\"",
13
+ "rails": "enum"
14
+ },
12
15
  "platforms": [
13
16
  "react",
14
17
  "rails"
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable react/no-multi-comp */
2
- import React, { useMemo, useState } from 'react'
2
+ import React, { useState } from 'react'
3
3
 
4
4
  import DatePicker from '../_date_picker'
5
5
  import Body from '../../pb_body/_body'
@@ -11,26 +11,22 @@ DEFAULT_DATE.setMinutes(0)
11
11
  const DatePickerTime = (props) => {
12
12
  const [selectedDateTime, setSelectedDateTime] = useState(DEFAULT_DATE)
13
13
 
14
- const refExample = React.createRef()
15
-
16
- const handleOnInputChanged = (dateTime) => {
17
- setSelectedDateTime(dateTime)
14
+ const handleOnClose = (selectedDates) => {
15
+ setSelectedDateTime(selectedDates[0])
18
16
  }
19
17
 
20
18
  return (
21
- <div ref={refExample}>
22
- <Body marginBottom="md">{selectedDateTime.toString()}</Body>
23
- {useMemo(() => (
24
- <DatePicker
25
- closeOnSelect={false}
26
- defaultDate={DEFAULT_DATE}
27
- enableTime
28
- onChange={handleOnInputChanged}
29
- pickerId="date-picker-time"
30
- showTimezone
31
- {...props}
32
- />
33
- ), [props])}
19
+ <div>
20
+ <Body marginBottom="md">{selectedDateTime ? selectedDateTime.toString() : ''}</Body>
21
+ <DatePicker
22
+ defaultDate={DEFAULT_DATE}
23
+ enableTime
24
+ initializeOnce
25
+ onClose={handleOnClose}
26
+ pickerId="date-picker-time"
27
+ showTimezone
28
+ {...props}
29
+ />
34
30
  </div>
35
31
  )
36
32
  }
@@ -1 +1,3 @@
1
- To select time as well, you should pass the `enableTime` boolean prop. You can also enable timezone display by passing `showTimezone`.
1
+ To select time as well, you should pass the `enableTime` / `enable_time` boolean prop. You can also enable timezone display by passing `showTimezone` / `show_timezone`.
2
+
3
+ Use `onClose` when the calendar should stay open while the user picks both a date and a time. It fires once, after the user clicks outside to close the calendar, instead of on every selection the way `onChange` does. For React, pair the handler with `initializeOnce` so storing the value in state does not re-initialize the picker and reset the input back to `defaultDate`.
@@ -189,7 +189,10 @@
189
189
  "default": "Select Date"
190
190
  },
191
191
  "positionElement": {
192
- "type": "HTMLElement | null",
192
+ "type": {
193
+ "react": "HTMLElement | null",
194
+ "rails": "string"
195
+ },
193
196
  "platforms": [
194
197
  "react",
195
198
  "rails"
@@ -53,7 +53,10 @@
53
53
  "default": false
54
54
  },
55
55
  "customQuickPickDates": {
56
- "type": "CustomQuickPickDates",
56
+ "type": {
57
+ "react": "CustomQuickPickDates",
58
+ "rails": "GenericObject"
59
+ },
57
60
  "platforms": [
58
61
  "react",
59
62
  "rails"
@@ -122,7 +125,10 @@
122
125
  ]
123
126
  },
124
127
  "options": {
125
- "type": "GenericObject",
128
+ "type": {
129
+ "react": "GenericObject",
130
+ "rails": "array"
131
+ },
126
132
  "platforms": [
127
133
  "react",
128
134
  "rails"
@@ -8,7 +8,10 @@
8
8
  ],
9
9
  "props": {
10
10
  "accept": {
11
- "type": "GenericObject",
11
+ "type": {
12
+ "react": "GenericObject",
13
+ "rails": "string"
14
+ },
12
15
  "platforms": [
13
16
  "react",
14
17
  "rails"
@@ -22,7 +22,10 @@
22
22
  ]
23
23
  },
24
24
  "filters": {
25
- "type": "GenericObject",
25
+ "type": {
26
+ "react": "GenericObject",
27
+ "rails": "array"
28
+ },
26
29
  "platforms": [
27
30
  "react",
28
31
  "rails"
@@ -58,7 +58,10 @@
58
58
  "default": "street"
59
59
  },
60
60
  "homeId": {
61
- "type": "string",
61
+ "type": {
62
+ "react": "string",
63
+ "rails": "number"
64
+ },
62
65
  "platforms": [
63
66
  "react",
64
67
  "rails"
@@ -8,7 +8,10 @@
8
8
  ],
9
9
  "props": {
10
10
  "border": {
11
- "type": "enum",
11
+ "type": {
12
+ "react": "boolean | BorderPropValue",
13
+ "rails": "enum"
14
+ },
12
15
  "platforms": [
13
16
  "react",
14
17
  "rails"
@@ -34,7 +37,10 @@
34
37
  ]
35
38
  },
36
39
  "customIcon": {
37
- "type": "GenericObject",
40
+ "type": {
41
+ "react": "GenericObject",
42
+ "rails": "string"
43
+ },
38
44
  "platforms": [
39
45
  "react",
40
46
  "rails"
@@ -6,10 +6,7 @@
6
6
  "full": false,
7
7
  "position": "left",
8
8
  "responsive": false,
9
- "size": {
10
- "react": "sm",
11
- "rails": "md"
12
- },
9
+ "size": "sm",
13
10
  "variant": "light",
14
11
  "transparent": false,
15
12
  "layout": "sidebar"
@@ -78,7 +78,10 @@
78
78
  "default": "America/New_York"
79
79
  },
80
80
  "alignTimestamp": {
81
- "type": "enum",
81
+ "type": {
82
+ "react": "string",
83
+ "rails": "enum"
84
+ },
82
85
  "platforms": [
83
86
  "react",
84
87
  "rails"
@@ -97,7 +97,10 @@
97
97
  "default": true
98
98
  },
99
99
  "treeData": {
100
- "type": "GenericObject",
100
+ "type": {
101
+ "react": "GenericObject",
102
+ "rails": "array"
103
+ },
101
104
  "platforms": [
102
105
  "react",
103
106
  "rails"
@@ -124,7 +127,10 @@
124
127
  "default": "Start typing..."
125
128
  },
126
129
  "selectedIds": {
127
- "type": "string[] | any",
130
+ "type": {
131
+ "react": "string[] | any",
132
+ "rails": "array"
133
+ },
128
134
  "platforms": [
129
135
  "react",
130
136
  "rails"
@@ -26,7 +26,10 @@
26
26
  "default": "card_light"
27
27
  },
28
28
  "dynamic": {
29
- "type": "false",
29
+ "type": {
30
+ "react": "false",
31
+ "rails": "boolean"
32
+ },
30
33
  "platforms": [
31
34
  "react",
32
35
  "rails"
@@ -1,3 +1,3 @@
1
1
  <%= pb_content_tag do %>
2
- <%= will_paginate object.model, renderer: Playbook::Pagination::Rails %>
2
+ <%= helpers.will_paginate object.model, renderer: Playbook::Pagination::Rails %>
3
3
  <% end %>
@@ -36,7 +36,10 @@
36
36
  "default": false
37
37
  },
38
38
  "variant": {
39
- "type": "enum",
39
+ "type": {
40
+ "react": "string",
41
+ "rails": "enum"
42
+ },
40
43
  "platforms": [
41
44
  "react",
42
45
  "rails"
@@ -48,7 +51,10 @@
48
51
  "default": "default"
49
52
  },
50
53
  "color": {
51
- "type": "enum",
54
+ "type": {
55
+ "react": "string",
56
+ "rails": "enum"
57
+ },
52
58
  "platforms": [
53
59
  "react",
54
60
  "rails"
@@ -16,7 +16,10 @@
16
16
  "default": ""
17
17
  },
18
18
  "checked": {
19
- "type": "boolean, // removed default assignment here",
19
+ "type": {
20
+ "react": "boolean, // removed default assignment here",
21
+ "rails": "boolean"
22
+ },
20
23
  "platforms": [
21
24
  "react",
22
25
  "rails"
@@ -52,7 +52,10 @@
52
52
  ]
53
53
  },
54
54
  "markdownSupport": {
55
- "type": "MarkdownDependencies",
55
+ "type": {
56
+ "react": "MarkdownDependencies",
57
+ "rails": "boolean"
58
+ },
56
59
  "platforms": [
57
60
  "react",
58
61
  "rails"
@@ -158,5 +158,5 @@
158
158
 
159
159
  <%# Module script: rich_text_editor_rails.js %>
160
160
  <script type="module">
161
- <%= File.read(Playbook.kit_path("rich_text_editor", "rich_text_editor_rails.js")).html_safe %>
161
+ <%= ::File.read(Playbook.kit_path("rich_text_editor", "rich_text_editor_rails.js")).html_safe %>
162
162
  </script>
@@ -24,7 +24,10 @@
24
24
  "default": false
25
25
  },
26
26
  "customIcon": {
27
- "type": "GenericObject",
27
+ "type": {
28
+ "react": "GenericObject",
29
+ "rails": "string"
30
+ },
28
31
  "platforms": [
29
32
  "react",
30
33
  "rails"
@@ -16,7 +16,10 @@
16
16
  "default": false
17
17
  },
18
18
  "customIcon": {
19
- "type": "GenericObject",
19
+ "type": {
20
+ "react": "GenericObject",
21
+ "rails": "string"
22
+ },
20
23
  "platforms": [
21
24
  "react",
22
25
  "rails"
@@ -24,7 +24,10 @@
24
24
  "default": "100%"
25
25
  },
26
26
  "borderRadius": {
27
- "type": "enum",
27
+ "type": {
28
+ "react": "string",
29
+ "rails": "enum"
30
+ },
28
31
  "platforms": [
29
32
  "react",
30
33
  "rails"
@@ -41,7 +44,10 @@
41
44
  "default": "sm"
42
45
  },
43
46
  "gap": {
44
- "type": "enum",
47
+ "type": {
48
+ "react": "Sizes | \"none\"",
49
+ "rails": "enum"
50
+ },
45
51
  "platforms": [
46
52
  "react",
47
53
  "rails"
@@ -40,7 +40,10 @@
40
40
  "default": "inbound"
41
41
  },
42
42
  "user": {
43
- "type": "AvatarProps",
43
+ "type": {
44
+ "react": "AvatarProps",
45
+ "rails": "GenericObject"
46
+ },
44
47
  "platforms": [
45
48
  "react",
46
49
  "rails"
@@ -34,7 +34,10 @@
34
34
  ]
35
35
  },
36
36
  "value": {
37
- "type": "string | number",
37
+ "type": {
38
+ "react": "string | number",
39
+ "rails": "number"
40
+ },
38
41
  "platforms": [
39
42
  "react",
40
43
  "rails"
@@ -15,7 +15,10 @@
15
15
  ]
16
16
  },
17
17
  "value": {
18
- "type": "string | number",
18
+ "type": {
19
+ "react": "string | number",
20
+ "rails": "number"
21
+ },
19
22
  "platforms": [
20
23
  "react",
21
24
  "rails"
@@ -15,6 +15,7 @@ sections:
15
15
  - table_with_subcomponents_as_divs
16
16
  - table_with_background_kit
17
17
  - table_colspan
18
+ - table_as_wrapper
18
19
 
19
20
  - title: "Sticky & Positional Behaviors"
20
21
  examples:
@@ -1,34 +1,40 @@
1
1
  <%= pb_rails("table", props: { size: "sm" }) do %>
2
- <thead>
3
- <tr>
4
- <th>Column 1</th>
5
- <th>Column 2</th>
6
- <th>Column 3</th>
7
- <th>Column 4</th>
8
- <th>Column 5</th>
9
- </tr>
10
- </thead>
11
- <tbody>
12
- <tr>
13
- <td>Value 1</td>
14
- <td>Value 2</td>
15
- <td><%= pb_rails("button", props: { text: "Action", variant: "link", padding_left: "none" }) %></td>
16
- <td>Value 4</td>
17
- <td>Value 5</td>
18
- </tr>
19
- <tr>
20
- <td>Value 1</td>
21
- <td>Value 2</td>
22
- <td><%= pb_rails("button", props: { text: "Action", variant: "link", padding_left: "none" }) %></td>
23
- <td>Value 4</td>
24
- <td>Value 5</td>
25
- </tr>
26
- <tr>
27
- <td>Value 1</td>
28
- <td>Value 2</td>
29
- <td><%= pb_rails("button", props: { text: "Action", variant: "link", padding_left: "none" }) %></td>
30
- <td>Value 4</td>
31
- <td>Value 5</td>
32
- </tr>
33
- </tbody>
2
+ <%= pb_rails("table/table_head") do %>
3
+ <%= pb_rails("table/table_row") do %>
4
+ <%= pb_rails("table/table_header", props: { text: "Column 1" }) %>
5
+ <%= pb_rails("table/table_header", props: { text: "Column 2" }) %>
6
+ <%= pb_rails("table/table_header", props: { text: "Column 3" }) %>
7
+ <%= pb_rails("table/table_header", props: { text: "Column 4" }) %>
8
+ <%= pb_rails("table/table_header", props: { text: "Column 5" }) %>
9
+ <% end %>
10
+ <% end %>
11
+ <%= pb_rails("table/table_body") do %>
12
+ <%= pb_rails("table/table_row") do %>
13
+ <%= pb_rails("table/table_cell", props: { text: "Value 1" }) %>
14
+ <%= pb_rails("table/table_cell", props: { text: "Value 2" }) %>
15
+ <%= pb_rails("table/table_cell") do %>
16
+ <%= pb_rails("button", props: { text: "Action", variant: "link", padding_left: "none" }) %>
17
+ <% end %>
18
+ <%= pb_rails("table/table_cell", props: { text: "Value 4" }) %>
19
+ <%= pb_rails("table/table_cell", props: { text: "Value 5" }) %>
20
+ <% end %>
21
+ <%= pb_rails("table/table_row") do %>
22
+ <%= pb_rails("table/table_cell", props: { text: "Value 1" }) %>
23
+ <%= pb_rails("table/table_cell", props: { text: "Value 2" }) %>
24
+ <%= pb_rails("table/table_cell") do %>
25
+ <%= pb_rails("button", props: { text: "Action", variant: "link", padding_left: "none" }) %>
26
+ <% end %>
27
+ <%= pb_rails("table/table_cell", props: { text: "Value 4" }) %>
28
+ <%= pb_rails("table/table_cell", props: { text: "Value 5" }) %>
29
+ <% end %>
30
+ <%= pb_rails("table/table_row") do %>
31
+ <%= pb_rails("table/table_cell", props: { text: "Value 1" }) %>
32
+ <%= pb_rails("table/table_cell", props: { text: "Value 2" }) %>
33
+ <%= pb_rails("table/table_cell") do %>
34
+ <%= pb_rails("button", props: { text: "Action", variant: "link", padding_left: "none" }) %>
35
+ <% end %>
36
+ <%= pb_rails("table/table_cell", props: { text: "Value 4" }) %>
37
+ <%= pb_rails("table/table_cell", props: { text: "Value 5" }) %>
38
+ <% end %>
39
+ <% end %>
34
40
  <% end %>