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

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.
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