playbook_ui_docs 14.19.0.pre.alpha.PLAY2033atactionbarrails7773 → 14.19.0.pre.alpha.PLAY2145fixhtmloptionsstyle7775

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1f762af37f3645918932d238f67c6c1a04504340876798e33e758fb84ce6d726
4
- data.tar.gz: 6b511c4951a5eef413d107ad1d85d9a842b8591ca06ecec262dbeb7cd33b5195
3
+ metadata.gz: 9ebfcf2384843aa67a28d180e0c8d4c99409fa3be1a5658ecd5b539f4824ad8c
4
+ data.tar.gz: a7b94433226c5dab1a939507e10d9365db28d3974457e87d113042834bdf0241
5
5
  SHA512:
6
- metadata.gz: ad9e26daf30efde4f0fe3a4fb1010fb667b3d73d07ade2a3d235fac56185b7b0ff64b5507f849be967cc765dcd0be5d01aedddc7b28caa9044d6b606b9842b7d
7
- data.tar.gz: 17c118beaf1049f61fa47f9861c50cb6780aa87fd889bf1231b4d38f9dbd2bb175b83c1793d52b1fd4cca0a31218b229f93d2c29cb9ac52fa61001c8dce9073c
6
+ metadata.gz: 4f06582458920daa1ebcfead2201e3528172bc20bac7388ba27c3694e8a64cbee4673f7ceed14923fc0f2c3c34ead87c1efcf8879a7dcbf77c513d6c834ab4e0
7
+ data.tar.gz: c3bda6bc2f4b9a57231dfe39ed6ef5f1e2e361dbb2b829b3690f5e6aed2f9b6c3b9536394cfb5ab85a26052415a51ff85e214c58718912632971e35da04ea6cd
@@ -15,8 +15,6 @@ examples:
15
15
  - advanced_table_column_border_color_rails: Column Group Border Color
16
16
  - advanced_table_selectable_rows_rails: Selectable Rows
17
17
  - advanced_table_selectable_rows_no_subrows_rails: Selectable Rows (No Subrows)
18
- - advanced_table_selectable_rows_actions_rails: Selectable Rows (With Actions)
19
- - advanced_table_selectable_rows_header_rails: Selectable Rows (No Actions Bar)
20
18
 
21
19
  react:
