playbook_ui 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21328 → 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21365

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +0 -4
  3. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +24 -33
  4. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +0 -1
  5. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +104 -45
  6. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +100 -43
  7. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +110 -45
  8. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +107 -44
  9. data/dist/playbook-rails.js +5 -5
  10. data/lib/playbook/version.rb +1 -1
  11. metadata +2 -2
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx CHANGED
@@ -3,69 +3,132 @@ import MultiLevelSelect from "../_multi_level_select";
3
3
 
4
4
  const treeData = [
5
5
  {
6
- label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
8
- id: "powerhome3",
9
- expanded: true,
6
+ label: "HQ",
7
+ value: "HQ",
8
+ id: "hq1",
9
+ },
10
+ {
11
+ label: "Philadelphia",
12
+ value: "Philadelphia",
13
+ id: "phl1",
14
+ hideRadio: true,
10
15
  children: [
11
16
  {
12
- label: "People",
13
- value: "People",
14
- id: "people3",
15
- expanded: true,
17
+ label: "Marketing & Sales PHL",
18
+ value: "Marketing & Sales PHL",
19
+ id: "marketingPHL1",
20
+ },
21
+ {
22
+ label: "Installation Office PHL",
23
+ value: "Installation Office PHL",
24
+ id: "installationPHL1",
25
+ },
26
+ {
27
+ label: "Warehouse PHL",
28
+ value: "Warehouse PHL",
29
+ id: "warehousePHL1",
30
+ },
31
+ ]
32
+ },
33
+ {
34
+ label: "New Jersey",
35
+ value: "New Jersey",
36
+ id: "nj2",
37
+ hideRadio: true,
38
+ children: [
39
+ {
40
+ label: "New Jersey",
41
+ value: "New Jersey",
42
+ id: "nj3",
43
+ hideRadio: true,
16
44
  children: [
17
45
  {
18
- label: "Talent Acquisition",
19
- value: "Talent Acquisition",
20
- id: "talent3",
46
+ label: "Marketing & Sales NJ",
47
+ value: "Marketing & Sales NJ",
48
+ id: "marketingNJ1",
21
49
  },
22
50
  {
23
- label: "Business Affairs",
24
- value: "Business Affairs",
25
- id: "business3",
26
- children: [
27
- {
28
- label: "Initiatives",
29
- value: "Initiatives",
30
- id: "initiative3",
31
- },
32
- {
33
- label: "Learning & Development",
34
- value: "Learning & Development",
35
- id: "development3",
36
- },
37
- ],
51
+ label: "Installation Office NJ",
52
+ value: "Installation Office NJ",
53
+ id: "installationNJ1",
38
54
  },
39
55
  {
40
- label: "People Experience",
41
- value: "People Experience",
42
- id: "experience3",
56
+ label: "Warehouse NJ",
57
+ value: "Warehouse NJ",
58
+ id: "warehouseNJ1",
43
59
  },
44
60
  ],
45
61
  },
46
62
  {
47
- label: "Contact Center",
48
- value: "Contact Center",
49
- id: "contact3",
63
+ label: "Princeton",
64
+ value: "Princeton",
65
+ id: "princeton1",
66
+ hideRadio: true,
50
67
  children: [
51
68
  {
52
- label: "Appointment Management",
53
- value: "Appointment Management",
54
- id: "appointment3",
69
+ label: "Marketing & Sales Princeton",
70
+ value: "Marketing & Sales Princeton",
71
+ id: "marketingPR1",
55
72
  },
56
73
  {
57
- label: "Customer Service",
58
- value: "Customer Service",
59
- id: "customer3",
74
+ label: "Installation Office Princeton",
75
+ value: "Installation Office Princeton",
76
+ id: "installationPR1",
60
77
  },
61
78
  {
62
- label: "Energy",
63
- value: "Energy",
64
- id: "energy3",
79
+ label: "Warehouse Princeton",
80
+ value: "Warehouse Princeton",
81
+ id: "warehousePR1",
65
82
  },
66
- ],
83
+ ]
84
+ },
85
+ ]
86
+ },
87
+ {
88
+ label: "Maryland",
89
+ value: "Maryland",
90
+ id: "MD1",
91
+ hideRadio: true,
92
+ children: [
93
+ {
94
+ label: "Marketing & Sales MD",
95
+ value: "Marketing & Sales MD",
96
+ id: "marketingMD1",
97
+ },
98
+ {
99
+ label: "Installation Office MD",
100
+ value: "Installation Office MD",
101
+ id: "installationMD1",
102
+ },
103
+ {
104
+ label: "Warehouse MD",
105
+ value: "Warehouse MD",
106
+ id: "warehouseMD1",
107
+ },
108
+ ]
109
+ },
110
+ {
111
+ label: "Connecticut",
112
+ value: "Connecticut",
113
+ id: "CT1",
114
+ hideRadio: true,
115
+ children: [
116
+ {
117
+ label: "Marketing & Sales CT",
118
+ value: "Marketing & Sales CT",
119
+ id: "marketingCT1",
120
+ },
121
+ {
122
+ label: "Installation Office CT",
123
+ value: "Installation Office CT",
124
+ id: "installationCT1",
125
+ },
126
+ {
127
+ label: "Warehouse CT",
128
+ value: "Warehouse CT",
129
+ id: "warehouseCT1",
67
130
  },
68
- ],
131
+ ]
69
132
  },
70
133
  ];
71
134
 
@@ -77,7 +140,7 @@ const MultiLevelSelectSingleChildrenOnly = (props) => {
77
140
  inputName="PowerChildren"
78
141
  onSelect={(selectedNode) => console.log("Selected Node", selectedNode)}
79
142
  treeData={treeData}
80
- ultimateChildrenOnly
143
+ // ultimateChildrenOnly
81
144
  variant="single"
82
145
  {...props}
83
146
  />