playbook_ui 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551 → 13.12.0.pre.alpha.PLAY1081exporttypes1609

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
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4a59ab1213c1c17a6ab6bfa775d7ac7edf06972be95d950e479f16b8cafc4216
4
- data.tar.gz: cb50f83ac242358db6b9e951ba8d7fa7bfee32ff78c02eef0b0829ed5e97a0d7
3
+ metadata.gz: 61fc6d0bff811a2a4c8f69ad42b6bb7cb19f63c1ae6f4d2381f0f9f37566f9ac
4
+ data.tar.gz: 350186aac935fd297ee648695f792c6a9376fc5f383b7c44875a47ee9547c9ac
5
5
  SHA512:
6
- metadata.gz: 53af5b80de72a1f40570fd93a05f1a5282d9c79cfa04b007ecfc7e04ee31bfaa27d2202467edaf02ca50ea05173faccc0fb5b2207e16cf936957eaf8bd4b3338
7
- data.tar.gz: 287e8051ab76bba6451b8c76ba3df6d95d1d7cfd4f4de33ae82b5745345294903e40fd74510c1b740b40395d6193f5c2c24c285980b116873a381917fdd146f7
6
+ metadata.gz: 0d77e3f852cd5ee78ead150667b5086112bc2f06d918d1bcdb8aba93ffa5f3058ce1252b02931bad9dac39c02b1692e803d7f0958fc7fe8b6c8eea1629a62ca3
7
+ data.tar.gz: 7f79ffa699b946af5bb315d21b9577dd493e3db9c39a3805327be1b2aa79e5e5af7d1289885f5780eaaddafdcf26c6420de44c7ffccf6e3f85932eb356561042
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ export declare type AvatarProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ className?: string;
8
+ data?: {
9
+ [key: string]: string;
10
+ };
11
+ dark?: boolean;
12
+ id?: string;
13
+ imageAlt?: string;
14
+ imageUrl?: string;
15
+ name?: string;
16
+ size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
17
+ status?: "away" | "offline" | "online";
18
+ } & GlobalProps;
19
+ declare const Avatar: (props: AvatarProps) => React.ReactElement;
20
+ export default Avatar;
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ declare type AvatarActionButtonProps = {
3
+ action?: "add" | "remove";
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ linkAriaLabel?: string;
8
+ className?: string;
9
+ dark?: boolean;
10
+ data?: Object;
11
+ id?: string;
12
+ imageAlt?: string;
13
+ imageUrl?: string;
14
+ linkUrl?: string;
15
+ name?: string;
16
+ onClick?: React.MouseEventHandler<HTMLSpanElement>;
17
+ placement?: string;
18
+ size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
19
+ };
20
+ declare const AvatarActionButton: (props: AvatarActionButtonProps) => JSX.Element;
21
+ export default AvatarActionButton;
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type BackgroundProps = {
4
+ alt?: string;
5
+ aria?: {
6
+ [key: string]: string;
7
+ };
8
+ backgroundColor?: ResponsiveProp<string> | 'gradient' | 'dark' | 'light' | 'white' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'primary' | 'shadow' | 'category_1' | 'category_2' | 'category_3' | 'category_4' | 'category_5' | 'category_6' | 'category_7' | 'category_8' | 'category_9' | 'category_10' | 'category_11' | 'category_12' | 'category_13' | 'category_14' | 'category_15' | 'category_16' | 'category_17' | 'category_18' | 'category_19' | 'category_20' | 'category_21' | 'text_lt_default' | 'text_lt_light' | 'text_lt_lighter' | 'text_dk_default' | 'text_dk_light' | 'text_dk_lighter' | 'card_light' | 'card_dark' | 'data_1' | 'data_2' | 'data_3' | 'data_4' | 'data_5' | 'data_6' | 'data_7' | 'data_8' | 'border_light' | 'border_dark' | 'success_secondary' | 'error_secondary' | 'info_secondary' | 'warning_secondary' | 'neutral_secondary' | 'primary_secondary' | 'success_subtle' | 'warning_subtle' | 'error_subtle' | 'info_subtle' | 'neutral_subtle';
9
+ backgroundSize?: ResponsiveProp<string> | 'auto' | 'cover' | 'contain';
10
+ backgroundPosition?: ResponsiveProp<string> | string;
11
+ backgroundRepeat?: ResponsiveProp<string> | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'space' | 'round' | 'initial' | 'inherit';
12
+ imageUrl?: ResponsiveProp<string> | string;
13
+ children?: React.ReactChild[] | React.ReactNode;
14
+ className?: string;
15
+ customColor?: string;
16
+ data?: {
17
+ [key: string]: string;
18
+ };
19
+ id?: string;
20
+ padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
21
+ tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'tr' | 'th' | 'td' | 'thead' | 'col';
22
+ transition?: 'fade' | 'blur' | 'scale';
23
+ } & GlobalProps;
24
+ declare type ResponsiveProp<T> = T | {
25
+ xs?: T;
26
+ sm?: T;
27
+ md?: T;
28
+ lg?: T;
29
+ xl?: T;
30
+ default?: T;
31
+ };
32
+ declare const Background: (props: BackgroundProps) => JSX.Element;
33
+ export default Background;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type BadgeProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ className?: string;
8
+ closeProps?: {
9
+ onClick?: React.MouseEventHandler<HTMLSpanElement>;
10
+ onMouseDown?: React.MouseEventHandler<HTMLSpanElement>;
11
+ onTouchEnd?: React.TouchEventHandler<HTMLSpanElement>;
12
+ };
13
+ data?: {
14
+ [key: string]: string;
15
+ };
16
+ id?: string;
17
+ removeIcon?: boolean;
18
+ removeOnClick?: React.MouseEventHandler<HTMLSpanElement>;
19
+ rounded?: boolean;
20
+ text?: string;
21
+ variant?: "error" | "info" | "neutral" | "notification" | "primary" | "success" | "warning";
22
+ } & GlobalProps;
23
+ declare const Badge: (props: BadgeProps) => JSX.Element;
24
+ export default Badge;
@@ -0,0 +1,35 @@
1
+ import React from "react";
2
+ declare type BarGraphProps = {
3
+ align?: "left" | "right" | "center";
4
+ axisTitle: string;
5
+ dark?: boolean;
6
+ xAxisCategories: [];
7
+ yAxisMin: number;
8
+ yAxisMax: number;
9
+ chartData: {
10
+ name: string;
11
+ data: number[];
12
+ }[];
13
+ className?: string;
14
+ id: any;
15
+ pointStart: number | any;
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 BarGraph: ({ aria, data, align, axisTitle, dark, chartData, className, colors, id, pointStart, subTitle, type, title, xAxisCategories, yAxisMin, yAxisMax, legend, toggleLegendClick, height, layout, verticalAlign, x, y, ...props }: BarGraphProps) => React.ReactElement;
35
+ export default BarGraph;
@@ -3,6 +3,7 @@ import { globalProps } from "../utilities/globalProps";
3
3
  import { buildAriaProps, buildDataProps } from "../utilities/props";
4
4
 
5
5
  import HighchartsReact from "highcharts-react-official";
6
+ import Highcharts from "highcharts";
6
7
  import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
7
8
  import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
8
9
  import mapColors from "../pb_dashboard/pbChartsColorsHelper";
@@ -10,31 +11,32 @@ import mapColors from "../pb_dashboard/pbChartsColorsHelper";
10
11
  import classnames from "classnames";
11
12
 
12
13
  type BarGraphProps = {
13
- align?: "left" | "right" | "center",
14
- axisTitle: string,
15
- dark?: boolean,
16
- xAxisCategories: [],
17
- yAxisMin: number,
18
- yAxisMax: number,
19
- chartData: { name: string, data: number[] }[],
20
- className?: string,
21
- id: any,
22
- pointStart: number | any,
23
- subTitle?: string,
24
- title: string,
25
- type?: string,
26
- legend?: boolean,
27
- toggleLegendClick?: boolean,
28
- height?: string,
29
- colors: string[],
30
- layout?: "horizontal" | "vertical" | "proximate",
31
- verticalAlign?: "top" | "middle" | "bottom",
32
- x?: number,
33
- y?: number,
34
- aria?: { [key: string]: string },
35
- data?: { [key: string]: string },
14
+ align?: "left" | "right" | "center";
15
+ axisTitle: string;
16
+ dark?: boolean;
17
+ xAxisCategories: [];
18
+ yAxisMin: number;
19
+ yAxisMax: number;
20
+ chartData: { name: string; data: number[] }[];
21
+ className?: string;
22
+ id: any;
23
+ pointStart: number | any;
24
+ subTitle?: string;
25
+ title: string;
26
+ type?: string;
27
+ legend?: boolean;
28
+ toggleLegendClick?: boolean;
29
+ height?: string;
30
+ colors: string[];
31
+ layout?: "horizontal" | "vertical" | "proximate";
32
+ verticalAlign?: "top" | "middle" | "bottom";
33
+ x?: number;
34
+ y?: number;
35
+ aria?: { [key: string]: string };
36
+ data?: { [key: string]: string };
36
37
  };
37
38
 
39
+
38
40
  const BarGraph = ({
39
41
  aria = {},
40
42
  data = {},
@@ -63,6 +65,12 @@ const BarGraph = ({
63
65
  }: BarGraphProps): React.ReactElement => {
64
66
  const ariaProps = buildAriaProps(aria);
65
67
  const dataProps = buildDataProps(data);
68
+ const setupTheme = () => {
69
+ dark
70
+ ? Highcharts.setOptions(highchartsDarkTheme)
71
+ : Highcharts.setOptions(highchartsTheme);
72
+ };
73
+ setupTheme();
66
74
 
67
75
  const staticOptions = {
68
76
  title: {
@@ -115,24 +123,12 @@ const BarGraph = ({
115
123
  }
116
124
 
117
125
  const [options, setOptions] = useState({});
118
- const [isHighchartsLoaded, setIsHighchartsLoaded] = useState(false)
119
126
 
120
127
  useEffect(() => {
121
128
  setOptions({ ...staticOptions });
122
-
123
- const interval = setInterval(() => {
124
- if (window.Highcharts) {
125
- clearInterval(interval)
126
- dark
127
- ? window.Highcharts.setOptions(highchartsDarkTheme)
128
- : window.Highcharts.setOptions(highchartsTheme)
129
- setIsHighchartsLoaded(true)
130
- }
131
- }, 0)
132
129
  }, [chartData]);
133
130
 
134
131
  return (
135
- isHighchartsLoaded &&
136
132
  <HighchartsReact
137
133
  containerProps={{
138
134
  className: classnames(globalProps(props), className),
@@ -140,7 +136,7 @@ const BarGraph = ({
140
136
  ...ariaProps,
141
137
  ...dataProps,
142
138
  }}
143
- highcharts={window.Highcharts}
139
+ highcharts={Highcharts}
144
140
  options={options}
145
141
  />
146
142
  );
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type BodyProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ className?: string;
8
+ children?: React.ReactChild[] | React.ReactChild;
9
+ color?: 'default' | 'light' | 'lighter' | 'link' | 'error' | 'success';
10
+ dark?: boolean;
11
+ data?: {
12
+ [key: string]: string;
13
+ };
14
+ highlightedText?: string[];
15
+ highlighting?: boolean;
16
+ id?: string;
17
+ status?: 'neutral' | 'negative' | 'positive';
18
+ tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
19
+ text?: string;
20
+ truncate?: null | '1' | '2' | '3' | '4' | '5';
21
+ variant?: null | 'link';
22
+ } & GlobalProps;
23
+ declare const Body: (props: BodyProps) => React.ReactElement;
24
+ export default Body;
@@ -0,0 +1,12 @@
1
+ declare type BreadCrumbItemProps = {
2
+ aria?: {
3
+ [key: string]: string;
4
+ };
5
+ className?: string;
6
+ data?: object;
7
+ id?: string;
8
+ component?: "a" | "span";
9
+ [x: string]: any;
10
+ };
11
+ declare const BreadCrumbItem: (props: BreadCrumbItemProps) => JSX.Element;
12
+ export default BreadCrumbItem;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ declare type BreadCrumbsProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ className?: string;
7
+ data?: object;
8
+ id?: string;
9
+ text?: string;
10
+ children?: React.ReactChild[] | React.ReactNode;
11
+ };
12
+ declare const BreadCrumbs: (props: BreadCrumbsProps) => JSX.Element;
13
+ export default BreadCrumbs;
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type EventHandler = (React.MouseEventHandler<HTMLElement>);
4
+ declare type ButtonPropTypes = {
5
+ aria?: {
6
+ [key: string]: string;
7
+ };
8
+ children?: React.ReactChild[] | React.ReactChild;
9
+ className?: string | string[];
10
+ count?: number;
11
+ data?: {
12
+ [key: string]: string;
13
+ };
14
+ disabled?: boolean;
15
+ fixedWidth?: boolean;
16
+ form?: string;
17
+ fullWidth?: boolean;
18
+ highlight?: boolean;
19
+ icon?: string;
20
+ iconRight?: boolean;
21
+ id?: string;
22
+ link?: string;
23
+ loading?: boolean;
24
+ newWindow?: boolean;
25
+ onClick?: EventHandler;
26
+ tabIndex?: number;
27
+ size?: 'sm' | 'md' | 'lg';
28
+ target?: string;
29
+ text?: string;
30
+ type?: 'inline' | null;
31
+ htmlType?: 'submit' | 'reset' | 'button' | undefined;
32
+ value?: string | null;
33
+ variant?: 'primary' | 'secondary' | 'link' | 'reaction';
34
+ wrapperClass?: string;
35
+ } & GlobalProps;
36
+ declare const Button: (props: ButtonPropTypes) => JSX.Element;
37
+ export default Button;
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ declare type ButtonToolbarProps = {
3
+ aria?: {
4
+ [key: string]: string;
5
+ };
6
+ children?: React.ReactChild[] | React.ReactChild;
7
+ className?: string;
8
+ connected?: boolean;
9
+ data?: object;
10
+ id?: string;
11
+ onClick?: React.MouseEventHandler<HTMLSpanElement>;
12
+ orientation?: "horizontal" | "vertical";
13
+ text?: string;
14
+ variant?: "primary" | "secondary";
15
+ };
16
+ declare const ButtonToolbar: (props: ButtonToolbarProps) => JSX.Element;
17
+ export default ButtonToolbar;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type CaptionProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ children?: React.ReactChild[] | React.ReactChild;
8
+ className?: string;
9
+ color?: "default" | "light" | "lighter" | "success" | "error" | "link";
10
+ data?: {
11
+ [key: string]: string;
12
+ };
13
+ id?: string;
14
+ size?: "xs" | "sm" | "md" | "lg" | "xl";
15
+ tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "caption";
16
+ text?: string;
17
+ variant?: null | "link";
18
+ } & GlobalProps;
19
+ declare const Caption: (props: CaptionProps) => React.ReactElement;
20
+ export default Caption;
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ import type { ProductColors, CategoryColors, BackgroundColors } from '../types/colors';
4
+ declare type CardPropTypes = {
5
+ aria?: {
6
+ [key: string]: string;
7
+ };
8
+ background?: BackgroundColors | ProductColors | "none";
9
+ borderNone?: boolean;
10
+ borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "rounded";
11
+ children: React.ReactChild[] | React.ReactChild | number;
12
+ className?: string;
13
+ data?: {
14
+ [key: string]: string;
15
+ };
16
+ highlight?: {
17
+ position?: "side" | "top";
18
+ color?: string;
19
+ };
20
+ length?: number;
21
+ padding?: string;
22
+ selected?: boolean;
23
+ tag?: "div" | "section" | "footer" | "header" | "article" | "aside" | "main" | "nav";
24
+ } & GlobalProps;
25
+ declare type CardHeaderProps = {
26
+ headerColor?: BackgroundColors | ProductColors | CategoryColors | "none";
27
+ headerColorStriped?: boolean;
28
+ children: React.ReactChild[] | React.ReactChild;
29
+ className?: string;
30
+ padding?: string;
31
+ } & GlobalProps;
32
+ declare type CardBodyProps = {
33
+ children: React.ReactChild[] | React.ReactChild | string;
34
+ className?: string;
35
+ padding?: string;
36
+ } & GlobalProps;
37
+ declare const Card: {
38
+ (props: CardPropTypes): JSX.Element;
39
+ Header: (props: CardHeaderProps) => JSX.Element;
40
+ Body: (props: CardBodyProps) => JSX.Element;
41
+ };
42
+ export default Card;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { GlobalProps } from '../utilities/globalProps';
3
+ declare type CheckboxProps = {
4
+ aria?: {
5
+ [key: string]: string;
6
+ };
7
+ checked?: boolean;
8
+ children?: React.ReactChild[] | React.ReactChild;
9
+ className?: string;
10
+ dark?: boolean;
11
+ data?: {
12
+ [key: string]: string;
13
+ };
14
+ error?: boolean;
15
+ id?: string;
16
+ indeterminate?: boolean;
17
+ name?: string;
18
+ onChange?: (event: React.FormEvent<HTMLInputElement>) => void;
19
+ tabIndex?: number;
20
+ text?: string;
21
+ value?: string;
22
+ } & GlobalProps;
23
+ declare const Checkbox: (props: CheckboxProps) => JSX.Element;
24
+ export default Checkbox;
@@ -0,0 +1,2 @@
1
+ declare module "*.scss";
2
+ declare module "highcharts-react-official";
@@ -0,0 +1,35 @@
1
+ declare type CircleChartProps = {
2
+ align?: "left" | "right" | "center";
3
+ aria: {
4
+ [key: string]: string;
5
+ };
6
+ chartData?: [];
7
+ children?: Node;
8
+ className?: string;
9
+ colors?: string[];
10
+ dark?: Boolean;
11
+ data?: Object;
12
+ dataLabelHtml?: string;
13
+ dataLabels?: boolean;
14
+ height?: string;
15
+ id?: string;
16
+ innerSize?: "sm" | "md" | "lg" | "none";
17
+ legend?: boolean;
18
+ maxPointSize?: number;
19
+ minPointSize?: number;
20
+ rounded?: boolean;
21
+ startAngle?: number;
22
+ style?: string;
23
+ title?: string;
24
+ tooltipHtml: string;
25
+ useHtml?: boolean;
26
+ zMin?: number;
27
+ layout?: "horizontal" | "vertical" | "proximate";
28
+ verticalAlign?: "top" | "middle" | "bottom";
29
+ x?: number;
30
+ y?: number;
31
+ borderColor?: string;
32
+ borderWidth?: number;
33
+ };
34
+ declare const CircleChart: ({ align, aria, rounded, borderColor, borderWidth, chartData, children, className, colors, dark, data, dataLabelHtml, dataLabels, height, id, innerSize, legend, maxPointSize, minPointSize, startAngle, style, title, tooltipHtml, useHtml, zMin, layout, verticalAlign, x, y, ...props }: CircleChartProps) => JSX.Element;
35
+ export default CircleChart;