playbook_ui_docs 14.21.2.pre.alpha.PLAY2241tablestickycolumnsdatanotids8357 → 14.21.2.pre.alpha.PLAY18938263

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 (22) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +2 -2
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.html.erb +2 -3
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  11. data/app/pb_kits/playbook/pb_filter/docs/example.yml +0 -1
  12. data/app/pb_kits/playbook/pb_filter/docs/index.js +0 -1
  13. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +8 -8
  14. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +1 -1
  15. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +12 -12
  16. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
  17. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +12 -12
  18. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +2 -2
  19. data/dist/playbook-doc.js +1 -1
  20. metadata +2 -4
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.md +0 -3
  22. data/app/pb_kits/playbook/pb_filter/docs/_filter_sidebar.jsx +0 -224
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d120cac8061323593d96749236a1dc0e10b920fa9f880788af10ef928a3b908b
4
- data.tar.gz: b1867b18ddaaba4d8dd700642aeb1d70608a3471ac54df8799589bfc554f3d76
3
+ metadata.gz: 29bb81608f7560ac0e2fbaf1cb93371280002ad9b6bc0f0c3cedfd89d01503d0
4
+ data.tar.gz: 22c1f3e84918d35dbec8ec2ddaecbcc31a08e3d82ab6ea47a037fd10e7bb705b
5
5
  SHA512:
6
- metadata.gz: 8382f6ab7877f6a46ab5a3c5c3aaac743387476fd31c23017055b1fa3260a13c9648694fbf8ac7ed08936fd756ff8d75c90807caf376a36d6217f186f8b4fe27
7
- data.tar.gz: 8bc10de13ca0a3ddaf52f3e6ec03972f1b9af010794d2eeff5c2408d62f8a613aa3dd2ffd6d65b83dc29edd2cdbcf4e22d8fd370e6eae370bd7a5c2735277359
6
+ metadata.gz: 65b2c3893019bade98924148c9ceb11882d274ef1a60d9eec9b2b2950369e4f2194b3c8528ac4109d8ca6b225d459e97b7eaf4ee9100fe5405958b3598e470fe
7
+ data.tar.gz: f9bf449a4a24469eb742d3023138107e3f255a79ef0b528a8a80988a2dc9c7adf783d4270b44d0c5cdefe9d1d8968ab946bf71ca0ad2c36db68b2c0f79a51464
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb CHANGED
@@ -51,7 +51,7 @@
51
51
  ]
52
52
  %>
53
53
 
54
- <%= pb_rails("advanced_table", props: { table_data: @table_data, column_definitions: column_definitions, id: "beta_sort" }) do %>
54
+ <%= pb_rails("advanced_table", props: { table_data: @table_data, column_definitions: column_definitions }) do %>
55
55
  <%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
56
56
  <%= pb_rails("advanced_table/table_body", props: { id: "beta_sort", table_data: @table_data, column_definitions: column_definitions, enable_toggle_expansion: "all" }) %>
57
57
  <% end %>
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb CHANGED
@@ -34,7 +34,7 @@
34
34
  subrow_headers = ["Quarter", "Month", "Day"]
35
35
  %>
36
36
 
37
- <%= pb_rails("advanced_table", props: { table_data: @table_data, column_definitions: column_definitions, id: "test_table" }) do %>
37
+ <%= pb_rails("advanced_table", props: { table_data: @table_data, column_definitions: column_definitions }) do %>
38
38
  <%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
39
39
  <%= pb_rails("advanced_table/table_body", props: { id: "test_table", table_data: @table_data, column_definitions: column_definitions, subrow_headers: subrow_headers, enable_toggle_expansion: "all" }) %>
40
40
  <% end %>
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb CHANGED
@@ -55,4 +55,4 @@
55
55
  },
56
56
  ] %>
57
57
 
58
- <%= pb_rails("advanced_table", props: { id: "beta_table_with_color_headers", table_data: @table_data, column_definitions: column_definitions, column_group_border_color: "text_lt_default", table_props: { vertical_border: true } }) %>
58
+ <%= pb_rails("advanced_table", props: { id: "beta_table_with_muilti_headers", table_data: @table_data, column_definitions: column_definitions, column_group_border_color: "text_lt_default", table_props: { vertical_border: true } }) %>
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb CHANGED
@@ -30,4 +30,4 @@
30
30
  }
31
31
  ] %>
32
32
 
