playbook_ui 14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 → 14.11.1.pre.alpha.PBNTR769sticky5359

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_responsive.jsx +52 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -1
  6. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +1 -1
  7. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -1
  8. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +3 -17
  9. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +0 -3
  10. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +4 -11
  11. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +0 -3
  12. data/app/pb_kits/playbook/pb_table/_table.tsx +3 -2
  13. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
  14. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  15. data/app/pb_kits/playbook/pb_table/index.ts +34 -93
  16. data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +5 -6
  17. data/app/pb_kits/playbook/pb_table/table.html.erb +1 -1
  18. data/app/pb_kits/playbook/pb_table/table.rb +2 -17
  19. data/dist/chunks/{_typeahead-DCD3NrAk.js → _typeahead-BNULwihE.js} +1 -1
  20. data/dist/chunks/_weekday_stacked-BKWemDAe.js +45 -0
  21. data/dist/chunks/{lib-OFT985dg.js → lib-B7sgJtGS.js} +2 -2
  22. data/dist/chunks/{pb_form_validation-CrsXd1-Y.js → pb_form_validation-C5Cc0-1v.js} +1 -1
  23. data/dist/chunks/vendor.js +1 -1
  24. data/dist/playbook-doc.js +1 -1
  25. data/dist/playbook-rails-react-bindings.js +1 -1
  26. data/dist/playbook-rails.js +1 -1
  27. data/dist/playbook.css +1 -1
  28. data/lib/playbook/version.rb +1 -1
  29. metadata +7 -27
  30. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb +0 -38
  31. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md +0 -3
  32. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +0 -74
  33. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +0 -3
  34. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +0 -74
  35. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +0 -3
  36. data/app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts +0 -22
  37. data/dist/chunks/_weekday_stacked-aUbMqVRj.js +0 -45
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.11.1"
5
- VERSION = "14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431"
5
+ VERSION = "14.11.1.pre.alpha.PBNTR769sticky5359"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431
4
+ version: 14.11.1.pre.alpha.PBNTR769sticky5359
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-01-17 00:00:00.000000000 Z
12
+ date: 2025-01-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -95,20 +95,6 @@ dependencies:
95
95
  - - "~>"
96
96
  - !ruby/object:Gem::Version
97
97
  version: 0.3.2
98
- - !ruby/object:Gem::Dependency
99
- name: brakeman
100
- requirement: !ruby/object:Gem::Requirement
101
- requirements:
102
- - - '='
103
- - !ruby/object:Gem::Version
104
- version: 7.0.0
105
- type: :development
106
- prerelease: false
107
- version_requirements: !ruby/object:Gem::Requirement
108
- requirements:
109
- - - '='
110
- - !ruby/object:Gem::Version
111
- version: 7.0.0
112
98
  - !ruby/object:Gem::Dependency
113
99
  name: byebug
114
100
  requirement: !ruby/object:Gem::Requirement
@@ -312,6 +298,7 @@ files:
312
298
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
313
299
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
314
300
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md
301
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_responsive.jsx
315
302
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx
316
303
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md
317
304
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx
@@ -1148,8 +1135,6 @@ files:
1148
1135
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
1149
1136
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
1150
1137
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
1151
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
1152
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
1153
1138
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
1154
1139
  - app/pb_kits/playbook/pb_draggable/docs/index.js
1155
1140
  - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -2661,17 +2646,13 @@ files:
2661
2646
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
2662
2647
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
2663
2648
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
2664
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb
2665
2649
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
2666
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md
2667
2650
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
2668
2651
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
2669
2652
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
2670
2653
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
2671
2654
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
2672
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb
2673
2655
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
2674
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md
2675
2656
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
2676
2657
  - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
2677
2658
  - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
@@ -2749,7 +2730,6 @@ files:
2749
2730
  - app/pb_kits/playbook/pb_table/table_header.rb
2750
2731
  - app/pb_kits/playbook/pb_table/table_row.html.erb
2751
2732
  - app/pb_kits/playbook/pb_table/table_row.rb
2752
- - app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts
2753
2733
  - app/pb_kits/playbook/pb_text_input/_text_input.scss
2754
2734
  - app/pb_kits/playbook/pb_text_input/_text_input.tsx
