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,20 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type DetailProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ bold?: boolean;
8
+ children?: React.ReactChild[] | React.ReactChild;
9
+ className?: string;
10
+ color?: 'light' | 'default' | 'lighter' | 'link' | 'error' | 'success';
11
+ dark?: boolean;
12
+ data?: {
13
+ [key: string]: string;
14
+ };
15
+ id?: string;
16
+ tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
17
+ text?: string;
18
+ } & GlobalProps;
19
+ declare const Detail: (props: DetailProps) => JSX.Element;
20
+ export default Detail;
@@ -0,0 +1,5 @@
1
+ declare type CloseIconProps = {
2
+ onClose: () => any;
3
+ };
4
+ export declare const CloseIcon: (props: CloseIconProps) => JSX.Element;
5
+ export {};
@@ -0,0 +1,68 @@
1
+ import React from "react";
2
+ declare type DialogProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ cancelButton?: string;
7
+ children: React.ReactNode | React.ReactNode[] | string;
8
+ className?: string;
9
+ closeable: boolean;
10
+ confirmButton?: string;
11
+ data?: object;
12
+ id?: string;
13
+ fullHeight?: boolean;
14
+ loading?: boolean;
15
+ onCancel?: () => void;
16
+ onChange?: () => void;
17
+ onClose?: () => void;
18
+ onConfirm?: () => void;
19
+ opened: boolean;
20
+ portalClassName?: string;
21
+ placement?: "left" | "center" | "right";
22
+ shouldCloseOnOverlayClick: boolean;
23
+ size?: "sm" | "md" | "lg" | "xl" | "status_size" | "content";
24
+ status?: "info" | "caution" | "delete" | "error" | "success";
25
+ text?: string;
26
+ title?: string;
27
+ trigger?: string;
28
+ };
29
+ declare const Dialog: {
30
+ (props: DialogProps): JSX.Element;
31
+ Header: (props: {
32
+ aria?: {
33
+ [key: string]: string;
34
+ };
35
+ children: React.ReactNode | React.ReactNode[];
36
+ className?: string;
37
+ closeable?: boolean;
38
+ data?: object;
39
+ id?: string;
40
+ padding?: string;
41
+ separator?: boolean;
42
+ spacing?: "none" | "between" | "around" | "evenly";
43
+ text?: string;
44
+ title?: string;
45
+ } & import("../utilities/globalProps").GlobalProps) => JSX.Element;
46
+ Body: (props: {
47
+ children: React.ReactNode | React.ReactNode[];
48
+ padding?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
49
+ className?: string;
50
+ }) => JSX.Element;
51
+ Footer: (props: {
52
+ aria?: {
53
+ [key: string]: string;
54
+ };
55
+ children: React.ReactChild | React.ReactChild[];
56
+ className?: string;
57
+ data?: {
58
+ [key: string]: string;
59
+ };
60
+ id?: string;
61
+ padding?: string;
62
+ paddingBottom?: string;
63
+ paddingX?: string;
64
+ separator?: boolean;
65
+ spacing?: "none" | "between" | "around" | "evenly";
66
+ } & import("../utilities/globalProps").GlobalProps) => JSX.Element;
67
+ };
68
+ export default Dialog;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DialogContext: React.Context<any>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare type DialogBodyProps = {
3
+ children: React.ReactNode | React.ReactNode[] | string;
4
+ padding?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
5
+ className?: string;
6
+ };
7
+ declare const DialogBody: (props: DialogBodyProps) => JSX.Element;
8
+ export default DialogBody;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../../utilities/globalProps';
3
+ declare type DialogFooterProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ children: React.ReactChild[] | React.ReactChild | string;
8
+ className?: string;
9
+ data?: {
10
+ [key: string]: string;
11
+ };
12
+ id?: string;
13
+ padding?: string;
14
+ paddingBottom?: string;
15
+ paddingX?: string;
16
+ separator?: boolean;
17
+ spacing?: "none" | "between" | "around" | "evenly";
18
+ } & GlobalProps;
19
+ declare const DialogFooter: (props: DialogFooterProps) => JSX.Element;
20
+ export default DialogFooter;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../../utilities/globalProps';
3
+ declare type DialogHeaderProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ children: React.ReactNode[] | React.ReactNode | string;
8
+ className?: string;
9
+ closeable?: boolean;
10
+ data?: object;
11
+ id?: string;
12
+ padding?: string;
13
+ separator?: boolean;
14
+ spacing?: "none" | "between" | "around" | "evenly";
15
+ text?: string;
16
+ title?: string;
17
+ } & GlobalProps;
18
+ declare const DialogHeader: (props: DialogHeaderProps) => JSX.Element;
19
+ export default DialogHeader;
@@ -0,0 +1,10 @@
1
+ declare type DistributionBarProps = {
2
+ className?: string;
3
+ colors: [];
4
+ data?: string;
5
+ id?: string;
6
+ size?: "lg" | "sm";
7
+ widths?: number[];
8
+ };
9
+ declare const DistributionBar: (props: DistributionBarProps) => JSX.Element;
10
+ export default DistributionBar;
@@ -0,0 +1,17 @@
1
+ import PbEnhancedElement from "./index";
2
+ export default class ElementObserver {
3
+ matchDelegate: PbEnhancedElement;
4
+ target: Document;
5
+ _mutationObserver: MutationObserver;
6
+ constructor(matchDelegate: PbEnhancedElement, target?: Document);
7
+ get mutationObserver(): MutationObserver;
8
+ start(): void;
9
+ stop(): void;
10
+ catchup(): void;
11
+ processMutationList(mutationList: Array<MutationRecord>): void;
12
+ processAttributeChange(node: Element): void | Array<Element>;
13
+ processRemovedNodes(nodes: Array<Element>): void;
14
+ processAddedNodes(nodes: Array<Element>): void;
15
+ handleRemovals(elements: Array<Element>): void;
16
+ handleAdditions(elements: Array<Element>): void;
17
+ }
@@ -0,0 +1,17 @@
1
+ import ElementObserver from './element_observer';
2
+ export default class PbEnhancedElement {
3
+ static _elements: Map<Element, PbEnhancedElement>;
4
+ static _observer: ElementObserver;
5
+ element: Element;
6
+ constructor(element?: Element);
7
+ static get elements(): Map<Element, PbEnhancedElement>;
8
+ static get observer(): ElementObserver;
9
+ static get selector(): string;
10
+ static matches(node: Element): Array<Element>;
11
+ static addMatch(element: Element): void;
12
+ static removeMatch(element: Element): void;
13
+ static start(): void;
14
+ static stop(): void;
15
+ connect(): void;
16
+ disconnect(): void;
17
+ }
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import type { Callback } from '../types';
3
+ declare type FileUploadProps = {
4
+ accept?: string[];
5
+ className?: string;
6
+ customMessage?: string;
7
+ data?: {
8
+ [key: string]: string | number;
9
+ };
10
+ acceptedFilesDescription?: string;
11
+ maxSize?: number;
12
+ onFilesAccepted: Callback<File, File>;
13
+ onFilesRejected: (error: string, files: File[]) => void;
14
+ };
15
+ declare const FileUpload: (props: FileUploadProps) => React.ReactElement;
16
+ export default FileUpload;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export declare type FilterDescription = {
3
+ [key: string]: string | null | boolean;
4
+ };
5
+ export declare type CurrentFiltersProps = {
6
+ dark: boolean;
7
+ filters: FilterDescription;
8
+ };
9
+ declare const CurrentFilters: ({ dark, filters }: CurrentFiltersProps) => React.ReactElement;
10
+ export default CurrentFilters;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../../utilities/globalProps';
3
+ export declare type FilterBackgroundProps = {
4
+ background: boolean;
5
+ className: string;
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ dark: boolean;
8
+ } & GlobalProps;
9
+ declare const FilterBackground: (props: FilterBackgroundProps) => React.ReactElement;
10
+ export default FilterBackground;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { FilterDescription } from './CurrentFilters';
3
+ import { FilterBackgroundProps } from './FilterBackground';
4
+ import { SortingChangeCallback, SortOptions, SortValue } from './SortMenu';
5
+ export declare type FilterDoubleProps = {
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ filters?: FilterDescription;
8
+ onSortChange?: SortingChangeCallback;
9
+ results?: number;
10
+ sortOptions?: SortOptions;
11
+ sortValue?: SortValue[];
12
+ } & FilterBackgroundProps;
13
+ declare const FilterDouble: ({ onSortChange, sortOptions, sortValue, filters, results, children, dark, minWidth, placement, ...bgProps }: FilterDoubleProps) => React.ReactElement;
14
+ export default FilterDouble;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { FilterDescription } from './CurrentFilters';
3
+ import { FilterBackgroundProps } from './FilterBackground';
4
+ import { SortingChangeCallback, SortOptions, SortValue } from './SortMenu';
5
+ export declare type FilterSingleProps = {
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ filters?: FilterDescription;
8
+ onSortChange?: SortingChangeCallback;
9
+ results?: number;
10
+ sortOptions?: SortOptions;
11
+ sortValue?: SortValue[];
12
+ } & FilterBackgroundProps;
13
+ declare const FilterSingle: ({ onSortChange, sortOptions, sortValue, filters, results, children, dark, minWidth, placement, ...bgProps }: FilterSingleProps) => React.ReactElement;
14
+ export default FilterSingle;
@@ -0,0 +1,11 @@
1
+ import React, { ReactNode } from 'react';
2
+ declare type FiltersPopoverProps = {
3
+ children?: React.ReactChild[] | React.ReactChild | (({ closePopover }: {
4
+ closePopover: () => void;
5
+ }) => ReactNode);
6
+ dark?: boolean;
7
+ minWidth?: string;
8
+ placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
9
+ };
10
+ declare const FiltersPopover: ({ children, dark, minWidth, placement }: FiltersPopoverProps) => React.ReactElement;
11
+ export default FiltersPopover;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare type ResultsCountProps = {
3
+ dark?: boolean;
4
+ results?: number | null;
5
+ title?: boolean;
6
+ };
7
+ declare const ResultsCount: ({ dark, results, title }: ResultsCountProps) => React.ReactElement;
8
+ export default ResultsCount;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export declare type Direction = 'asc' | 'desc';
3
+ export declare type SortOptions = {
4
+ [name: string]: string;
5
+ };
6
+ export declare type SortValue = {
7
+ name: string;
8
+ dir: Direction;
9
+ };
10
+ export declare type SortingChangeCallback = (value: SortValue[]) => void;
11
+ export declare type SortMenuProps = {
12
+ dark?: boolean;
13
+ onChange: SortingChangeCallback;
14
+ options: SortOptions;
15
+ value?: SortValue[];
16
+ };
17
+ declare const SortMenu: ({ dark, options, value, onChange }: SortMenuProps) => React.ReactElement;
18
+ export default SortMenu;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { FilterSingleProps } from './FilterSingle';
3
+ import { FilterDoubleProps } from './FilterDouble';
4
+ declare type FilterProps = FilterSingleProps | (FilterDoubleProps & {
5
+ double?: boolean;
6
+ });
7
+ declare const Filter: ({ double, ...templateProps }: FilterProps) => React.ReactElement;
8
+ export default Filter;
@@ -0,0 +1 @@
1
+ export { default } from './Filter';
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ declare type FixedConfirmationToastProps = {
3
+ autoClose?: number;
4
+ children?: React.ReactChild[] | React.ReactChild;
5
+ className?: string;
6
+ closeable?: boolean;
7
+ data?: string;
8
+ horizontal?: "right" | "left" | "center";
9
+ id?: string;
10
+ multiLine?: boolean;
11
+ onClose?: () => void;
12
+ open?: boolean;
13
+ status?: "success" | "error" | "neutral" | "tip";
14
+ text?: string;
15
+ vertical?: "top" | "bottom";
16
+ };
17
+ declare const FixedConfirmationToast: (props: FixedConfirmationToastProps) => JSX.Element;
18
+ export default FixedConfirmationToast;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ import { Sizes } from '../types';
4
+ declare type FlexProps = {
5
+ children: React.ReactChild[] | React.ReactNode;
6
+ className?: string;
7
+ data?: object;
8
+ horizontal?: "left" | "center" | "right" | "stretch" | "none";
9
+ justify?: "start" | "center" | "end" | "around" | "between" | "evenly" | "none";
10
+ id?: string;
11
+ inline?: boolean;
12
+ orientation?: "row" | "column";
13
+ spacing?: "around" | "between" | "evenly" | "none";
14
+ reverse?: boolean;
15
+ vertical?: "top" | "center" | "bottom" | "stretch" | "baseline" | "none";
16
+ align?: "start" | "center" | "end" | "stretch" | "baseline" | "none";
17
+ gap?: Sizes | "none";
18
+ rowGap?: Sizes | "none";
19
+ columnGap?: Sizes | "none";
20
+ wrap?: boolean;
21
+ alignSelf?: "start" | "end" | "center" | "stretch" | "none";
22
+ } & GlobalProps;
23
+ declare const Flex: (props: FlexProps) => JSX.Element;
24
+ export default Flex;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type FlexItemPropTypes = {
4
+ children: React.ReactNode[] | React.ReactNode;
5
+ fixedSize?: string;
6
+ grow?: boolean;
7
+ shrink?: boolean;
8
+ className?: string;
9
+ order?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'first' | 'none';
10
+ alignSelf?: "start" | "end" | "center" | "stretch" | null;
11
+ displayFlex?: boolean;
12
+ } & GlobalProps;
13
+ declare const FlexItem: (props: FlexItemPropTypes) => React.ReactElement;
14
+ export default FlexItem;
@@ -0,0 +1,12 @@
1
+ declare type FormGroupProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ children?: Node;
6
+ className?: string;
7
+ data?: object;
8
+ fullWidth?: boolean;
9
+ id?: string;
10
+ };
11
+ declare const FormGroup: (props: FormGroupProps) => JSX.Element;
12
+ export default FormGroup;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type FormPillProps = {
4
+ className?: string;
5
+ id?: string;
6
+ text: string;
7
+ name?: string;
8
+ onClick?: React.MouseEventHandler<HTMLSpanElement>;
9
+ avatar?: boolean;
10
+ avatarUrl?: string;
11
+ size?: string;
12
+ textTransform?: 'none' | 'lowercase';
13
+ closeProps?: {
14
+ onClick?: React.MouseEventHandler<HTMLSpanElement>;
15
+ onMouseDown?: React.MouseEventHandler<HTMLSpanElement>;
16
+ onTouchEnd?: React.TouchEventHandler<HTMLSpanElement>;
17
+ };
18
+ } & GlobalProps;
19
+ declare const FormPill: (props: FormPillProps) => JSX.Element;
20
+ export default FormPill;
@@ -0,0 +1,31 @@
1
+ declare type GaugeProps = {
2
+ aria: {
3
+ [key: string]: string;
4
+ };
5
+ className?: string;
6
+ chartData?: {
7
+ name: string;
8
+ value: number[] | number;
9
+ }[];
10
+ dark?: Boolean;
11
+ data?: {
12
+ [key: string]: string;
13
+ };
14
+ disableAnimation?: boolean;
15
+ fullCircle?: boolean;
16
+ height?: string;
17
+ id?: string;
18
+ max?: number;
19
+ min?: number;
20
+ prefix?: string;
21
+ showLabels?: boolean;
22
+ style?: string;
23
+ suffix?: string;
24
+ title?: string;
25
+ tooltipHtml?: string;
26
+ colors: string[];
27
+ minorTickInterval: any;
28
+ circumference: number[];
29
+ };
30
+ declare const Gauge: ({ aria, className, chartData, dark, data, disableAnimation, fullCircle, height, id, max, min, prefix, showLabels, style, suffix, title, tooltipHtml, colors, minorTickInterval, circumference, ...props }: GaugeProps) => JSX.Element;
31
+ export default Gauge;
@@ -1,6 +1,7 @@
1
1
  import React, { useState, useEffect } from "react";
