playbook_ui 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21328 → 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 (13) 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 -14
  4. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -2
  5. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
  6. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -3
  7. data/dist/menu.yml +281 -110
  8. data/dist/playbook-rails.js +4 -4
  9. data/lib/playbook/pb_doc_helper.rb +12 -1
  10. data/lib/playbook/version.rb +1 -1
  11. metadata +2 -4
  12. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +0 -74
  13. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +0 -88
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f0644f1e685425faa2c4f2955e8631573bcafd8c9ec64b504c15e2a59aeb1e45
4
- data.tar.gz: 35d0cb4e4f59b4eb099fedd73819c0fe450e766b0d7d25fe5cf5e53fc043b5dc
3
+ metadata.gz: d7a061b557ad6059bdf424d5b12c68b0ca80a6002dd9c86f38ea7c9271b08b41
4
+ data.tar.gz: '095223f9bc853470ad0e2d2d43f54715995564268b355a45691176063cb22a62'
5
5
  SHA512:
6
- metadata.gz: 73813bea1c749e60cacf7c60f886326ed297bf05842bad59be1af460c981a97104948bc49d45d9df25e079c1506956ea8f87b21ace412b8bd1762363a9e43fe1
7
- data.tar.gz: 368f7b2a0e4edba51e0ba7699cf3f54ed859bb0ee810d3814f1e125c71a737b3cc2827499eed7c192b971404589ad2c0c707fa842fd088d16a96bbdf8d4511df
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
@@ -31,7 +31,6 @@ type MultiLevelSelectProps = {
31
31
  treeData?: { [key: string]: string }[]
32
32
  onSelect?: (prop: { [key: string]: any }) => void
33
33
  selectedIds?: string[]
34
- ultimateChildrenOnly?: boolean
35
34
  variant?: "multi" | "single"
36
35
  } & GlobalProps
37
36
 
@@ -48,7 +47,6 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
48
47
  treeData,
49
48
  onSelect = () => null,
50
49
  selectedIds,
51
- ultimateChildrenOnly = false,
52
50
  variant = "multi"
53
51
  } = props
54
52
 
@@ -335,17 +333,6 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
335
333
  return items
336
334
  }
337
335
 
338
- const singleHiddenInstances = document.querySelectorAll('.singleHidden');
339
-
340
- singleHiddenInstances.forEach(singleHiddenInstance => {
341
-
342
- const siblingElement = singleHiddenInstance.nextElementSibling as HTMLElement;
343
- if (siblingElement && siblingElement.classList.contains('pb_radio_button')) {
344
- siblingElement.style.display = 'none';
345
- }
346
- });
347
-
348
-
349
336
  // Rendering formattedData to UI based on typeahead
350
337
  const renderNestedOptions = (items: { [key: string]: any }[]) => {
351
338
  return (
@@ -380,7 +367,6 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
380
367
  { variant === "single" ? (
381
368
  <Radio
382
369
  checked={item.checked}
383
- class={ultimateChildrenOnly ? item.children ? "singleHidden" : "" : null}
384
370
  id={`${item.id}-${item.label}`}
385
371
  label={item.label}
386
372
  name={inputName}
data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml CHANGED
@@ -2,7 +2,6 @@ examples:
2
2
  rails:
3
3
  - multi_level_select_default: Default
4
4
  - multi_level_select_single: Single Select
5
- - multi_level_select_single_children_only: Single Select Ultimate Children Only
6
5
  - multi_level_select_return_all_selected: Return All Selected
7
6
  - multi_level_select_selected_ids: Selected Ids
8
7
  - multi_level_select_with_form: With Form
@@ -10,6 +9,5 @@ examples:
10
9
  react:
11
10
  - multi_level_select_default: Default
12
11
  - multi_level_select_single: Single Select
13
- - multi_level_select_single_children_only: Single Select Ultimate Children Only
14
12
  - multi_level_select_return_all_selected: Return All Selected
15
13
  - multi_level_select_selected_ids: Selected Ids
data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js CHANGED
@@ -1,5 +1,4 @@
1
1
  export { default as MultiLevelSelectDefault } from './_multi_level_select_default.jsx'
2
2
  export { default as MultiLevelSelectSingle } from './_multi_level_select_single.jsx'
3
- export { default as MultiLevelSelectSingleChildrenOnly } from './_multi_level_select_single_children_only.jsx'
4
3
  export { default as MultiLevelSelectReturnAllSelected } from './_multi_level_select_return_all_selected.jsx'
5
4
  export { default as MultiLevelSelectSelectedIds } from "./_multi_level_select_selected_ids.jsx"
data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb CHANGED
@@ -16,8 +16,6 @@ module Playbook
16
16
  default: "pills"
17
17
  prop :input_name, type: Playbook::Props::String,
18
18
  default: ""
19
- prop :ultimate_children_only, type: Playbook::Props::Boolean,
20
- default: false
21
19
  prop :variant, type: Playbook::Props::Enum,
22
20
  values: %w[multi single],
23
21
  default: "multi"
@@ -35,7 +33,6 @@ module Playbook
35
33
  returnAllSelected: return_all_selected,
36
34
  selectedIds: selected_ids,
37
35
  input_name: input_name,
38
- ultimateChildrenOnly: ultimate_children_only,
39
36
  variant: variant,
40
37
  }
41
38
  end
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