22
20
  - advanced_table_default: Default (Required Props)
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.19.0.pre.alpha.PLAY2033atactionbarrails7773
4
+ version: 14.19.0.pre.alpha.PLAY2145fixhtmloptionsstyle7775
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -95,12 +95,8 @@ files:
95
95
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
96
96
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
97
97
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
98
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.html.erb
99
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.md
100
98
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
101
99
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
102
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header_rails.html.erb
103
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header_rails.md
104
100
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.html.erb
105
101
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md
106
102
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.jsx
@@ -1,138 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- accessor: "newEnrollments",
9
- label: "New Enrollments",
10
- },
11
- {
12
- accessor: "scheduledMeetings",
13
- label: "Scheduled Meetings",
14
- },
15
- {
16
- accessor: "attendanceRate",
17
- label: "Attendance Rate",
18
- },
19
- {
20
- accessor: "completedClasses",
21
- label: "Completed Classes",
22
- },
23
- {
24
- accessor: "classCompletionRate",
25
- label: "Class Completion Rate",
26
- },
27
- {
28
- accessor: "graduatedStudents",
29
- label: "Graduated Students",
30
- }
31
- ]
32
-
33
- actions = [
34
- pb_rails("circle_icon_button", props: {
35
- icon: "file-csv",
36
- variant: "link",
37
- id: "export-selected-rows-btn",
38
- data: {
39
- action_type: "export"
40
- }
41
- }),
42
- pb_rails("circle_icon_button", props: {
43
- icon: "trash-alt",
44
- variant: "link",
45
- id: "delete-selected-rows-btn",
46
- data: {
47
- action_type: "delete"
48
- }
49
- })
50
- ]
51
- %>
52
-
53
- <%= pb_rails("advanced_table", props: {
54
- id: "selectable_rows_with_actions",
55
- table_data: @table_data_no_subrows,
56
- column_definitions: column_definitions,
57
- selectable_rows: true,
58
- enable_toggle_expansion: "none",
59
- actions: actions,
60
- show_actions_bar: true
61
- }) %>
62
-
63
- <script>
64
- // Handle action clicks using the data-selected-rows attribute
65
- window.handleActionClick = function(actionType) {
66
- const tableContainer = document.getElementById('selectable_rows_with_actions');
67
- if (!tableContainer) return;
68
-
69
- // Get selected rows from the data attribute
70
- const selectedRowsJSON = tableContainer.getAttribute('data-selected-rows');
71
- let selectedRowIds = [];
72
-
73
- try {
74
- // Parse the JSON string from the data attribute
75
- if (selectedRowsJSON) {
76
- selectedRowIds = JSON.parse(selectedRowsJSON);
77
- }
78
- } catch (e) {
79
- // Fallback if JSON parsing fails
80
- const checkboxes = tableContainer.querySelectorAll('input[type="checkbox"]:checked');
81
- const selectedCheckboxes = Array.from(checkboxes).filter(checkbox =>
82
- checkbox.id !== 'select-all-rows' &&
83
- !checkbox.closest('#select-all-rows')
84
- );
85
- selectedRowIds = selectedCheckboxes.map(checkbox => checkbox.id);
86
- }
87
-
88
- // Show appropriate message
89
- if (!selectedRowIds || selectedRowIds.length === 0) {
90
- alert('No Selection Made');
91
- } else {
92
- if (actionType === 'export') {
93
- alert(`Row ids ${selectedRowIds.join(', ')} will be exported!`);
94
- } else if (actionType === 'delete') {
95
- alert(`Row ids ${selectedRowIds.join(', ')} will be deleted!`);
96
- }
97
- }
98
- };
99
-
100
- // Add event listeners when the DOM is ready
101
- document.addEventListener('DOMContentLoaded', function() {
102
- // Get the buttons
103
- const exportBtn = document.getElementById('export-selected-rows-btn');
104
- const deleteBtn = document.getElementById('delete-selected-rows-btn');
105
-
106
- // Add click event listeners
107
- if (exportBtn) {
108
- exportBtn.addEventListener('click', function(e) {
109
- e.preventDefault();
110
- window.handleActionClick('export');
111
- });
112
- }
113
-
114
- if (deleteBtn) {
115
- deleteBtn.addEventListener('click', function(e) {
116
- e.preventDefault();
117
- window.handleActionClick('delete');
118
- });
119
- }
120
-
121
- // Optional: Event delegation through the action bar
122
- const actionBar = document.querySelector('.row-selection-actions-card');
123
- if (actionBar) {
124
- actionBar.addEventListener('click', function(e) {
125
- const exportButton = e.target.closest('#export-selected-rows-btn');
126
- const deleteButton = e.target.closest('#delete-selected-rows-btn');
127
-
128
- if (exportButton) {
129
- e.preventDefault();
130
- window.handleActionClick('export');
131
- } else if (deleteButton) {
132
- e.preventDefault();
133
- window.handleActionClick('delete');
134
- }
135
- });
136
- }
137
- });
138
- </script>
@@ -1,3 +0,0 @@
1
- Custom actions content can be rendered within the Actions Bar as shown in this doc example. The component passed to `actions` will be rendered on the right of the actionsBar.
2
-
3
- You can utilize script tags with your actions to provide your buttons with any clickable events needed.
@@ -1,40 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- accessor: "newEnrollments",
9
- label: "New Enrollments",
10
- },
11
- {
12
- accessor: "scheduledMeetings",
13
- label: "Scheduled Meetings",
14
- },
15
- {
16
- accessor: "attendanceRate",
17
- label: "Attendance Rate",
18
- },
19
- {
20
- accessor: "completedClasses",
21
- label: "Completed Classes",
22
- },
23
- {
24
- accessor: "classCompletionRate",
25
- label: "Class Completion Rate",
26
- },
27
- {
28
- accessor: "graduatedStudents",
29
- label: "Graduated Students",
30
- }
31
- ] %>
32
-
33
- <%= pb_rails("advanced_table", props: {
34
- id: "selectable_rows_with_actions",
35
- table_data: @table_data_no_subrows,
36
- column_definitions: column_definitions,
37
- selectable_rows: true,
38
- enable_toggle_expansion: "none",
39
- show_actions_bar: false
40
- }) %>
@@ -1 +0,0 @@
1
- `show_actions_bar` is an optional prop that renders the header at the top showing the row count. This is set to `true` by default but can be toggled off by setting it to `false`