33
- <%= pb_rails("advanced_table", props: { id: "loading_table", table_data: @table_data, column_definitions: column_definitions, loading: true }) %>
33
+ <%= pb_rails("advanced_table", props: { id: "beta_table", table_data: @table_data, column_definitions: column_definitions, loading: true }) %>
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx CHANGED
@@ -47,14 +47,14 @@ const CustomActions = () => {
47
47
  <CircleIconButton
48
48
  icon="file-csv"
49
49
  onClick={() =>
50
- alert(rowIds.length === 0 ? "No Selection Made" : 'Row ids ' + rowIds.join(", ") + 'will be exported!')
50
+ alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be exported!`)
51
51
  }
52
52
  variant="link"
53
53
  />
54
54
  <CircleIconButton
55
55
  icon="trash-alt"
56
56
  onClick={() =>
57
- alert(rowIds.length === 0 ? "No Selection Made" : 'Row ids ' + rowIds.join(", ") + 'will be deleted!')
57
+ alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be deleted!`)
58
58
  }
59
59
  variant="link"
60
60
  />
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.html.erb CHANGED
@@ -88,11 +88,10 @@ actions = [
88
88
  if (!selectedRowIds || selectedRowIds.length === 0) {
89
89
  alert('No Selection Made');
90
90
  } else {
91
- const selectedRowsString = selectedRowIds.join(', ');
92
91
  if (actionType === 'export') {
93
- alert('Row ids ' + selectedRowsString + ' will be exported!');
92
+ alert(`Row ids ${selectedRowIds.join(', ')} will be exported!`);
94
93
  } else if (actionType === 'delete') {
95
- alert('Row ids ' + selectedRowsString + ' will be deleted!');
94
+ alert(`Row ids ${selectedRowIds.join(', ')} will be deleted!`);
96
95
  }
97
96
  }
98
97
  };
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb CHANGED
@@ -30,4 +30,4 @@
30
30
  }
31
31
  ] %>
32
32
 
33
- <%= pb_rails("advanced_table", props: { id: "table_props_sticky_table", table_data: @table_data, column_definitions: column_definitions, max_height: "xs", table_props: { sticky: true }}) %>
33
+ <%= pb_rails("advanced_table", props: { id: "table_props_table", table_data: @table_data, column_definitions: column_definitions, max_height: "xs", table_props: { sticky: true }}) %>
data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml CHANGED
@@ -61,4 +61,3 @@ examples:
61
61
  - advanced_table_scrollbar_none: Advanced Table Scrollbar None
62
62
  - advanced_table_column_styling: Column Styling
63
63
  - advanced_table_column_styling_column_headers: Column Styling with Multiple Headers
64
- - advanced_table_infinite_scroll: Infinite Scroll
data/app/pb_kits/playbook/pb_advanced_table/docs/index.js CHANGED
@@ -35,5 +35,4 @@ export { default as AdvancedTableColumnVisibilityWithState } from './_advanced_t
35
35
  export { default as AdvancedTablePinnedRows } from './_advanced_table_pinned_rows.jsx'
36
36
  export { default as AdvancedTableScrollbarNone} from './_advanced_table_scrollbar_none.jsx'
37
37
  export { default as AdvancedTableColumnStyling } from './_advanced_table_column_styling.jsx'
38
- export { default as AdvancedTableColumnStylingColumnHeaders } from './_advanced_table_column_styling_column_headers.jsx'
39
- export { default as AdvancedTableInfiniteScroll} from './_advanced_table_infinite_scroll.jsx'
38
+ export { default as AdvancedTableColumnStylingColumnHeaders } from './_advanced_table_column_styling_column_headers.jsx'
data/app/pb_kits/playbook/pb_filter/docs/example.yml CHANGED
@@ -24,5 +24,4 @@ examples:
24
24
  - filter_max_height: Max Height for Popover Inside of Filter
25
25
  - filter_placement: Filter Placement
26
26
  - filter_popover_props: Popover Props
27
- - filter_sidebar: Sidebar
28
27
 
data/app/pb_kits/playbook/pb_filter/docs/index.js CHANGED
@@ -8,4 +8,3 @@ export { default as FilterMaxWidth } from './_filter_max_width.jsx'
8
8
  export { default as FilterMaxHeight } from './_filter_max_height.jsx'
9
9
  export { default as FilterPlacement } from './_filter_placement.jsx'
10
10
  export { default as FilterPopoverProps } from './_filter_popover_props.jsx'
11
- export { default as FilterSidebar } from './_filter_sidebar.jsx'
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb CHANGED
@@ -1,7 +1,7 @@
1
1
  <%= pb_rails("table", props: { size: "md", responsive: "scroll", sticky_left_column: ["a"], sticky_right_column: ["b"] }) do %>
