playbook_ui_docs 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21358 → 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21365

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8800d109f61e4a6655857b92555c1f5f29dde5b1b8388f2df64d0b34213f3bd8
4
- data.tar.gz: 84aced6a7980a4615aec141e22b82d4e4180cc298c8152e1a719af14eea405f1
3
+ metadata.gz: 1ebad7fbf5df7f50c6c498344afbe42b78db257b24f731decf8ef3cd787feccd
4
+ data.tar.gz: 403b1c6c641d1520576f40ef372958631c2eef3a73290f1225ebb94fac72a83c
5
5
  SHA512:
6
- metadata.gz: 5e4e98d6ea5060664cf75f30fabc38512f32679797b5b2dbe26059f224e0ec1dd72699a24e3154bfab60eb58519873db50759812003a2ba5a62e6ba745463e50
7
- data.tar.gz: d912f27f2978181836ea1b0b23a4b1c8e42aaf27381bdce387966b81d2d38bf2fe3807b756182cc7c23df2e832481880c33d4a31fe662e0765d53fc93e8a8a28
6
+ metadata.gz: 8dcf2cfd81d4496064aaf98848aaf36f6059716f38dd7e724fd8de8a66ee5e536f52e5c07fadd46b64e77e4f8a07f96edffb6de06940c8311ae9860b97fb90a3
7
+ data.tar.gz: 99b8803806f92f04369501d511eb8204906d3024e2be8d971ccd4cfadb33e6aafa60e877b92bf680da8f708cd23b636b3dc778adf1825c65c90b2f02f2efac8f
@@ -1,28 +1,28 @@
1
1
  <% treeData = [
2
+ {
3
+ label: "HQ",
4
+ value: "HQ",
5
+ id: "hq",
6
+ },
2
7
  {
3
8
  label: "Philadelphia",
4
9
  value: "Philadelphia",
5
10
  id: "phl",
6
11
  children: [
7
- {
8
- label: "HQ",
9
- value: "HQ",
10
- id: "hq",
11
- },
12
12
  {
13
13
  label: "Marketing & Sales PHL",
14
14
  value: "Marketing & Sales PHL",
15
- id: "marketing1",
15
+ id: "marketingPHL",
16
16
  },
17
17
  {
18
18
  label: "Installation Office PHL",
19
19
  value: "Installation Office PHL",
20
- id: "installation1",
20
+ id: "installationPHL",
21
21
  },
22
22
  {
23
23
  label: "Warehouse PHL",
24
24
  value: "Warehouse PHL",
25
- id: "warehouse1",
25
+ id: "warehousePHL",
26
26
  },
27
27
  ]
28
28
  },
@@ -39,17 +39,17 @@
39
39
  {
40
40
  label: "Marketing & Sales NJ",
41
41
  value: "Marketing & Sales NJ",
42
- id: "marketing2",
42
+ id: "marketingNJ",
43
43
  },
44
44
  {
45
45
  label: "Installation Office NJ",
46
46
  value: "Installation Office NJ",
47
- id: "installation2",
47
+ id: "installationNJ",
48
48
  },
49
49
  {
50
50
  label: "Warehouse NJ",
51
51
  value: "Warehouse NJ",
52
- id: "warehouse2",
52
+ id: "warehouseNJ",
53
53
  },
54
54
  ],
55
55
  },
@@ -61,17 +61,17 @@
61
61
  {
62
62
  label: "Marketing & Sales Princeton",
63
63
  value: "Marketing & Sales Princeton",
64
- id: "marketing3",
64
+ id: "marketingPR",
65
65
  },
66
66
  {
67
67
  label: "Installation Office Princeton",
68
68
  value: "Installation Office Princeton",
69
- id: "installation3",
69
+ id: "installationPR",
70
70
  },
71
71
  {
72
72
  label: "Warehouse Princeton",
73
73
  value: "Warehouse Princeton",
74
- id: "warehouse3",
74
+ id: "warehousePR",
75
75
  },
76
76
  ]
77
77
  },
@@ -85,17 +85,17 @@
85
85
  {
86
86
  label: "Marketing & Sales MD",
87
87
  value: "Marketing & Sales MD",
88
- id: "marketing4",
88
+ id: "marketingMD",
89
89
  },
90
90
  {
91
91
  label: "Installation Office MD",
92
92
  value: "Installation Office MD",
93
- id: "installation4",
93
+ id: "installationMD",
94
94
  },
95
95
  {
96
96
  label: "Warehouse MD",
97
97
  value: "Warehouse MD",
98
- id: "warehouse4",
98
+ id: "warehouseMD",
99
99
  },
100
100
  ]
101
101
  },
@@ -107,17 +107,17 @@
107
107
  {
108
108
  label: "Marketing & Sales CT",
109
109
  value: "Marketing & Sales CT",
110
- id: "marketing5",
110
+ id: "marketingCT",
111
111
  },
