playbook_ui_docs 13.10.0 → 13.11.1.pre.alpha.play900startratingasinput1530

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.
Files changed (101) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md +28 -0
  3. data/app/pb_kits/playbook/pb_button/docs/_button_default_swift.md +23 -0
  4. data/app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md +9 -0
  5. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md +18 -0
  6. data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md +11 -0
  7. data/app/pb_kits/playbook/pb_button/docs/_button_size_swift.md +20 -0
  8. data/app/pb_kits/playbook/pb_button/docs/example.yml +8 -0
  9. data/app/pb_kits/playbook/pb_card/docs/_card_background_swift.md +29 -0
  10. data/app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md +7 -0
  11. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md +33 -0
  12. data/app/pb_kits/playbook/pb_card/docs/_card_header_swift.md +33 -0
  13. data/app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md +17 -0
  14. data/app/pb_kits/playbook/pb_card/docs/_card_light_swift.md +7 -0
  15. data/app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md +33 -0
  16. data/app/pb_kits/playbook/pb_card/docs/_card_props_swift.md +10 -0
  17. data/app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md +0 -0
  18. data/app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md +11 -0
  19. data/app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md +21 -0
  20. data/app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md +17 -0
  21. data/app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md +0 -0
  22. data/app/pb_kits/playbook/pb_card/docs/example.yml +12 -0
  23. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md +10 -0
  24. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md +12 -0
  25. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md +12 -0
  26. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md +7 -0
  27. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +7 -0
  28. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.html.erb +22 -0
  29. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md +3 -0
  30. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls_multiple.html.erb +40 -0
  31. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls_multiple.md +1 -0
  32. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +2 -0
  33. data/app/pb_kits/playbook/pb_icon/docs/_icon_border_swift.md +7 -0
  34. data/app/pb_kits/playbook/pb_icon/docs/_icon_default_swift.md +7 -0
  35. data/app/pb_kits/playbook/pb_icon/docs/_icon_flip_swift.md +11 -0
  36. data/app/pb_kits/playbook/pb_icon/docs/_icon_props_swift.md +8 -0
  37. data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate_swift.md +11 -0
  38. data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes_swift.md +46 -0
  39. data/app/pb_kits/playbook/pb_icon/docs/example.yml +8 -0
  40. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md +6 -0
  41. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md +16 -0
  42. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md +7 -0
  43. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md +11 -0
  44. data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml +7 -0
  45. data/app/pb_kits/playbook/pb_image/docs/_image_props_swift.md +7 -0
  46. data/app/pb_kits/playbook/pb_image/docs/_rounded_image_swift.md +47 -0
  47. data/app/pb_kits/playbook/pb_image/docs/_size_image_swift.md +47 -0
  48. data/app/pb_kits/playbook/pb_image/docs/_size_none_image_swift.md +15 -0
  49. data/app/pb_kits/playbook/pb_image/docs/example.yml +5 -0
  50. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default_swift.md +11 -0
  51. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_swift.md +72 -0
  52. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_swift.md +41 -0
  53. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_props_swift.md +11 -0
  54. data/app/pb_kits/playbook/pb_label_value/docs/example.yml +6 -0
  55. data/app/pb_kits/playbook/pb_message/docs/_message_default_swift.md +57 -0
  56. data/app/pb_kits/playbook/pb_message/docs/_message_props_swift.md +12 -0
  57. data/app/pb_kits/playbook/pb_message/docs/example.yml +4 -0
  58. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +0 -1
  59. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +104 -45
  60. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +100 -43
  61. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.md +1 -0
  62. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +138 -0
  63. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +150 -0
  64. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.md +1 -0
  65. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -0
  66. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
  67. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx +33 -0
  68. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md +3 -0
  69. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +1 -0
  70. data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +2 -1
  71. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.html.erb +7 -0
  72. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.jsx +40 -0
  73. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb +11 -1
  74. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +17 -2
  75. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb +6 -1
  76. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +22 -5
  77. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb +12 -0
  78. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx +57 -0
  79. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb +23 -0
  80. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx +59 -0
  81. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +10 -5
  82. data/app/pb_kits/playbook/pb_star_rating/docs/index.js +6 -0
  83. data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb +47 -31
  84. data/app/pb_kits/playbook/pb_table/docs/_table_header.md +5 -0
  85. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +1 -1
  86. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +0 -2
  87. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +0 -1
  88. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +0 -1
  89. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +0 -1
  90. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb +1 -1
  91. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.html.erb +39 -0
  92. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md +5 -0
  93. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx +45 -0
  94. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md +3 -0
  95. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +3 -0
  96. data/app/pb_kits/playbook/pb_tooltip/docs/index.js +1 -0
  97. data/dist/app/components/playbook/pb_docs/kit_example.html.erb +3 -3
  98. data/dist/menu.yml +284 -110
  99. data/dist/pb_doc_helper.rb +5 -5
  100. data/dist/playbook-doc.js +8 -8
  101. metadata +70 -7