2
2
  <thead>
3
3
  <tr>
4
- <th data-sticky-id="a">Column 1</th>
4
+ <th id="a">Column 1</th>
5
5
  <th>Column 2</th>
6
6
  <th>Column 3</th>
7
7
  <th>Column 4</th>
@@ -15,12 +15,12 @@
15
15
  <th>Column 12</th>
16
16
  <th>Column 13</th>
17
17
  <th>Column 14</th>
18
- <th data-sticky-id="b">Column 15</th>
18
+ <th id="b">Column 15</th>
19
19
  </tr>
20
20
  </thead>
21
21
  <tbody>
22
22
  <tr>
23
- <td data-sticky-id="a">Value 1</td>
23
+ <td id="a">Value 1</td>
24
24
  <td>Value 2</td>
25
25
  <td>Value 3</td>
26
26
  <td>Value 4</td>
@@ -34,10 +34,10 @@
34
34
  <td>Value 12</td>
35
35
  <td>Value 13</td>
36
36
  <td>Value 14</td>
37
- <td data-sticky-id="b">Value 15</td>
37
+ <td id="b">Value 15</td>
38
38
  </tr>
39
39
  <tr>
40
- <td data-sticky-id="a">Value 1</td>
40
+ <td id="a">Value 1</td>
41
41
  <td>Value 2</td>
42
42
  <td>Value 3</td>
43
43
  <td>Value 4</td>
@@ -51,10 +51,10 @@
51
51
  <td>Value 12</td>
52
52
  <td>Value 13</td>
53
53
  <td>Value 14</td>
54
- <td data-sticky-id="b">Value 15</td>
54
+ <td id="b">Value 15</td>
55
55
  </tr>
56
56
  <tr>
57
- <td data-sticky-id="a">Value 1</td>
57
+ <td id="a">Value 1</td>
58
58
  <td>Value 2</td>
59
59
  <td>Value 3</td>
60
60
  <td>Value 4</td>
@@ -68,7 +68,7 @@
68
68
  <td>Value 12</td>
69
69
  <td>Value 13</td>
70
70
  <td>Value 14</td>
71
- <td data-sticky-id="b">Value 15</td>
71
+ <td id="b">Value 15</td>
72
72
  </tr>
73
73
  </tbody>
74
74
  <% end %>
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md CHANGED
@@ -1,3 +1,3 @@
1
1
  The `sticky_left_column` and `sticky_right_column` props can be used together on the same table as needed.
2
2
 
3
- Please ensure that unique `data-sticky-id`s are used for all columns across multiple tables. Using the same columns `data-sticky-id`s on multiple tables can lead to issues when using props.
3
+ Please ensure that unique ids are used for all columns across multiple tables. Using the same columns ids on multiple tables can lead to issues when using props.
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb CHANGED
@@ -1,9 +1,9 @@
1
1
  <%= pb_rails("table", props: { size: "md", responsive: "scroll", sticky_left_column: ["1", "2", "3"] }) do %>
2
2
  <thead>
3
3
  <tr>
4
- <th data-sticky-id="1">Column 1</th>
5
- <th data-sticky-id="2">Column 2</th>
6
- <th data-sticky-id="3">Column 3</th>
4
+ <th id="1">Column 1</th>
5
+ <th id="2">Column 2</th>
6
+ <th id="3">Column 3</th>
7
7
  <th>Column 4</th>
8
8
  <th>Column 5</th>
9
9
  <th>Column 6</th>
@@ -20,9 +20,9 @@
20
20
  </thead>
21
21
  <tbody>
22
22
  <tr>
23
- <td data-sticky-id="1">Value 1</td>
24
- <td data-sticky-id="2">Value 2</td>
25
- <td data-sticky-id="3">Value 3</td>
23
+ <td id="1">Value 1</td>
24
+ <td id="2">Value 2</td>
25
+ <td id="3">Value 3</td>
26
26
  <td>Value 4</td>
27
27
  <td>Value 5</td>
28
28
  <td>Value 6</td>
@@ -38,9 +38,9 @@
38
38
 
39
39
  </tr>
40
40
  <tr>
41
- <td data-sticky-id="1">Value 1</td>
42
- <td data-sticky-id="2">Value 2</td>
43
- <td data-sticky-id="3">Value 3</td>
41
+ <td id="1">Value 1</td>
42
+ <td id="2">Value 2</td>
43
+ <td id="3">Value 3</td>
44
44
  <td>Value 4</td>
