playbook_ui_docs 14.4.0.pre.alpha.PLAY1547reactzoompanpinchlightbox3613893 → 14.4.0.pre.alpha.PLAY1562highchartsbump3819
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_date_picker/docs/_date_picker_inline.html.erb +1 -1
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +1 -12
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md +1 -3
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_radio/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
- data/dist/playbook-doc.js +1 -1
- metadata +2 -5
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +0 -59
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb +0 -88
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx +0 -60
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cfd4e12a6ba5d829b8c383be22ef9a5535b45995fa322626e93bfb5f343bfe55
|
4
|
+
data.tar.gz: c28358d54fb88f018cb01a631bf358f2f74353218d2304103cd9da4981e49c4c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2b7a9164f039f8cf58f7d3da53503ecec422d4cb409394017721910808fcba940e2adb89d6140f6880bc1caa78f17894094b11067baae81c78879b0cd30c1978
|
7
|
+
data.tar.gz: 3640bada72dba263d60017d4924e27862e6f10fa5214da5461c8039135eca3b98659c6708dae8a0573baac20aaadc7fa1887e634997d9256bc65610e64bf1424
|
@@ -22,16 +22,6 @@ const PaginationPageChange = (props) => {
|
|
22
22
|
|
23
23
|
return (
|
24
24
|
<div className="App">
|
25
|
-
<Pagination
|
26
|
-
current={activePage}
|
27
|
-
key={`pagination-top-${activePage}`}
|
28
|
-
marginBottom="xs"
|
29
|
-
onChange={onPageChange}
|
30
|
-
range={5}
|
31
|
-
total={totalPages}
|
32
|
-
{...props}
|
33
|
-
/>
|
34
|
-
|
35
25
|
<Table
|
36
26
|
marginBottom="xs"
|
37
27
|
responsive="none"
|
@@ -59,8 +49,7 @@ const PaginationPageChange = (props) => {
|
|
59
49
|
</Table>
|
60
50
|
|
61
51
|
<Pagination
|
62
|
-
current={
|
63
|
-
key={`pagination-bottom-${activePage}`}
|
52
|
+
current={1}
|
64
53
|
onChange={onPageChange}
|
65
54
|
range={5}
|
66
55
|
total={totalPages}
|
@@ -1,3 +1 @@
|
|
1
|
-
You can use the `onChange` prop to control the data of your table. This prop is callback function that will allow you control the state.
|
2
|
-
|
3
|
-
To ensure synchronization between multiple pagination components on a single page, use unique, dynamic keys for each pagination instance. Each Pagination component should have its own dynamic key that reflects the current active page: this example uses `pagination-top-${activePage}` and `pagination-bottom-${activePage}`.
|
1
|
+
You can use the `onChange` prop to control the data of your table. This prop is callback function that will allow you control the state.
|
@@ -3,4 +3,3 @@ export { default as RadioCustom } from './_radio_custom.jsx'
|
|
3
3
|
export { default as RadioError } from './_radio_error.jsx'
|
4
4
|
export { default as RadioAlignment } from './_radio_alignment.jsx'
|
5
5
|
export { default as RadioDisabled } from './_radio_disabled.jsx'
|
6
|
-
export { default as RadioCustomChildren } from './_radio_custom_children.jsx'
|
@@ -9,7 +9,6 @@ examples:
|
|
9
9
|
- typeahead_inline: Inline
|
10
10
|
- typeahead_multi_kit: Multi Kit Options
|
11
11
|
- typeahead_error_state: Error State
|
12
|
-
- typeahead_margin_bottom: Margin Bottom
|
13
12
|
- typeahead_with_pills_color: With Pills (Custom Color)
|
14
13
|
|
15
14
|
react:
|
@@ -25,5 +24,4 @@ examples:
|
|
25
24
|
- typeahead_async_createable: Createable (+ Async Data)
|
26
25
|
- typeahead_error_state: Error State
|
27
26
|
- typeahead_custom_menu_list: Custom MenuList
|
28
|
-
- typeahead_margin_bottom: Margin Bottom
|
29
27
|
- typeahead_with_pills_color: With Pills (Custom Color)
|
@@ -10,5 +10,4 @@ export { default as TypeaheadCreateable } from './_typeahead_createable.jsx'
|
|
10
10
|
export { default as TypeaheadAsyncCreateable } from './_typeahead_async_createable.jsx'
|
11
11
|
export { default as TypeaheadErrorState } from './_typeahead_error_state.jsx'
|
12
12
|
export { default as TypeaheadCustomMenuList } from './_typeahead_custom_menu_list.jsx'
|
13
|
-
export { default as TypeaheadMarginBottom } from './_typeahead_margin_bottom.jsx'
|
14
13
|
export { default as TypeaheadWithPillsColor } from './_typeahead_with_pills_color.jsx'
|