playbook_ui 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

Sign up to get free protection for your applications and to get access to all the features.
Files changed (209) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar/_avatar.d.ts +20 -0
  3. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.d.ts +21 -0
  4. data/app/pb_kits/playbook/pb_background/_background.d.ts +33 -0
  5. data/app/pb_kits/playbook/pb_badge/_badge.d.ts +24 -0
  6. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.d.ts +35 -0
  7. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +32 -36
  8. data/app/pb_kits/playbook/pb_body/_body.d.ts +24 -0
  9. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.d.ts +12 -0
  10. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.d.ts +13 -0
  11. data/app/pb_kits/playbook/pb_button/_button.d.ts +37 -0
  12. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.d.ts +17 -0
  13. data/app/pb_kits/playbook/pb_caption/_caption.d.ts +20 -0
  14. data/app/pb_kits/playbook/pb_card/_card.d.ts +42 -0
  15. data/app/pb_kits/playbook/pb_checkbox/_checkbox.d.ts +24 -0
  16. data/app/pb_kits/playbook/pb_circle_chart/ChartsTypes.d.ts +2 -0
  17. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.d.ts +35 -0
  18. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +63 -67
  19. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.d.ts +21 -0
  20. data/app/pb_kits/playbook/pb_collapsible/_collapsible.d.ts +29 -0
  21. data/app/pb_kits/playbook/pb_collapsible/_helper_functions.d.ts +2 -0
  22. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.d.ts +7 -0
  23. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.d.ts +10 -0
  24. data/app/pb_kits/playbook/pb_collapsible/context.d.ts +3 -0
  25. data/app/pb_kits/playbook/pb_collapsible/useCollapsible.d.ts +2 -0
  26. data/app/pb_kits/playbook/pb_contact/_contact.d.ts +13 -0
  27. data/app/pb_kits/playbook/pb_currency/_currency.d.ts +24 -0
  28. data/app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.d.ts +2 -0
  29. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.d.ts +3 -0
  30. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.d.ts +3 -0
  31. data/app/pb_kits/playbook/pb_dashboard/themeTypes.d.ts +40 -0
  32. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.d.ts +23 -0
  33. data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.d.ts +43 -0
  34. data/app/pb_kits/playbook/pb_date/_date.d.ts +18 -0
  35. data/app/pb_kits/playbook/pb_date_picker/_date_picker.d.ts +50 -0
  36. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.d.ts +23 -0
  37. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.d.ts +18 -0
  38. data/app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.d.ts +44 -0
  39. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.d.ts +13 -0
  40. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.d.ts +10 -0
  41. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.d.ts +13 -0
  42. data/app/pb_kits/playbook/pb_date_time/_date_time.d.ts +18 -0
  43. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.d.ts +10 -0
  44. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.d.ts +10 -0
  45. data/app/pb_kits/playbook/pb_detail/_detail.d.ts +20 -0
  46. data/app/pb_kits/playbook/pb_dialog/_close_icon.d.ts +5 -0
  47. data/app/pb_kits/playbook/pb_dialog/_dialog.d.ts +68 -0
  48. data/app/pb_kits/playbook/pb_dialog/_dialog_context.d.ts +2 -0
  49. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.d.ts +8 -0
  50. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.d.ts +20 -0
  51. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.d.ts +19 -0
  52. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.d.ts +10 -0
  53. data/app/pb_kits/playbook/pb_enhanced_element/element_observer.d.ts +17 -0
  54. data/app/pb_kits/playbook/pb_enhanced_element/index.d.ts +17 -0
  55. data/app/pb_kits/playbook/pb_file_upload/_file_upload.d.ts +16 -0
  56. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.d.ts +10 -0
  57. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.d.ts +10 -0
  58. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.d.ts +14 -0
  59. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.d.ts +14 -0
  60. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.d.ts +11 -0
  61. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.d.ts +8 -0
  62. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.d.ts +18 -0
  63. data/app/pb_kits/playbook/pb_filter/Filter/index.d.ts +8 -0
  64. data/app/pb_kits/playbook/pb_filter/_filter.d.ts +1 -0
  65. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.d.ts +18 -0
  66. data/app/pb_kits/playbook/pb_flex/_flex.d.ts +24 -0
  67. data/app/pb_kits/playbook/pb_flex/_flex_item.d.ts +14 -0
  68. data/app/pb_kits/playbook/pb_form_group/_form_group.d.ts +12 -0
  69. data/app/pb_kits/playbook/pb_form_pill/_form_pill.d.ts +20 -0
  70. data/app/pb_kits/playbook/pb_gauge/_gauge.d.ts +31 -0
  71. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +46 -57
  72. data/app/pb_kits/playbook/pb_hashtag/_hashtag.d.ts +17 -0
  73. data/app/pb_kits/playbook/pb_highlight/_highlight.d.ts +14 -0
  74. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.d.ts +23 -0
  75. data/app/pb_kits/playbook/pb_icon/_icon.d.ts +29 -0
  76. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.d.ts +16 -0
  77. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.d.ts +18 -0
  78. data/app/pb_kits/playbook/pb_icon_value/_icon_value.d.ts +14 -0
  79. data/app/pb_kits/playbook/pb_image/_image.d.ts +20 -0
  80. data/app/pb_kits/playbook/pb_kit/dateTime.d.ts +67 -0
  81. data/app/pb_kits/playbook/pb_label_pill/_label_pill.d.ts +15 -0
  82. data/app/pb_kits/playbook/pb_label_value/_label_value.d.ts +19 -0
  83. data/app/pb_kits/playbook/pb_layout/_layout.d.ts +48 -0
  84. data/app/pb_kits/playbook/pb_legend/_legend.d.ts +14 -0
  85. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slide.d.ts +12 -0
  86. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.d.ts +10 -0
  87. data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnail.d.ts +11 -0
  88. data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnails.d.ts +9 -0
  89. data/app/pb_kits/playbook/pb_lightbox/Carousel/index.d.ts +16 -0
  90. data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.d.ts +22 -0
  91. data/app/pb_kits/playbook/pb_lightbox/_lightbox.d.ts +45 -0
  92. data/app/pb_kits/playbook/pb_lightbox/_lightbox_context.d.ts +2 -0
  93. data/app/pb_kits/playbook/pb_lightbox/hooks/useKbdControls.d.ts +3 -0
  94. data/app/pb_kits/playbook/pb_lightbox/hooks/useWindowSize.d.ts +6 -0
  95. data/app/pb_kits/playbook/pb_line_graph/_line_graph.d.ts +35 -0
  96. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +34 -39
  97. data/app/pb_kits/playbook/pb_list/_list.d.ts +22 -0
  98. data/app/pb_kits/playbook/pb_list/_list_item.d.ts +13 -0
  99. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.d.ts +13 -0
  100. data/app/pb_kits/playbook/pb_map/_map.d.ts +30 -0
  101. data/app/pb_kits/playbook/pb_map/_map_controls.d.ts +11 -0
  102. data/app/pb_kits/playbook/pb_map/_map_custom_button.d.ts +6 -0
  103. data/app/pb_kits/playbook/pb_map/pbMapTheme.d.ts +20 -0
  104. data/app/pb_kits/playbook/pb_message/_message.d.ts +33 -0
  105. data/app/pb_kits/playbook/pb_message/_message_mention.d.ts +13 -0
  106. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.d.ts +33 -0
  107. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.d.ts +25 -0
  108. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.d.ts +20 -0
  109. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md +11 -0
  110. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md +7 -0
  111. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md +13 -0
  112. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md +11 -0
  113. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +6 -0
  114. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.d.ts +16 -0
  115. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md +15 -0
  116. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md +5 -0
  117. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md +15 -0
  118. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md +15 -0
  119. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +6 -0
  120. data/app/pb_kits/playbook/pb_nav/_item.d.ts +40 -0
  121. data/app/pb_kits/playbook/pb_nav/_nav.d.ts +23 -0
  122. data/app/pb_kits/playbook/pb_nav/navTypes.d.ts +22 -0
  123. data/app/pb_kits/playbook/pb_online_status/_online_status.d.ts +14 -0
  124. data/app/pb_kits/playbook/pb_passphrase/_passphrase.d.ts +19 -0
  125. data/app/pb_kits/playbook/pb_person/_person.d.ts +15 -0
  126. data/app/pb_kits/playbook/pb_person_contact/_person_contact.d.ts +18 -0
  127. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.d.ts +34 -0
  128. data/app/pb_kits/playbook/pb_pill/_pill.d.ts +16 -0
  129. data/app/pb_kits/playbook/pb_popover/_popover.d.ts +22 -0
  130. data/app/pb_kits/playbook/pb_popover/index.d.ts +21 -0
  131. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.d.ts +17 -0
  132. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.d.ts +15 -0
  133. data/app/pb_kits/playbook/pb_progress_step/_progress_step.d.ts +19 -0
  134. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.d.ts +12 -0
  135. data/app/pb_kits/playbook/pb_radio/_radio.d.ts +355 -0
  136. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.d.ts +9 -0
  137. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorTypes.d.ts +9 -0
  138. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/MoreExtensionsDropdown.d.ts +2 -0
  139. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.d.ts +2 -0
  140. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.d.ts +2 -0
  141. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.d.ts +2 -0
  142. data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.d.ts +2 -0
  143. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.d.ts +31 -0
  144. data/app/pb_kits/playbook/pb_rich_text_editor/inlineFocus.d.ts +2 -0
  145. data/app/pb_kits/playbook/pb_rich_text_editor/useFocus.d.ts +2 -0
  146. data/app/pb_kits/playbook/pb_section_separator/_section_separator.d.ts +19 -0
  147. data/app/pb_kits/playbook/pb_select/_select.d.ts +385 -0
  148. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.d.ts +30 -0
  149. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.d.ts +27 -0
  150. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.d.ts +21 -0
  151. data/app/pb_kits/playbook/pb_selectable_list/_item.d.ts +20 -0
  152. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.d.ts +17 -0
  153. data/app/pb_kits/playbook/pb_source/_source.d.ts +17 -0
  154. data/app/pb_kits/playbook/pb_star_rating/_star_rating.d.ts +14 -0
  155. data/app/pb_kits/playbook/pb_stat_change/_stat_change.d.ts +10 -0
  156. data/app/pb_kits/playbook/pb_stat_value/_stat_value.d.ts +9 -0
  157. data/app/pb_kits/playbook/pb_table/_table.d.ts +24 -0
  158. data/app/pb_kits/playbook/pb_table/_table_row.d.ts +15 -0
  159. data/app/pb_kits/playbook/pb_table/index.d.ts +5 -0
  160. data/app/pb_kits/playbook/pb_text_input/_text_input.d.ts +383 -0
  161. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md +35 -0
  162. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md +29 -0
  163. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md +13 -0
  164. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md +24 -0
  165. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md +13 -0
  166. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +7 -0
  167. data/app/pb_kits/playbook/pb_textarea/_textarea.d.ts +380 -0
  168. data/app/pb_kits/playbook/pb_textarea/index.d.ts +10 -0
  169. data/app/pb_kits/playbook/pb_time/_time.d.ts +16 -0
  170. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.d.ts +20 -0
  171. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.d.ts +15 -0
  172. data/app/pb_kits/playbook/pb_timeline/_item.d.ts +11 -0
  173. data/app/pb_kits/playbook/pb_timeline/_timeline.d.ts +26 -0
  174. data/app/pb_kits/playbook/pb_timestamp/_timestamp.d.ts +22 -0
  175. data/app/pb_kits/playbook/pb_title/_title.d.ts +26 -0
  176. data/app/pb_kits/playbook/pb_title_count/_title_count.d.ts +18 -0
  177. data/app/pb_kits/playbook/pb_title_detail/_title_detail.d.ts +16 -0
  178. data/app/pb_kits/playbook/pb_toggle/_toggle.d.ts +21 -0
  179. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md +11 -0
  180. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md +10 -0
  181. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md +6 -0
  182. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +4 -0
  183. data/app/pb_kits/playbook/pb_tooltip/_tooltip.d.ts +356 -0
  184. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.d.ts +27 -0
  185. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +28 -33
  186. data/app/pb_kits/playbook/pb_typeahead/_typeahead.d.ts +35 -0
  187. data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.d.ts +2 -0
  188. data/app/pb_kits/playbook/pb_typeahead/components/Control.d.ts +5 -0
  189. data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.d.ts +2 -0
  190. data/app/pb_kits/playbook/pb_typeahead/components/MenuList.d.ts +2 -0
  191. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.d.ts +9 -0
  192. data/app/pb_kits/playbook/pb_typeahead/components/Option.d.ts +2 -0
  193. data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.d.ts +2 -0
  194. data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.d.ts +2 -0
  195. data/app/pb_kits/playbook/pb_typeahead/index.d.ts +39 -0
  196. data/app/pb_kits/playbook/pb_user/_user.d.ts +23 -0
  197. data/app/pb_kits/playbook/pb_user_badge/_user_badge.d.ts +14 -0
  198. data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.d.ts +2 -0
  199. data/app/pb_kits/playbook/pb_user_badge/badges/veteran.d.ts +2 -0
  200. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.d.ts +41 -0
  201. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.d.ts +15 -0
  202. data/app/pb_kits/playbook/utilities/globalProps.d.ts +113 -0
  203. data/app/pb_kits/playbook/utilities/object.d.ts +1 -0
  204. data/app/pb_kits/playbook/utilities/props.d.ts +38 -0
  205. data/app/pb_kits/playbook/utilities/text.d.ts +3 -0
  206. data/app/pb_kits/playbook/utilities/validEmojiChecker.d.ts +1 -0
  207. data/dist/playbook-rails.js +7 -7
  208. data/lib/playbook/version.rb +1 -1
  209. metadata +198 -2
