playbook_ui_docs 14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4380 → 14.6.2.pre.alpha.PBNTR666advancedtablefirstcolumn4406
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 72bed13556b805b2995e8a978211fe659df2d0189dac7889d79b812ffb3ca12c
|
|
4
|
+
data.tar.gz: 34cf225a734a6a137713d9b12102956f95fd1b5f08a631d67179a2c27cf22b18
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 58f042df83af9fe5ae8753542f1af67077985f715e8946e1cb587ca7ade659c4190d6fb2ffadb3446b2f8508fa21eda7eda9793e0403ee6c5ee1d8f36aba3214
|
|
7
|
+
data.tar.gz: 844df3bf7b1eec78f0a5f32e731bf18956db6d4216979533cd8d413e15fed5fff6ba37f753fcb5564aa0159c1218427a3cbd91a051d44f26930e3f2c912337fc
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react"
|
|
2
|
-
import { AdvancedTable, Pill, Body, Flex, Detail, Caption } from "playbook-ui"
|
|
2
|
+
import { AdvancedTable, Pill, Body, Flex, Detail, Caption, Badge, Title } from "playbook-ui"
|
|
3
3
|
import MOCK_DATA from "./advanced_table_mock_data.json"
|
|
4
4
|
|
|
5
5
|
const AdvancedTableCustomCell = (props) => {
|
|
@@ -8,7 +8,18 @@ const AdvancedTableCustomCell = (props) => {
|
|
|
8
8
|
accessor: "year",
|
|
9
9
|
label: "Year",
|
|
10
10
|
cellAccessors: ["quarter", "month", "day"],
|
|
11
|
-
|
|
11
|
+
customRenderer: (row, value) => (
|
|
12
|
+
<Flex>
|
|
13
|
+
<Title size={4}
|
|
14
|
+
text={value}
|
|
15
|
+
/>
|
|
16
|
+
<Badge
|
|
17
|
+
marginLeft="sm"
|
|
18
|
+
text={row.original.newEnrollments > 20 ? "High" : "Low"}
|
|
19
|
+
variant="neutral"
|
|
20
|
+
/>
|
|
21
|
+
</Flex>
|
|
22
|
+
),
|
|
12
23
|
},
|
|
13
24
|
{
|
|
14
25
|
accessor: "newEnrollments",
|