112
112
  {
113
113
  label: "Installation Office CT",
114
114
  value: "Installation Office CT",
115
- id: "installation5",
115
+ id: "installationCT",
116
116
  },
117
117
  {
118
118
  label: "Warehouse CT",
119
119
  value: "Warehouse CT",
120
- id: "warehouse5",
120
+ id: "warehouseCT",
121
121
  },
122
122
  ]
123
123
  },
@@ -2,30 +2,30 @@ import React from "react";
2
2
  import MultiLevelSelect from "../_multi_level_select";
3
3
 
4
4
  const treeData = [
5
+ {
6
+ label: "HQ",
7
+ value: "HQ",
8
+ id: "hq",
9
+ },
5
10
  {
6
11
  label: "Philadelphia",
7
12
  value: "Philadelphia",
8
13
  id: "phl",
9
14
  children: [
10
- {
11
- label: "HQ",
12
- value: "HQ",
13
- id: "hq",
14
- },
15
15
  {
16
16
  label: "Marketing & Sales PHL",
17
17
  value: "Marketing & Sales PHL",
18
- id: "marketing1",
18
+ id: "marketingPHL",
19
19
  },
20
20
  {
21
21
  label: "Installation Office PHL",
22
22
  value: "Installation Office PHL",
23
- id: "installation1",
23
+ id: "installationPHL",
24
24
  },
25
25
  {
26
26
  label: "Warehouse PHL",
27
27
  value: "Warehouse PHL",
28
- id: "warehouse1",
28
+ id: "warehousePHL",
29
29
  },
30
30
  ]
31
31
  },
@@ -42,17 +42,17 @@ const treeData = [
42
42
  {
43
43
  label: "Marketing & Sales NJ",
44
44
  value: "Marketing & Sales NJ",
45
- id: "marketing2",
45
+ id: "marketingNJ",
46
46
  },
47
47
  {
48
48
  label: "Installation Office NJ",
49
49
  value: "Installation Office NJ",
50
- id: "installation2",
50
+ id: "installationNJ",
51
51
  },
52
52
  {
53
53
  label: "Warehouse NJ",
54
54
  value: "Warehouse NJ",
55
- id: "warehouse2",
55
+ id: "warehouseNJ",
56
56
  },
57
57
  ],
58
58
  },
@@ -64,17 +64,17 @@ const treeData = [
64
64
  {
65
65
  label: "Marketing & Sales Princeton",
66
66
  value: "Marketing & Sales Princeton",
67
- id: "marketing3",
67
+ id: "marketingPR",
68
68
  },
69
69
  {
70
70
  label: "Installation Office Princeton",
71
71
  value: "Installation Office Princeton",
72
- id: "installation3",
72
+ id: "installationPR",
73
73
  },
74
74
  {
75
75
  label: "Warehouse Princeton",
76
76
  value: "Warehouse Princeton",
77
- id: "warehouse3",
77
+ id: "warehousePR",
78
78
  },
79
79
  ]
80
80
  },
@@ -88,17 +88,17 @@ const treeData = [
88
88
  {
89
89
  label: "Marketing & Sales MD",
90
90
  value: "Marketing & Sales MD",
91
- id: "marketing4",
91
+ id: "marketingMD",
92
92
  },
93
93
  {
94
94
  label: "Installation Office MD",
95
95
  value: "Installation Office MD",
96
- id: "installation4",
96
+ id: "installationMD",
97
97
  },
98
98
  {
99
99
  label: "Warehouse MD",
100
100
  value: "Warehouse MD",
101
- id: "warehouse4",
101
+ id: "warehouseMD",
102
102
  },
103
103
  ]
104
104
  },
@@ -110,17 +110,17 @@ const treeData = [
110
110
  {
111
111
  label: "Marketing & Sales CT",
112
112
  value: "Marketing & Sales CT",
113
- id: "marketing5",
113
+ id: "marketingCT",
114
114
  },
115
115
  {
116
116
  label: "Installation Office CT",
117
117
  value: "Installation Office CT",
118
- id: "installation5",
118
+ id: "installationCT",
119
119
  },
120
120
  {
121
121
  label: "Warehouse CT",
122
122
  value: "Warehouse CT",
123
- id: "warehouse5",
123
+ id: "warehouseCT",
124
124
  },
125
125
  ]
126
126
  },
