playbook_ui_docs 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.
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: 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: playbook_ui
@@ -146,6 +146,7 @@ files:
146
146
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
147
147
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
148
148
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
149
+ - app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
149
150
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
150
151
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
151
152
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
@@ -837,6 +838,7 @@ files:
837
838
  - app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
838
839
  - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
839
840
  - app/pb_kits/playbook/pb_message/docs/_message_default.md
841
+ - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
840
842
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
841
843
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
842
844
  - app/pb_kits/playbook/pb_message/docs/example.yml
@@ -847,9 +849,6 @@ files:
847
849
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
848
850
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
849
851
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
850
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
851
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
852
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
853
852
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
854
853
  - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
855
854
  - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
@@ -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.