data/dist/menu.yml CHANGED
@@ -1,111 +1,285 @@
1
+ web: &web ["rails", "react"]
2
+ all: &all ["rails", "react", "swift"]
3
+ rails_swift: &rails_swift ["rails", "swift"]
4
+ react_swift: &react_swift ["swift", "react"]
5
+ rails_only: &rails_only ["rails"]
6
+ react_only: &react_only ["react"]
7
+ swift_only: &swift_only ["swift"]
8
+
1
9
  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
10
+ - name: "avatars"
11
+ components:
12
+ - name: "avatar"
13
+ platforms: *all
14
+ - name: "avatar_action_button"
15
+ platforms: *web
16
+ - name: "multiple_users"
17
+ platforms: *web
18
+ - name: "multiple_users_stacked"
19
+ platforms: *web
20
+ - name: "user"
21
+ platforms: *web
22
+ - name: "background"
23
+ components:
24
+ - name: "background"
25
+ platforms: *web
26
+ - name: "bread_crumbs"
27
+ components:
28
+ - name: "bread_crumbs"
29
+ platforms: *web
30
+ - name: "buttons"
31
+ components:
32
+ - name: "button"
33
+ platforms: *web
34
+ - name: "button_toolbar"
35
+ platforms: *web
36
+ - name: "circle_icon_button"
37
+ platforms: *web
38
+ - name: "card"
39
+ components:
40
+ - name: "card"
41
+ platforms: *all
42
+ - name: "collapsible"
43
+ components:
44
+ - name: "collapsible"
45
+ platforms: *web
46
+ - name: "charts_and_graphs"
47
+ components:
48
+ - name: "bar_graph"
49
+ platforms: *web
50
+ - name: "circle_chart"
51
+ platforms: *web
52
+ - name: "distribution_bar"
53
+ platforms: *web
54
+ - name: "gauge"
55
+ platforms: *web
56
+ - name: "legend"
57
+ platforms: *web
58
+ - name: "line_graph"
59
+ platforms: *web
60
+ - name: "treemap_chart"
61
+ platforms: *web
62
+ - name: "dialog"
63
+ components:
64
+ - name: "dialog"
65
+ platforms: *web
66
+ - name: "filter"
67
+ components:
68
+ - name: "filter"
69
+ platforms: *web
70
+ - name: "fixed_confirmation_toast"
71
+ components:
72
+ - name: "fixed_confirmation_toast"
73
+ platforms: *web
74
+ - name: "forms"
75
+ components:
76
+ - name: "checkbox"
77
+ platforms: *web
78
+ - name: "date_picker"
79
+ platforms: *web
80
+ - name: "file_upload"
81
+ platforms: *web
82
+ - name: "form"
83
+ platforms: *rails_only
84
+ - name: "form_group"
85
+ platforms: *web
86
+ - name: "form_pill"
87
+ platforms: *web
88
+ - name: "multi_level_select"
89
+ platforms: *web
90
+ - name: "passphrase"
91
+ platforms: *web
92
+ - name: "phone_number_input"
93
+ platforms: *web
94
+ - name: "radio"
95
+ platforms: *all
96
+ - name: "rich_text_editor"
97
+ platforms: *web
98
+ - name: "select"
99
+ platforms: *web
100
+ - name: "selectable_card"
101
+ platforms: *web
102
+ - name: "selectable_card_icon"
103
+ platforms: *web
104
+ - name: "selectable_icon"
105
+ platforms: *web
106
+ - name: "selectable_list"
107
+ platforms: *web
108
+ - name: "text_input"
109
+ platforms: *web
110
+ - name: "textarea"
111
+ platforms: *web
112
+ - name: "toggle"
113
+ platforms: *web
114
+ - name: "typeahead"
115
+ platforms: *web
116
+ - name: "highlight"
117
+ components:
118
+ - name: "highlight"
119
+ platforms: *web
120
+ - name: "icon"
121
+ components:
122
+ - name: "icon"
123
+ platforms: *web
124
+ - name: "icon_circle"
125
+ components:
126
+ - name: "icon_circle"
127
+ platforms: *web
128
+ - name: "icon_stat_value"
129
+ components:
130
+ - name: "icon_stat_value"
131
+ platforms: *web
132
+ - name: "icon_value"
133
+ components:
134
+ - name: "icon_value"
135
+ platforms: *web
136
+ - name: "image"
137
+ components:
138
+ - name: "image"
139
+ platforms: *web
140
+ - name: "layouts"
141
+ components:
142
+ - name: "flex"
143
+ platforms: *web
144
+ - name: "layout"
145
+ platforms: *web
146
+ - name: "lightbox"
147
+ components:
148
+ - name: "lightbox"
149
+ platforms: *react_only
150
+ - name: "list"
151
+ components:
152
+ - name: "list"
153
+ platforms: *web
154
+ - name: "loading_inline"
155
+ components:
156
+ - name: "loading_inline"
157
+ platforms: *web
158
+ - name: "map"
159
+ components:
160
+ - name: "map"
161
+ platforms: *react_only
162
+ - name: "nav"
163
+ components:
164
+ - name: "nav"
165
+ platforms: *web
166
+ - name: "pagination"
167
+ components:
168
+ - name: "pagination"
169
+ platforms: *rails_only
170
+ - name: "popover"
171
+ components:
172
+ - name: "popover"
173
+ platforms: *web
174
+ - name: "progress"
175
+ components:
176
+ - name: "progress_pills"
177
+ platforms: *web
178
+ - name: "progress_simple"
179
+ platforms: *web
180
+ - name: "progress_step"
181
+ platforms: *web
182
+ - name: "section_separator"
183
+ components:
184
+ - name: "section_separator"
185
+ platforms: *web
186
+ - name: "star_rating"
187
+ components:
188
+ - name: "star_rating"
189
+ platforms: *web
190
+ - name: "table"
191
+ components:
192
+ - name: "table"
193
+ platforms: *web
194
+ - name: "tags"
195
+ components:
196
+ - name: "tags"
197
+ platforms: *web
198
+ - name: "badge"
199
+ platforms: *web
200
+ - name: "hashtag"
201
+ platforms: *web
202
+ - name: "pill"
203
+ platforms: *all
204
+ - name: "timeline"
205
+ components:
206
+ - name: "timeline"
207
+ platforms: *web
208
+ - name: "time_and_date"
209
+ components:
210
+ - name: "date"
211
+ platforms: *web
212
+ - name: "date_range_inline"
213
+ platforms: *web
214
+ - name: "date_range_stacked"
215
+ platforms: *web
216
+ - name: "date_stacked"
217
+ platforms: *web
218
+ - name: "date_time"
219
+ platforms: *web
220
+ - name: "date_time_stacked"
221
+ platforms: *web
222
+ - name: "date_year_stacked"
223
+ platforms: *web
224
+ - name: "time"
225
+ platforms: *web
226
+ - name: "time_range_inline"
227
+ platforms: *web
228
+ - name: "time_stacked"
229
+ platforms: *web
230
+ - name: "timestamp"
231
+ platforms: *all
232
+ - name: "weekday_stacked"
233
+ platforms: *web
234
+ - name: "tooltip"
235
+ components:
236
+ - name: "tooltip"
237
+ platforms: *web
238
+ - name: "typography"
239
+ components:
240
+ - name: "body"
241
+ platforms: *web
242
+ - name: "caption"
243
+ platforms: *web
244
+ - name: "detail"
245
+ platforms: *web
246
+ - name: "title"
247
+ platforms: *web
248
+ - name: "typography_patterns"
249
+ components:
250
+ - name: "contact"
251
+ platforms: *web
252
+ - name: "currency"
253
+ platforms: *web
254
+ - name: "dashboard_value"
255
+ platforms: *web
256
+ - name: "home_address_street"
257
+ platforms: *web
258
+ - name: "label_pill"
259
+ platforms: *web
260
+ - name: "label_value"
261
+ platforms: *web
262
+ - name: "message"
263
+ platforms: *web
264
+ - name: "person"
265
+ platforms: *web
266
+ - name: "person_contact"
267
+ platforms: *web
268
+ - name: "source"
269
+ platforms: *web
270
+ - name: "stat_change"
271
+ platforms: *web
272
+ - name: "stat_value"
273
+ platforms: *web
274
+ - name: "title_count"
275
+ platforms: *web
276
+ - name: "title_detail"
277
+ platforms: *web
278
+ - name: "user_badge"
279
+ components:
280
+ - name: "user_badge"
281
+ platforms: *web
282
+ - name: "walkthrough"
283
+ components:
284
+ - name: "walkthrough"
285
+ platforms: *web
data/dist/pb_doc_helper.rb CHANGED
@@ -33,9 +33,9 @@ module PlaybookWebsite
33
33
  kits.each do |kit|
34
34
  if kit.is_a?(Hash)
35
35
  nav_hash_array(kit).each do |sub_kit|
36
- display_kits << render_pb_doc_kit(sub_kit, type, limit_examples, false, dark_mode)
36
+ display_kits << render_pb_doc_kit(sub_kit, type, limit_examples, false, dark_mode) if pb_doc_has_kit_type?(sub_kit, type)
37
37
  end
38
- else
38
+ elsif pb_doc_has_kit_type?(kit, type)
39
39
  display_kits << render_pb_doc_kit(kit, type, limit_examples, false, dark_mode)
40
40
  end
41
41
  end
@@ -44,9 +44,9 @@ module PlaybookWebsite
44
44
  # rubocop:enable Style/StringConcatenation
45
45
 
46
46
  # rubocop:disable Naming/AccessorMethodName
47
- def get_kits
48
- menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
49
- menu["kits"]
47
+ def get_kits(_type = "rails")
48
+ aggregate_kits || []
49
+ # Filter kits that have at least one component compatible with the type
50
50
  end
51
51
 
52
52
  def get_kits_pb_website