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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +1 -1
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss +0 -21
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +184 -5
- data/app/pb_kits/playbook/pb_bar_graph/barGraph.test.js +1 -1
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +216 -5
- data/app/pb_kits/playbook/pb_circle_chart/circleChart.test.js +1 -1
- data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +6 -2
- data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +7 -2
- data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +64 -3
- data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +203 -5
- data/app/pb_kits/playbook/pb_gauge/gauge.test.js +1 -1
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +154 -5
- data/app/pb_kits/playbook/pb_line_graph/lineGraph.test.js +1 -1
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb +2 -2
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb +0 -2
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +2 -5
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +113 -5
- data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +1 -1
- data/dist/chunks/_typeahead-DnWoIeq6.js +22 -0
- data/dist/chunks/_weekday_stacked-C5Ls9JLc.js +45 -0
- data/dist/chunks/lib-CEpcaI8y.js +29 -0
- data/dist/chunks/{pb_form_validation-Dna2I7fw.js → pb_form_validation-D9zkwt2b.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +1 -3
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/pagination_renderer.rb +2 -2
- data/lib/playbook/version.rb +1 -1
- metadata +6 -21
- data/app/pb_kits/playbook/pb_drawer/_close_icon.tsx +0 -25
- data/app/pb_kits/playbook/pb_drawer/_drawer.scss +0 -465
- data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +0 -195
- data/app/pb_kits/playbook/pb_drawer/_drawer_context.tsx +0 -3
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +0 -117
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +0 -43
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +0 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +0 -63
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +0 -55
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +0 -113
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +0 -12
- data/app/pb_kits/playbook/pb_drawer/docs/index.js +0 -5
- data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +0 -12
- data/app/pb_kits/playbook/pb_drawer/drawer.rb +0 -8
- data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +0 -77
- data/dist/chunks/_typeahead-BywvWGAm.js +0 -22
- data/dist/chunks/_weekday_stacked-5OGZKZeo.js +0 -45
- 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
|
-
});
|