playbook_ui 14.4.0.pre.alpha.PLAY1486highchartscssdrivenPOC3923 → 14.4.0.pre.alpha.PLAY1529removefaeasy3876

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +1 -1
  4. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss +0 -21
  5. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +184 -5
  6. data/app/pb_kits/playbook/pb_bar_graph/barGraph.test.js +1 -1
  7. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +216 -5
  8. data/app/pb_kits/playbook/pb_circle_chart/circleChart.test.js +1 -1
  9. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +6 -2
  10. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +7 -2
  11. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +64 -3
  12. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +203 -5
  13. data/app/pb_kits/playbook/pb_gauge/gauge.test.js +1 -1
  14. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +154 -5
  15. data/app/pb_kits/playbook/pb_line_graph/lineGraph.test.js +1 -1
  16. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb +2 -2
  17. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb +0 -2
  18. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +2 -5
  19. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +113 -5
  20. data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +1 -1
  21. data/dist/chunks/_typeahead-DnWoIeq6.js +22 -0
  22. data/dist/chunks/_weekday_stacked-C5Ls9JLc.js +45 -0
  23. data/dist/chunks/lib-CEpcaI8y.js +29 -0
  24. data/dist/chunks/{pb_form_validation-Dna2I7fw.js → pb_form_validation-D9zkwt2b.js} +1 -1
  25. data/dist/chunks/vendor.js +1 -1
  26. data/dist/menu.yml +1 -3
  27. data/dist/playbook-doc.js +1 -1
  28. data/dist/playbook-rails-react-bindings.js +1 -1
  29. data/dist/playbook-rails.js +1 -1
  30. data/dist/playbook.css +1 -1
  31. data/lib/playbook/pagination_renderer.rb +2 -2
  32. data/lib/playbook/version.rb +1 -1
  33. metadata +6 -21
  34. data/app/pb_kits/playbook/pb_drawer/_close_icon.tsx +0 -25
  35. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +0 -465
  36. data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +0 -195
  37. data/app/pb_kits/playbook/pb_drawer/_drawer_context.tsx +0 -3
  38. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +0 -117
  39. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +0 -43
  40. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +0 -1
  41. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +0 -63
  42. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +0 -55
  43. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +0 -113
  44. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +0 -12
  45. data/app/pb_kits/playbook/pb_drawer/docs/index.js +0 -5
  46. data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +0 -12
  47. data/app/pb_kits/playbook/pb_drawer/drawer.rb +0 -8
  48. data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +0 -77
  49. data/dist/chunks/_typeahead-BywvWGAm.js +0 -22
  50. data/dist/chunks/_weekday_stacked-5OGZKZeo.js +0 -45
  51. data/dist/chunks/lib-DMOmCoAX.js +0 -29
@@ -1,77 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { render, cleanup, fireEvent, screen } from '../utilities/test-utils';
3
- import { Drawer, Button } from 'playbook-ui';
4
-
5
- const size = 'sm';
6
-
7
- function DrawerTest({ props }) {
8
- const [isOpen, setIsOpen] = useState(false);
9
- const close = () => setIsOpen(false);
10
- const open = () => setIsOpen(true);
11
-
12
- return (
13
- <>
14
- <Button onClick={open}>{'Open Drawer'}</Button>
15
- <Drawer
16
- className="wrapper"
17
- onClose={close}
18
- opened={isOpen}
19
- placement="left"
20
- portalClassName="portal"
21
- size={size}
22
- {...props}
23
- >
24
- {props && props.children}
25
- </Drawer>
26
- </>
27
- );
28
- }
29
-
30
- afterEach(cleanup);
31
-
32
- test('renders with the right border class when border prop is right', async () => {
33
- render(<DrawerTest props={{ border: 'right' }} />);
34
-
35
- fireEvent.click(screen.getByText('Open Drawer'));
36
-
37
- const drawer = await screen.findByRole('dialog');
38
- expect(drawer).toHaveClass('drawer_border_right');
39
- });
40
-
41
- test('renders with the left border class when border prop is left', async () => {
42
- render(<DrawerTest props={{ border: 'left' }} />);
43
-
44
- fireEvent.click(screen.getByText('Open Drawer'));
45
-
46
- const drawer = await screen.findByRole('dialog');
47
- expect(drawer).toHaveClass('drawer_border_left');
48
- });
49
-
50
- test('renders with the full border class when border prop is full', async () => {
51
- render(<DrawerTest props={{ border: 'full' }} />);
52
-
53
- fireEvent.click(screen.getByText('Open Drawer'));
54
-
55
- const drawer = await screen.findByRole('dialog');
56
- expect(drawer).toHaveClass('drawer_border_full');
57
- });
58
-
59
- test('does not have a border class when border prop is none', async () => {
60
- render(<DrawerTest props={{ border: 'none' }} />);
61
-
62
- fireEvent.click(screen.getByText('Open Drawer'));
63
-
64
- const drawer = await screen.findByRole('dialog');
65
- expect(drawer).not.toHaveClass('drawer_border_right');
66
- expect(drawer).not.toHaveClass('drawer_border_left');
67
- expect(drawer).not.toHaveClass('drawer_border_full');
68
- });
69
-
70
- test('renders the correct size class for a large drawer', async () => {
71
- render(<DrawerTest props={{ size: 'lg' }} />);
72
-
73
- fireEvent.click(screen.getByText('Open Drawer'));
74
-
75
- const drawer = await screen.findByRole('dialog');
76
- expect(drawer).toHaveClass('pb_drawer pb_drawer_lg_left');
77
- });