playbook_ui 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21323 → 13.10.0.pre.alpha.play845addswiftkitspage1332

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) 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 +0 -12
  4. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +0 -3
  5. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +0 -3
  6. data/dist/menu.yml +281 -110
  7. data/dist/playbook-rails.js +1 -1
  8. data/lib/playbook/pb_doc_helper.rb +12 -1
  9. data/lib/playbook/version.rb +1 -1
  10. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c8120f74ec160cee373cdd8848e6e614b47ab8f2c92f2dd87a53c533a735fbe9
4
- data.tar.gz: db41eb2d926684394701fbb886da7382e84ece42a1e213faf89ef3f48a31d2dd
3
+ metadata.gz: d7a061b557ad6059bdf424d5b12c68b0ca80a6002dd9c86f38ea7c9271b08b41
4
+ data.tar.gz: '095223f9bc853470ad0e2d2d43f54715995564268b355a45691176063cb22a62'
5
5
  SHA512:
6
- metadata.gz: ebc7da2bb3c53cba46fc93a186daaaf1fb7cdcaa6798196d1ec151e27c512dcda54536e0e52cd4c40a8b72ad1dde57738febd0825dd036c9f9a5ce9d619c7a0f
7
- data.tar.gz: 023e6ef6b4f7464466f3c05f27a25ace1e26702a7bc02cc48d3218d53ebd60c766d6b6f4063621cafb89e009a44d8059c2d754b86d3b06938af539d31f943006
6
+ metadata.gz: 523881bef705ae684be57edeb35e9d8da1ef2fe0273b2bda4cb8907507d55c64513bdf40f4ee59c6e5abc1fa70edeb2b0fb027bb532729b7bb15b265f55f583f
7
+ data.tar.gz: 111132a961618e7780af83c16a0110481622ee221b60e57d435d2103156d3ec83834855918cc18e6c83f22c2f78ac1810165e3bad153d5f5dd6b07f1743963e7
data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss CHANGED
@@ -85,8 +85,4 @@
85
85
  .open {
86
86
  display: block;
87
87
  }
88
-
89
- .singleHidden {
90
- display: none
91
- }
92
88
  }
data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx CHANGED
@@ -333,17 +333,6 @@ 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
-
347
336
  // Rendering formattedData to UI based on typeahead
