playbook_ui_docs 14.12.0.pre.alpha.PBNTR834advtablemaxHeightstickyheader5932 → 14.12.0.pre.alpha.PBNTR8335887

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +0 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -3
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  6. data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +3 -3
  7. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb +11 -0
  8. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx +22 -0
  9. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md +1 -0
  10. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md +1 -0
  11. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +2 -0
  12. data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +1 -0
  13. data/app/pb_kits/playbook/pb_link/docs/example.yml +3 -5
  14. data/app/pb_kits/playbook/pb_link/docs/index.js +1 -2
  15. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb +6 -6
  16. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +1 -1
  17. data/dist/playbook-doc.js +1 -1
  18. metadata +6 -8
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx +0 -55
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md +0 -3
  21. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb +0 -2
  22. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb +0 -5
  23. data/app/pb_kits/playbook/pb_link/docs/_link_target.html.erb +0 -15
  24. data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx +0 -29
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.12.0.pre.alpha.PBNTR834advtablemaxHeightstickyheader5932
4
+ version: 14.12.0.pre.alpha.PBNTR8335887
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: 2025-02-05 00:00:00.000000000 Z
12
+ date: 2025-02-04 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -91,8 +91,6 @@ files:
91
91
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
92
92
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
93
93
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
94
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
95
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
96
94
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
97
95
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
98
96
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
@@ -438,9 +436,7 @@ files:
438
436
  - app/pb_kits/playbook/pb_contact/docs/_description.md
439
437
  - app/pb_kits/playbook/pb_contact/docs/example.yml
440
438
  - app/pb_kits/playbook/pb_contact/docs/index.js
441
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
442
439
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
443
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
444
440
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
445
441
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
446
442
  - app/pb_kits/playbook/pb_copy_button/docs/example.yml
@@ -978,6 +974,10 @@ files:
978
974
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
979
975
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
980
976
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
977
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
978
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
979
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
980
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
981
981
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
982
982
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
983
983
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1174,8 +1174,6 @@ files:
1174
1174
  - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
1175
1175
  - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
1176
1176
  - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
1177
- - app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
1178
- - app/pb_kits/playbook/pb_link/docs/_link_target.jsx
1179
1177
  - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
1180
1178
  - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
1181
1179
  - app/pb_kits/playbook/pb_link/docs/example.yml
@@ -1,55 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableTablePropsStickyHeader = (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 tableProps = {
39
- sticky: true
40
- }
41
-
42
- return (
43
- <div>
44
- <AdvancedTable
45
- columnDefinitions={columnDefinitions}
46
- maxHeight="xs"
47
- tableData={MOCK_DATA}
48
- tableProps={tableProps}
49
- {...props}
50
- />
51
- </div>
52
- )
53
- }
54
-
55
- export default AdvancedTableTablePropsStickyHeader
@@ -1,3 +0,0 @@
1
- Create a sticky header that works for responsive Advanced Tables by setting `sticky: true` via `tableProps` and giving the AdvancedTable a `maxHeight` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop. This behavior requires a `maxHeight` to work. The header is sticky within the table container, allowing for it to work along with the first column stickiness of a responsive table on smaller screen sizes.
2
-
3
- A sticky header on a nonresponsive table is demonstrated in the ["Table Props"](https://playbook.powerapp.cloud/kits/advanced_table/react#table-props) doc example above.
@@ -1,2 +0,0 @@
1
- <%= pb_rails("copy_button", props: { id: "default-copy-button", text: "Copy Text", value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease." } ) %>
2
- <%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
@@ -1,5 +0,0 @@
1
- <%= pb_rails("body", props: { id: "body", text: "Copy this body text!"}) %>
2
- <%= pb_rails("copy_button", props: { text: "Copy Body text", from: "body", id: "copy-body-button" }) %>
3
- <%= pb_rails("text_input", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
4
- <%= pb_rails("copy_button", props: { text: "Copy Text Input", from: "copy-input", id: "copy-input-button" }) %>
5
- <%= pb_rails("text_input", props: { margin_top: "xs", id: "copy-input" , value: "Copy and paste here" }) %>
@@ -1,15 +0,0 @@
1
- <div>
2
- <%= pb_rails("link", props: {
3
- href: "http://google.com",
4
- target: "blank",
5
- text: "Open In New Window"
6
- }) %>
7
- </div>
8
-
9
- <div>
10
- <%= pb_rails("link", props: {
11
- href: "https://playbook.powerapp.cloud/",
12
- target: "child",
13
- text: "Open In Child Tab",
14
- }) %>
15
- </div>
@@ -1,29 +0,0 @@
1
- import React from 'react'
2
- import { Link } from 'playbook-ui'
3
-
4
- const LinkTarget = (props) => (
5
- <div>
6
- <div>
7
- <Link
8
- aria={{ label: 'Link to Google in new window' }}
9
- href="https://google.com"
10
- tabIndex={0}
11
- target='blank'
12
- text="Open In New Window"
13
- {...props}
14
- />
15
- </div>
16
- <div>
17
- <Link
18
- aria={{ label: 'Link to Playbook in a child tab' }}
19
- href="https://playbook.powerapp.cloud/"
20
- tabIndex={0}
21
- target='child'
22
- text="Open In Child Tab"
23
- {...props}
24
- />
25
- </div>
26
- </div>
27
- )
28
-
29
- export default LinkTarget