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,29 @@
1
+ import { GlobalProps } from '../utilities/globalProps';
2
+ export declare type IconSizes = "lg" | "xs" | "sm" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x" | "";
3
+ declare type IconProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ border?: string;
8
+ className?: string;
9
+ customIcon?: {
10
+ [key: string]: SVGElement;
11
+ };
12
+ data?: {
13
+ [key: string]: string;
14
+ };
15
+ fixedWidth?: boolean;
16
+ flip?: "horizontal" | "vertical" | "both" | "none";
17
+ icon: string;
18
+ id?: string;
19
+ inverse?: boolean;
20
+ listItem?: boolean;
21
+ pull?: "left" | "right" | "none";
22
+ pulse?: boolean;
23
+ rotation?: 90 | 180 | 270;
24
+ size?: IconSizes;
25
+ fontStyle?: 'far' | 'fas' | 'fab' | 'fak';
26
+ spin?: boolean;
27
+ } & GlobalProps;
28
+ declare const Icon: (props: IconProps) => JSX.Element;
29
+ export default Icon;
@@ -0,0 +1,16 @@
1
+ declare type IconCircleProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ className?: string;
6
+ dark?: boolean;
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ icon: string;
11
+ id?: string;
12
+ size?: "base" | "xs" | "sm" | "md" | "lg" | "xl";
13
+ variant?: "default" | "royal" | "blue" | "purple" | "teal" | "red" | "yellow" | "orange" | "green";
14
+ };
15
+ declare const IconCircle: (props: IconCircleProps) => JSX.Element;
16
+ export default IconCircle;
@@ -0,0 +1,18 @@
1
+ declare type IconStatValueProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ className?: string;
6
+ data?: object;
7
+ dark?: boolean;
8
+ icon: string;
9
+ id?: string;
10
+ orientation?: "vertical" | "horizontal";
11
+ size?: "sm" | "md" | "lg";
12
+ text?: string;
13
+ unit?: string;
14
+ value: number;
15
+ variant?: "default" | "royal" | "blue" | "purple" | "teal" | "red" | "yellow" | "orange" | "green";
16
+ };
17
+ declare const IconStatValue: (props: IconStatValueProps) => JSX.Element;
18
+ export default IconStatValue;
@@ -0,0 +1,14 @@
1
+ declare type IconValueProps = {
2
+ align?: "left" | "center" | "right";
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ dark?: boolean;
8
+ data?: object;
9
+ icon: string;
10
+ id?: string;
11
+ text: string;
12
+ };
13
+ declare const IconValue: (props: IconValueProps) => JSX.Element;
14
+ export default IconValue;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type ImageType = {
4
+ alt?: string;
5
+ aria?: {
6
+ [key: string]: string;
7
+ };
8
+ className?: string;
9
+ data?: {
10
+ [key: string]: string;
11
+ };
12
+ id?: string;
13
+ onError?: () => void;
14
+ size?: "xs" | "sm" | "md" | "lg" | "xl";
15
+ rounded?: boolean;
16
+ transition?: "blur" | "fade" | "scale";
17
+ url?: string;
18
+ } & GlobalProps;
19
+ declare const Image: (props: ImageType) => React.ReactElement;
20
+ export default Image;
@@ -0,0 +1,67 @@
1
+ export declare const toMinute: (newDate: Date | string, timeZone?: string) => string;
2
+ export declare const toHour: (newDate: Date | string, timeZone?: string) => string;
3
+ export declare const toDay: (newDate: Date | string, timeZone?: string) => number;
4
+ export declare const toDayAbbr: (newDate: Date | string) => string;
5
+ export declare const toWeekday: (newDate: Date | string) => string;
6
+ export declare const toMonth: (newDate: Date | string, timeZone?: string) => string;
7
+ export declare const toMonthNum: (newDate: Date | string) => number;
8
+ export declare const toYear: (newDate: Date | string, timeZone?: string) => number;
9
+ export declare const toTime: (newDate: Date | string, timeZone?: string) => string;
10
+ export declare const toMeridiem: (newDate: Date | string, timeZone?: string) => string;
11
+ export declare const toTimeZone: (newDate: Date | string, timeZone?: string) => string;
12
+ export declare const toTimeWithMeridiem: (newDate: Date | string, timeZone: string) => string;
13
+ export declare const toIso: (newDate: Date | string) => string;
14
+ export declare const fromNow: (newDate: Date | string) => string;
15
+ export declare const toCustomFormat: (newDate: Date | string, format?: string) => string;
16
+ export declare const getYesterdayDate: (newDate: Date | string) => Date;
17
+ export declare const getFirstDayOfWeek: (newDate: Date | string) => Date;
18
+ export declare const getLastDayOfWeek: (newDate: Date | string) => Date;
19
+ export declare const getPreviousWeekStartDate: (newDate: Date | string) => Date;
20
+ export declare const getPreviousWeekEndDate: (newDate: Date | string) => Date;
21
+ export declare const getMonthStartDate: (newDate: Date | string) => Date;
22
+ export declare const getMonthEndDate: (newDate: Date | string) => Date;
23
+ export declare const getPreviousMonthStartDate: (newDate: Date | string) => Date;
24
+ export declare const getPreviousMonthEndDate: (newDate: Date | string) => Date;
25
+ export declare const getQuarterStartDate: (newDate: Date | string) => Date;
26
+ export declare const getQuarterEndDate: (newDate: Date | string) => Date;
27
+ export declare const getPreviousQuarterStartDate: (newDate: Date | string) => Date;
28
+ export declare const getPreviousQuarterEndDate: (newDate: Date | string) => Date;
29
+ export declare const getYearStartDate: (newDate: Date | string) => Date;
30
+ export declare const getYearEndDate: (newDate: Date | string) => Date;
31
+ export declare const getPreviousYearStartDate: (newDate: Date | string) => Date;
32
+ export declare const getPreviousYearEndDate: (newDate: Date | string) => Date;
33
+ declare const _default: {
34
+ toMinute: (newDate: string | Date, timeZone?: string) => string;
35
+ toHour: (newDate: string | Date, timeZone?: string) => string;
36
+ toDay: (newDate: string | Date, timeZone?: string) => number;
37
+ toDayAbbr: (newDate: string | Date) => string;
38
+ toWeekday: (newDate: string | Date) => string;
39
+ toMonth: (newDate: string | Date, timeZone?: string) => string;
40
+ toMonthNum: (newDate: string | Date) => number;
41
+ toYear: (newDate: string | Date, timeZone?: string) => number;
42
+ toTime: (newDate: string | Date, timeZone?: string) => string;
43
+ toMeridiem: (newDate: string | Date, timeZone?: string) => string;
44
+ toTimeZone: (newDate: string | Date, timeZone?: string) => string;
45
+ toTimeWithMeridiem: (newDate: string | Date, timeZone: string) => string;
46
+ toIso: (newDate: string | Date) => string;
47
+ fromNow: (newDate: string | Date) => string;
48
+ toCustomFormat: (newDate: string | Date, format?: string) => string;
49
+ getYesterdayDate: (newDate: string | Date) => Date;
50
+ getFirstDayOfWeek: (newDate: string | Date) => Date;
51
+ getLastDayOfWeek: (newDate: string | Date) => Date;
52
+ getPreviousWeekStartDate: (newDate: string | Date) => Date;
53
+ getPreviousWeekEndDate: (newDate: string | Date) => Date;
54
+ getMonthStartDate: (newDate: string | Date) => Date;
55
+ getMonthEndDate: (newDate: string | Date) => Date;
56
+ getPreviousMonthStartDate: (newDate: string | Date) => Date;
57
+ getPreviousMonthEndDate: (newDate: string | Date) => Date;
58
+ getQuarterStartDate: (newDate: string | Date) => Date;
59
+ getQuarterEndDate: (newDate: string | Date) => Date;
60
+ getPreviousQuarterStartDate: (newDate: string | Date) => Date;
61
+ getPreviousQuarterEndDate: (newDate: string | Date) => Date;
62
+ getYearStartDate: (newDate: string | Date) => Date;
63
+ getYearEndDate: (newDate: string | Date) => Date;
64
+ getPreviousYearStartDate: (newDate: string | Date) => Date;
65
+ getPreviousYearEndDate: (newDate: string | Date) => Date;
66
+ };
67
+ export default _default;
@@ -0,0 +1,15 @@
1
+ declare type LabelPillProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ className?: string;
6
+ data?: {
7
+ [key: string]: string;
8
+ };
9
+ id?: string;
10
+ label?: string;
11
+ pillValue?: string;
12
+ variant: "error" | "info" | "neutral" | "primary" | "success" | "warning";
13
+ };
14
+ declare const LabelPill: (props: LabelPillProps) => JSX.Element;
15
+ export default LabelPill;
@@ -0,0 +1,19 @@
1
+ declare type LabelValueProps = {
2
+ active?: boolean;
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ dark?: boolean;
8
+ data?: object;
9
+ date?: Date;
10
+ id?: string;
11
+ label: string;
12
+ value?: string;
13
+ variant?: "default" | "details";
14
+ icon?: string;
15
+ description?: string;
16
+ title?: string;
17
+ };
18
+ declare const LabelValue: (props: LabelValueProps) => JSX.Element;
19
+ export default LabelValue;
@@ -0,0 +1,48 @@
1
+ import React from 'react';
2
+ declare type LayoutPropTypes = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ className?: string;
8
+ collapse?: "xs" | "sm" | "md" | "lg" | "xl";
9
+ dark?: boolean;
10
+ data?: object;
11
+ full?: boolean;
12
+ position?: "left" | "right";
13
+ responsive?: boolean;
14
+ size?: "xs" | "sm" | "md" | "base" | "lg" | "xl";
15
+ variant?: "light" | "dark" | "gradient";
16
+ transparent?: boolean;
17
+ layout?: "sidebar" | "collection" | "kanban" | "content" | "masonry";
18
+ };
19
+ declare type LayoutSideProps = {
20
+ children: React.ReactNode[] | React.ReactNode;
21
+ className?: string;
22
+ };
23
+ declare type LayoutBodyProps = {
24
+ children: React.ReactNode[] | React.ReactNode;
25
+ className?: string;
26
+ };
27
+ declare type LayoutItemProps = {
28
+ children: React.ReactNode[] | React.ReactNode;
29
+ className?: string;
30
+ size?: "sm" | "md" | "lg";
31
+ };
32
+ declare type LayoutHeaderProps = {
33
+ children: React.ReactNode[] | React.ReactNode;
34
+ className?: string;
35
+ };
36
+ declare type LayoutFooterProps = {
37
+ children: React.ReactNode[] | React.ReactNode;
38
+ className?: string;
39
+ };
40
+ declare const Layout: {
41
+ (props: LayoutPropTypes): JSX.Element;
42
+ Side: (props: LayoutSideProps) => JSX.Element;
43
+ Body: (props: LayoutBodyProps) => JSX.Element;
44
+ Item: (props: LayoutItemProps) => JSX.Element;
45
+ Header: (props: LayoutHeaderProps) => JSX.Element;
46
+ Footer: (props: LayoutFooterProps) => JSX.Element;
47
+ };
48
+ export default Layout;
@@ -0,0 +1,14 @@
1
+ declare type LegendProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ className?: string;
6
+ color?: string;
7
+ dark?: boolean;
8
+ data?: object;
9
+ id?: string;
10
+ prefixText?: string;
11
+ text: string;
12
+ };
13
+ declare const Legend: (props: LegendProps) => JSX.Element;
14
+ export default Legend;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ declare type SlideType = {
3
+ alt?: string;
4
+ current?: number;
5
+ onClick: () => void;
6
+ onChange?: (index: number) => void;
7
+ onZoom: (zoom: boolean) => void;
8
+ zooming: boolean;
9
+ url: string;
10
+ };
11
+ export default function Slide({ alt, onClick, onZoom, url, zooming, }: SlideType): React.ReactElement;
12
+ export {};
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ declare type SlidesType = {
3
+ urls: Array<string>;
4
+ current: number;
5
+ onChange: (index: number) => void;
6
+ onClick: (index: number) => void;
7
+ setIndex?: (index: number) => void;
8
+ };
9
+ export default function Slides({ urls, current, onChange, setIndex, }: SlidesType): React.ReactElement;
10
+ export {};
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ declare type ThumbnailType = {
3
+ active?: boolean;
4
+ alt?: string;
5
+ onClick: () => void;
6
+ buttonRef?: React.RefObject<HTMLButtonElement>;
7
+ url: string;
8
+ width?: string;
9
+ };
10
+ export default function Thumbnail({ active, alt, width, url, onClick, buttonRef, }: ThumbnailType): React.ReactElement;
11
+ export {};
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export declare const indexWithinBounds: (current: number, min: number, max: number) => number;
3
+ declare type ThumbnailsType = {
4
+ current: number;
5
+ onChange: (index: number) => void;
6
+ urls: string[];
7
+ };
8
+ export default function Thumbnails({ current, onChange, urls, }: ThumbnailsType): React.ReactElement;
9
+ export {};
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ declare type CarouselType = {
3
+ initialPhoto?: string;
4
+ onClose?: () => void;
5
+ icon?: string;
6
+ currentIndex: number;
7
+ photos: {
8
+ url: string;
9
+ thumbnail: string;
10
+ }[];
11
+ onChange: (index: number) => void;
12
+ onClick?: (index: number) => void;
13
+ setIndex?: (index: number) => void;
14
+ };
15
+ export default function Carousel({ currentIndex, photos, onClick, onChange, setIndex, }: CarouselType): React.ReactElement;
16
+ export {};
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { GlobalProps } from "../../utilities/globalProps";
3
+ declare type LightboxHeaderProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ children?: React.ReactNode[] | React.ReactNode | string;
8
+ className?: string;
9
+ closeable?: boolean;
10
+ data?: {
11
+ [key: string]: string | number;
12
+ };
13
+ icon?: string;
14
+ id?: string;
15
+ onClickRight?: () => void;
16
+ onClose?: () => void;
17
+ text?: string;
18
+ navRight?: string;
19
+ title?: string;
20
+ } & GlobalProps;
21
+ declare const LightboxHeader: (props: LightboxHeaderProps) => React.ReactElement;
22
+ export default LightboxHeader;
@@ -0,0 +1,45 @@
1
+ import React from 'react';
2
+ declare type LightboxType = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ children: React.ReactNode[] | React.ReactNode | string;
7
+ className?: string;
8
+ currentPhotoIndex?: number;
9
+ data?: {
10
+ [key: string]: string | number;
11
+ };
12
+ description?: string | any;
13
+ id?: string;
14
+ photos: [];
15
+ initialPhoto?: number;
16
+ onChange?: (index: number) => {};
17
+ onClickRight?: () => void;
18
+ onClose?: () => void;
19
+ icon: string;
20
+ navRight?: string;
21
+ trigger?: string;
22
+ title?: string | any;
23
+ };
24
+ declare const Lightbox: {
25
+ (props: LightboxType): React.ReactNode;
26
+ Header: (props: {
27
+ aria?: {
28
+ [key: string]: string;
29
+ };
30
+ children?: React.ReactNode | React.ReactNode[];
31
+ className?: string;
32
+ closeable?: boolean;
33
+ data?: {
34
+ [key: string]: string | number;
35
+ };
36
+ icon?: string;
37
+ id?: string;
38
+ onClickRight?: () => void;
39
+ onClose?: () => void;
40
+ text?: string;
41
+ navRight?: string;
42
+ title?: string;
43
+ } & import("../utilities/globalProps").GlobalProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
44
+ };
45
+ export default Lightbox;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const LightboxContext: React.Context<{}>;
@@ -0,0 +1,3 @@
1
+ export declare const useKbdControls: (api: {
2
+ [key: string]: () => void;
3
+ }) => string;
@@ -0,0 +1,6 @@
1
+ declare type WindowSize = {
2
+ width: number;
3
+ height: number;
4
+ };
5
+ export declare const useWindowSize: () => WindowSize;
6
+ export {};
@@ -0,0 +1,35 @@
1
+ declare type LineGraphProps = {
2
+ align?: "left" | "right" | "center";
3
+ axisTitle?: string;
4
+ dark?: Boolean;
5
+ xAxisCategories: [];
6
+ yAxisMin: number;
7
+ yAxisMax: number;
8
+ className?: string;
9
+ chartData: {
10
+ name: string;
11
+ data: number[];
12
+ }[];
13
+ gradient?: boolean;
14
+ id: string;
15
+ pointStart: number;
16
+ subTitle?: string;
17
+ title: string;
18
+ type?: string;
19
+ legend?: boolean;
20
+ toggleLegendClick?: boolean;
21
+ height?: string;
22
+ colors: string[];
23
+ layout?: "horizontal" | "vertical" | "proximate";
24
+ verticalAlign?: "top" | "middle" | "bottom";
25
+ x?: number;
26
+ y?: number;
27
+ aria?: {
28
+ [key: string]: string;
29
+ };
30
+ data?: {
31
+ [key: string]: string;
32
+ };
33
+ };
34
+ declare const LineGraph: ({ aria, data, align, className, dark, gradient, type, id, legend, toggleLegendClick, layout, verticalAlign, x, y, axisTitle, xAxisCategories, yAxisMin, yAxisMax, chartData, pointStart, subTitle, title, height, colors, ...props }: LineGraphProps) => JSX.Element;
35
+ export default LineGraph;
@@ -4,38 +4,39 @@ import { globalProps } from "../utilities/globalProps";
4
4
  import { buildAriaProps, buildDataProps } from "../utilities/props";
5
5
 
6
6
  import HighchartsReact from "highcharts-react-official";
7
+ import Highcharts from "highcharts";
7
8
  import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
8
9
  import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
9
10
  import mapColors from "../pb_dashboard/pbChartsColorsHelper";
10
11
 
11
12
  type LineGraphProps = {
12
- align?: "left" | "right" | "center",
13
- axisTitle?: string,
14
- dark?: Boolean,
15
- xAxisCategories: [],
16
- yAxisMin: number,
17
- yAxisMax: number,
18
- className?: string,
13
+ align?: "left" | "right" | "center";
14
+ axisTitle?: string;
15
+ dark?: Boolean;
16
+ xAxisCategories: [];
17
+ yAxisMin: number;
18
+ yAxisMax: number;
19
+ className?: string;
19
20
  chartData: {
20
- name: string,
21
- data: number[],
22
- }[],
23
- gradient?: boolean,
24
- id: string,
25
- pointStart: number,
26
- subTitle?: string,
27
- title: string,
28
- type?: string,
29
- legend?: boolean,
30
- toggleLegendClick?: boolean,
31
- height?: string,
32
- colors: string[],
33
- layout?: "horizontal" | "vertical" | "proximate",
34
- verticalAlign?: "top" | "middle" | "bottom",
35
- x?: number,
36
- y?: number,
37
- aria?: { [key: string]: string },
38
- data?: { [key: string]: string },
21
+ name: string;
22
+ data: number[];
23
+ }[];
24
+ gradient?: boolean;
25
+ id: string;
26
+ pointStart: number;
27
+ subTitle?: string;
28
+ title: string;
29
+ type?: string;
30
+ legend?: boolean;
31
+ toggleLegendClick?: boolean;
32
+ height?: string;
33
+ colors: string[];
34
+ layout?: "horizontal" | "vertical" | "proximate";
35
+ verticalAlign?: "top" | "middle" | "bottom";
36
+ x?: number;
37
+ y?: number;
38
+ aria?: { [key: string]: string };
39
+ data?: { [key: string]: string };
39
40
  };
