playbook_ui 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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +7 -6
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +2 -2
- data/app/pb_kits/playbook/pb_draggable/context/index.tsx +4 -12
- data/app/pb_kits/playbook/pb_draggable/context/types.ts +2 -5
- data/app/pb_kits/playbook/pb_table/_table.tsx +4 -4
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +8 -8
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +12 -12
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +3 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +12 -12
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +3 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +0 -3
- data/dist/chunks/{_typeahead-BZsshVoi.js → _typeahead-B7FRYVtS.js} +1 -1
- data/dist/chunks/_weekday_stacked-D1TcPO8F.js +45 -0
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +2 -2
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +5 -9
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx +0 -69
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.html.erb +0 -18
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_rails.md +0 -1
- data/dist/chunks/_weekday_stacked-DO4S-plL.js +0 -45
- /data/app/pb_kits/playbook/pb_typeahead/docs/{_typeahead_preserve_input_react.md → _typeahead_preserve_input.md} +0 -0
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.22.0.pre.alpha.
|
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-
|
12
|
+
date: 2025-06-23 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -403,8 +403,6 @@ files:
|
|
403
403
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
|
404
404
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
|
405
405
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
|
406
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx
|
407
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
|
408
406
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
|
409
407
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
|
410
408
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
|
@@ -3408,10 +3406,8 @@ files:
|
|
3408
3406
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
|
3409
3407
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
|
3410
3408
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
|
3411
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.html.erb
|
3412
3409
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx
|
3413
|
-
- app/pb_kits/playbook/pb_typeahead/docs/
|
3414
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_react.md
|
3410
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md
|
3415
3411
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
|
3416
3412
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
|
3417
3413
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
|
@@ -3618,8 +3614,8 @@ files:
|
|
3618
3614
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3619
3615
|
- app/pb_kits/playbook/utilities/text.ts
|
3620
3616
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3621
|
-
- dist/chunks/_typeahead-
|
3622
|
-
- dist/chunks/_weekday_stacked-
|
3617
|
+
- dist/chunks/_typeahead-B7FRYVtS.js
|
3618
|
+
- dist/chunks/_weekday_stacked-D1TcPO8F.js
|
3623
3619
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3624
3620
|
- dist/chunks/lib-Carqm8Ip.js
|
3625
3621
|
- dist/chunks/pb_form_validation-DqRmTS8m.js
|
@@ -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
|