playbook_ui 4.18.1 → 5.1.0.pre.alpha4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -2
- data/app/helpers/playbook/pb_sample_helper.rb +1 -1
- data/app/pb_kits/playbook/_playbook.scss +1 -1
- data/app/pb_kits/playbook/index.js +4 -0
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +5 -0
- data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +3 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb +15 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +24 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +6 -4
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_caption/_caption.jsx +21 -4
- data/app/pb_kits/playbook/pb_card/_card.scss +1 -72
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +72 -0
- data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +0 -1
- data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx +1 -1
- data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +2 -2
- data/app/pb_kits/playbook/pb_installer/_installer.html.erb +16 -0
- data/app/pb_kits/playbook/pb_installer/_installer.jsx +54 -0
- data/app/pb_kits/playbook/pb_installer/_installer.scss +7 -0
- data/app/pb_kits/playbook/pb_installer/docs/_installer_default.html.erb +8 -0
- data/app/pb_kits/playbook/pb_installer/docs/_installer_default.jsx +16 -0
- data/app/pb_kits/playbook/pb_installer/docs/example.yml +9 -0
- data/app/pb_kits/playbook/pb_installer/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_installer/installer.rb +18 -0
- data/app/pb_kits/playbook/pb_layout/_body.html.erb +1 -1
- data/app/pb_kits/playbook/pb_layout/_column.html.erb +7 -0
- data/app/pb_kits/playbook/pb_layout/_layout.jsx +31 -13
- data/app/pb_kits/playbook/pb_layout/_layout.scss +54 -0
- data/app/pb_kits/playbook/pb_layout/body.rb +4 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban.html.erb +140 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx +1234 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.html.erb +57 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx +46 -0
- data/app/pb_kits/playbook/pb_layout/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_layout/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_layout/layout.rb +12 -4
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +5 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb +16 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +23 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +5 -3
- data/app/pb_kits/playbook/pb_line_graph/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +3 -0
- data/app/pb_kits/playbook/pb_list/_item.html.erb +3 -2
- data/app/pb_kits/playbook/pb_list/_list.html.erb +3 -3
- data/app/pb_kits/playbook/pb_list/_list.jsx +55 -10
- data/app/pb_kits/playbook/pb_list/_list_item.jsx +41 -18
- data/app/pb_kits/playbook/pb_list/docs/_list_borderless.jsx +21 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_dark.jsx +0 -5
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.jsx +22 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_lg.jsx +22 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.jsx +22 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.jsx +22 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx +75 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx +75 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_lg.jsx +21 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_ordered.jsx +21 -0
- data/app/pb_kits/playbook/pb_list/docs/_list_xpadding.jsx +21 -0
- data/app/pb_kits/playbook/pb_list/docs/example.yml +12 -1
- data/app/pb_kits/playbook/pb_list/docs/index.js +11 -0
- data/app/pb_kits/playbook/pb_popover/_popover.html.erb +4 -4
- data/app/pb_kits/playbook/pb_popover/_popover.jsx +41 -8
- data/app/pb_kits/playbook/pb_popover/_popover.scss +41 -2
- data/app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb +42 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +99 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb +19 -7
- data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +22 -6
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb +11 -10
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +22 -18
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.md +1 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.html.erb +24 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +56 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.html.erb +14 -0
- data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +50 -0
- data/app/pb_kits/playbook/pb_popover/docs/example.yml +12 -8
- data/app/pb_kits/playbook/pb_popover/docs/index.js +3 -3
- data/app/pb_kits/playbook/pb_popover/index.js +13 -9
- data/app/pb_kits/playbook/pb_popover/popover.rb +26 -2
- data/app/pb_kits/playbook/pb_title/_title.html.erb +1 -0
- data/app/pb_kits/playbook/pb_title/_title.jsx +24 -17
- data/app/pb_kits/playbook/plugins/pb_chart.js +8 -2
- data/app/pb_kits/playbook/props.rb +7 -0
- data/app/pb_kits/playbook/tokens/index.scss +12 -0
- data/lib/playbook/version.rb +1 -1
- data/lib/tasks/pb_release.rake +3 -0
- metadata +40 -78
- data/app/assets/images/clark.jpg +0 -0
- data/app/assets/images/giant.jpg +0 -0
- data/app/assets/images/pb-caret.svg +0 -1
- data/app/assets/images/pb-check.svg +0 -11
- data/app/assets/images/pb.logo.svg +0 -28
- data/app/controllers/playbook/application_controller.rb +0 -13
- data/app/controllers/playbook/guides_controller.rb +0 -11
- data/app/controllers/playbook/pages_controller.rb +0 -79
- data/app/controllers/playbook/samples_controller.rb +0 -40
- data/app/pb_kits/playbook/config/_kit_example.html.erb +0 -9
- data/app/pb_kits/playbook/config/_kit_samples_list.html.erb +0 -3
- data/app/pb_kits/playbook/config/_kit_ui.html.erb +0 -40
- data/app/pb_kits/playbook/config/_pb_kit_api.html.erb +0 -18
- data/app/pb_kits/playbook/data/menu.yml +0 -91
- data/app/pb_kits/playbook/packs/application.js +0 -55
- data/app/pb_kits/playbook/packs/examples.js +0 -172
- data/app/pb_kits/playbook/packs/main.scss +0 -12
- data/app/pb_kits/playbook/packs/samples.js +0 -17
- data/app/pb_kits/playbook/packs/site_styles/_samples.scss +0 -72
- data/app/pb_kits/playbook/packs/site_styles/_scaffold.scss +0 -43
- data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +0 -135
- data/app/pb_kits/playbook/packs/site_styles/docs/_all.scss +0 -9
- data/app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss +0 -531
- data/app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss +0 -92
- data/app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss +0 -15
- data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +0 -190
- data/app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss +0 -18
- data/app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss +0 -82
- data/app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss +0 -72
- data/app/pb_kits/playbook/pb_popover/docs/_popover_click_any.html.erb +0 -19
- data/app/pb_kits/playbook/pb_popover/docs/_popover_click_any.jsx +0 -40
- data/app/pb_kits/playbook/pb_popover/docs/_popover_click_inside.html.erb +0 -14
- data/app/pb_kits/playbook/pb_popover/docs/_popover_click_inside.jsx +0 -40
- data/app/pb_kits/playbook/pb_popover/docs/_popover_click_outside.html.erb +0 -14
- data/app/pb_kits/playbook/pb_popover/docs/_popover_click_outside.jsx +0 -40
- data/app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx +0 -34
- data/app/pb_kits/playbook/pb_popover/docs/_popover_with_circle.html.erb +0 -5
- data/app/views/layouts/playbook/_mobile_hamburger.html.erb +0 -2
- data/app/views/layouts/playbook/_nav.html.erb +0 -13
- data/app/views/layouts/playbook/_sidebar.html.erb +0 -52
- data/app/views/layouts/playbook/application.html.slim +0 -22
- data/app/views/layouts/playbook/fullscreen.html.slim +0 -10
- data/app/views/layouts/playbook/grid.html.slim +0 -10
- data/app/views/layouts/playbook/samples.html.erb +0 -18
- data/app/views/playbook/guides/create_kit.html.slim +0 -16
- data/app/views/playbook/guides/create_kit/_file_naming.html.md +0 -2
- data/app/views/playbook/guides/create_kit/_generator.html.md +0 -6
- data/app/views/playbook/guides/create_kit/_kit_examples.html.md +0 -2
- data/app/views/playbook/guides/create_kit/_kit_rails.html.md +0 -2
- data/app/views/playbook/guides/create_kit/_kit_react.html.md +0 -2
- data/app/views/playbook/guides/create_kit/_layout.html.md +0 -2
- data/app/views/playbook/guides/create_kit/_view_objects.html.md +0 -2
- data/app/views/playbook/guides/create_kit/_writing_sass.md +0 -10
- data/app/views/playbook/guides/use_nitro.html.slim +0 -6
- data/app/views/playbook/guides/use_nitro/_local.html.md +0 -2
- data/app/views/playbook/guides/use_nitro/_nitro_components.html.md +0 -2
- data/app/views/playbook/guides/use_nitro/_versions.html.md +0 -2
- data/app/views/playbook/pages/fullscreen.html.slim +0 -10
- data/app/views/playbook/pages/grid.html.slim +0 -2
- data/app/views/playbook/pages/home.html.slim +0 -4
- data/app/views/playbook/pages/kit_category_show.html.erb +0 -14
- data/app/views/playbook/pages/kit_show.html.erb +0 -33
- data/app/views/playbook/pages/kits.html.erb +0 -12
- data/app/views/playbook/pages/principals/_getting_started.html.md +0 -30
- data/app/views/playbook/pages/principles.html.slim +0 -3
- data/app/views/playbook/pages/tokens.html.slim +0 -15
- data/app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim +0 -17
- data/app/views/playbook/pages/utilities.html.slim +0 -116
- data/app/views/playbook/pages/utilities/_pb_doc_color.html.slim +0 -15
- data/app/views/playbook/samples/dashboards/index.html.erb +0 -81
- data/app/views/playbook/samples/dashboards/index.jsx +0 -130
- data/app/views/playbook/samples/registration/index.html.erb +0 -316
- data/app/views/playbook/samples/registration/index.jsx +0 -476
- data/app/views/playbook/samples/sample_show.html.erb +0 -36
@@ -1,316 +0,0 @@
|
|
1
|
-
<%= pb_rails("layout", props: {position: "left", size: "lg", collapse: "sm"}) do %>
|
2
|
-
<%= pb_rails("layout/sidebar") do %>
|
3
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center", padding: "md"}) do %>
|
4
|
-
<%= pb_rails("flex/flex_item") do %>
|
5
|
-
<%= pb_rails("title", props: { text: "Design Expo", tag: "h2", size: 3 }) %>
|
6
|
-
<% end %>
|
7
|
-
<%= pb_rails("flex/flex_item") do %>
|
8
|
-
<%= pb_rails("body", props: {
|
9
|
-
text: "Annual Conference*",
|
10
|
-
color: "light"
|
11
|
-
}) %>
|
12
|
-
<% end %>
|
13
|
-
<% end %>
|
14
|
-
|
15
|
-
<%= pb_rails("section_separator") %>
|
16
|
-
<%= pb_rails("flex", props: {orientation: "column", padding: "md"}) do %>
|
17
|
-
<%= pb_rails("flex/flex_item") do %>
|
18
|
-
<%= pb_rails("title", props: { text: "Regions", tag: "h4", size: 4, padding_bottom: "sm" }) %>
|
19
|
-
<% end %>
|
20
|
-
|
21
|
-
<%= pb_rails("flex", props: {orientation: "column"}) do %>
|
22
|
-
<%= pb_rails("body", props: {classname: "flex-item"}) do %>
|
23
|
-
<%= pb_rails("checkbox" , props: {
|
24
|
-
text: "North America",
|
25
|
-
value: "checkbox-value",
|
26
|
-
checked: true,
|
27
|
-
name: "checkbox-name",
|
28
|
-
padding_left: "sm",
|
29
|
-
padding_bottom: "sm"
|
30
|
-
}) %>
|
31
|
-
<% end %>
|
32
|
-
<%= pb_rails("body", props: {classname: "flex-item"}) do %>
|
33
|
-
<%= pb_rails("checkbox" , props: {
|
34
|
-
text: "Europe",
|
35
|
-
value: "checkbox-value",
|
36
|
-
checked: true,
|
37
|
-
name: "checkbox-name",
|
38
|
-
padding_left: "sm",
|
39
|
-
padding_bottom: "sm"
|
40
|
-
}) %>
|
41
|
-
<% end %>
|
42
|
-
<% end %>
|
43
|
-
|
44
|
-
|
45
|
-
<%= pb_rails("title", props: { text: "Total Registered", tag: "h4", size: 4, padding_y: "sm" }) %>
|
46
|
-
|
47
|
-
<%= pb_rails("table", props: { size: "sm", disable_hover: true, padding_bottom: "xs" }) do %>
|
48
|
-
<thead>
|
49
|
-
<tr>
|
50
|
-
<th>Conference</th>
|
51
|
-
<th>Total #</th>
|
52
|
-
</tr>
|
53
|
-
</thead>
|
54
|
-
<tbody>
|
55
|
-
<tr>
|
56
|
-
<td>2020 | SF</td>
|
57
|
-
<td>2,391</td>
|
58
|
-
</tr>
|
59
|
-
<tr>
|
60
|
-
<td>2020 | TOR</td>
|
61
|
-
<td>3,829</td>
|
62
|
-
</tr>
|
63
|
-
<tr>
|
64
|
-
<td>2019 | AMS</td>
|
65
|
-
<td>2,047</td>
|
66
|
-
</tr>
|
67
|
-
<tr>
|
68
|
-
<td>2018 | SF</td>
|
69
|
-
<td>1,824</td>
|
70
|
-
</tr>
|
71
|
-
<tr>
|
72
|
-
<td>2017 | LA</td>
|
73
|
-
<td>719</td>
|
74
|
-
</tr>
|
75
|
-
<tr>
|
76
|
-
<td>2017 | LDN</td>
|
77
|
-
<td>491</td>
|
78
|
-
</tr>
|
79
|
-
</tbody>
|
80
|
-
<% end %>
|
81
|
-
<%= pb_rails("caption", props: { text: "*This dashboard includes the last six conferences", size: 'xs' }) %>
|
82
|
-
<% end %>
|
83
|
-
|
84
|
-
<% end %>
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
<%= pb_rails("layout/body", props: { padding: "xl" }) do %>
|
89
|
-
|
90
|
-
<%= pb_rails("title", props: { text: "Registration Dashboard", tag: "h1", size: 3, padding_bottom: "lg" }) %>
|
91
|
-
|
92
|
-
|
93
|
-
<%= pb_rails("flex") do %>
|
94
|
-
<%= pb_rails("flex/flex_item", props: {fixed_size: "60%", padding_right: "lg"}) do %>
|
95
|
-
<%= pb_rails("card") do %>
|
96
|
-
<%= pb_rails("flex", props: {vertical: "bottom", spacing: "around", padding_bottom: "md"}) do %>
|
97
|
-
<%= pb_rails("flex/flex_item") do %>
|
98
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
99
|
-
<%= pb_rails("flex/flex_item") do %>
|
100
|
-
<%= pb_rails("caption", props: { text: "2020 | SF", size: "xs" }) %>
|
101
|
-
<% end %>
|
102
|
-
<%= pb_rails("flex/flex_item") do %>
|
103
|
-
<%= pb_rails("caption", props: { text: "Total Registered" }) %>
|
104
|
-
<% end %>
|
105
|
-
<%= pb_rails("flex/flex_item") do %>
|
106
|
-
<%= pb_rails("title", props: { text: "2,391", tag: "h3", size: 2 }) %>
|
107
|
-
<% end %>
|
108
|
-
<% end %>
|
109
|
-
<% end %>
|
110
|
-
<%= pb_rails("section_separator", props: { orientation: "vertical" }) %>
|
111
|
-
<%= pb_rails("flex/flex_item") do %>
|
112
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
113
|
-
<%= pb_rails("flex/flex_item") do %>
|
114
|
-
<%= pb_rails("caption", props: { text: "Graphic" }) %>
|
115
|
-
<% end %>
|
116
|
-
<%= pb_rails("flex/flex_item") do %>
|
117
|
-
<%= pb_rails("title", props: { text: "353", tag: "h3", size: 3 }) %>
|
118
|
-
<% end %>
|
119
|
-
<% end %>
|
120
|
-
<% end %>
|
121
|
-
<%= pb_rails("flex/flex_item") do %>
|
122
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
123
|
-
<%= pb_rails("flex/flex_item") do %>
|
124
|
-
<%= pb_rails("caption", props: { text: "UX/UI" }) %>
|
125
|
-
<% end %>
|
126
|
-
<%= pb_rails("flex/flex_item") do %>
|
127
|
-
<%= pb_rails("title", props: { text: "254", tag: "h3", size: 3 }) %>
|
128
|
-
<% end %>
|
129
|
-
<% end %>
|
130
|
-
<% end %>
|
131
|
-
<%= pb_rails("flex/flex_item") do %>
|
132
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
133
|
-
<%= pb_rails("flex/flex_item") do %>
|
134
|
-
<%= pb_rails("caption", props: { text: "Product" }) %>
|
135
|
-
<% end %>
|
136
|
-
<%= pb_rails("flex/flex_item") do %>
|
137
|
-
<%= pb_rails("title", props: { text: "194", tag: "h3", size: 3 }) %>
|
138
|
-
<% end %>
|
139
|
-
<% end %>
|
140
|
-
<% end %>
|
141
|
-
<% end %>
|
142
|
-
<%= pb_rails("section_separator") %>
|
143
|
-
<%= pb_rails("flex", props: {vertical: "bottom", spacing: "around", padding_top: "sm"}) do %>
|
144
|
-
<%= pb_rails("flex/flex_item") do %>
|
145
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
146
|
-
<%= pb_rails("flex/flex_item") do %>
|
147
|
-
<%= pb_rails("caption", props: { text: "2020 | TOR", size: "xs" }) %>
|
148
|
-
<% end %>
|
149
|
-
<%= pb_rails("flex/flex_item") do %>
|
150
|
-
<%= pb_rails("caption", props: { text: "Total Registered" }) %>
|
151
|
-
<% end %>
|
152
|
-
<%= pb_rails("flex/flex_item") do %>
|
153
|
-
<%= pb_rails("title", props: { text: "3,829", tag: "h3", size: 2 }) %>
|
154
|
-
<% end %>
|
155
|
-
<% end %>
|
156
|
-
<% end %>
|
157
|
-
<%= pb_rails("flex/flex_item") do %>
|
158
|
-
<%= pb_rails("section_separator", props: { orientation: "vertical" }) %>
|
159
|
-
<% end %>
|
160
|
-
<%= pb_rails("flex/flex_item") do %>
|
161
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
162
|
-
<%= pb_rails("flex/flex_item") do %>
|
163
|
-
<%= pb_rails("caption", props: { text: "Graphic" }) %>
|
164
|
-
<% end %>
|
165
|
-
<%= pb_rails("flex/flex_item") do %>
|
166
|
-
<%= pb_rails("title", props: { text: "937", tag: "h3", size: 3 }) %>
|
167
|
-
<% end %>
|
168
|
-
<% end %>
|
169
|
-
<% end %>
|
170
|
-
<%= pb_rails("flex/flex_item") do %>
|
171
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
172
|
-
<%= pb_rails("flex/flex_item") do %>
|
173
|
-
<%= pb_rails("caption", props: { text: "UX/UI" }) %>
|
174
|
-
<% end %>
|
175
|
-
<%= pb_rails("flex/flex_item") do %>
|
176
|
-
<%= pb_rails("title", props: { text: "721", tag: "h3", size: 3 }) %>
|
177
|
-
<% end %>
|
178
|
-
<% end %>
|
179
|
-
<% end %>
|
180
|
-
<%= pb_rails("flex/flex_item") do %>
|
181
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "center"}) do %>
|
182
|
-
<%= pb_rails("flex/flex_item") do %>
|
183
|
-
<%= pb_rails("caption", props: { text: "Product" }) %>
|
184
|
-
<% end %>
|
185
|
-
<%= pb_rails("flex/flex_item") do %>
|
186
|
-
<%= pb_rails("title", props: { text: "628", tag: "h3", size: 3 }) %>
|
187
|
-
<% end %>
|
188
|
-
<% end %>
|
189
|
-
<% end %>
|
190
|
-
<% end %>
|
191
|
-
<% end %>
|
192
|
-
|
193
|
-
<%= pb_rails("flex", props: {orientation: "column", horizontal: "right", padding_bottom: "md"}) do %>
|
194
|
-
<%= pb_rails("flex/flex_item") do %>
|
195
|
-
<%= pb_rails("button", props: { text: "View full breakdown", variant: "link" }) %>
|
196
|
-
<% end %>
|
197
|
-
<% end %>
|
198
|
-
|
199
|
-
<%= pb_rails("card") do %>
|
200
|
-
<% data = [{
|
201
|
-
name: '2020 | SF',
|
202
|
-
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
|
203
|
-
}, {
|
204
|
-
name: '2020 | TOR',
|
205
|
-
data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]
|
206
|
-
}, {
|
207
|
-
name: '2019 | AMS',
|
208
|
-
data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]
|
209
|
-
}, {
|
210
|
-
name: '2018 | SF',
|
211
|
-
data: [nil, nil, 7988, 12169, 15112, 22452, 34400, 34227]
|
212
|
-
}, {
|
213
|
-
name: '2017 | LA',
|
214
|
-
data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]
|
215
|
-
}] %>
|
216
|
-
|
217
|
-
<%= pb_rails("line_graph", props: {
|
218
|
-
id: "line-registration",
|
219
|
-
gradient: false,
|
220
|
-
chart_data: data,
|
221
|
-
x_axis_categories:['7 wks away','6 wks away','5 wks away','4 wks away','3 wks away','2 wks away','1 wk away','Start of event'],
|
222
|
-
title: 'Running Total',
|
223
|
-
axis_title: 'Total Registration',
|
224
|
-
legend: true,
|
225
|
-
height: '80%'
|
226
|
-
}) %>
|
227
|
-
<% end %>
|
228
|
-
<% end %>
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
<%= pb_rails("flex/flex_item", props: {fixed_size: "40%"}) do %>
|
233
|
-
<%= pb_rails("card") do %>
|
234
|
-
<% total = [{
|
235
|
-
name: 'Registrations',
|
236
|
-
data: [1475, 524, 1344, 780, 200, 900]
|
237
|
-
}] %>
|
238
|
-
<%= pb_rails("bar_graph", props: {
|
239
|
-
axis_title: 'Total Registered',
|
240
|
-
chart_data: total,
|
241
|
-
id: "total-attendees",
|
242
|
-
y_axis_min: 0,
|
243
|
-
x_axis_categories:['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF'],
|
244
|
-
height: '30%'
|
245
|
-
}) %>
|
246
|
-
|
247
|
-
<% new_attendees = [{
|
248
|
-
name: 'Registrations',
|
249
|
-
data: [1475, 524, 1344, 780, 200, 900]
|
250
|
-
}] %>
|
251
|
-
<%= pb_rails("bar_graph", props: {
|
252
|
-
axis_title: 'New Attendees',
|
253
|
-
chart_data: new_attendees,
|
254
|
-
id: "new-attendees",
|
255
|
-
y_axis_min: 0,
|
256
|
-
x_axis_categories:['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF'],
|
257
|
-
height: '30%'
|
258
|
-
}) %>
|
259
|
-
|
260
|
-
<% repeating_attendees = [{
|
261
|
-
name: 'Registrations',
|
262
|
-
data: [1475, 524, 1344, 780, 200, 900]
|
263
|
-
}] %>
|
264
|
-
<%= pb_rails("bar_graph", props: {
|
265
|
-
axis_title: 'Repeating Attendees',
|
266
|
-
chart_data: repeating_attendees,
|
267
|
-
id: "repeating-attendees",
|
268
|
-
y_axis_min: 0,
|
269
|
-
x_axis_categories:['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF'],
|
270
|
-
height: '30%'
|
271
|
-
}) %>
|
272
|
-
|
273
|
-
<% graphic_designers = [{
|
274
|
-
name: 'Registrations',
|
275
|
-
data: [1475, 524, 1344, 780, 200, 900]
|
276
|
-
}] %>
|
277
|
-
<%= pb_rails("bar_graph", props: {
|
278
|
-
axis_title: 'Graphic Designers',
|
279
|
-
chart_data: graphic_designers,
|
280
|
-
id: "graphic-designers",
|
281
|
-
y_axis_min: 0,
|
282
|
-
x_axis_categories:['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF'],
|
283
|
-
height: '30%'
|
284
|
-
}) %>
|
285
|
-
|
286
|
-
<% ux_ui = [{
|
287
|
-
name: 'Registrations',
|
288
|
-
data: [1475, 524, 1344, 780, 200, 900]
|
289
|
-
}] %>
|
290
|
-
<%= pb_rails("bar_graph", props: {
|
291
|
-
axis_title: 'UX/UI',
|
292
|
-
chart_data: ux_ui,
|
293
|
-
id: "ux-ui",
|
294
|
-
y_axis_min: 0,
|
295
|
-
x_axis_categories:['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF'],
|
296
|
-
height: '30%'
|
297
|
-
}) %>
|
298
|
-
|
299
|
-
<% product_designers = [{
|
300
|
-
name: 'Registrations',
|
301
|
-
data: [1475, 524, 1344, 780, 200, 900]
|
302
|
-
}] %>
|
303
|
-
<%= pb_rails("bar_graph", props: {
|
304
|
-
axis_title: 'Product Designers',
|
305
|
-
chart_data: product_designers,
|
306
|
-
id: "product-designers",
|
307
|
-
y_axis_min: 0,
|
308
|
-
x_axis_categories:['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF'],
|
309
|
-
height: '30%'
|
310
|
-
}) %>
|
311
|
-
|
312
|
-
<% end %>
|
313
|
-
<% end %>
|
314
|
-
<% end %>
|
315
|
-
<% end %>
|
316
|
-
<% end %>
|
@@ -1,476 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import { BarGraph, Body, Button, Caption, Card, Checkbox, Flex, Layout, LineGraph, SectionSeparator, Table, Title } from '../../../../pb_kits/playbook'
|
3
|
-
import FlexItem from '../../../../pb_kits/playbook/pb_flex/_flex_item.jsx'
|
4
|
-
|
5
|
-
const data = [{
|
6
|
-
name: '2020 | SF',
|
7
|
-
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
|
8
|
-
}, {
|
9
|
-
name: '2020 | TOR',
|
10
|
-
data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434],
|
11
|
-
}, {
|
12
|
-
name: '2019 | AMS',
|
13
|
-
data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387],
|
14
|
-
}, {
|
15
|
-
name: '2018 | SF',
|
16
|
-
data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227],
|
17
|
-
}, {
|
18
|
-
name: '2017 | LA',
|
19
|
-
data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111],
|
20
|
-
}]
|
21
|
-
|
22
|
-
const totalRegistered = [{
|
23
|
-
name: 'Registrations',
|
24
|
-
data: [1475, 524, 1344, 780, 200, 900],
|
25
|
-
}]
|
26
|
-
const newAttendees = [{
|
27
|
-
name: 'Registrations',
|
28
|
-
data: [1475, 524, 1344, 780, 200, 900],
|
29
|
-
}]
|
30
|
-
const repeatingAttendees = [{
|
31
|
-
name: 'Registrations',
|
32
|
-
data: [1475, 524, 1344, 780, 200, 900],
|
33
|
-
}]
|
34
|
-
const graphicDesigners = [{
|
35
|
-
name: 'Registrations',
|
36
|
-
data: [1475, 524, 1344, 780, 200, 900],
|
37
|
-
}]
|
38
|
-
const uxUi = [{
|
39
|
-
name: 'Registrations',
|
40
|
-
data: [1475, 524, 1344, 780, 200, 900],
|
41
|
-
}]
|
42
|
-
const productDesigners = [{
|
43
|
-
name: 'Registrations',
|
44
|
-
data: [1475, 524, 1344, 780, 200, 900],
|
45
|
-
}]
|
46
|
-
|
47
|
-
const Registration = () => (
|
48
|
-
<div>
|
49
|
-
<Layout
|
50
|
-
collapse="xs"
|
51
|
-
position="left"
|
52
|
-
size="lg"
|
53
|
-
>
|
54
|
-
<Layout.Side>
|
55
|
-
<Flex
|
56
|
-
orientation="column"
|
57
|
-
padding="md"
|
58
|
-
vertical="center"
|
59
|
-
>
|
60
|
-
<FlexItem>
|
61
|
-
<Title
|
62
|
-
size={3}
|
63
|
-
tag="h3"
|
64
|
-
text="Design Expo"
|
65
|
-
/>
|
66
|
-
</FlexItem>
|
67
|
-
<FlexItem>
|
68
|
-
<Body
|
69
|
-
color="light"
|
70
|
-
text="Annual Conference*"
|
71
|
-
/>
|
72
|
-
</FlexItem>
|
73
|
-
</Flex>
|
74
|
-
<SectionSeparator />
|
75
|
-
<Flex
|
76
|
-
orientation="column"
|
77
|
-
padding="md"
|
78
|
-
>
|
79
|
-
<FlexItem>
|
80
|
-
<Title
|
81
|
-
paddingBottom="sm"
|
82
|
-
size={4}
|
83
|
-
tag="h4"
|
84
|
-
text="Regions"
|
85
|
-
/>
|
86
|
-
</FlexItem>
|
87
|
-
<Flex
|
88
|
-
inline
|
89
|
-
orientation="column"
|
90
|
-
>
|
91
|
-
<Checkbox
|
92
|
-
checked
|
93
|
-
name="NorthAmerica"
|
94
|
-
paddingBottom="sm"
|
95
|
-
paddingLeft="sm"
|
96
|
-
text="North America"
|
97
|
-
value="NorthAmerica"
|
98
|
-
/>
|
99
|
-
<Checkbox
|
100
|
-
checked
|
101
|
-
name="Europe"
|
102
|
-
paddingBottom="sm"
|
103
|
-
paddingLeft="sm"
|
104
|
-
text="Europe"
|
105
|
-
value="Europe"
|
106
|
-
/>
|
107
|
-
</Flex>
|
108
|
-
<Title
|
109
|
-
paddingY="sm"
|
110
|
-
size={4}
|
111
|
-
tag="h4"
|
112
|
-
text="Total Registered"
|
113
|
-
/>
|
114
|
-
<Table
|
115
|
-
paddingBottom="xs"
|
116
|
-
size="sm"
|
117
|
-
>
|
118
|
-
<thead>
|
119
|
-
<tr>
|
120
|
-
<th>{'Conference'}</th>
|
121
|
-
<th>{'Total #'}</th>
|
122
|
-
</tr>
|
123
|
-
</thead>
|
124
|
-
<tbody>
|
125
|
-
<tr>
|
126
|
-
<td>{'2020 | SF'}</td>
|
127
|
-
<td>{'2,391'}</td>
|
128
|
-
</tr>
|
129
|
-
<tr>
|
130
|
-
<td>{'2020 | TOR'}</td>
|
131
|
-
<td>{'3,829'}</td>
|
132
|
-
</tr>
|
133
|
-
<tr>
|
134
|
-
<td>{'2019 | AMS'}</td>
|
135
|
-
<td>{'2,047'}</td>
|
136
|
-
</tr>
|
137
|
-
<tr>
|
138
|
-
<td>{'2018 | SF'}</td>
|
139
|
-
<td>{'1,824'}</td>
|
140
|
-
</tr>
|
141
|
-
<tr>
|
142
|
-
<td>{'2017 | LA'}</td>
|
143
|
-
<td>{'719'}</td>
|
144
|
-
</tr>
|
145
|
-
<tr>
|
146
|
-
<td>{'2017 | LDN'}</td>
|
147
|
-
<td>{'491'}</td>
|
148
|
-
</tr>
|
149
|
-
</tbody>
|
150
|
-
</Table>
|
151
|
-
<Caption
|
152
|
-
size="xs"
|
153
|
-
text="*This dashboard includes the last six conferences"
|
154
|
-
/>
|
155
|
-
</Flex>
|
156
|
-
</Layout.Side>
|
157
|
-
|
158
|
-
<Layout.Body
|
159
|
-
padding="xl"
|
160
|
-
>
|
161
|
-
<Title
|
162
|
-
paddingBottom="lg"
|
163
|
-
size={3}
|
164
|
-
tag="h3"
|
165
|
-
text="Registration Dashboard"
|
166
|
-
/>
|
167
|
-
<Flex
|
168
|
-
className="bg_light"
|
169
|
-
wrap
|
170
|
-
>
|
171
|
-
<FlexItem
|
172
|
-
fixedSize="60%"
|
173
|
-
paddingRight="lg"
|
174
|
-
>
|
175
|
-
<Card>
|
176
|
-
|
177
|
-
<Flex
|
178
|
-
paddingBottom="md"
|
179
|
-
spacing="around"
|
180
|
-
vertical="bottom"
|
181
|
-
>
|
182
|
-
{/****** first number ******/}
|
183
|
-
<FlexItem>
|
184
|
-
<Flex
|
185
|
-
orientation="column"
|
186
|
-
vertical="center"
|
187
|
-
>
|
188
|
-
<FlexItem>
|
189
|
-
<Caption
|
190
|
-
size="xs"
|
191
|
-
text="2020 | SF"
|
192
|
-
/>
|
193
|
-
</FlexItem>
|
194
|
-
<FlexItem>
|
195
|
-
<Caption
|
196
|
-
text="Total Registered"
|
197
|
-
/>
|
198
|
-
</FlexItem>
|
199
|
-
<FlexItem>
|
200
|
-
<Title
|
201
|
-
size={2}
|
202
|
-
tag="h2"
|
203
|
-
text="2,391"
|
204
|
-
/>
|
205
|
-
</FlexItem>
|
206
|
-
</Flex>
|
207
|
-
</FlexItem>
|
208
|
-
|
209
|
-
<SectionSeparator orientation="vertical" />
|
210
|
-
|
211
|
-
{/****** second number ******/}
|
212
|
-
|
213
|
-
<FlexItem>
|
214
|
-
<Flex
|
215
|
-
orientation="column"
|
216
|
-
paddingTop="sm"
|
217
|
-
vertical="center"
|
218
|
-
>
|
219
|
-
<FlexItem>
|
220
|
-
<Caption
|
221
|
-
text="Graphic"
|
222
|
-
/>
|
223
|
-
</FlexItem>
|
224
|
-
<FlexItem>
|
225
|
-
<Title
|
226
|
-
size={3}
|
227
|
-
tag="h3"
|
228
|
-
text="353"
|
229
|
-
/>
|
230
|
-
</FlexItem>
|
231
|
-
</Flex>
|
232
|
-
</FlexItem>
|
233
|
-
|
234
|
-
{/****** third number ******/}
|
235
|
-
|
236
|
-
<FlexItem>
|
237
|
-
<Flex
|
238
|
-
orientation="column"
|
239
|
-
vertical="center"
|
240
|
-
>
|
241
|
-
<FlexItem>
|
242
|
-
<Caption
|
243
|
-
text="UX/UI"
|
244
|
-
/>
|
245
|
-
</FlexItem>
|
246
|
-
<FlexItem>
|
247
|
-
<Title
|
248
|
-
size={3}
|
249
|
-
tag="h3"
|
250
|
-
text="254"
|
251
|
-
/>
|
252
|
-
</FlexItem>
|
253
|
-
</Flex>
|
254
|
-
</FlexItem>
|
255
|
-
|
256
|
-
{/****** fourth number ******/}
|
257
|
-
|
258
|
-
<FlexItem>
|
259
|
-
<Flex
|
260
|
-
orientation="column"
|
261
|
-
vertical="center"
|
262
|
-
>
|
263
|
-
<FlexItem>
|
264
|
-
<Caption
|
265
|
-
text="Product"
|
266
|
-
/>
|
267
|
-
</FlexItem>
|
268
|
-
<FlexItem>
|
269
|
-
<Title
|
270
|
-
size={3}
|
271
|
-
tag="h3"
|
272
|
-
text="194"
|
273
|
-
/>
|
274
|
-
</FlexItem>
|
275
|
-
</Flex>
|
276
|
-
</FlexItem>
|
277
|
-
</Flex>
|
278
|
-
|
279
|
-
<SectionSeparator />
|
280
|
-
|
281
|
-
<Flex
|
282
|
-
paddingTop="sm"
|
283
|
-
spacing="around"
|
284
|
-
vertical="bottom"
|
285
|
-
>
|
286
|
-
{/****** first number ******/}
|
287
|
-
<FlexItem>
|
288
|
-
<Flex
|
289
|
-
orientation="column"
|
290
|
-
vertical="center"
|
291
|
-
>
|
292
|
-
<FlexItem>
|
293
|
-
<Caption
|
294
|
-
size="xs"
|
295
|
-
text="2020 | TOR"
|
296
|
-
/>
|
297
|
-
</FlexItem>
|
298
|
-
<FlexItem>
|
299
|
-
<Caption
|
300
|
-
text="Total Registered"
|
301
|
-
/>
|
302
|
-
</FlexItem>
|
303
|
-
<FlexItem>
|
304
|
-
<Title
|
305
|
-
size={2}
|
306
|
-
tag="h2"
|
307
|
-
text="3,829"
|
308
|
-
/>
|
309
|
-
</FlexItem>
|
310
|
-
</Flex>
|
311
|
-
</FlexItem>
|
312
|
-
|
313
|
-
<SectionSeparator orientation="vertical" />
|
314
|
-
|
315
|
-
{/****** second number ******/}
|
316
|
-
|
317
|
-
<FlexItem>
|
318
|
-
<Flex
|
319
|
-
orientation="column"
|
320
|
-
vertical="center"
|
321
|
-
>
|
322
|
-
<FlexItem>
|
323
|
-
<Caption
|
324
|
-
text="Graphic"
|
325
|
-
/>
|
326
|
-
</FlexItem>
|
327
|
-
<FlexItem>
|
328
|
-
<Title
|
329
|
-
size={3}
|
330
|
-
tag="h3"
|
331
|
-
text="937"
|
332
|
-
/>
|
333
|
-
</FlexItem>
|
334
|
-
</Flex>
|
335
|
-
</FlexItem>
|
336
|
-
|
337
|
-
{/****** third number ******/}
|
338
|
-
|
339
|
-
<FlexItem>
|
340
|
-
<Flex
|
341
|
-
orientation="column"
|
342
|
-
vertical="center"
|
343
|
-
>
|
344
|
-
<FlexItem>
|
345
|
-
<Caption
|
346
|
-
text="UX/UI"
|
347
|
-
/>
|
348
|
-
</FlexItem>
|
349
|
-
<FlexItem>
|
350
|
-
<Title
|
351
|
-
size={3}
|
352
|
-
tag="h3"
|
353
|
-
text="721"
|
354
|
-
/>
|
355
|
-
</FlexItem>
|
356
|
-
</Flex>
|
357
|
-
</FlexItem>
|
358
|
-
|
359
|
-
{/****** fourth number ******/}
|
360
|
-
|
361
|
-
<FlexItem>
|
362
|
-
<Flex
|
363
|
-
orientation="column"
|
364
|
-
vertical="center"
|
365
|
-
>
|
366
|
-
<FlexItem>
|
367
|
-
<Caption
|
368
|
-
text="Product"
|
369
|
-
/>
|
370
|
-
</FlexItem>
|
371
|
-
<FlexItem>
|
372
|
-
<Title
|
373
|
-
size={3}
|
374
|
-
tag="h3"
|
375
|
-
text="628"
|
376
|
-
/>
|
377
|
-
</FlexItem>
|
378
|
-
</Flex>
|
379
|
-
</FlexItem>
|
380
|
-
</Flex>
|
381
|
-
</Card>
|
382
|
-
|
383
|
-
<Flex
|
384
|
-
orientation="column"
|
385
|
-
paddingBottom="md"
|
386
|
-
vertical="right"
|
387
|
-
>
|
388
|
-
<FlexItem>
|
389
|
-
<Button
|
390
|
-
onClick={() => alert('button clicked!')}
|
391
|
-
text="View full breakdown"
|
392
|
-
variant="link"
|
393
|
-
/>
|
394
|
-
</FlexItem>
|
395
|
-
</Flex>
|
396
|
-
|
397
|
-
<Card>
|
398
|
-
<LineGraph
|
399
|
-
axisTitle="Total Registration"
|
400
|
-
chartData={data}
|
401
|
-
height="80%"
|
402
|
-
id="line-registration"
|
403
|
-
legend
|
404
|
-
title="Running Total"
|
405
|
-
xAxisCategories={['7 wks away', '6 wks away', '5 wks away', '4 wks away', '3 wks away', '2 wks away', '1 wk away', 'Start of Event']}
|
406
|
-
yAxisMin={0}
|
407
|
-
/>
|
408
|
-
</Card>
|
409
|
-
</FlexItem>
|
410
|
-
<FlexItem fixedSize="40%">
|
411
|
-
<Card>
|
412
|
-
<BarGraph
|
413
|
-
axisTitle="Total Registered"
|
414
|
-
chartData={totalRegistered}
|
415
|
-
height="30%"
|
416
|
-
id="total-attendees"
|
417
|
-
xAxisCategories={['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF']}
|
418
|
-
yAxisMin={0}
|
419
|
-
/>
|
420
|
-
<BarGraph
|
421
|
-
axisTitle="New Attendees"
|
422
|
-
chartData={newAttendees}
|
423
|
-
height="30%"
|
424
|
-
id="new-attendees"
|
425
|
-
xAxisCategories={['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF']}
|
426
|
-
yAxisMin={0}
|
427
|
-
/>
|
428
|
-
<BarGraph
|
429
|
-
axisTitle="New Attendees"
|
430
|
-
chartData={newAttendees}
|
431
|
-
height="30%"
|
432
|
-
id="new-attendees"
|
433
|
-
xAxisCategories={['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF']}
|
434
|
-
yAxisMin={0}
|
435
|
-
/>
|
436
|
-
<BarGraph
|
437
|
-
axisTitle="Repeating Attendees"
|
438
|
-
chartData={repeatingAttendees}
|
439
|
-
height="30%"
|
440
|
-
id="repeating-attendees"
|
441
|
-
xAxisCategories={['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF']}
|
442
|
-
yAxisMin={0}
|
443
|
-
/>
|
444
|
-
<BarGraph
|
445
|
-
axisTitle="Graphic Designers"
|
446
|
-
chartData={graphicDesigners}
|
447
|
-
height="30%"
|
448
|
-
id="graphic-designers"
|
449
|
-
xAxisCategories={['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF']}
|
450
|
-
yAxisMin={0}
|
451
|
-
/>
|
452
|
-
<BarGraph
|
453
|
-
axisTitle="UX/UI"
|
454
|
-
chartData={uxUi}
|
455
|
-
height="30%"
|
456
|
-
id="ux-ui"
|
457
|
-
xAxisCategories={['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF']}
|
458
|
-
yAxisMin={0}
|
459
|
-
/>
|
460
|
-
<BarGraph
|
461
|
-
axisTitle="Product Designers"
|
462
|
-
chartData={productDesigners}
|
463
|
-
height="30%"
|
464
|
-
id="product-designers"
|
465
|
-
xAxisCategories={['\'17 LDN', '\'17 LA', '\'18 SF', '\'19 AMS', '\'20 TOR', '\'20 SF']}
|
466
|
-
yAxisMin={0}
|
467
|
-
/>
|
468
|
-
</Card>
|
469
|
-
</FlexItem>
|
470
|
-
</Flex>
|
471
|
-
</Layout.Body>
|
472
|
-
</Layout>
|
473
|
-
</div>
|
474
|
-
)
|
475
|
-
|
476
|
-
export default Registration
|