40
41
 
41
42
  const LineGraph = ({
@@ -67,6 +68,12 @@ const LineGraph = ({
67
68
  }: LineGraphProps) => {
68
69
  const ariaProps = buildAriaProps(aria);
69
70
  const dataProps = buildDataProps(data);
71
+ const setupTheme = () => {
72
+ dark
73
+ ? Highcharts.setOptions(highchartsDarkTheme)
74
+ : Highcharts.setOptions(highchartsTheme);
75
+ };
76
+ setupTheme();
70
77
 
71
78
  const staticOptions = {
72
79
  title: {
@@ -119,24 +126,12 @@ const LineGraph = ({
119
126
  }
120
127
 
121
128
  const [options, setOptions] = useState({});
122
- const [isHighchartsLoaded, setIsHighchartsLoaded] = useState(false);
123
129
 
124
130
  useEffect(() => {
125
131
  setOptions({ ...staticOptions });
126
-
127
- const interval = setInterval(() => {
128
- if (window.Highcharts) {
129
- clearInterval(interval)
130
- dark
131
- ? window.Highcharts.setOptions(highchartsDarkTheme)
132
- : window.Highcharts.setOptions(highchartsTheme)
133
- setIsHighchartsLoaded(true)
134
- }
135
- }, 0)
136
132
  }, [chartData]);
137
133
 
138
134
  return (
139
- isHighchartsLoaded &&
140
135
  <HighchartsReact
141
136
  containerProps={{
142
137
  className: classnames(globalProps(props), className),
@@ -144,7 +139,7 @@ const LineGraph = ({
144
139
  ...ariaProps,
145
140
  ...dataProps,
146
141
  }}
147
- highcharts={window.Highcharts}
142
+ highcharts={Highcharts}
148
143
  options={options}
149
144
  />
150
145
  );
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ declare type ListProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ borderless?: boolean;
7
+ className?: string;
8
+ children: React.ReactNode[] | React.ReactNode;
9
+ dark?: boolean;
10
+ data?: object;
11
+ id?: string;
12
+ layout?: "" | "left" | "right";
13
+ ordered?: boolean;
14
+ role?: string;
15
+ tabIndex?: number;
16
+ text?: string;
17
+ size?: string;
18
+ variant?: string;
19
+ xpadding?: boolean;
20
+ };
21
+ declare const List: (props: ListProps) => JSX.Element;
22
+ export default List;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ declare type ListItemProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ children: React.ReactNode[] | React.ReactNode;
7
+ className?: string;
8
+ data?: object;
9
+ id?: string;
10
+ tabIndex?: number;
11
+ };
12
+ declare const ListItem: (props: ListItemProps) => JSX.Element;
13
+ export default ListItem;
@@ -0,0 +1,13 @@
1
+ declare type LoadingInlineProps = {
2
+ align?: "left" | "center" | "right";
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ data?: {
8
+ [key: string]: string;
9
+ };
10
+ id?: string;
11
+ };
12
+ declare const LoadingInline: (props: LoadingInlineProps) => JSX.Element;
13
+ export default LoadingInline;
@@ -0,0 +1,30 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type MapProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ children?: React.ReactChild[] | React.ReactNode;
8
+ className?: string;
9
+ data?: {
10
+ [key: string]: string;
11
+ };
12
+ id?: string;
13
+ zoomBtns?: boolean;
14
+ flyTo?: boolean;
15
+ zoomInClick?: () => {};
16
+ zoomOutClick?: () => {};
17
+ flyToClick?: () => {};
18
+ } & GlobalProps;
19
+ declare const Map: {
20
+ (props: MapProps): JSX.Element;
21
+ Controls: ({ zoomBtns, zoomInClick, zoomOutClick, flyTo, flyToClick, children, }: {
22
+ zoomBtns?: boolean;
23
+ flyTo?: boolean;
24
+ zoomInClick?: () => {};
25
+ zoomOutClick?: () => {};
26
+ flyToClick?: () => {};
27
+ children?: React.ReactNode | React.ReactNode[];
28
+ }) => JSX.Element;
29
+ };
30
+ export default Map;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ declare type MapControlTypes = {
3
+ zoomBtns?: boolean;
4
+ flyTo?: boolean;
5
+ zoomInClick?: () => {};
6
+ zoomOutClick?: () => {};
7
+ flyToClick?: () => {};
8
+ children?: React.ReactNode | React.ReactNode[];
9
+ };
10
+ declare const MapControls: ({ zoomBtns, zoomInClick, zoomOutClick, flyTo, flyToClick, children, }: MapControlTypes) => JSX.Element;
11
+ export default MapControls;