348
337
  const renderNestedOptions = (items: { [key: string]: any }[]) => {
349
338
  return (
@@ -378,7 +367,6 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
378
367
  { variant === "single" ? (
379
368
  <Radio
380
369
  checked={item.checked}
381
- class={item.hidden ? "singleHidden" : ""}
382
370
  id={`${item.id}-${item.label}`}
383
371
  label={item.label}
384
372
  name={inputName}
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb CHANGED
@@ -9,7 +9,6 @@
9
9
  value: "People",
10
10
  id: "201",
11
11
  expanded: true,
12
- hidden: true,
13
12
  children: [
14
13
  {
15
14
  label: "Talent Acquisition",
@@ -20,7 +19,6 @@
20
19
  label: "Business Affairs",
21
20
  value: "Business Affairs",
22
21
  id: "203",
23
- hidden: true,
24
22
  children: [
25
23
  {
26
24
  label: "Initiatives",
@@ -45,7 +43,6 @@
45
43
  label: "Contact Center",
46
44
  value: "Contact Center",
47
45
  id: "207",
48
- hidden: true,
49
46
  children: [
50
47
  {
51
48
  label: "Appointment Management",
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx CHANGED
@@ -13,7 +13,6 @@ const treeData = [
13
13
  value: "People",
14
14
  id: "people2",
15
15
  expanded: true,
16
- hidden: true,
17
16
  children: [
18
17
  {
19
18
  label: "Talent Acquisition",
@@ -24,7 +23,6 @@ const treeData = [
24
23
  label: "Business Affairs",
25
24
  value: "Business Affairs",
26
25
  id: "business2",
27
- hidden: true,
28
26
  children: [
29
27
  {
30
28
  label: "Initiatives",
@@ -49,7 +47,6 @@ const treeData = [
49
47
  label: "Contact Center",
50
48
  value: "Contact Center",
51
49
  id: "contact2",
52
- hidden: true,
53
50
  children: [
54
51
  {
55
52
  label: "Appointment Management",
data/dist/menu.yml CHANGED
@@ -1,111 +1,282 @@
1
+ web: &web ["rails", "react"]
2
+ all: &all ["rails", "react", "swift"]
3
+ rails_only: &rails_only ["rails"]
4
+ react_only: &react_only ["react"]
5
+
1
6
  kits:
2
- - avatars:
3
- - avatar
4
- - avatar_action_button
5
- - multiple_users
6
- - multiple_users_stacked
7
- - user
8
- - background
9
- - bread_crumbs
10
- - buttons:
11
- - button
12
- - button_toolbar
13
- - circle_icon_button
14
- - card
15
- - collapsible
16
- - charts_and_graphs:
17
- - bar_graph
18
- - circle_chart
19
- - distribution_bar
20
- - gauge
21
- - legend
22
- - line_graph
23
- - treemap_chart
24
- - dialog
25
- - filter
26
- - fixed_confirmation_toast
27
- - forms:
28
- - checkbox
29
- - date_picker
30
- - file_upload
31
- - form
32
- - form_group
33
- - form_pill
34
- - multi_level_select
35
- - passphrase
36
- - phone_number_input
37
- - radio
38
- - rich_text_editor
39
- - select
40
- - selectable_card
41
- - selectable_card_icon
42
- - selectable_icon
43
- - selectable_list
44
- - text_input
45
- - textarea
46
- - toggle
47
- - typeahead
48
- - highlight
49
- - icon
50
- - icon_circle
51
- - icon_stat_value
52
- - icon_value
53
- - image
54
- - layouts:
55
- - flex
56
- - layout
57
- - lightbox
58
- - list
59
- - loading_inline
60
- - map
61
- - nav
62
- - tags:
63
- - badge
64
- - hashtag
65
- - pill
66
- - pagination
67
- - popover
68
- - progress:
69
- - progress_pills
70
- - progress_simple
71
- - progress_step
72
- - section_separator
73
- - star_rating
74
- - table
75
- - timeline
76
- - time_and_date:
77
- - date
78
- - date_range_inline
79
- - date_range_stacked
80
- - date_stacked
81
- - date_time
82
- - date_time_stacked
83
- - date_year_stacked
84
- - time
85
- - time_range_inline
86
- - time_stacked
87
- - timestamp
88
- - weekday_stacked
89
- - tooltip
90
- - typography:
91
- - body
92
- - caption
93
- - detail
94
- - title
95
- - typography_patterns:
96
- - contact
97
- - currency
98
- - dashboard_value
99
- - home_address_street
100
- - label_pill
101
- - label_value
102
- - message
103
- - person
104
- - person_contact
105
- - source
106
- - stat_change
107
- - stat_value
108
- - title_count
109
- - title_detail
110
- - user_badge
111
- - walkthrough
7
+ - name: "avatars"
8
+ components:
9
+ - name: "avatar"
10
+ platforms: *all
11
+ - name: "avatar_action_button"
12
+ platforms: *web
13
+ - name: "multiple_users"
14
+ platforms: *web
15
+ - name: "multiple_users_stacked"
16
+ platforms: *web
17
+ - name: "user"
18
+ platforms: *web
19
+ - name: "background"
20
+ components:
21
+ - name: "background"
22
+ platforms: *web
23
+ - name: "bread_crumbs"
24
+ components:
25
+ - name: "bread_crumbs"
26
+ platforms: *web
27
+ - name: "buttons"
28
+ components:
29
+ - name: "button"
30
+ platforms: *web
31
+ - name: "button_toolbar"
32
+ platforms: *web
33
+ - name: "circle_icon_button"
34
+ platforms: *web
35
+ - name: "card"
36
+ components:
37
+ - name: "card"
38
+ platforms: *all
39
+ - name: "collapsible"
40
+ components:
41
+ - name: "collapsible"
42
+ platforms: *web
43
+ - name: "charts_and_graphs"
44
+ components:
45
+ - name: "bar_graph"
46
+ platforms: *web
47
+ - name: "circle_chart"
48
+ platforms: *web
49
+ - name: "distribution_bar"
50
+ platforms: *web
51
+ - name: "gauge"
52
+ platforms: *web
53
+ - name: "legend"
54
+ platforms: *web
55
+ - name: "line_graph"
56
+ platforms: *web
57
+ - name: "treemap_chart"
58
+ platforms: *web
59
+ - name: "dialog"
60
+ components:
61
+ - name: "dialog"
62
+ platforms: *web
63
+ - name: "filter"
64
+ components:
65
+ - name: "filter"
66
+ platforms: *web
67
+ - name: "fixed_confirmation_toast"
68
+ components:
69
+ - name: "fixed_confirmation_toast"
70
+ platforms: *web
71
+ - name: "forms"
72
+ components:
73
+ - name: "checkbox"
74
+ platforms: *web
75
+ - name: "date_picker"
76
+ platforms: *web
77
+ - name: "file_upload"
78
+ platforms: *web
79
+ - name: "form"
80
+ platforms: *rails_only
81
+ - name: "form_group"
82
+ platforms: *web
83
+ - name: "form_pill"
84
+ platforms: *web
85
+ - name: "multi_level_select"
86
+ platforms: *web
87
+ - name: "passphrase"
88
+ platforms: *web
89
+ - name: "phone_number_input"
90
+ platforms: *web
91
+ - name: "radio"
92
+ platforms: *all
93
+ - name: "rich_text_editor"
94
+ platforms: *web
95
+ - name: "select"
96
+ platforms: *web
97
+ - name: "selectable_card"
98
+ platforms: *web
99
+ - name: "selectable_card_icon"
100
+ platforms: *web
101
+ - name: "selectable_icon"
102
+ platforms: *web
103
+ - name: "selectable_list"
104
+ platforms: *web
105
+ - name: "text_input"
106
+ platforms: *web
107
+ - name: "textarea"
108
+ platforms: *web
109
+ - name: "toggle"
110
+ platforms: *web
111
+ - name: "typeahead"
112
+ platforms: *web
113
+ - name: "highlight"
114
+ components:
115
+ - name: "highlight"
116
+ platforms: *web
117
+ - name: "icon"
118
+ components:
119
+ - name: "icon"
120
+ platforms: *web
121
+ - name: "icon_circle"
122
+ components:
123
+ - name: "icon_circle"
124
+ platforms: *web
125
+ - name: "icon_stat_value"
126
+ components:
127
+ - name: "icon_stat_value"
128
+ platforms: *web
129
+ - name: "icon_value"
130
+ components:
131
+ - name: "icon_value"
132
+ platforms: *web
133
+ - name: "image"
134
+ components:
135
+ - name: "image"
136
+ platforms: *web
137
+ - name: "layouts"
138
+ components:
139
+ - name: "flex"
140
+ platforms: *web
141
+ - name: "layout"
142
+ platforms: *web
143
+ - name: "lightbox"
144
+ components:
145
+ - name: "lightbox"
146
+ platforms: *react_only
147
+ - name: "list"
148
+ components:
149
+ - name: "list"
150
+ platforms: *web
151
+ - name: "loading_inline"
152
+ components:
153
+ - name: "loading_inline"
154
+ platforms: *web
155
+ - name: "map"
156
+ components:
157
+ - name: "map"
158
+ platforms: *react_only
159
+ - name: "nav"
160
+ components:
161
+ - name: "nav"
162
+ platforms: *web
163
+ - name: "pagination"
164
+ components:
165
+ - name: "pagination"
166
+ platforms: *rails_only
167
+ - name: "popover"
168
+ components:
169
+ - name: "popover"
170
+ platforms: *web
171
+ - name: "progress"
172
+ components:
173
+ - name: "progress_pills"
174
+ platforms: *web
175
+ - name: "progress_simple"
176
+ platforms: *web
177
+ - name: "progress_step"
178
+ platforms: *web
179
+ - name: "section_separator"
180
+ components:
181
+ - name: "section_separator"
182
+ platforms: *web
183
+ - name: "star_rating"
184
+ components:
185
+ - name: "star_rating"
186
+ platforms: *web
187
+ - name: "table"
188
+ components:
189
+ - name: "table"
190
+ platforms: *web
191
+ - name: "tags"
192
+ components:
193
+ - name: "tags"
194
+ platforms: *web
195
+ - name: "badge"
196
+ platforms: *web
197
+ - name: "hashtag"
198
+ platforms: *web
199
+ - name: "pill"
200
+ platforms: *all
201
+ - name: "timeline"
202
+ components:
203
+ - name: "timeline"
204
+ platforms: *web
205
+ - name: "time_and_date"
206
+ components:
207
+ - name: "date"
208
+ platforms: *web
209
+ - name: "date_range_inline"
210
+ platforms: *web
211
+ - name: "date_range_stacked"
212
+ platforms: *web
213
+ - name: "date_stacked"
214
+ platforms: *web
215
+ - name: "date_time"
216
+ platforms: *web
217
+ - name: "date_time_stacked"
218
+ platforms: *web
219
+ - name: "date_year_stacked"
220
+ platforms: *web
221
+ - name: "time"
222
+ platforms: *web
223
+ - name: "time_range_inline"
224
+ platforms: *web
225
+ - name: "time_stacked"
226
+ platforms: *web
227
+ - name: "timestamp"
228
+ platforms: *all
229
+ - name: "weekday_stacked"
230
+ platforms: *web
231
+ - name: "tooltip"
232
+ components:
233
+ - name: "tooltip"
234
+ platforms: *web
235
+ - name: "typography"
236
+ components:
237
+ - name: "body"
238
+ platforms: *web
239
+ - name: "caption"
240
+ platforms: *web
241
+ - name: "detail"
242
+ platforms: *web
243
+ - name: "title"
244
+ platforms: *web
245
+ - name: "typography_patterns"
246
+ components:
247
+ - name: "contact"
248
+ platforms: *web
249
+ - name: "currency"
250
+ platforms: *web
251
+ - name: "dashboard_value"
252
+ platforms: *web
253
+ - name: "home_address_street"
254
+ platforms: *web
255
+ - name: "label_pill"
256
+ platforms: *web
257
+ - name: "label_value"
258
+ platforms: *web
259
+ - name: "message"
260
+ platforms: *web
261
+ - name: "person"
262
+ platforms: *web
263
+ - name: "person_contact"
264
+ platforms: *web
265
+ - name: "source"
266
+ platforms: *web
267
+ - name: "stat_change"
268
+ platforms: *web
269
+ - name: "stat_value"
270
+ platforms: *web
271
+ - name: "title_count"
272
+ platforms: *web
273
+ - name: "title_detail"
274
+ platforms: *web
275
+ - name: "user_badge"
276
+ components:
277
+ - name: "user_badge"
278
+ platforms: *web
279
+ - name: "walkthrough"
280
+ components:
281
+ - name: "walkthrough"
282
+ platforms: *web