playbook_ui_docs 14.9.0.pre.alpha.play17004992 → 14.9.0.pre.rc.0
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_advanced_table/docs/_advanced_table_beta.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +49 -53
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb +36 -29
- data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +0 -6
- data/app/pb_kits/playbook/pb_button/docs/_button_default.html.erb +0 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +0 -8
- data/app/pb_kits/playbook/pb_button/docs/_button_default.md +1 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +7 -84
- data/app/pb_kits/playbook/pb_currency/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_currency/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_drawer/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -2
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +12 -63
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb +1 -2
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -6
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +0 -47
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +0 -59
- data/dist/playbook-doc.js +1 -1
- metadata +2 -27
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb +0 -53
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.md +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -50
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -57
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json +0 -5600
- data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb +0 -4
- data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx +0 -16
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +0 -31
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md +0 -6
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +0 -95
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +0 -87
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +0 -75
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +0 -108
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +0 -94
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md +0 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +0 -83
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +0 -120
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +0 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +0 -88
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui_docs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.9.0.pre.
|
4
|
+
version: 14.9.0.pre.rc.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2024-
|
12
|
+
date: 2024-11-18 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -43,8 +43,6 @@ files:
|
|
43
43
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
|
44
44
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
|
45
45
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
|
46
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
|
47
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.md
|
48
46
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
|
49
47
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
|
50
48
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
|
@@ -53,10 +51,6 @@ files:
|
|
53
51
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
|
54
52
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
|
55
53
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
|
56
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
|
57
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
|
58
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
|
59
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
|
60
54
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
|
61
55
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
|
62
56
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
|
@@ -71,7 +65,6 @@ files:
|
|
71
65
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
|
72
66
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
|
73
67
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
|
74
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
|
75
68
|
- app/pb_kits/playbook/pb_advanced_table/docs/example.yml
|
76
69
|
- app/pb_kits/playbook/pb_advanced_table/docs/index.js
|
77
70
|
- app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.html.erb
|
@@ -421,8 +414,6 @@ files:
|
|
421
414
|
- app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
|
422
415
|
- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
|
423
416
|
- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
|
424
|
-
- app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb
|
425
|
-
- app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
|
426
417
|
- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
|
427
418
|
- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
|
428
419
|
- app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md
|
@@ -679,8 +670,6 @@ files:
|
|
679
670
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
|
680
671
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
|
681
672
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
|
682
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
|
683
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
|
684
673
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
|
685
674
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
|
686
675
|
- app/pb_kits/playbook/pb_drawer/docs/example.yml
|
@@ -1746,9 +1735,6 @@ files:
|
|
1746
1735
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
|
1747
1736
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
|
1748
1737
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.md
|
1749
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
|
1750
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
|
1751
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
|
1752
1738
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
|
1753
1739
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
|
1754
1740
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.md
|
@@ -1762,16 +1748,6 @@ files:
|
|
1762
1748
|
- app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
|
1763
1749
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
|
1764
1750
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
|
1765
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
|
1766
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md
|
1767
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
|
1768
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
|
1769
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
|
1770
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
|
1771
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx
|
1772
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md
|
1773
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx
|
1774
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
|
1775
1751
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
|
1776
1752
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
|
1777
1753
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
|
@@ -1800,7 +1776,6 @@ files:
|
|
1800
1776
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
|
1801
1777
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
|
1802
1778
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
|
1803
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
|
1804
1779
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
|
1805
1780
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
|
1806
1781
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
|
@@ -1,53 +0,0 @@
|
|
1
|
-
<%
|
2
|
-
column_definitions = [
|
3
|
-
{
|
4
|
-
accessor: "year",
|
5
|
-
label: "Year",
|
6
|
-
cellAccessors: ["quarter", "month", "day"],
|
7
|
-
custom_renderer: ->(row, value) {
|
8
|
-
capture do
|
9
|
-
pb_rails("flex") do
|
10
|
-
pb_rails("title", props: { text: value, size: 4 }) +
|
11
|
-
pb_rails("badge", props: { dark: true, margin_left: "xxs", text: row[:newEnrollments].to_i > 20 ? "High" : "Low", variant: "neutral" })
|
12
|
-
end
|
13
|
-
end
|
14
|
-
}
|
15
|
-
},
|
16
|
-
{
|
17
|
-
accessor: "newEnrollments",
|
18
|
-
label: "New Enrollments",
|
19
|
-
custom_renderer: ->(row, value) { pb_rails("pill", props: { text: value, variant: "success" }) }
|
20
|
-
},
|
21
|
-
{
|
22
|
-
accessor: "scheduledMeetings",
|
23
|
-
label: "Scheduled Meetings",
|
24
|
-
custom_renderer: ->(row, value) { content_tag(:a, value, href: "#") }
|
25
|
-
},
|
26
|
-
{
|
27
|
-
accessor: "attendanceRate",
|
28
|
-
label: "Attendance Rate",
|
29
|
-
custom_renderer: ->(row, value) {
|
30
|
-
capture do
|
31
|
-
pb_rails("flex", props: { align_items: "end", orientation: "column" }) do
|
32
|
-
pb_rails("detail", props: { bold: true, color: "default", text: value }) +
|
33
|
-
pb_rails("caption", props: { size: "xs", text: row[:graduatedStudents] })
|
34
|
-
end
|
35
|
-
end
|
36
|
-
}
|
37
|
-
},
|
38
|
-
{
|
39
|
-
accessor: "completedClasses",
|
40
|
-
label: "Completed Classes",
|
41
|
-
},
|
42
|
-
{
|
43
|
-
accessor: "classCompletionRate",
|
44
|
-
label: "Class Completion Rate",
|
45
|
-
},
|
46
|
-
{
|
47
|
-
accessor: "graduatedStudents",
|
48
|
-
label: "Graduated Students",
|
49
|
-
}
|
50
|
-
]
|
51
|
-
%>
|
52
|
-
|
53
|
-
<%= pb_rails("advanced_table", props: { id: "custom_cell", table_data: @table_data, column_definitions: column_definitions }) %>
|
@@ -1,5 +0,0 @@
|
|
1
|
-
The Advanced Table also allows for rendering custom components within individual Cells. To achieve this, you can make use of the optional `custom_renderer` item within each column_definitions. This function gives you access to the current Cell's value if you just want to use that with a custom Kit, but it also gives you access to the entire `row` object. The row object provides all data for the current row.
|
2
|
-
|
3
|
-
See [here](https://playbook.powerapp.cloud/kits/advanced_table/rails#column_definitions) for more indepth information on column_definitions are how to use them.
|
4
|
-
|
5
|
-
See [here](https://github.com/powerhome/playbook/tree/master/playbook/app/pb_kits/playbook/pb_advanced_table#readme) for the structure of the table_data used.
|
@@ -1,50 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import { AdvancedTable } from "playbook-ui"
|
3
|
-
import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
|
4
|
-
|
5
|
-
const AdvancedTablePagination = (props) => {
|
6
|
-
const columnDefinitions = [
|
7
|
-
{
|
8
|
-
accessor: "year",
|
9
|
-
label: "Year",
|
10
|
-
cellAccessors: ["quarter", "month", "day"],
|
11
|
-
},
|
12
|
-
{
|
13
|
-
accessor: "newEnrollments",
|
14
|
-
label: "New Enrollments",
|
15
|
-
},
|
16
|
-
{
|
17
|
-
accessor: "scheduledMeetings",
|
18
|
-
label: "Scheduled Meetings",
|
19
|
-
},
|
20
|
-
{
|
21
|
-
accessor: "attendanceRate",
|
22
|
-
label: "Attendance Rate",
|
23
|
-
},
|
24
|
-
{
|
25
|
-
accessor: "completedClasses",
|
26
|
-
label: "Completed Classes",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
accessor: "classCompletionRate",
|
30
|
-
label: "Class Completion Rate",
|
31
|
-
},
|
32
|
-
{
|
33
|
-
accessor: "graduatedStudents",
|
34
|
-
label: "Graduated Students",
|
35
|
-
},
|
36
|
-
]
|
37
|
-
|
38
|
-
return (
|
39
|
-
<>
|
40
|
-
<AdvancedTable
|
41
|
-
columnDefinitions={columnDefinitions}
|
42
|
-
pagination
|
43
|
-
tableData={PAGINATION_MOCK_DATA}
|
44
|
-
{...props}
|
45
|
-
/>
|
46
|
-
</>
|
47
|
-
)
|
48
|
-
}
|
49
|
-
|
50
|
-
export default AdvancedTablePagination
|
@@ -1 +0,0 @@
|
|
1
|
-
`pagination` is an optional prop that can be used to add pagination to the AdvancedTable. If present, it will add pagination with default values for pageSize, etc. To customize pagination, you can also use `paginationProps` shown in the next example.
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import { AdvancedTable } from "playbook-ui"
|
3
|
-
import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
|
4
|
-
|
5
|
-
const AdvancedTablePaginationWithProps = (props) => {
|
6
|
-
const columnDefinitions = [
|
7
|
-
{
|
8
|
-
accessor: "year",
|
9
|
-
label: "Year",
|
10
|
-
cellAccessors: ["quarter", "month", "day"],
|
11
|
-
},
|
12
|
-
{
|
13
|
-
accessor: "newEnrollments",
|
14
|
-
label: "New Enrollments",
|
15
|
-
},
|
16
|
-
{
|
17
|
-
accessor: "scheduledMeetings",
|
18
|
-
label: "Scheduled Meetings",
|
19
|
-
},
|
20
|
-
{
|
21
|
-
accessor: "attendanceRate",
|
22
|
-
label: "Attendance Rate",
|
23
|
-
},
|
24
|
-
{
|
25
|
-
accessor: "completedClasses",
|
26
|
-
label: "Completed Classes",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
accessor: "classCompletionRate",
|
30
|
-
label: "Class Completion Rate",
|
31
|
-
},
|
32
|
-
{
|
33
|
-
accessor: "graduatedStudents",
|
34
|
-
label: "Graduated Students",
|
35
|
-
},
|
36
|
-
]
|
37
|
-
|
38
|
-
const paginationProps = {
|
39
|
-
pageIndex: 1,
|
40
|
-
pageSize: 10,
|
41
|
-
range: 2
|
42
|
-
}
|
43
|
-
|
44
|
-
return (
|
45
|
-
<>
|
46
|
-
<AdvancedTable
|
47
|
-
columnDefinitions={columnDefinitions}
|
48
|
-
pagination
|
49
|
-
paginationProps={paginationProps}
|
50
|
-
tableData={PAGINATION_MOCK_DATA}
|
51
|
-
{...props}
|
52
|
-
/>
|
53
|
-
</>
|
54
|
-
)
|
55
|
-
}
|
56
|
-
|
57
|
-
export default AdvancedTablePaginationWithProps
|
@@ -1,5 +0,0 @@
|
|
1
|
-
`paginationProps` is an optional prop that can be used to further customize pagination for the AdvancedTable. This prop is an object with 2 optional items:
|
2
|
-
|
3
|
-
- `pageIndex`: An optional prop to set which page is set to open on initial load. Default is '0'
|
4
|
-
- `pageSize`: An optional prop to set total number of rows for each page before the Table paginates. Default is '20'
|
5
|
-
- `range`: The range prop determines how many pages to display in the Pagination component. Regardless of this value, the first two and last two pages are always visible to facilitate navigation to the beginning and end of the pagination. If these always-visible pages fall within the specified range, they are included in the display. If they fall outside the range, the pagination will show additional pages up to the number defined by the range prop. See [here for more details](https://playbook.powerapp.cloud/kits/pagination/react#default). Default is set to '5'
|