2
2
  import classnames from "classnames";
3
3
  import HighchartsReact from "highcharts-react-official";
4
+ import Highcharts from "highcharts";
4
5
  import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
5
6
  import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
6
7
  import mapColors from "../pb_dashboard/pbChartsColorsHelper";
@@ -13,26 +14,26 @@ import { buildAriaProps, buildCss, buildDataProps } from "../utilities/props";
13
14
  import { globalProps } from "../utilities/globalProps";
14
15
 
15
16
  type GaugeProps = {
16
- aria: { [key: string]: string },
17
- className?: string,
18
- chartData?: { name: string, value: number[] | number }[],
19
- dark?: Boolean,
20
- data?: { [key: string]: string },
21
- disableAnimation?: boolean,
22
- fullCircle?: boolean,
23
- height?: string,
24
- id?: string,
25
- max?: number,
26
- min?: number,
27
- prefix?: string,
28
- showLabels?: boolean,
29
- style?: string,
30
- suffix?: string,
31
- title?: string,
32
- tooltipHtml?: string,
33
- colors: string[],
34
- minorTickInterval: any,
35
- circumference: number[],
17
+ aria: { [key: string]: string };
18
+ className?: string;
19
+ chartData?: { name: string; value: number[] | number }[];
20
+ dark?: Boolean;
21
+ data?: { [key: string]: string };
22
+ disableAnimation?: boolean;
23
+ fullCircle?: boolean;
24
+ height?: string;
25
+ id?: string;
26
+ max?: number;
27
+ min?: number;
28
+ prefix?: string;
29
+ showLabels?: boolean;
30
+ style?: string;
31
+ suffix?: string;
32
+ title?: string;
33
+ tooltipHtml?: string;
34
+ colors: string[];
35
+ minorTickInterval: any;
36
+ circumference: number[];
36
37
  };
