playbook_ui 13.10.0.pre.alpha.PLAY978alphatesthighcharts41330 → 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21323
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_avatar/docs/_footer.md +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +4 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +12 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +3 -0
- data/dist/playbook-rails.js +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c8120f74ec160cee373cdd8848e6e614b47ab8f2c92f2dd87a53c533a735fbe9
|
|
4
|
+
data.tar.gz: db41eb2d926684394701fbb886da7382e84ece42a1e213faf89ef3f48a31d2dd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ebc7da2bb3c53cba46fc93a186daaaf1fb7cdcaa6798196d1ec151e27c512dcda54536e0e52cd4c40a8b72ad1dde57738febd0825dd036c9f9a5ce9d619c7a0f
|
|
7
|
+
data.tar.gz: 023e6ef6b4f7464466f3c05f27a25ace1e26702a7bc02cc48d3218d53ebd60c766d6b6f4063621cafb89e009a44d8059c2d754b86d3b06938af539d31f943006
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
### Things to Avoid
|
|
2
2
|
|
|
3
|
-
Avoid using Avatar with the user's name right next to it or under it. Use User kit instead. Do not use this kit for images that are not profile pictures
|
|
3
|
+
Avoid using Avatar with the user's name right next to it or under it. Use User kit instead. Do not use this kit for images that are not profile pictures.
|
|
@@ -333,6 +333,17 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
|
|
|
333
333
|
return items
|
|
334
334
|
}
|
|
335
335
|
|
|
336
|
+
const singleHiddenInstances = document.querySelectorAll('.singleHidden');
|
|
337
|
+
|
|
338
|
+
singleHiddenInstances.forEach(singleHiddenInstance => {
|
|
339
|
+
|
|
340
|
+
const siblingElement = singleHiddenInstance.nextElementSibling as HTMLElement;
|
|
341
|
+
if (siblingElement && siblingElement.classList.contains('pb_radio_button')) {
|
|
342
|
+
siblingElement.style.display = 'none';
|
|
343
|
+
}
|
|
344
|
+
});
|
|
345
|
+
|
|
346
|
+
|
|
336
347
|
// Rendering formattedData to UI based on typeahead
|
|
337
348
|
const renderNestedOptions = (items: { [key: string]: any }[]) => {
|
|
338
349
|
return (
|
|
@@ -367,6 +378,7 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
|
|
|
367
378
|
{ variant === "single" ? (
|
|
368
379
|
<Radio
|
|
369
380
|
checked={item.checked}
|
|
381
|
+
class={item.hidden ? "singleHidden" : ""}
|
|
370
382
|
id={`${item.id}-${item.label}`}
|
|
371
383
|
label={item.label}
|
|
372
384
|
name={inputName}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
value: "People",
|
|
10
10
|
id: "201",
|
|
11
11
|
expanded: true,
|
|
12
|
+
hidden: true,
|
|
12
13
|
children: [
|
|
13
14
|
{
|
|
14
15
|
label: "Talent Acquisition",
|
|
@@ -19,6 +20,7 @@
|
|
|
19
20
|
label: "Business Affairs",
|
|
20
21
|
value: "Business Affairs",
|
|
21
22
|
id: "203",
|
|
23
|
+
hidden: true,
|
|
22
24
|
children: [
|
|
23
25
|
{
|
|
24
26
|
label: "Initiatives",
|
|
@@ -43,6 +45,7 @@
|
|
|
43
45
|
label: "Contact Center",
|
|
44
46
|
value: "Contact Center",
|
|
45
47
|
id: "207",
|
|
48
|
+
hidden: true,
|
|
46
49
|
children: [
|
|
47
50
|
{
|
|
48
51
|
label: "Appointment Management",
|
|
@@ -13,6 +13,7 @@ const treeData = [
|
|
|
13
13
|
value: "People",
|
|
14
14
|
id: "people2",
|
|
15
15
|
expanded: true,
|
|
16
|
+
hidden: true,
|
|
16
17
|
children: [
|
|
17
18
|
{
|
|
18
19
|
label: "Talent Acquisition",
|
|
@@ -23,6 +24,7 @@ const treeData = [
|
|
|
23
24
|
label: "Business Affairs",
|
|
24
25
|
value: "Business Affairs",
|
|
25
26
|
id: "business2",
|
|
27
|
+
hidden: true,
|
|
26
28
|
children: [
|
|
27
29
|
{
|
|
28
30
|
label: "Initiatives",
|
|
@@ -47,6 +49,7 @@ const treeData = [
|
|
|
47
49
|
label: "Contact Center",
|
|
48
50
|
value: "Contact Center",
|
|
49
51
|
id: "contact2",
|
|
52
|
+
hidden: true,
|
|
50
53
|
children: [
|
|
51
54
|
{
|
|
52
55
|
label: "Appointment Management",
|