playbook_ui 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2034 → 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2035
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +57 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -0
- data/lib/playbook/version.rb +1 -1
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 175ddacedbfec513a95b37bf13a61333a099bd30e8421e4860f71c0388f11f1a
|
|
4
|
+
data.tar.gz: 72d03981d777dc247c76e68999859037ade97c566e696afc8b55b237ef5ac9dd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 802f5962c3902b281230c7679161ebd2299befb957ebc27595e423be42bbe2a28791524dbc038fbb3ff345d4899daaa47ea72da30390f616bd7e5781cc0ad8e3
|
|
7
|
+
data.tar.gz: 949b717b13f2ac5f2c1e5627e79df7c99e0a3568c8c19b804a65056abf7a7d18d756cefd5149a9bf10bbf27d9c09f4764242aa98f870b814fe994a4e382c790c
|
|
@@ -4,7 +4,7 @@ import React from "react"
|
|
|
4
4
|
const CollapsibleTrail = ({ leftOffset }: { leftOffset: number }) => {
|
|
5
5
|
const style: { [key: string]: string | number } = {
|
|
6
6
|
position: "absolute",
|
|
7
|
-
left: `${leftOffset}
|
|
7
|
+
left: `${leftOffset}em`,
|
|
8
8
|
top: 0,
|
|
9
9
|
bottom: 0,
|
|
10
10
|
width: "2px",
|
|
@@ -38,7 +38,7 @@ export const SubRowHeaderRow = ({
|
|
|
38
38
|
colSpan={1}
|
|
39
39
|
>
|
|
40
40
|
{collapsibleTrail && row.depth > 0 && renderCollapsibleTrail(row.depth)}
|
|
41
|
-
<div style={{ paddingLeft: `${row.depth *
|
|
41
|
+
<div style={{ paddingLeft: `${row.depth * 1.25}em` }}>
|
|
42
42
|
<Flex align="center"
|
|
43
43
|
columnGap="xs"
|
|
44
44
|
>
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AdvancedTable } from "../..";
|
|
3
|
+
import { MOCK_DATA } from "./_mock_data";
|
|
4
|
+
|
|
5
|
+
const AdvancedTableSort = (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
|
+
//Render the subRow header rows
|
|
39
|
+
const subRowHeaders = ["Quarter", "Month", "Day"]
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
return (
|
|
43
|
+
<div>
|
|
44
|
+
<AdvancedTable
|
|
45
|
+
columnDefinitions={columnDefinitions}
|
|
46
|
+
enableToggleExpansion="all"
|
|
47
|
+
tableData={MOCK_DATA}
|
|
48
|
+
{...props}
|
|
49
|
+
>
|
|
50
|
+
<AdvancedTable.Header enableSorting />
|
|
51
|
+
<AdvancedTable.Body subRowHeaders={subRowHeaders} />
|
|
52
|
+
</AdvancedTable>
|
|
53
|
+
</div>
|
|
54
|
+
);
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
export default AdvancedTableSort;
|
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: 13.16.0.pre.alpha.
|
|
4
|
+
version: 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2035
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -289,6 +289,7 @@ files:
|
|
|
289
289
|
- app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
|
|
290
290
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
|
|
291
291
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
|
|
292
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
|
|
292
293
|
- app/pb_kits/playbook/pb_advanced_table/docs/_description.md
|
|
293
294
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js
|
|
294
295
|
- app/pb_kits/playbook/pb_advanced_table/docs/example.yml
|