37
38
 
38
39
  const Gauge = ({
@@ -61,13 +62,28 @@ const Gauge = ({
61
62
  }: GaugeProps) => {
62
63
  const ariaProps = buildAriaProps(aria);
63
64
  const dataProps = buildDataProps(data);
65
+ highchartsMore(Highcharts);
66
+ solidGauge(Highcharts);
67
+ const setupTheme = () => {
68
+ dark
69
+ ? Highcharts.setOptions(highchartsDarkTheme)
70
+ : Highcharts.setOptions(highchartsTheme);
71
+ };
72
+ setupTheme();
73
+
74
+ //set tooltip directly to prevent being overriden by Highcharts defaults
75
+ Highcharts.setOptions({
76
+ tooltip: {
77
+ pointFormat: tooltipHtml,
78
+ followPointer: true,
79
+ },
80
+ });
64
81
 
65
82
  const css = buildCss({
66
83
  pb_gauge_kit: true,
67
84
  });
68
85
 
69
86
  const [options, setOptions] = useState({});
70
- const [isHighchartsLoaded, setIsHighchartsLoaded] = useState(false);
71
87
 
72
88
  useEffect(() => {
73
89
  const formattedChartData = chartData.map((obj: any) => {
@@ -158,45 +174,18 @@ const Gauge = ({
158
174
 
159
175
  setOptions({ ...staticOptions });
160
176
 
161
- const interval = setInterval(() => {
162
- if (window.Highcharts) {
163
- clearInterval(interval)
164
-
165
- const gaugeInterval = setInterval(() => {
166
- if (document.querySelector(".prefix")) {
167
- clearInterval(gaugeInterval)
168
- document.querySelectorAll(".prefix").forEach((prefix) => {
169
- prefix.setAttribute("y", "28");
170
- });
171
- document
172
- .querySelectorAll(".fix")
173
- .forEach((fix) => fix.setAttribute("y", "38"));
174
- }
175
- }, 0)
176
-
177
- dark
178
- ? window.Highcharts.setOptions(highchartsDarkTheme)
179
- : window.Highcharts.setOptions(highchartsTheme)
180
-
181
- highchartsMore(window.Highcharts);
182
- solidGauge(window.Highcharts);
183
-
184
- //set tooltip directly to prevent being overriden by window.Highcharts defaults
185
- window.Highcharts.setOptions({
186
- tooltip: {
187
- pointFormat: tooltipHtml,
188
- followPointer: true,
189
- },
190
- });
191
-
192
- setIsHighchartsLoaded(true)
193
- }
194
- }, 0)
177
+ if (document.querySelector(".prefix")) {
178
+ document.querySelectorAll(".prefix").forEach((prefix) => {
179
+ prefix.setAttribute("y", "28");
180
+ });
181
+ document
182
+ .querySelectorAll(".fix")
183
+ .forEach((fix) => fix.setAttribute("y", "38"));
184
+ }
195
185
 
196
186
  }, [chartData]);
197
187
 
198
188
  return (
199
- isHighchartsLoaded &&
200
189
  <HighchartsReact
201
190
  containerProps={{
202
191
  className: classnames(css, globalProps(props)),
@@ -204,7 +193,7 @@ const Gauge = ({
204
193
  ...ariaProps,
205
194
  ...dataProps,
206
195
  }}
207
- highcharts={window.Highcharts}
196
+ highcharts={Highcharts}
208
197
  options={options}
209
198
  />
210
199
  );
@@ -0,0 +1,17 @@
1
+ import { GlobalProps } from '../utilities/globalProps';
2
+ declare type HashtagProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ dark?: boolean;
8
+ data?: string;
9
+ id?: string;
10
+ newWindow?: boolean;
11
+ rel?: string;
12
+ text?: string;
13
+ type: "default" | "home" | "project" | "appointment";
14
+ url?: string;
15
+ } & GlobalProps;
16
+ declare const Hashtag: (props: HashtagProps) => JSX.Element;
17
+ export default Hashtag;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type HighlightProps = {
4
+ className?: string;
5
+ data?: {
6
+ [key: string]: string;
7
+ };
8
+ id?: string;
9
+ children?: React.ReactChild[] | React.ReactChild | string;
10
+ text?: string;
11
+ highlightedText?: string[];
12
+ } & GlobalProps;
13
+ declare const Highlight: (props: HighlightProps) => React.ReactElement;
14
+ export default Highlight;
@@ -0,0 +1,23 @@
1
+ declare type HomeAddressStreetProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ address: string;
6
+ addressCont: string;
7
+ city: string;
8
+ className?: string;
9
+ data?: {
10
+ [key: string]: string;
11
+ };
12
+ dark?: boolean;
13
+ emphasis: "street" | "city";
14
+ homeId: string;
15
+ houseStyle: string;
16
+ homeUrl: string;
17
+ newWindow: boolean;
18
+ state: string;
19
+ zipcode: string;
20
+ territory: string;
21
+ };
22
+ declare const HomeAddressStreet: (props: HomeAddressStreetProps) => JSX.Element;
23
+ export default HomeAddressStreet;