45
45
  <td>Value 5</td>
46
46
  <td>Value 6</td>
@@ -56,9 +56,9 @@
56
56
 
57
57
  </tr>
58
58
  <tr>
59
- <td data-sticky-id="1">Value 1</td>
60
- <td data-sticky-id="2">Value 2</td>
61
- <td data-sticky-id="3">Value 3</td>
59
+ <td id="1">Value 1</td>
60
+ <td id="2">Value 2</td>
61
+ <td id="3">Value 3</td>
62
62
  <td>Value 4</td>
63
63
  <td>Value 5</td>
64
64
  <td>Value 6</td>
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md CHANGED
@@ -1,3 +1,3 @@
1
- The `sticky_left_column` prop expects an array of the column `data-sticky-id`s you want to be sticky. Make sure to add the corresponding `data-sticky-id` to the `<th>` and `<td>`.
1
+ The `sticky_left_column` prop expects an array of the column ids you want to be sticky. Make sure to add the corresponding id to the `<th>` and `<td>`.
2
2
 
3
- Please ensure that unique `data-sticky-id`s are used for all columns across multiple tables. Using the same columns `data-sticky-id`s on multiple tables can lead to issues when using the `sticky_left_column`.
3
+ Please ensure that unique ids are used for all columns across multiple tables. Using the same columns ids on multiple tables can lead to issues when using the `sticky_left_column`.
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb CHANGED
@@ -13,9 +13,9 @@
13
13
  <th>Column 10</th>
14
14
  <th>Column 11</th>
15
15
  <th>Column 12</th>
16
- <th data-sticky-id="13">Column 13</th>
17
- <th data-sticky-id="14">Column 14</th>
18
- <th data-sticky-id="15">Column 15</th>
16
+ <th id="13">Column 13</th>
17
+ <th id="14">Column 14</th>
18
+ <th id="15">Column 15</th>
19
19
  </tr>
20
20
  </thead>
21
21
  <tbody>
@@ -32,9 +32,9 @@
32
32
  <td>Value 10</td>
33
33
  <td>Value 11</td>
34
34
  <td>Value 12</td>
35
- <td data-sticky-id="13">Value 13</td>
36
- <td data-sticky-id="14">Value 14</td>
37
- <td data-sticky-id="15">Value 15</td>
35
+ <td id="13">Value 13</td>
36
+ <td id="14">Value 14</td>
37
+ <td id="15">Value 15</td>
38
38
  </tr>
39
39
  <tr>
40
40
  <td>Value 1</td>
@@ -49,9 +49,9 @@
49
49
  <td>Value 10</td>
50
50
  <td>Value 11</td>
51
51
  <td>Value 12</td>
52
- <td data-sticky-id="13">Value 13</td>
53
- <td data-sticky-id="14">Value 14</td>
54
- <td data-sticky-id="15">Value 15</td>
52
+ <td id="13">Value 13</td>
53
+ <td id="14">Value 14</td>
54
+ <td id="15">Value 15</td>
55
55
  </tr>
56
56
  <tr>
57
57
  <td>Value 1</td>
@@ -66,9 +66,9 @@
66
66
  <td>Value 10</td>
67
67
  <td>Value 11</td>
68
68
  <td>Value 12</td>
69
- <td data-sticky-id="13">Value 13</td>
70
- <td data-sticky-id="14">Value 14</td>
71
- <td data-sticky-id="15">Value 15</td>
69
+ <td id="13">Value 13</td>
70
+ <td id="14">Value 14</td>
71
+ <td id="15">Value 15</td>
72
72
  </tr>
73
73
  </tbody>
74
74
  <% end %>
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md CHANGED
@@ -1,3 +1,3 @@
1
- The `sticky_right_column` prop works in the same way as the above `sticky_left_column` prop. It expects an array of the column `data-sticky-id`s you want to be sticky. Make sure to add the corresponding `data-sticky-id` to the `<th>` and `<td>`.
1
+ The `sticky_right_column` prop works in the same way as the above `sticky_left_column` prop. It expects an array of the column ids you want to be sticky. Make sure to add the corresponding id to the `<th>` and `<td>`.
2
2
 
3
- Please ensure that unique `data-sticky-id`s are used for all columns across multiple tables. Using the same columns `data-sticky-id`s on multiple tables can lead to issues when using the `sticky_right_column` prop.
3
+ Please ensure that unique ids are used for all columns across multiple tables. Using the same columns ids on multiple tables can lead to issues when using the `sticky_right_column` prop.