@@ -1,77 +1,81 @@
1
1
  <% treeData = [
2
+ {
3
+ label: "HQ",
4
+ value: "HQ",
5
+ id: "hq1",
6
+ },
2
7
  {
3
8
  label: "Philadelphia",
4
9
  value: "Philadelphia",
5
- id: "phl",
10
+ id: "phl1",
11
+ hideRadio: true,
6
12
  children: [
7
- {
8
- label: "HQ",
9
- value: "HQ",
10
- id: "hq",
11
- },
12
13
  {
13
14
  label: "Marketing & Sales PHL",
14
15
  value: "Marketing & Sales PHL",
15
- id: "marketing1",
16
+ id: "marketingPHL1",
16
17
  },
17
18
  {
18
19
  label: "Installation Office PHL",
19
20
  value: "Installation Office PHL",
20
- id: "installation1",
21
+ id: "installationPHL1",
21
22
  },
22
23
  {
23
24
  label: "Warehouse PHL",
24
25
  value: "Warehouse PHL",
25
- id: "warehouse1",
26
+ id: "warehousePHL1",
26
27
  },
27
28
  ]
28
29
  },
29
30
  {
30
31
  label: "New Jersey",
31
32
  value: "New Jersey",
32
- id: "nj",
33
+ id: "nj2",
34
+ hideRadio: true,
33
35
  children: [
34
36
  {
35
37
  label: "New Jersey",
36
38
  value: "New Jersey",
37
- id: "nj1",
39
+ id: "nj3",
40
+ hideRadio: true,
38
41
  children: [
39
42
  {
40
43
  label: "Marketing & Sales NJ",
41
44
  value: "Marketing & Sales NJ",
42
- id: "marketing2",
45
+ id: "marketingNJ1",
43
46
  },
44
47
  {
45
48
  label: "Installation Office NJ",
46
49
  value: "Installation Office NJ",
47
- id: "installation2",
50
+ id: "installationNJ1",
48
51
  },
49
52
  {
50
53
  label: "Warehouse NJ",
51
54
  value: "Warehouse NJ",
52
- id: "warehouse2",
55
+ id: "warehouseNJ1",
53
56
  },
54
57
  ],
55
58
  },
56
59
  {
57
60
  label: "Princeton",
58
61
  value: "Princeton",
59
- id: "princeton",
62
+ id: "princeton1",
63
+ hideRadio: true,
60
64
  children: [
61
65
  {
62
66
  label: "Marketing & Sales Princeton",
63
67
  value: "Marketing & Sales Princeton",
64
- id: "marketing3",
68
+ id: "marketingPR1",
65
69
  },
66
70
  {
67
71
  label: "Installation Office Princeton",
68
72
  value: "Installation Office Princeton",
69
- id: "installation3",
73
+ id: "installationPR1",
70
74
  },
71
75
  {
72
76
  label: "Warehouse Princeton",
73
77
  value: "Warehouse Princeton",
74
- id: "warehouse3",
78
+ id: "warehousePR1",
75
79
  },
76
80
  ]
77
81
  },
@@ -80,44 +84,46 @@
80
84
  {
81
85
  label: "Maryland",
82
86
  value: "Maryland",
83
- id: "MD",
87
+ id: "MD1",
88
+ hideRadio: true,
84
89
  children: [
85
90
  {
86
91
  label: "Marketing & Sales MD",
87
92
  value: "Marketing & Sales MD",
88
- id: "marketing4",
93
+ id: "marketingMD1",
89
94
  },
90
95
  {
91
96
  label: "Installation Office MD",
92
97
  value: "Installation Office MD",
93
- id: "installation4",
98
+ id: "installationMD1",
94
99
  },
95
100
  {
96
101
  label: "Warehouse MD",
97
102
  value: "Warehouse MD",
98
- id: "warehouse4",
103
+ id: "warehouseMD1",
99
104
  },
100
105
  ]
101
106
  },
102
107
  {
103
108
  label: "Connecticut",
104
109
  value: "Connecticut",
105
- id: "CT",
110
+ id: "CT1",
111
+ hideRadio: true,
106
112
  children: [
107
113
  {
108
114
  label: "Marketing & Sales CT",
109
115
  value: "Marketing & Sales CT",
110
- id: "marketing5",
116
+ id: "marketingCT1",
111
117
  },
112
118
  {
113
119
  label: "Installation Office CT",
114
120
  value: "Installation Office CT",
115
- id: "installation5",
121
+ id: "installationCT1",
116
122
  },
117
123
  {
118
124
  label: "Warehouse CT",
119
125
  value: "Warehouse CT",
120
- id: "warehouse5",
126
+ id: "warehouseCT1",
121
127
  },
122
128
  ]
123
129
  },
@@ -2,79 +2,83 @@ import React from "react";
2
2
  import MultiLevelSelect from "../_multi_level_select";
3
3
 
4
4
  const treeData = [
5
+ {
6
+ label: "HQ",
7
+ value: "HQ",
8
+ id: "hq1",
9
+ },
5
10
  {
6
11
  label: "Philadelphia",
7
12
  value: "Philadelphia",
8
- id: "phl",
13
+ id: "phl1",
14
+ hideRadio: true,
9
15
  children: [
10
- {
11
- label: "HQ",
12
- value: "HQ",
13
- id: "hq",
14
- },
15
16
  {
16
17
  label: "Marketing & Sales PHL",
17
18
  value: "Marketing & Sales PHL",
18
- id: "marketing1",
19
+ id: "marketingPHL1",
19
20
  },
20
21
  {
21
22
  label: "Installation Office PHL",
22
23
  value: "Installation Office PHL",
23
- id: "installation1",
24
+ id: "installationPHL1",
24
25
  },
25
26
  {
26
27
  label: "Warehouse PHL",
27
28
  value: "Warehouse PHL",
28
- id: "warehouse1",
29
+ id: "warehousePHL1",
29
30
  },
30
31
  ]
31
32
  },
32
33
  {
33
34
  label: "New Jersey",
34
35
  value: "New Jersey",
35
- id: "nj",
36
+ id: "nj2",
37
+ hideRadio: true,
36
38
  children: [
37
39
  {
38
40
  label: "New Jersey",
39
41
  value: "New Jersey",
40
- id: "nj1",
42
+ id: "nj3",
43
+ hideRadio: true,
41
44
  children: [
42
45
  {
43
46
  label: "Marketing & Sales NJ",
44
47
  value: "Marketing & Sales NJ",
45
- id: "marketing2",
48
+ id: "marketingNJ1",
46
49
  },
47
50
  {
48
51
  label: "Installation Office NJ",
49
52
  value: "Installation Office NJ",
50
- id: "installation2",
53
+ id: "installationNJ1",
51
54
  },
52
55
  {
53
56
  label: "Warehouse NJ",
54
57
  value: "Warehouse NJ",
55
- id: "warehouse2",
58
+ id: "warehouseNJ1",
56
59
  },
57
60
  ],
58
61
  },
59
62
  {
60
63
  label: "Princeton",
61
64
  value: "Princeton",
62
- id: "princeton",
65
+ id: "princeton1",
66
+ hideRadio: true,
63
67
  children: [
64
68
  {
65
69
  label: "Marketing & Sales Princeton",
66
70
  value: "Marketing & Sales Princeton",
67
- id: "marketing3",
71
+ id: "marketingPR1",
68
72
  },
69
73
  {
70
74
  label: "Installation Office Princeton",
71
75
  value: "Installation Office Princeton",
72
- id: "installation3",
76
+ id: "installationPR1",
73
77
  },
74
78
  {
75
79
  label: "Warehouse Princeton",
76
80
  value: "Warehouse Princeton",
77
- id: "warehouse3",
81
+ id: "warehousePR1",
78
82
  },
79
83
  ]
80
84
  },
@@ -83,44 +87,46 @@ const treeData = [
83
87
  {
84
88
  label: "Maryland",
85
89
  value: "Maryland",
86
- id: "MD",
90
+ id: "MD1",
91
+ hideRadio: true,
87
92
  children: [
88
93
  {
89
94
  label: "Marketing & Sales MD",
90
95
  value: "Marketing & Sales MD",
91
- id: "marketing4",
96
+ id: "marketingMD1",
92
97
  },
93
98
  {
94
99
  label: "Installation Office MD",
95
100
  value: "Installation Office MD",
96
- id: "installation4",
101
+ id: "installationMD1",
97
102
  },
98
103
  {
99
104
  label: "Warehouse MD",
100
105
  value: "Warehouse MD",
101
- id: "warehouse4",
106
+ id: "warehouseMD1",
102
107
  },
103
108
  ]
104
109
  },
105
110
  {
106
111
  label: "Connecticut",
107
112
  value: "Connecticut",
108
- id: "CT",
113
+ id: "CT1",
114
+ hideRadio: true,
109
115
  children: [
110
116
  {
111
117
  label: "Marketing & Sales CT",
112
118
  value: "Marketing & Sales CT",
113
- id: "marketing5",
119
+ id: "marketingCT1",
114
120
  },
115
121
  {
116
122
  label: "Installation Office CT",
117
123
  value: "Installation Office CT",
118
- id: "installation5",
124
+ id: "installationCT1",
119
125
  },
120
126
  {
121
127
  label: "Warehouse CT",
122
128
  value: "Warehouse CT",
123
- id: "warehouse5",
129
+ id: "warehouseCT1",
124
130
  },
125
131
  ]
126
132
  },
@@ -134,7 +140,7 @@ const MultiLevelSelectSingleChildrenOnly = (props) => {
134
140
  inputName="PowerChildren"
135
141
  onSelect={(selectedNode) => console.log("Selected Node", selectedNode)}
136
142
  treeData={treeData}
137
- ultimateChildrenOnly
143
+ // ultimateChildrenOnly
138
144
  variant="single"
139
145
  {...props}
140
146
  />