2755
2735
  - app/pb_kits/playbook/pb_text_input/add_on.html.erb
@@ -3258,11 +3238,11 @@ files:
3258
3238
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3259
3239
  - app/pb_kits/playbook/utilities/text.ts
3260
3240
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3261
- - dist/chunks/_typeahead-DCD3NrAk.js
3262
- - dist/chunks/_weekday_stacked-aUbMqVRj.js
3241
+ - dist/chunks/_typeahead-BNULwihE.js
3242
+ - dist/chunks/_weekday_stacked-BKWemDAe.js
3263
3243
  - dist/chunks/lazysizes-B7xYodB-.js
3264
- - dist/chunks/lib-OFT985dg.js
3265
- - dist/chunks/pb_form_validation-CrsXd1-Y.js
3244
+ - dist/chunks/lib-B7sgJtGS.js
3245
+ - dist/chunks/pb_form_validation-C5Cc0-1v.js
3266
3246
  - dist/chunks/vendor.js
3267
3247
  - dist/menu.yml
3268
3248
  - dist/playbook-doc.js
@@ -1,38 +0,0 @@
1
- <%= pb_rails("selectable_list",
2
- props: {
3
- enable_drag: true,
4
- variant: "radio",
5
- items: [
6
- { drag_id: "41",
7
- text: "Task 1",
8
- input_options: {
9
- value: "1",
10
- name: "radio-name",
11
- }
12
- },
13
- { drag_id: "42",
14
- text: "Task 2",
15
- checked: true,
16
- input_options: {
17
- value: "2",
18
- name: "radio-name",
19
- }
20
- },
21
- { drag_id: "43",
22
- text: "Task 3",
23
- input_options: {
24
- value: "3",
25
- name: "radio-name",
26
- }
27
- },
28
- { drag_id: "44",
29
- text: "Task 4",
30
- input_options: {
31
- value: "4",
32
- name: "radio-name",
33
- }
34
- }
35
- ]
36
- }
37
- )
38
- %>
@@ -1,3 +0,0 @@
1
- For a simplified version of the Draggable API for the SelectableList kit, you can do the following:
2
-
3
- The SelectableList kit is optimized to work with the draggable kit. To enable drag, use the `enable_drag` prop on SelectableList kit AND `drag_id` prop within the SelectableList kit prop. An additional optional boolean prop (set to true by default) of `drag_handle` is also available on SelectableList kit to show the drag handle icon.
@@ -1,74 +0,0 @@
1
- <%= pb_rails("table", props: { size: "md", responsive: "scroll", sticky_left_column: ["a"], sticky_right_column: ["b"] }) do %>
2
- <thead>
3
- <tr>
4
- <th id="a">Column 1</th>
5
- <th>Column 2</th>
6
- <th>Column 3</th>
7
- <th>Column 4</th>
8
- <th>Column 5</th>
9
- <th>Column 6</th>
10
- <th>Column 7</th>
11
- <th>Column 8</th>
12
- <th>Column 9</th>
13
- <th>Column 10</th>
14
- <th>Column 11</th>
15
- <th>Column 12</th>
16
- <th>Column 13</th>
17
- <th>Column 14</th>
18
- <th id="b">Column 15</th>
19
- </tr>
20
- </thead>
21
- <tbody>
22
- <tr>
23
- <td id="a">Value 1</td>
24
- <td>Value 2</td>
25
- <td>Value 3</td>
26
- <td>Value 4</td>
27
- <td>Value 5</td>
28
- <td>Value 6</td>
29
- <td>Value 7</td>
30
- <td>Value 8</td>
31
- <td>Value 9</td>
32
- <td>Value 10</td>
33
- <td>Value 11</td>
34
- <td>Value 12</td>
35
- <td>Value 13</td>
36
- <td>Value 14</td>
37
- <td id="b">Value 15</td>
38
- </tr>
39
- <tr>
40
- <td id="a">Value 1</td>
41
- <td>Value 2</td>
42
- <td>Value 3</td>
43
- <td>Value 4</td>
44
- <td>Value 5</td>
45
- <td>Value 6</td>
46
- <td>Value 7</td>
47
- <td>Value 8</td>
48
- <td>Value 9</td>
49
- <td>Value 10</td>
50
- <td>Value 11</td>
51
- <td>Value 12</td>
52
- <td>Value 13</td>
53
- <td>Value 14</td>
54
- <td id="b">Value 15</td>
55
- </tr>
56
- <tr>
57
- <td id="a">Value 1</td>
58
- <td>Value 2</td>
59
- <td>Value 3</td>
60
- <td>Value 4</td>
61
- <td>Value 5</td>
62
- <td>Value 6</td>
63
- <td>Value 7</td>
64
- <td>Value 8</td>
65
- <td>Value 9</td>
66
- <td>Value 10</td>
67
- <td>Value 11</td>
68
- <td>Value 12</td>
69
- <td>Value 13</td>
70
- <td>Value 14</td>
71
- <td id="b">Value 15</td>
72
- </tr>
73
- </tbody>
74
- <% end %>
@@ -1,3 +0,0 @@
1
- The `sticky_left_column` and `sticky_right_column` props can be used together on the same table as needed.
2
-
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.
@@ -1,74 +0,0 @@
1
- <%= pb_rails("table", props: { size: "md", responsive: "scroll", sticky_right_column: ["13", "14", "15"] }) 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
- <th>Column 6</th>
10
- <th>Column 7</th>
11
- <th>Column 8</th>
12
- <th>Column 9</th>
13
- <th>Column 10</th>
14
- <th>Column 11</th>
15
- <th>Column 12</th>
16
- <th id="13">Column 13</th>
17
- <th id="14">Column 14</th>
18
- <th id="15">Column 15</th>
19
- </tr>
20
- </thead>
21
- <tbody>
22
- <tr>
23
- <td>Value 1</td>
24
- <td>Value 2</td>
25
- <td>Value 3</td>
26
- <td>Value 4</td>
27
- <td>Value 5</td>
28
- <td>Value 6</td>
29
- <td>Value 7</td>
30
- <td>Value 8</td>
31
- <td>Value 9</td>
32
- <td>Value 10</td>
33
- <td>Value 11</td>
34
- <td>Value 12</td>
35
- <td id="13">Value 13</td>
36
- <td id="14">Value 14</td>
37
- <td id="15">Value 15</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>Value 5</td>
45
- <td>Value 6</td>
46
- <td>Value 7</td>
47
- <td>Value 8</td>
48
- <td>Value 9</td>
49
- <td>Value 10</td>
50
- <td>Value 11</td>
51
- <td>Value 12</td>
52
- <td id="13">Value 13</td>
53
- <td id="14">Value 14</td>
54
- <td id="15">Value 15</td>
55
- </tr>
56
- <tr>
57
- <td>Value 1</td>
58
- <td>Value 2</td>
59
- <td>Value 3</td>
60
- <td>Value 4</td>
61
- <td>Value 5</td>
62
- <td>Value 6</td>
63
- <td>Value 7</td>
64
- <td>Value 8</td>
65
- <td>Value 9</td>
66
- <td>Value 10</td>
67
- <td>Value 11</td>
68
- <td>Value 12</td>
69
- <td id="13">Value 13</td>
70
- <td id="14">Value 14</td>
71
- <td id="15">Value 15</td>
72
- </tr>
73
- </tbody>
74
- <% end %>
@@ -1,3 +0,0 @@
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
-
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.
@@ -1,22 +0,0 @@
1
- export const addDataTitle = () => {
2
- const tables = document.querySelectorAll('.table-responsive-collapse');
3
- // Each Table
4
- [].forEach.call(tables, (table: HTMLTableElement) => {
5
- // Header Titles
6
- const headers: string[] = [];
7
- [].forEach.call(table.querySelectorAll('th'), (header: HTMLTableCellElement) => {
8
- const colSpan = header.colSpan
9
- for (let i = 0; i < colSpan; i++) {
10
- headers.push(header.textContent.replace(/\r?\n|\r/, ''));
11
- }
12
- });
13
- // for each row in tbody
14
- [].forEach.call(table.querySelectorAll('tbody tr'), (row: HTMLTableRowElement) => {
15
- // for each cell
16
- [].forEach.call(row.cells, (cell: HTMLTableCellElement, headerIndex: number) => {
17
- // apply the attribute
18
- cell.setAttribute('data-title', headers[headerIndex])
19
- })
20
- })
21
- });
22
- }