playbook_ui_docs 14.10.0.pre.rc.21 → 14.10.0.pre.rc.22
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_gauge/docs/_gauge_complex.jsx +25 -5
- data/dist/playbook-doc.js +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e274c86ac4c923a6279bb371842affbd0a9dc275012880d640b7c965e5d0aa0a
|
4
|
+
data.tar.gz: 14cf731be81befb7d0f2dd54d276752866c77b0bd6107b0ba55e2665b229c2e5
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6a24cc6d288630f58e6aa11480cf300200e8b84730c14d84369da642215759ee5305fa65b39e7619382d77bc8ea1d4a2dd05ccaa289d409663cdfd6fcd7ea476
|
7
|
+
data.tar.gz: a6d072acc819a885df53c08b4ea1695a339d9ae88001363be108946e06d7a8ad56171670b8fa71f497b9f59f5aa207283e020f83550746e819ef17a542cfcd26
|
@@ -17,47 +17,60 @@ const GaugeComplex = (props) => (
|
|
17
17
|
gap="sm"
|
18
18
|
padding="xl"
|
19
19
|
wrap
|
20
|
+
{...props}
|
20
21
|
>
|
21
22
|
<FlexItem
|
22
23
|
flex={1}
|
23
24
|
grow
|
25
|
+
{...props}
|
24
26
|
>
|
25
27
|
<Card
|
26
28
|
maxWidth="xs"
|
27
29
|
padding="md"
|
30
|
+
{...props}
|
28
31
|
>
|
29
32
|
<Title
|
30
33
|
paddingBottom="sm"
|
31
34
|
size={4}
|
32
35
|
text="Abandoned Calls"
|
36
|
+
{...props}
|
33
37
|
/>
|
34
|
-
<Flex
|
38
|
+
<Flex
|
39
|
+
align="stretch"
|
40
|
+
{...props}
|
41
|
+
>
|
35
42
|
<Flex
|
36
43
|
marginRight="sm"
|
37
44
|
orientation="column"
|
45
|
+
{...props}
|
38
46
|
>
|
39
47
|
<Body
|
40
48
|
color="light"
|
41
49
|
paddingBottom="sm"
|
42
50
|
text="Total Abandoned"
|
51
|
+
{...props}
|
43
52
|
/>
|
44
53
|
<Flex
|
45
54
|
align="baseline"
|
46
55
|
paddingBottom="xs"
|
56
|
+
{...props}
|
47
57
|
>
|
48
58
|
<Title
|
49
59
|
size={1}
|
50
60
|
text="39"
|
61
|
+
{...props}
|
51
62
|
/>
|
52
63
|
<Title
|
53
64
|
color="light"
|
54
65
|
size={3}
|
55
66
|
text="calls"
|
67
|
+
{...props}
|
56
68
|
/>
|
57
69
|
</Flex>
|
58
70
|
<Caption
|
59
71
|
size="xs"
|
60
72
|
text="of 390"
|
73
|
+
{...props}
|
61
74
|
/>
|
62
75
|
</Flex>
|
63
76
|
|
@@ -65,22 +78,29 @@ const GaugeComplex = (props) => (
|
|
65
78
|
alignSelf="stretch"
|
66
79
|
marginRight="sm"
|
67
80
|
orientation="vertical"
|
81
|
+
{...props}
|
68
82
|
/>
|
69
83
|
|
70
84
|
<Flex
|
71
85
|
orientation="column"
|
72
86
|
wrap
|
87
|
+
{...props}
|
73
88
|
>
|
74
89
|
<Body
|
75
90
|
color="light"
|
76
91
|
text="% Abandoned"
|
77
|
-
|
78
|
-
|
92
|
+
{...props}
|
93
|
+
/>
|
94
|
+
<Flex
|
95
|
+
wrap
|
96
|
+
{...props}
|
97
|
+
>
|
79
98
|
<FlexItem
|
80
99
|
fixedSize="150px"
|
81
100
|
overflow="hidden"
|
82
101
|
shrink
|
83
|
-
|
102
|
+
{...props}
|
103
|
+
>
|
84
104
|
<Gauge
|
85
105
|
chartData={data}
|
86
106
|
disableAnimation
|
@@ -90,7 +110,7 @@ const GaugeComplex = (props) => (
|
|
90
110
|
{...props}
|
91
111
|
/>
|
92
112
|
</FlexItem>
|
93
|
-
</Flex>
|
113
|
+
</Flex>
|
94
114
|
</Flex>
|
95
115
|
</Flex>
|
96
116
|
</Card>
|