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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +1 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +2 -1
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -34
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +0 -56
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -4
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +1 -1
- data/app/pb_kits/playbook/pb_date/_date.tsx +3 -5
- data/app/pb_kits/playbook/pb_date/date.html.erb +6 -6
- data/app/pb_kits/playbook/pb_date/date.rb +0 -2
- data/app/pb_kits/playbook/pb_date/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_date/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +1 -49
- data/dist/chunks/{_weekday_stacked-CitcNYFp.js → _weekday_stacked-BavTnN0s.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +2 -2
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +3 -12
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.html.erb +0 -43
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx +0 -64
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.jsx +0 -60
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx +0 -57
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.md +0 -1
- data/app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.html.erb +0 -4
- data/app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.jsx +0 -17
- data/app/pb_kits/playbook/pb_date/docs/_date_with_show_current_year.md +0 -1
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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-
|
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 } }) %>
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx
DELETED
@@ -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.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx
DELETED
@@ -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,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.
|