playbook_ui 12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917 → 12.30.1.pre.alpha.hovertesting914
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/_playbook.scss +2 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +130 -0
- data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_button/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx +33 -45
- data/app/pb_kits/playbook/pb_message/docs/_message_hover.jsx +41 -0
- data/app/pb_kits/playbook/pb_message/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_message/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +1 -4
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +3 -8
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -3
- data/app/pb_kits/playbook/tokens/_scale.scss +9 -0
- data/app/pb_kits/playbook/tokens/exports/_scale.scss +13 -0
- data/app/pb_kits/playbook/utilities/_border_radius.scss +31 -0
- data/app/pb_kits/playbook/utilities/_colors.scss +3 -0
- data/app/pb_kits/playbook/utilities/_hover.scss +47 -0
- data/app/pb_kits/playbook/utilities/globalProps.ts +22 -2
- data/dist/playbook-rails.js +5 -5
- data/lib/playbook/version.rb +1 -1
- metadata +8 -5
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +0 -76
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx +0 -88
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +0 -3
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: 12.30.1.pre.alpha.
|
4
|
+
version: 12.30.1.pre.alpha.hovertesting914
|
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: 2023-07-
|
12
|
+
date: 2023-07-12 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -427,6 +427,7 @@ files:
|
|
427
427
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
|
428
428
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
|
429
429
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.md
|
430
|
+
- app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
|
430
431
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
|
431
432
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
|
432
433
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
|
@@ -1436,6 +1437,7 @@ files:
|
|
1436
1437
|
- app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
|
1437
1438
|
- app/pb_kits/playbook/pb_message/docs/_message_default.jsx
|
1438
1439
|
- app/pb_kits/playbook/pb_message/docs/_message_default.md
|
1440
|
+
- app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
|
1439
1441
|
- app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
|
1440
1442
|
- app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
|
1441
1443
|
- app/pb_kits/playbook/pb_message/docs/example.yml
|
@@ -1452,9 +1454,6 @@ files:
|
|
1452
1454
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
1453
1455
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
|
1454
1456
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
|
1455
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
|
1456
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
|
1457
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
|
1458
1457
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
|
1459
1458
|
- app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
|
1460
1459
|
- app/pb_kits/playbook/pb_multi_level_select/docs/index.js
|
@@ -2401,6 +2400,7 @@ files:
|
|
2401
2400
|
- app/pb_kits/playbook/tokens/_line_height.scss
|
2402
2401
|
- app/pb_kits/playbook/tokens/_opacity.scss
|
2403
2402
|
- app/pb_kits/playbook/tokens/_positioning.scss
|
2403
|
+
- app/pb_kits/playbook/tokens/_scale.scss
|
2404
2404
|
- app/pb_kits/playbook/tokens/_screen_sizes.scss
|
2405
2405
|
- app/pb_kits/playbook/tokens/_shadows.scss
|
2406
2406
|
- app/pb_kits/playbook/tokens/_spacing.scss
|
@@ -2412,17 +2412,20 @@ files:
|
|
2412
2412
|
- app/pb_kits/playbook/tokens/exports/_line_height.scss
|
2413
2413
|
- app/pb_kits/playbook/tokens/exports/_opacity.scss
|
2414
2414
|
- app/pb_kits/playbook/tokens/exports/_positioning.scss
|
2415
|
+
- app/pb_kits/playbook/tokens/exports/_scale.scss
|
2415
2416
|
- app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
|
2416
2417
|
- app/pb_kits/playbook/tokens/exports/_shadows.scss
|
2417
2418
|
- app/pb_kits/playbook/tokens/exports/_spacing.scss
|
2418
2419
|
- app/pb_kits/playbook/tokens/exports/_typography.scss
|
2419
2420
|
- app/pb_kits/playbook/tokens/index.scss
|
2420
2421
|
- app/pb_kits/playbook/utilities/_background_colors.scss
|
2422
|
+
- app/pb_kits/playbook/utilities/_border_radius.scss
|
2421
2423
|
- app/pb_kits/playbook/utilities/_colors.scss
|
2422
2424
|
- app/pb_kits/playbook/utilities/_cursor.scss
|
2423
2425
|
- app/pb_kits/playbook/utilities/_display.scss
|
2424
2426
|
- app/pb_kits/playbook/utilities/_flexbox.scss
|
2425
2427
|
- app/pb_kits/playbook/utilities/_focus.scss
|
2428
|
+
- app/pb_kits/playbook/utilities/_hover.scss
|
2426
2429
|
- app/pb_kits/playbook/utilities/_line_height.scss
|
2427
2430
|
- app/pb_kits/playbook/utilities/_max_width.scss
|
2428
2431
|
- app/pb_kits/playbook/utilities/_mixins.scss
|
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
DELETED
@@ -1,76 +0,0 @@
|
|
1
|
-
<% treeData = [{
|
2
|
-
label: "Power Home Remodeling",
|
3
|
-
value: "Power Home Remodeling",
|
4
|
-
id: "100",
|
5
|
-
expanded: true,
|
6
|
-
children: [
|
7
|
-
{
|
8
|
-
label: "People",
|
9
|
-
value: "People",
|
10
|
-
id: "101",
|
11
|
-
children: [
|
12
|
-
{
|
13
|
-
label: "Talent Acquisition",
|
14
|
-
value: "Talent Acquisition",
|
15
|
-
id: "102",
|
16
|
-
},
|
17
|
-
{
|
18
|
-
label: "Business Affairs",
|
19
|
-
value: "Business Affairs",
|
20
|
-
id: "103",
|
21
|
-
children: [
|
22
|
-
{
|
23
|
-
label: "Initiatives",
|
24
|
-
value: "Initiatives",
|
25
|
-
id: "104",
|
26
|
-
},
|
27
|
-
{
|
28
|
-
label: "Learning & Development",
|
29
|
-
value: "Learning & Development",
|
30
|
-
id: "105",
|
31
|
-
},
|
32
|
-
],
|
33
|
-
},
|
34
|
-
{
|
35
|
-
label: "People Experience",
|
36
|
-
value: "People Experience",
|
37
|
-
id: "106",
|
38
|
-
},
|
39
|
-
],
|
40
|
-
},
|
41
|
-
{
|
42
|
-
label: "Contact Center",
|
43
|
-
value: "Contact Center",
|
44
|
-
id: "107",
|
45
|
-
children: [
|
46
|
-
{
|
47
|
-
label: "Appointment Management",
|
48
|
-
value: "Appointment Management",
|
49
|
-
id: "108",
|
50
|
-
},
|
51
|
-
{
|
52
|
-
label: "Customer Service",
|
53
|
-
value: "Customer Service",
|
54
|
-
id: "109",
|
55
|
-
},
|
56
|
-
{
|
57
|
-
label: "Energy",
|
58
|
-
value: "Energy",
|
59
|
-
id: "110",
|
60
|
-
},
|
61
|
-
],
|
62
|
-
},
|
63
|
-
],
|
64
|
-
}] %>
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
<%= pb_rails("multi_level_select", props: {
|
70
|
-
id: "multi-level-select-seelcted_ids",
|
71
|
-
name: "my_data_array_selected",
|
72
|
-
return_all_selected: true,
|
73
|
-
selected_ids:["110","102"],
|
74
|
-
tree_data: treeData,
|
75
|
-
}) %>
|
76
|
-
|
@@ -1,88 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import MultiLevelSelect from "../_multi_level_select";
|
3
|
-
|
4
|
-
const treeData = [
|
5
|
-
{
|
6
|
-
label: "Power Home Remodeling",
|
7
|
-
value: "Power Home Remodeling",
|
8
|
-
id: "powerhome1",
|
9
|
-
expanded: true,
|
10
|
-
children: [
|
11
|
-
{
|
12
|
-
label: "People",
|
13
|
-
value: "People",
|
14
|
-
id: "people1",
|
15
|
-
children: [
|
16
|
-
{
|
17
|
-
label: "Talent Acquisition",
|
18
|
-
value: "Talent Acquisition",
|
19
|
-
id: "talent1",
|
20
|
-
},
|
21
|
-
{
|
22
|
-
label: "Business Affairs",
|
23
|
-
value: "Business Affairs",
|
24
|
-
id: "business1",
|
25
|
-
children: [
|
26
|
-
{
|
27
|
-
label: "Initiatives",
|
28
|
-
value: "Initiatives",
|
29
|
-
id: "initiative1",
|
30
|
-
},
|
31
|
-
{
|
32
|
-
label: "Learning & Development",
|
33
|
-
value: "Learning & Development",
|
34
|
-
id: "development1",
|
35
|
-
},
|
36
|
-
],
|
37
|
-
},
|
38
|
-
{
|
39
|
-
label: "People Experience",
|
40
|
-
value: "People Experience",
|
41
|
-
id: "experience1",
|
42
|
-
},
|
43
|
-
],
|
44
|
-
},
|
45
|
-
{
|
46
|
-
label: "Contact Center",
|
47
|
-
value: "Contact Center",
|
48
|
-
id: "contact1",
|
49
|
-
children: [
|
50
|
-
{
|
51
|
-
label: "Appointment Management",
|
52
|
-
value: "Appointment Management",
|
53
|
-
id: "appointment1",
|
54
|
-
},
|
55
|
-
{
|
56
|
-
label: "Customer Service",
|
57
|
-
value: "Customer Service",
|
58
|
-
id: "customer1",
|
59
|
-
},
|
60
|
-
{
|
61
|
-
label: "Energy",
|
62
|
-
value: "Energy",
|
63
|
-
id: "energy1",
|
64
|
-
},
|
65
|
-
],
|
66
|
-
},
|
67
|
-
],
|
68
|
-
},
|
69
|
-
];
|
70
|
-
|
71
|
-
const MultiLevelSelectSelectedIds = (props) => {
|
72
|
-
return (
|
73
|
-
<div>
|
74
|
-
<MultiLevelSelect
|
75
|
-
id="multi-level-select-selected_ids"
|
76
|
-
onSelect={(selectedNodes) =>
|
77
|
-
console.log("Selected Items with Return All Selected Data", selectedNodes)
|
78
|
-
}
|
79
|
-
returnAllSelected
|
80
|
-
selectedIds={["energy1","talent1"]}
|
81
|
-
treeData={treeData}
|
82
|
-
{...props}
|
83
|
-
/>
|
84
|
-
</div>
|
85
|
-
);
|
86
|
-
};
|
87
|
-
|
88
|
-
export default MultiLevelSelectSelectedIds;
|
@@ -1,3 +0,0 @@
|
|
1
|
-
The `selectedIds` prop (`selected_ids` for Rails) allows you to pass in an array of ids that, if present, will mark the corresponding nodes on the treeData as checked on page load. The prop however is optional, and items that include checked:true on the treeData itself will also load checked data.
|
2
|
-
|
3
|
-
When an item is marked as checked on page load, the dropdown will expand to show the checked items for easier accessibility.
|