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.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +130 -0
  4. data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -0
  5. data/app/pb_kits/playbook/pb_button/docs/index.js +1 -0
  6. data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx +33 -45
  7. data/app/pb_kits/playbook/pb_message/docs/_message_hover.jsx +41 -0
  8. data/app/pb_kits/playbook/pb_message/docs/example.yml +1 -0
  9. data/app/pb_kits/playbook/pb_message/docs/index.js +2 -0
  10. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +1 -4
  11. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +3 -8
  12. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -2
  13. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -2
  14. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -3
  15. data/app/pb_kits/playbook/tokens/_scale.scss +9 -0
  16. data/app/pb_kits/playbook/tokens/exports/_scale.scss +13 -0
  17. data/app/pb_kits/playbook/utilities/_border_radius.scss +31 -0
  18. data/app/pb_kits/playbook/utilities/_colors.scss +3 -0
  19. data/app/pb_kits/playbook/utilities/_hover.scss +47 -0
  20. data/app/pb_kits/playbook/utilities/globalProps.ts +22 -2
  21. data/dist/playbook-rails.js +5 -5
  22. data/lib/playbook/version.rb +1 -1
  23. metadata +8 -5
  24. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +0 -76
  25. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx +0 -88
  26. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +0 -3
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "12.30.1"
5
- VERSION = "12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917"
5
+ VERSION = "12.30.1.pre.alpha.hovertesting914"
6
6
  end
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.PLAY906multilevelselectedidsprop917
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-13 00:00:00.000000000 Z
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
@@ -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.