playbook_ui 14.24.0.pre.alpha.PLAY2343maketiptapreactexternalvitedep9501 → 14.24.0.pre.alpha.PLAY2346reactpaginationexternalcontrol9346

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 (31) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +1 -4
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +2 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -34
  5. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +0 -56
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -4
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -4
  8. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +1 -1
  10. data/app/pb_kits/playbook/pb_date/_date.tsx +3 -5
  11. data/app/pb_kits/playbook/pb_date/date.html.erb +6 -6
  12. data/app/pb_kits/playbook/pb_date/date.rb +0 -2
  13. data/app/pb_kits/playbook/pb_date/docs/example.yml +0 -2
  14. data/app/pb_kits/playbook/pb_date/docs/index.js +0 -1
  15. data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +1 -49
  16. data/dist/chunks/{_weekday_stacked-CitcNYFp.js → _weekday_stacked-BavTnN0s.js} +1 -1
  17. data/dist/chunks/vendor.js +1 -1
  18. data/dist/menu.yml +2 -2
  19. data/dist/playbook-doc.js +1 -1
  20. data/dist/playbook.css +1 -1
  21. data/lib/playbook/version.rb +1 -1
  22. metadata +3 -12
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.html.erb +0 -43
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx +0 -64
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.jsx +0 -60
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md +0 -3
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx +0 -57
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.md +0 -1
  29. data/app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.html.erb +0 -4
  30. data/app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.jsx +0 -17
  31. data/app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.md +0 -1
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.24.0"
5
- VERSION = "14.24.0.pre.alpha.PLAY2343maketiptapreactexternalvitedep9501"
5
+ VERSION = "14.24.0.pre.alpha.PLAY2346reactpaginationexternalcontrol9346"
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.24.0.pre.alpha.PLAY2343maketiptapreactexternalvitedep9501
4
+ version: 14.24.0.pre.alpha.PLAY2346reactpaginationexternalcontrol9346
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-08-08 00:00:00.000000000 Z
12
+ date: 2025-08-04 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -308,8 +308,6 @@ files:
308
308
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
309
309
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
310
310
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
311
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.html.erb
312
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx
313
311
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx
314
312
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md
315
313
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx
@@ -352,10 +350,6 @@ files:
352
350
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_react.md
353
351
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.html.erb
354
352
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
355
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.jsx
356
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md
357
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx
358
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.md
359
353
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
360
354
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
361
355
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
@@ -986,9 +980,6 @@ files:
986
980
  - app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb
987
981
  - app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
988
982
  - app/pb_kits/playbook/pb_date/docs/_date_variants_swift.md
989
- - app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.html.erb
990
- - app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.jsx
991
- - app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.md
992
983
  - app/pb_kits/playbook/pb_date/docs/_description.md
993
984
  - app/pb_kits/playbook/pb_date/docs/example.yml
994
985
  - app/pb_kits/playbook/pb_date/docs/index.js
@@ -3644,7 +3635,7 @@ files:
3644
3635
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3645
3636
  - dist/chunks/_line_graph-D7DgMqnT.js
3646
3637
  - dist/chunks/_typeahead-BzYZCpJO.js
3647
- - dist/chunks/_weekday_stacked-CitcNYFp.js
3638
+ - dist/chunks/_weekday_stacked-BavTnN0s.js
3648
3639
  - dist/chunks/lazysizes-B7xYodB-.js
3649
3640
  - dist/chunks/lib-CY5ZPzic.js
3650
3641
  - dist/chunks/pb_form_validation-D3b0JKHH.js