@@ -0,0 +1,6 @@
1
+ declare type MapCustomButtonTypes = {
2
+ onClick?: () => {};
3
+ icon?: string;
4
+ };
5
+ declare const MapCustomButton: ({ onClick, icon }: MapCustomButtonTypes) => JSX.Element;
6
+ export default MapCustomButton;
@@ -0,0 +1,20 @@
1
+ declare const mapTheme: {
2
+ marker: any;
3
+ maptiles: string;
4
+ flyToConfig: {
5
+ zoom: number;
6
+ bearing: number;
7
+ curve: number;
8
+ easing: (t: any) => any;
9
+ essential: boolean;
10
+ };
11
+ zoomConfig: {
12
+ duration: number;
13
+ };
14
+ mapConfig: {
15
+ style: string;
16
+ zoom: number;
17
+ attributionControl: boolean;
18
+ };
19
+ };
20
+ export default mapTheme;
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ declare type MessageProps = {
3
+ aria: {
4
+ [key: string]: string;
5
+ };
6
+ avatarName?: string;
7
+ avatarStatus?: "away" | "offline" | "online";
8
+ avatarUrl?: string;
9
+ children?: React.ReactChild[] | React.ReactChild;
10
+ className?: string;
11
+ data?: object;
12
+ id?: string;
13
+ label?: string;
14
+ message: string;
15
+ timestamp?: string;
16
+ timestampObject?: Date;
17
+ timezone?: string;
18
+ alignTimestamp?: string;
19
+ };
20
+ declare const Message: {
21
+ (props: MessageProps): JSX.Element;
22
+ Mention: (props: {
23
+ aria: {
24
+ [key: string]: string;
25
+ };
26
+ children?: React.ReactChild | React.ReactChild[];
27
+ className?: string;
28
+ data?: object;
29
+ id?: string;
30
+ variant: "user" | "self";
31
+ }) => JSX.Element;
32
+ };
33
+ export default Message;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ declare type MessageMentionProps = {
3
+ aria: {
4
+ [key: string]: string;
5
+ };
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ className?: string;
8
+ data?: object;
9
+ id?: string;
10
+ variant: 'user' | 'self';
11
+ };
12
+ declare const MessageMention: (props: MessageMentionProps) => JSX.Element;
13
+ export default MessageMention;
@@ -0,0 +1,33 @@
1
+ export declare const filterFormattedDataById: (formattedData: {
2
+ [key: string]: any;
3
+ }[], id: string) => {
4
+ [key: string]: any;
5
+ }[];
6
+ export declare const findByFilter: (formattedData: {
7
+ [key: string]: any;
8
+ }[], searchTerm: string) => {
9
+ [key: string]: any;
10
+ }[];
11
+ export declare const getAncestorsOfUnchecked: (data: {
12
+ [key: string]: any;
13
+ }[], item: {
14
+ [key: string]: any;
15
+ }) => {
16
+ [key: string]: any;
17
+ }[];
18
+ export declare const getCheckedItems: (data: {
19
+ [key: string]: any;
20
+ }[]) => {
21
+ [key: string]: any;
22
+ }[];
23
+ export declare const getDefaultCheckedItems: (treeData: {
24
+ [key: string]: any;
25
+ }[]) => {
26
+ [key: string]: any;
27
+ }[];
28
+ export declare const recursiveCheckParent: (item: {
29
+ [key: string]: any;
30
+ }, data: any) => any;
31
+ export declare const getExpandedItems: (treeData: {
32
+ [key: string]: string;
33
+ }[], selectedIds: string[]) => any[];
@@ -0,0 +1,25 @@
1
+ import { GlobalProps } from "../utilities/globalProps";
2
+ declare type MultiLevelSelectProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ id?: string;
11
+ inputDisplay?: "pills" | "none";
12
+ inputName?: string;
13
+ name?: string;
14
+ returnAllSelected?: boolean;
15
+ treeData?: {
16
+ [key: string]: string;
17
+ }[];
18
+ onSelect?: (prop: {
19
+ [key: string]: any;
20
+ }) => void;
21
+ selectedIds?: string[];
22
+ variant?: "multi" | "single";
23
+ } & GlobalProps;
24
+ declare const MultiLevelSelect: (props: MultiLevelSelectProps) => JSX.Element;
25
+ export default MultiLevelSelect;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ declare type MultipleUsersProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ dark?: boolean;
8
+ data?: {
9
+ [key: string]: string;
10
+ };
11
+ id?: string;
12
+ maxDisplayedUsers?: number;
13
+ reverse?: boolean;
14
+ size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
15
+ users: Array<{
16
+ [key: string]: string;
17
+ }>;
18
+ };
19
+ declare const MultipleUsers: (props: MultipleUsersProps) => React.ReactElement;
20
+ export default MultipleUsers;
@@ -0,0 +1,11 @@
1
+ ![mulitple-users-default](https://github.com/powerhome/playbook/assets/92755007/73dffd55-14f7-468e-b6ea-4e700980183d)
2
+
3
+ ```swift
4
+
5
+ let twoUsers = [andrew, picAndrew]
6
+
7
+ PBDoc(title: "xSmall") {
8
+ PBMultipleUsers(users: twoUsers, size: .xSmall)
9
+ }
10
+
11
+ ```
@@ -0,0 +1,7 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **Users** | `[PBUser]` | Sets the user's avatars | | |
5
+ | **Size** | `AvatarSize` | Changes the size of the avatars | `.small` | `.xSmall` `.small` |
6
+ | **Reversed** | `Bool` | Changes the order of the avatars | `false` | `true` `false` |
7
+ | **Max Displayed Users** | `Int` | Limits the number of avatars displayed | `4` | |
@@ -0,0 +1,13 @@
1
+ ![multiple-users-reverse](https://github.com/powerhome/playbook/assets/92755007/be3f6f7d-f699-40f2-bbb6-8a99144a8744)
2
+
3
+ ```swift
4
+
5
+ let multipleUsers = [andrew, picAndrew, andrew, andrew]
6
+ let twoUsers = [andrew, picAndrew]
7
+
8
+ VStack(alignment: .leading, spacing: Spacing.small) {
9
+ PBMultipleUsers(users: multipleUsers, size: .small, reversed: true)
10
+ PBMultipleUsers(users: twoUsers, size: .small, reversed: true)
11
+ }
12
+
13
+ ```
@@ -0,0 +1,11 @@
1
+ ![mulitple-users-size](https://github.com/powerhome/playbook/assets/92755007/5c15b862-fb32-4e0a-a826-bc25b1db555e)
2
+
3
+ ```swift
4
+
5
+ let multipleUsers = [andrew, picAndrew, andrew, andrew]
6
+
7
+ PBDoc(title: "Small") {
8
+ PBMultipleUsers(users: multipleUsers, size: .small)
9
+ }
10
+
11
+ ```
@@ -10,3 +10,9 @@ examples:
10
10
  - multiple_users_default: Default
11
11
  - multiple_users_reverse: Reverse
12
12
  - multiple_users_size: Size
13
+
14
+ swift:
15
+ - multiple_users_default_swift: Default
16
+ - multiple_users_reverse_swift: Reverse
17
+ - multiple_users_size_swift: Small
18
+ - multiple_users_props_swift: ""
@@ -0,0 +1,16 @@
1
+ declare type MultipleUsersStackedProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ className?: string;
6
+ dark?: boolean;
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ id?: string;
11
+ users: Array<{
12
+ [key: string]: string;
13
+ }>;
14
+ };
15
+ declare const MultipleUsersStacked: (props: MultipleUsersStackedProps) => JSX.Element;
16
+ export default MultipleUsersStacked;
@@ -0,0 +1,15 @@
1
+ ![mulitple-users-stacked-default](https://github.com/powerhome/playbook/assets/92755007/180e1275-3eb6-4b28-b1ef-bdde45ab3c2e)
2
+
3
+ ```swift
4
+
5
+ let oneUser = [andrew]
6
+ let twoUsers = [andrew, picAndrew]
7
+ let multipleUsers = [andrew, picAndrew, andrew, andrew]
8
+
9
+ HStack(spacing: Spacing.xSmall) {
10
+ PBMultipleUsersStacked(users: oneUser, size: .default)
11
+ PBMultipleUsersStacked(users: twoUsers, size: .default)
12
+ PBMultipleUsersStacked(users: multipleUsers, size: .default)
13
+ }
14
+
15
+ ```
@@ -0,0 +1,5 @@
1
+ ### Props
2
+ | Name | Type | Description | Default | Values |
3
+ | --- | ----------- | --------- | --------- | --------- |
4
+ | **Users** | `[PBUser]` | Sets the user's avatars | | |
5
+ | **Size** | `Size` | Changes the size of the avatars | `.small` | `.default` `.small` `.xSmall` |
@@ -0,0 +1,15 @@
1
+ ![mulitple-users-stacked-small](https://github.com/powerhome/playbook/assets/92755007/277fd685-6302-462e-a02a-18a8fcb57715)
2
+
3
+ ```swift
4
+
5
+ let oneUser = [andrew]
6
+ let twoUsers = [andrew, picAndrew]
7
+ let multipleUsers = [andrew, picAndrew, andrew, andrew]
8
+
9
+ HStack(spacing: Spacing.xSmall) {
10
+ PBMultipleUsersStacked(users: oneUser)
11
+ PBMultipleUsersStacked(users: twoUsers)
12
+ PBMultipleUsersStacked(users: multipleUsers)
13
+ }
14
+
15
+ ```
@@ -0,0 +1,15 @@
1
+ ![mulitple-users-stacked-xsmall](https://github.com/powerhome/playbook/assets/92755007/4f31976f-a41b-4923-9230-5015f6ad75f8)
2
+
3
+ ```swift
4
+
5
+ let oneUser = [andrew]
6
+ let twoUsers = [andrew, picAndrew]
7
+ let multipleUsers = [andrew, picAndrew, andrew, andrew]
8
+
9
+ HStack(spacing: Spacing.xSmall) {
10
+ PBMultipleUsersStacked(users: oneUser, size: .xSmall)
11
+ PBMultipleUsersStacked(users: twoUsers, size: .xSmall)
12
+ PBMultipleUsersStacked(users: multipleUsers, size: .xSmall)
13
+ }
14
+
15
+ ```
@@ -6,3 +6,9 @@ examples:
6
6
 
7
7
  react:
8
8
  - multiple_users_stacked_default: Default
9
+
10
+ swift:
11
+ - multiple_users_stacked_default_swift: Default
12
+ - multiple_users_stacked_small_swift: Small
13
+ - multiple_users_stacked_xsmall_swift: xSmall
14
+ - multiple_users_stacked_props_swift: ""
@@ -0,0 +1,40 @@
1
+ import React from "react";
2
+ import { GlobalProps } from "../utilities/globalProps";
3
+ import { Spacing } from "../types";
4
+ declare type NavItemProps = {
5
+ active?: boolean;
6
+ highlighted_border?: boolean;
7
+ aria?: {
8
+ [key: string]: string;
9
+ };
10
+ fontWeight?: "regular" | "bold" | "bolder";
11
+ children?: React.ReactNode[] | React.ReactNode;
12
+ className?: string;
13
+ collapsible?: boolean;
14
+ data?: object;
15
+ dark?: boolean;
16
+ fontSize?: "normal" | "small";
17
+ iconLeft?: string;
18
+ iconRight?: string | string[];
19
+ onIconRightClick?: () => void;
20
+ onIconLeftClick?: () => void;
21
+ id?: string;
22
+ imageUrl?: string;
23
+ link?: string;
24
+ onClick?: () => void;
25
+ target?: "_blank" | "_self" | "_parent" | "_top";
26
+ text: string;
27
+ collapsibleTrail?: boolean;
28
+ collapsed?: boolean;
29
+ orientation?: "vertical" | "horizontal";
30
+ variant?: "normal" | "subtle";
31
+ margin?: Spacing;
32
+ marginBottom?: Spacing;
33
+ marginTop?: Spacing;
34
+ marginRight?: Spacing;
35
+ marginLeft?: Spacing;
36
+ marginX?: Spacing;
37
+ marginY?: Spacing;
38
+ } & GlobalProps;
39
+ declare const NavItem: (props: NavItemProps) => JSX.Element;
40
+ export default NavItem;
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ import { SpacingObject } from './navTypes';
4
+ declare type NavProps = {
5
+ aria?: {
6
+ [key: string]: string;
7
+ };
8
+ borderless?: boolean;
9
+ children?: React.ReactNode[] | React.ReactNode;
10
+ className?: string | string[];
11
+ data?: object;
12
+ dark?: boolean;
13
+ highlight?: boolean;
14
+ id?: string;
15
+ onClick?: React.MouseEventHandler<HTMLElement>;
16
+ orientation?: "vertical" | "horizontal";
17
+ link?: string;
18
+ title?: string;
19
+ variant?: "normal" | "subtle";
20
+ itemSpacing?: SpacingObject;
21
+ } & GlobalProps;
22
+ declare const Nav: (props: NavProps) => JSX.Element;
23
+ export default Nav;
@@ -0,0 +1,22 @@
1
+ import { Spacing } from "../types";
2
+ export declare type SpacingObject = {
3
+ margin?: Spacing;
4
+ marginBottom?: Spacing;
5
+ marginTop?: Spacing;
6
+ marginRight?: Spacing;
7
+ marginLeft?: Spacing;
8
+ margingX?: Spacing;
9
+ marginY?: Spacing;
10
+ padding?: Spacing;
11
+ paddingBottom?: Spacing;
12
+ paddingTop?: Spacing;
13
+ paddingRight?: Spacing;
14
+ paddingLeft?: Spacing;
15
+ paddingX?: Spacing;
16
+ paddingY?: Spacing;
17
+ };
18
+ export declare type NavChildProps = {
19
+ orientation?: "vertical" | "horizontal";
20
+ variant?: "normal" | "subtle";
21
+ itemSpacing?: SpacingObject;
22
+ };
@@ -0,0 +1,14 @@
1
+ import { GlobalProps } from '../utilities/globalProps';
2
+ declare type OnlineStatusProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ data?: {
8
+ [key: string]: string | number;
9
+ };
10
+ id?: string;
11
+ status?: "online" | "offline" | "away";
12
+ } & GlobalProps;
13
+ declare const OnlineStatus: (props: OnlineStatusProps) => JSX.Element;
14
+ export default OnlineStatus;
@@ -0,0 +1,19 @@
1
+ declare type PassphraseProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ confirmation?: boolean;
6
+ className?: string;
7
+ data?: object;
8
+ dark?: boolean;
9
+ id?: string;
10
+ inputProps?: {};
11
+ label?: string;
12
+ onChange: (inputValue: String) => void;
13
+ showTipsBelow?: "always" | "xs" | "sm" | "md" | "lg" | "xl";
14
+ tips?: Array<string>;
15
+ uncontrolled?: boolean;
16
+ value: string;
17
+ };
18
+ declare const Passphrase: (props: PassphraseProps) => JSX.Element;
19
+ export default Passphrase;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ declare type PersonProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string | string[];
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ firstName: string;
11
+ id?: string;
12
+ lastName: string;
13
+ };
14
+ declare const Person: (props: PersonProps) => React.ReactElement;
15
+ export default Person;
@@ -0,0 +1,18 @@
1
+ declare type ContactItem = {
2
+ contactType: string;
3
+ contactValue: string;
4
+ contactDetail: string;
5
+ };
6
+ declare type PersonContactProps = {
7
+ aria?: {
8
+ [key: string]: string;
9
+ };
10
+ className?: string | string[];
11
+ data?: object;
12
+ firstName: string;
13
+ id?: string;
14
+ lastName: string;
15
+ contacts?: ContactItem[];
16
+ };
17
+ declare const PersonContact: (props: PersonContactProps) => JSX.Element;
18
+ export default PersonContact;
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import 'intl-tel-input/build/css/intlTelInput.css';
3
+ import 'intl-tel-input/build/js/utils.js';
4
+ import { Callback } from '../types';
5
+ declare global {
6
+ interface Window {
7
+ intlTelInputGlobals: any;
8
+ }
9
+ }
10
+ declare type PhoneNumberInputProps = {
11
+ aria?: {
12
+ [key: string]: string;
13
+ };
14
+ className?: string;
15
+ dark?: boolean;
16
+ data?: {
17
+ [key: string]: string;
18
+ };
19
+ disabled?: boolean;
20
+ error?: string;
21
+ id?: string;
22
+ initialCountry?: string;
23
+ isValid?: (valid: boolean) => void;
24
+ label?: string;
25
+ name?: string;
26
+ onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
27
+ onValidate?: Callback<boolean, void>;
28
+ onlyCountries: string[];
29
+ preferredCountries?: string[];
30
+ required?: boolean;
31
+ value?: string;
32
+ };
33
+ declare const _default: React.ForwardRefExoticComponent<PhoneNumberInputProps & React.RefAttributes<unknown>>;
34
+ export default _default;
@@ -0,0 +1,16 @@
1
+ import { GlobalProps } from '../utilities/globalProps';
2
+ declare type PillProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ id?: string;
11
+ text: string;
12
+ variant?: "success" | "warning" | "error" | "info" | "neutral" | "primary";
13
+ textTransform?: "none" | "lowercase";
14
+ } & GlobalProps;
15
+ declare const Pill: (props: PillProps) => JSX.Element;
16
+ export default Pill;
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { PopperProps, Reference as PopperReference } from "react-popper";
3
+ import { GlobalProps } from "../utilities/globalProps";
4
+ declare type PbPopoverProps = {
5
+ aria?: {
6
+ [key: string]: string;
7
+ };
8
+ className?: string;
9
+ closeOnClick?: "outside" | "inside" | "any";
10
+ data?: {
11
+ [key: string]: string;
12
+ };
13
+ id?: string;
14
+ offset?: boolean;
15
+ reference: PopperReference & any;
16
+ show?: boolean;
17
+ shouldClosePopover?: (arg0: boolean) => void;
18
+ } & GlobalProps & Omit<PopperProps<any>, 'children'> & {
19
+ children?: React.ReactChild[] | React.ReactChild;
20
+ };
21
+ declare const PbReactPopover: (props: PbPopoverProps) => JSX.Element;
22
+ export default PbReactPopover;
@@ -0,0 +1,21 @@
1
+ import PbEnhancedElement from '../pb_enhanced_element';
2
+ import { Instance } from '@popperjs/core';
3
+ export default class PbPopover extends PbEnhancedElement {
4
+ popper: Instance;
5
+ _triggerElement: HTMLElement;
6
+ _tooltip: HTMLElement;
7
+ element: HTMLElement;
8
+ static get selector(): string;
9
+ moveTooltip(): void;
10
+ connect(): void;
11
+ checkCloseTooltip(): void;
12
+ hideTooltip(): void;
13
+ toggleTooltip(): void;
14
+ get triggerElement(): HTMLElement;
15
+ get tooltip(): HTMLElement;
16
+ get position(): string;
17
+ get triggerElementId(): string;
18
+ get tooltipId(): string;
19
+ get offset(): number[];
20
+ get closeOnClick(): string;
21
+ }
@@ -0,0 +1,17 @@
1
+ declare type ProgressPillsProps = {
2
+ active?: number;
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ dark?: boolean;
11
+ id?: string;
12
+ steps?: number;
13
+ title?: string;
14
+ value?: string;
15
+ };
16
+ declare const ProgressPills: (props: ProgressPillsProps) => JSX.Element;
17
+ export default ProgressPills;
@@ -0,0 +1,15 @@
1
+ declare type ProgressSimpleProps = {
2
+ align?: "left" | "center" | "right";
3
+ className?: string | string[];
4
+ dark?: boolean;
5
+ data?: string;
6
+ id?: string;
7
+ max?: number;
8
+ muted: boolean;
9
+ percent: string;
10
+ value: number;
11
+ variant?: "default" | "positive" | "negative" | "warning";
12
+ width: string;
13
+ };
14
+ declare const ProgressSimple: (props: ProgressSimpleProps) => JSX.Element;
15
+ export default ProgressSimple;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ declare type ProgressStepProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ id?: string;
11
+ children?: React.ReactChild[] | React.ReactChild;
12
+ orientation?: "horizontal" | "vertical";
13
+ icon?: boolean;
14
+ showIcon?: boolean;
15
+ variant?: string;
16
+ color?: string;
17
+ };
18
+ declare const ProgressStep: (props: ProgressStepProps) => React.ReactElement;
19
+ export default ProgressStep;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ declare type ProgressStepItemProps = {
3
+ className?: string;
4
+ data?: {
5
+ [key: string]: string;
6
+ };
7
+ status?: "complete" | "active" | "inactive" | "hidden";
8
+ children?: React.ReactNode | React.ReactNode[];
9
+ icon?: string;
10
+ };
11
+ declare const ProgressStepItem: (props: ProgressStepItemProps) => React.ReactElement;
12
+ export default ProgressStepItem;