playbook_ui 14.4.0.pre.alpha.PLAY1486highchartscssdrivenPOC3923 → 14.4.0.pre.alpha.PLAY1529removefaeasy3876
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
-
});
|