playbook_ui_docs 16.11.0.pre.alpha.doublealpha17836 → 16.11.0.pre.alpha.iconkithardensvgsourceloading17727
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/docs/_playground.json +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_playground.json +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_playground.overrides.json +0 -3
- metadata +2 -10
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.jsx +0 -69
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.html.erb +0 -49
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.html.erb +0 -40
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.jsx +0 -55
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_rails.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_react.md +0 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5cb483078bd2d0ab8b3f34a7d92f13d2f4e663037feea8fbc791b2927d568b19
|
|
4
|
+
data.tar.gz: 4781ac304591219b24352031f0139ac4ae3c7944c5f8fe1c0d8da37402297f9f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8c3814e37248a628f7619ee516aaca3be1a4ec350765b2494633d9483fdd373ead4cc483c76260f9f61d323d05ee22564fda43c2405b524594371912e0c5fbba
|
|
7
|
+
data.tar.gz: a90815ff22e7ac3583a8b1a4f37ad795b5c71acd892604ac0dc8a4a50ba0920bda445af4b25b24d61dc1f692e4d4cdec8b7c4671dbca3d6294d164d78cd042e9
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
"defaults": {
|
|
10
10
|
"columnGroupBorderColor": "none",
|
|
11
11
|
"enableToggleExpansion": "header",
|
|
12
|
-
"fullWidthCell": false,
|
|
13
12
|
"inlineRowLoading": false,
|
|
14
13
|
"loading": false,
|
|
15
14
|
"responsive": "scroll",
|
|
@@ -93,8 +92,7 @@
|
|
|
93
92
|
"name": "Column Configuration",
|
|
94
93
|
"props": [
|
|
95
94
|
"columnVisibilityControl",
|
|
96
|
-
"columnGroupBorderColor"
|
|
97
|
-
"fullWidthCell"
|
|
95
|
+
"columnGroupBorderColor"
|
|
98
96
|
]
|
|
99
97
|
},
|
|
100
98
|
{
|
|
@@ -3,7 +3,6 @@ examples:
|
|
|
3
3
|
- advanced_table_beta: Default (Required Props)
|
|
4
4
|
- advanced_table_loading: Loading State
|
|
5
5
|
- advanced_table_beta_subrow_headers: SubRow Headers
|
|
6
|
-
- advanced_table_skipping_subrow_headers: Skipping Subrow Headers
|
|
7
6
|
- advanced_table_enable_toggle_expansion_rails: Enable Toggle Expansion
|
|
8
7
|
- advanced_table_collapsible_trail_rails: Collapsible Trail
|
|
9
8
|
- advanced_table_table_props: Table Props
|
|
@@ -13,7 +12,6 @@ examples:
|
|
|
13
12
|
- advanced_table_beta_sort: Enable Sorting
|
|
14
13
|
- advanced_table_responsive: Responsive Tables
|
|
15
14
|
- advanced_table_custom_cell_rails: Custom Components for Cells
|
|
16
|
-
- advanced_table_full_width_cell_rails: Full Width Cell
|
|
17
15
|
- advanced_table_with_custom_header_rails: Custom Header Cell
|
|
18
16
|
- advanced_table_with_custom_header_multi_header_rails: Custom Header with Multiple Headers
|
|
19
17
|
- advanced_table_column_headers: Multi-Header Columns
|
|
@@ -47,7 +45,6 @@ examples:
|
|
|
47
45
|
- advanced_table_expanded_control: Expanded Control
|
|
48
46
|
- advanced_table_expand_by_depth: Expand by Depth
|
|
49
47
|
- advanced_table_subrow_headers: SubRow Headers
|
|
50
|
-
- advanced_table_skipping_subrow_headers: Skipping Subrow Headers
|
|
51
48
|
- advanced_table_cascade_collapse: Cascade Collapse
|
|
52
49
|
- advanced_table_collapsible_trail: Collapsible Trail
|
|
53
50
|
- advanced_table_table_options: Table Options
|
|
@@ -59,7 +56,6 @@ examples:
|
|
|
59
56
|
- advanced_table_sticky_scroll_limitation: Sticky Header and Column Scroll Limitation
|
|
60
57
|
- advanced_table_responsive: Responsive Tables
|
|
61
58
|
- advanced_table_custom_cell: Custom Components for Cells
|
|
62
|
-
- advanced_table_full_width_cell: Full Width Cell
|
|
63
59
|
- advanced_table_with_custom_header: Custom Header Cell
|
|
64
60
|
- advanced_table_with_custom_header_multi_header: Custom Header with Multiple Headers
|
|
65
61
|
- advanced_table_pagination: Pagination
|
|
@@ -10,7 +10,6 @@ export { default as AdvancedTableTableProps } from './_advanced_table_table_prop
|
|
|
10
10
|
export { default as AdvancedTableInlineRowLoading } from './_advanced_table_inline_row_loading.jsx'
|
|
11
11
|
export { default as AdvancedTableResponsive } from './_advanced_table_responsive.jsx'
|
|
12
12
|
export { default as AdvancedTableCustomCell } from './_advanced_table_custom_cell.jsx'
|
|
13
|
-
export { default as AdvancedTableFullWidthCell } from './_advanced_table_full_width_cell.jsx'
|
|
14
13
|
export { default as AdvancedTablePagination } from './_advanced_table_pagination.jsx'
|
|
15
14
|
export { default as AdvancedTablePaginationWithProps } from './_advanced_table_pagination_with_props.jsx'
|
|
16
15
|
export { default as AdvancedTableColumnHeaders } from './_advanced_table_column_headers.jsx'
|
|
@@ -54,6 +53,5 @@ export { default as AdvancedTableColumnStylingBackgroundMulti } from './_advance
|
|
|
54
53
|
export { default as AdvancedTableColumnStylingBackgroundCustom } from './_advanced_table_column_styling_background_custom.jsx'
|
|
55
54
|
export { default as AdvancedTableCascadeCollapse } from './_advanced_table_cascade_collapse.jsx'
|
|
56
55
|
export { default as AdvancedTableSortParentOnly } from './_advanced_table_sort_parent_only.jsx'
|
|
57
|
-
export { default as AdvancedTableSkippingSubrowHeaders } from './_advanced_table_skipping_subrow_headers.jsx'
|
|
58
56
|
export { default as AdvancedTablePinnedRowsBottom } from './_advanced_table_pinned_rows_bottom.jsx'
|
|
59
57
|
export { default as AdvancedTablePinnedRowsBoth } from './_advanced_table_pinned_rows_both.jsx'
|
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: 16.11.0.pre.alpha.
|
|
4
|
+
version: 16.11.0.pre.alpha.iconkithardensvgsourceloading17727
|
|
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: 2026-07-
|
|
12
|
+
date: 2026-07-14 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -100,10 +100,6 @@ files:
|
|
|
100
100
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.md
|
|
101
101
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
|
|
102
102
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
|
|
103
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.jsx
|
|
104
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.md
|
|
105
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.html.erb
|
|
106
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.md
|
|
107
103
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.jsx
|
|
108
104
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.md
|
|
109
105
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
|
|
@@ -165,10 +161,6 @@ files:
|
|
|
165
161
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.md
|
|
166
162
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.html.erb
|
|
167
163
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md
|
|
168
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.html.erb
|
|
169
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.jsx
|
|
170
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_rails.md
|
|
171
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_react.md
|
|
172
164
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
|
|
173
165
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
|
|
174
166
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import React from "react"
|
|
2
|
-
import AdvancedTable from '../../pb_advanced_table/_advanced_table'
|
|
3
|
-
import Flex from "../../pb_flex/_flex"
|
|
4
|
-
import Badge from "../../pb_badge/_badge"
|
|
5
|
-
import Title from "../../pb_title/_title"
|
|
6
|
-
import MOCK_DATA from "./advanced_table_mock_data.json"
|
|
7
|
-
|
|
8
|
-
const AdvancedTableFullWidthCell = (props) => {
|
|
9
|
-
const columnDefinitions = [
|
|
10
|
-
{
|
|
11
|
-
accessor: "year",
|
|
12
|
-
label: "Year",
|
|
13
|
-
cellAccessors: ["quarter", "month", "day"],
|
|
14
|
-
customRenderer: (row, value) => (
|
|
15
|
-
<Flex justify="between">
|
|
16
|
-
<Title size={4}
|
|
17
|
-
text={value}
|
|
18
|
-
/>
|
|
19
|
-
<Badge dark
|
|
20
|
-
marginLeft="xxs"
|
|
21
|
-
text={row.original.newEnrollments > 20 ? "High" : "Low"}
|
|
22
|
-
variant="neutral"
|
|
23
|
-
/>
|
|
24
|
-
</Flex>
|
|
25
|
-
),
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
accessor: "newEnrollments",
|
|
29
|
-
label: "New Enrollments",
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
accessor: "scheduledMeetings",
|
|
33
|
-
label: "Scheduled Meetings",
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
accessor: "attendanceRate",
|
|
37
|
-
label: "Attendance Rate",
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
accessor: "completedClasses",
|
|
41
|
-
label: "Completed Classes",
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
accessor: "classCompletionRate",
|
|
45
|
-
label: "Class Completion Rate",
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
accessor: "graduatedStudents",
|
|
49
|
-
label: "Graduated Students",
|
|
50
|
-
},
|
|
51
|
-
]
|
|
52
|
-
|
|
53
|
-
return (
|
|
54
|
-
<div>
|
|
55
|
-
<AdvancedTable
|
|
56
|
-
columnDefinitions={columnDefinitions}
|
|
57
|
-
enableToggleExpansion="all"
|
|
58
|
-
fullWidthCell
|
|
59
|
-
tableData={MOCK_DATA}
|
|
60
|
-
{...props}
|
|
61
|
-
>
|
|
62
|
-
<AdvancedTable.Header enableSorting />
|
|
63
|
-
<AdvancedTable.Body />
|
|
64
|
-
</AdvancedTable>
|
|
65
|
-
</div>
|
|
66
|
-
)
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export default AdvancedTableFullWidthCell
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
`fullWidthCell` is an optional boolean prop that defaults to `false`. When set to `true`, the first column's cell content takes up the full available width of the cell.
|
|
2
|
-
|
|
3
|
-
This is especially useful with custom cell renderers that need horizontal space — for example, a `Flex` with `justify="between"` that places content on both the left and right edges of the cell.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.html.erb
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
<%
|
|
2
|
-
column_definitions = [
|
|
3
|
-
{
|
|
4
|
-
accessor: "year",
|
|
5
|
-
label: "Year",
|
|
6
|
-
cellAccessors: ["quarter", "month", "day"],
|
|
7
|
-
custom_renderer: ->(row, value) {
|
|
8
|
-
capture do
|
|
9
|
-
pb_rails("flex", props: { justify: "between" }) do
|
|
10
|
-
pb_rails("title", props: { text: value, size: 4 }) +
|
|
11
|
-
pb_rails("badge", props: { dark: true, margin_left: "xxs", text: row[:newEnrollments].to_i > 20 ? "High" : "Low", variant: "neutral" })
|
|
12
|
-
end
|
|
13
|
-
end
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
accessor: "newEnrollments",
|
|
18
|
-
label: "New Enrollments",
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
accessor: "scheduledMeetings",
|
|
22
|
-
label: "Scheduled Meetings",
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
accessor: "attendanceRate",
|
|
26
|
-
label: "Attendance Rate",
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
accessor: "completedClasses",
|
|
30
|
-
label: "Completed Classes",
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
accessor: "classCompletionRate",
|
|
34
|
-
label: "Class Completion Rate",
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
accessor: "graduatedStudents",
|
|
38
|
-
label: "Graduated Students",
|
|
39
|
-
}
|
|
40
|
-
]
|
|
41
|
-
%>
|
|
42
|
-
|
|
43
|
-
<%= pb_rails("advanced_table", props: {
|
|
44
|
-
id: "full_width_cell",
|
|
45
|
-
table_data: @table_data,
|
|
46
|
-
column_definitions: column_definitions,
|
|
47
|
-
enable_toggle_expansion: "all",
|
|
48
|
-
full_width_cell: true
|
|
49
|
-
}) %>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
`full_width_cell` is an optional boolean prop that defaults to `false`. When set to `true`, the first column's cell content takes up the full available width of the cell.
|
|
2
|
-
|
|
3
|
-
This is especially useful with custom cell renderers that need horizontal space — for example, a `Flex` with `justify: "between"` that places content on both the left and right edges of the cell.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.html.erb
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
<%
|
|
2
|
-
column_definitions = [
|
|
3
|
-
{
|
|
4
|
-
accessor: "year",
|
|
5
|
-
label: "Year",
|
|
6
|
-
cellAccessors: ["quarter", "month", "day"],
|
|
7
|
-
},
|
|
8
|
-
{
|
|
9
|
-
accessor: "newEnrollments",
|
|
10
|
-
label: "New Enrollments",
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
accessor: "scheduledMeetings",
|
|
14
|
-
label: "Scheduled Meetings",
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
accessor: "attendanceRate",
|
|
18
|
-
label: "Attendance Rate",
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
accessor: "completedClasses",
|
|
22
|
-
label: "Completed Classes",
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
accessor: "classCompletionRate",
|
|
26
|
-
label: "Class Completion Rate",
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
accessor: "graduatedStudents",
|
|
30
|
-
label: "Graduated Students",
|
|
31
|
-
}
|
|
32
|
-
]
|
|
33
|
-
|
|
34
|
-
subrow_headers = ["Quarter", "", "Day"]
|
|
35
|
-
%>
|
|
36
|
-
|
|
37
|
-
<%= pb_rails("advanced_table", props: { id: "skipping-subrow-headers", table_data: @table_data, column_definitions: column_definitions }) do %>
|
|
38
|
-
<%= pb_rails("advanced_table/table_header", props: { table_id: "skipping-subrow-headers", column_definitions: column_definitions }) %>
|
|
39
|
-
<%= pb_rails("advanced_table/table_body", props: { table_id: "skipping-subrow-headers", table_data: @table_data, column_definitions: column_definitions, subrow_headers: subrow_headers, enable_toggle_expansion: "all" }) %>
|
|
40
|
-
<% end %>
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.jsx
DELETED
|
@@ -1,55 +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
|
-
|
|
6
|
-
const AdvancedTableSkippingSubrowHeaders = (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
|
-
},
|
|
17
|
-
{
|
|
18
|
-
accessor: "scheduledMeetings",
|
|
19
|
-
label: "Scheduled Meetings",
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
accessor: "attendanceRate",
|
|
23
|
-
label: "Attendance Rate",
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
accessor: "completedClasses",
|
|
27
|
-
label: "Completed Classes",
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
accessor: "classCompletionRate",
|
|
31
|
-
label: "Class Completion Rate",
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
accessor: "graduatedStudents",
|
|
35
|
-
label: "Graduated Students",
|
|
36
|
-
},
|
|
37
|
-
]
|
|
38
|
-
|
|
39
|
-
const subRowHeaders = ["Quarter", "", "Day"]
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return (
|
|
43
|
-
<div>
|
|
44
|
-
<AdvancedTable
|
|
45
|
-
columnDefinitions={columnDefinitions}
|
|
46
|
-
tableData={MOCK_DATA}
|
|
47
|
-
{...props}
|
|
48
|
-
>
|
|
49
|
-
<AdvancedTable.Header />
|
|
50
|
-
<AdvancedTable.Body subRowHeaders={subRowHeaders}/>
|
|
51
|
-
</AdvancedTable>
|
|
52
|
-
</div>
|
|
53
|
-
);
|
|
54
|
-
};
|
|
55
|
-
export default AdvancedTableSkippingSubrowHeaders;
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_rails.md
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass an empty string at any index in `sub_row_headers` to skip the rendering of a subrow header while still nesting the data under it.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_react.md
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass an empty string at any index in `subRowHeaders` to skip the rendering of a subrow header while still nesting the data under it.
|