@@ -1,43 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- label: "Enrollment Data",
9
- columns: [
10
- {
11
- accessor: "newEnrollments",
12
- label: "New Enrollments",
13
- },
14
- {
15
- accessor: "scheduledMeetings",
16
- label: "Scheduled Meetings",
17
- },
18
- ],
19
- },
20
- {
21
- label: "Performance Data",
22
- columns: [
23
- {
24
- accessor: "attendanceRate",
25
- label: "Attendance Rate",
26
- },
27
- {
28
- accessor: "completedClasses",
29
- label: "Completed Classes",
30
- },
31
- {
32
- accessor: "classCompletionRate",
33
- label: "Class Completion Rate",
34
- },
35
- {
36
- accessor: "graduatedStudents",
37
- label: "Graduated Students",
38
- },
39
- ],
40
- },
41
- ] %>
42
-
43
- <%= pb_rails("advanced_table", props: { id: "table_multi_headers_vertical_borders", table_data: @table_data, column_definitions: column_definitions, table_props: { vertical_border: true } }) %>
@@ -1,64 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableColumnHeadersVerticalBorder = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- label: "Enrollment Data",
14
- columns: [
15
- {
16
- accessor: "newEnrollments",
17
- label: "New Enrollments",
18
- },
19
- {
20
- accessor: "scheduledMeetings",
21
- label: "Scheduled Meetings",
22
- },
23
- ],
24
- },
25
- {
26
- label: "Performance Data",
27
- columns: [
28
- {
29
- accessor: "attendanceRate",
30
- label: "Attendance Rate",
31
- },
32
- {
33
- accessor: "completedClasses",
34
- label: "Completed Classes",
35
- },
36
- {
37
- accessor: "classCompletionRate",
38
- label: "Class Completion Rate",
39
- },
40
- {
41
- accessor: "graduatedStudents",
42
- label: "Graduated Students",
43
- },
44
- ],
45
- },
46
- ];
47
-
48
- const tableProps = {
49
- verticalBorder: true
50
- }
51
-
52
- return (
53
- <>
54
- <AdvancedTable
55
- columnDefinitions={columnDefinitions}
56
- tableData={MOCK_DATA}
57
- tableProps={tableProps}
58
- {...props}
59
- />
60
- </>
61
- )
62
- }
63
-
64
- export default AdvancedTableColumnHeadersVerticalBorder
@@ -1,60 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../_advanced_table'
3
- import Background from '../../pb_background/_background'
4
- import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
5
-
6
- const AdvancedTablePaddingControl = (props) => {
7
- const columnDefinitions = [
8
- {
9
- accessor: "year",
10
- label: "Year",
11
- cellAccessors: ["quarter", "month", "day"],
12
- },
13
- {
14
- accessor: "newEnrollments",
15
- label: "New Enrollments",
16
- columnStyling:{cellPadding: "none"},
17
- customRenderer: (row, value) => (
18
- <Background
19
- backgroundColor={row.original.newEnrollments > 20 ? "success_secondary" : "warning_secondary"}
20
- padding="xs"
21
- >
22
- {value}
23
- </Background>
24
- ),
25
-
26
- },
27
- {
28
- accessor: "scheduledMeetings",
29
- label: "Scheduled Meetings",
30
- },
31
- {
32
- accessor: "attendanceRate",
33
- label: "Attendance Rate",
34
- },
35
- {
36
- accessor: "completedClasses",
37
- label: "Completed Classes",
38
- },
39
- {
40
- accessor: "classCompletionRate",
41
- label: "Class Completion Rate",
42
- },
43
- {
44
- accessor: "graduatedStudents",
45
- label: "Graduated Students",
46
- },
47
- ]
48
-
49
- return (
50
- <div>
51
- <AdvancedTable
52
- columnDefinitions={columnDefinitions}
53
- tableData={MOCK_DATA}
54
- {...props}
55
- />
56
- </div>
57
- )
58
- }
59
-
60
- export default AdvancedTablePaddingControl
@@ -1,3 +0,0 @@
1
- `columnStyling` can also be used to control padding on all cells in a given column via the use of the `cellPadding` key/value pair. `cellPadding` lets you use 'xxs', 'xs', 'sm', 'md', 'lg', 'xl' and 'none'.
2
-
3
- This control can be used in conjunction with the `customRenderer` item within each columnDefinition to achieve custom background colors for individual cells as seen here.
@@ -1,57 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
4
-
5
- const AdvancedTablePaddingControlPerRow = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- const rowStyling = [
39
- {
40
- rowId: "1",
41
- cellPadding:"md"
42
- },
43
- ];
44
-
45
- return (
46
- <div>
47
- <AdvancedTable
48
- columnDefinitions={columnDefinitions}
49
- rowStyling={rowStyling}
50
- tableData={MOCK_DATA}
51
- {...props}
52
- />
53
- </div>
54
- )
55
- }
56
-
57
- export default AdvancedTablePaddingControlPerRow
@@ -1 +0,0 @@
1
- `rowStyling` can also be used to control padding on all cells in a given row via the use of the `cellPadding` key/value pair as shown here. `cellPadding` lets you use 'xxs', 'xs', 'sm', 'md', 'lg', 'xl' and 'none'.
@@ -1,4 +0,0 @@
1
- <%= pb_rails("date", props: {
2
- date: Date.today,
3
- show_current_year: true
4
- }) %>
@@ -1,17 +0,0 @@
1
- import React from 'react'
2
-
3
- import FormattedDate from '../../pb_date/_date'
4
-
5
- const DateWithShowCurrentYear = (props) => {
6
- return (
7
- <>
8
- <FormattedDate
9
- showCurrentYear
10
- value={new Date()}
11
- {...props}
12
- />
13
- </>
14
- )
15
- }
16
-
17
- export default DateWithShowCurrentYear
@@ -1 +0,0 @@
1
- By default, the Date kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.