playbook_ui_docs 14.22.0.pre.alpha.PLAY22578709 → 14.22.0.pre.alpha.PLAY22588587

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.
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.22.0.pre.alpha.PLAY22578709
4
+ version: 14.22.0.pre.alpha.PLAY22588587
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-06-30 00:00:00.000000000 Z
12
+ date: 2025-06-23 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -149,8 +149,6 @@ files:
149
149
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
150
150
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
151
151
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
152
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx
153
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
154
152
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
155
153
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
156
154
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
@@ -2336,10 +2334,8 @@ files:
2336
2334
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
2337
2335
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
2338
2336
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
2339
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.html.erb
2340
2337
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx
2341
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_rails.md
2342
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_react.md
2338
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md
2343
2339
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
2344
2340
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
2345
2341
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
@@ -1,69 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import Icon from "../../pb_icon/_icon"
4
- import Flex from "../../pb_flex/_flex"
5
- import Caption from "../../pb_caption/_caption"
6
- import Tooltip from "../../pb_tooltip/_tooltip"
7
- import MOCK_DATA from "./advanced_table_mock_data.json"
8
-
9
- const AdvancedTableWithCustomHeader = (props) => {
10
- const columnDefinitions = [
11
- {
12
- accessor: "year",
13
- label: "Year",
14
- cellAccessors: ["quarter", "month", "day"],
15
- },
16
- {
17
- accessor: "newEnrollments",
18
- label: "New Enrollments",
19
- header: () => (
20
- <Flex alignItems="center"
21
- justifyContent="center"
22
- >
23
- <Caption marginRight="xs">New Enrollments</Caption>
24
- <Tooltip placement="top"
25
- text="Whoa. I'm a Tooltip"
26
- zIndex={10}
27
- >
28
- <Icon cursor="pointer"
29
- icon="info"
30
- size="xs"
31
- />
32
- </Tooltip>
33
- </Flex>
34
- ),
35
- },
36
- {
37
- accessor: "scheduledMeetings",
38
- label: "Scheduled Meetings",
39
- },
40
- {
41
- accessor: "attendanceRate",
42
- label: "Attendance Rate",
43
- },
44
- {
45
- accessor: "completedClasses",
46
- label: "Completed Classes",
47
- },
48
- {
49
- accessor: "classCompletionRate",
50
- label: "Class Completion Rate",
51
- },
52
- {
53
- accessor: "graduatedStudents",
54
- label: "Graduated Students",
55
- },
56
- ];
57
-
58
- return (
59
- <div>
60
- <AdvancedTable
61
- columnDefinitions={columnDefinitions}
62
- tableData={MOCK_DATA}
63
- {...props}
64
- />
65
- </div>
66
- )
67
- }
68
-
69
- export default AdvancedTableWithCustomHeader
@@ -1 +0,0 @@
1
- The optional `header` key/value pair can be used within `columnDefinitions` to render a custom header. This example shows an Icon and Tooltip being used but other kits can be used as well.
@@ -1,18 +0,0 @@
1
- <%
2
- options = [
3
- { label: 'Orange', value: '#FFA500' },
4
- { label: 'Red', value: '#FF0000' },
5
- { label: 'Green', value: '#00FF00' },
6
- { label: 'Blue', value: '#0000FF' },
7
- ]
8
- %>
9
-
10
- <%= pb_rails("typeahead", props: {
11
- id: "typeahead-preserve-search-input",
12
- is_multi: false,
13
- label: "Colors",
14
- options: options,
15
- placeholder: "Select...",
16
- preserve_search_input: true,
17
- })
18
- %>
@@ -1 +0,0 @@
1
- By default, text is not preserved in the typeahead kit when you click off of the input field. You can utilize the `preserve_search_input` prop in order to prevent text from being cleared when the field loses focus