playbook_ui_docs 14.7.0.pre.rc.16 → 14.7.0.pre.rc.17
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: 16ad43897700ff6d1b3acc45f8336f3575dc1dc63843433a74c2786fdac2daf7
|
|
4
|
+
data.tar.gz: f208f562b07e942d9a705c6a4e25a8411e3737d25ce57f32935ae207cbdeb298
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 834fda370a1d7caba143a0dfe6e9a533bdb0054cbe3165d47c0285827ed6046ab3245cdd2b5113130adaeecc9ae24da387db3379b3c67e03124bf88cb1bdc13d
|
|
7
|
+
data.tar.gz: c61c4f176848df367ce851cd527cc59a09aab648a1736af254258a728e96192f10d9db36b0725af00f3422f9013bfb374ae593b66d9462034d34e3d35d133e76
|
|
@@ -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 dark
|
|
17
|
+
marginLeft="xxs"
|
|
18
|
+
text={row.original.newEnrollments > 20 ? "High" : "Low"}
|
|
19
|
+
variant="neutral"
|
|
20
|
+
/>
|
|
21
|
+
</Flex>
|
|
22
|
+
),
|
|
12
23
|
},
|
|
13
24
|
{
|
|
14
25
|
accessor: "newEnrollments",
|