@centreon/ui 24.4.13 → 24.4.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (544) hide show
  1. package/.storybook/main.js +82 -0
  2. package/.storybook/preview.tsx +21 -0
  3. package/README.md +14 -44
  4. package/jest.config.js +20 -0
  5. package/package.json +34 -104
  6. package/{test/setupTests.js → setupTests.js} +1 -1
  7. package/src/ActionsList/index.stories.tsx +0 -74
  8. package/src/ActionsList/index.tsx +21 -58
  9. package/src/Button/Icon/index.tsx +3 -12
  10. package/src/Button/Save/StartIcon.tsx +3 -3
  11. package/src/Button/Save/index.stories.tsx +5 -10
  12. package/src/Button/Save/index.tsx +1 -1
  13. package/src/Dialog/Confirm/index.tsx +4 -17
  14. package/src/Dialog/Duplicate/index.test.tsx +1 -1
  15. package/src/Dialog/index.tsx +2 -14
  16. package/src/FallbackPage/FallbackPage.tsx +2 -2
  17. package/src/FileDropZone/index.tsx +2 -4
  18. package/src/Form/CollapsibleGroup.tsx +5 -15
  19. package/src/Form/FormButtons.tsx +4 -2
  20. package/src/Form/Inputs/Autocomplete.tsx +1 -1
  21. package/src/Form/Inputs/ConnectedAutocomplete.tsx +1 -3
  22. package/src/Form/Inputs/Grid.tsx +2 -4
  23. package/src/Form/Inputs/Radio.tsx +5 -16
  24. package/src/Form/Inputs/Switch.tsx +1 -1
  25. package/src/Form/Inputs/Text.tsx +7 -18
  26. package/src/Form/Inputs/index.tsx +16 -34
  27. package/src/Form/Inputs/models.ts +4 -28
  28. package/src/Form/{Form.stories.tsx → index.stories.tsx} +3 -2
  29. package/src/Form/{Form.tsx → index.tsx} +16 -38
  30. package/src/Form/storiesData.tsx +3 -50
  31. package/src/Home.stories.mdx +84 -1
  32. package/src/Image/Image.tsx +1 -11
  33. package/src/Image/index.stories.tsx +2 -2
  34. package/src/Image/index.test.tsx +3 -3
  35. package/src/InputField/Search/PersistentTooltip.tsx +6 -10
  36. package/src/InputField/Select/Autocomplete/Connected/Multi/index.test.tsx +22 -4
  37. package/src/InputField/Select/Autocomplete/Connected/index.stories.tsx +3 -0
  38. package/src/InputField/Select/Autocomplete/Connected/index.test.tsx +7 -4
  39. package/src/InputField/Select/Autocomplete/Connected/index.tsx +12 -44
  40. package/src/InputField/Select/Autocomplete/Draggable/SortableList.tsx +1 -1
  41. package/src/InputField/Select/Autocomplete/Draggable/SortableListContent.tsx +1 -1
  42. package/src/InputField/Select/Autocomplete/Draggable/index.stories.tsx +2 -0
  43. package/src/InputField/Select/Autocomplete/Draggable/index.tsx +1 -1
  44. package/src/InputField/Select/Autocomplete/Multi/index.tsx +15 -32
  45. package/src/InputField/Select/Autocomplete/index.stories.tsx +10 -1
  46. package/src/InputField/Select/Autocomplete/index.tsx +2 -5
  47. package/src/InputField/Select/IconPopover/index.tsx +2 -2
  48. package/src/InputField/Select/index.tsx +2 -3
  49. package/src/InputField/Text/index.tsx +9 -19
  50. package/src/Listing/ActionBar/index.tsx +8 -15
  51. package/src/Listing/Cell/DataCell.tsx +68 -43
  52. package/src/Listing/Cell/index.tsx +8 -88
  53. package/src/Listing/Header/{_internals/PredefinedSelectionList.tsx → PredefinedSelectionList.tsx} +1 -1
  54. package/src/Listing/Header/{Cell/ListingHeaderCell.tsx → SortableCell/Content.tsx} +83 -18
  55. package/src/Listing/Header/SortableCell/DraggableIcon.tsx +41 -0
  56. package/src/Listing/Header/{ListingHeader.tsx → index.tsx} +106 -29
  57. package/src/Listing/{Row/Row.tsx → Row.tsx} +11 -12
  58. package/src/Listing/Skeleton.tsx +11 -0
  59. package/src/Listing/index.stories.tsx +40 -155
  60. package/src/Listing/index.test.tsx +1 -1
  61. package/src/Listing/index.tsx +263 -217
  62. package/src/Listing/models.ts +0 -1
  63. package/src/Listing/tableAtoms.ts +10 -15
  64. package/src/Listing/useStyleTable.ts +9 -9
  65. package/src/ListingPage/index.stories.tsx +8 -21
  66. package/src/ListingPage/index.tsx +38 -20
  67. package/src/Logo/CentreonLogo.tsx +2 -2
  68. package/src/Module/LicensedModule/LicenseCheck/index.stories.tsx +2 -0
  69. package/src/Panel/Memoized.tsx +1 -1
  70. package/src/Panel/Section/index.test.tsx +1 -1
  71. package/src/Panel/Section/index.tsx +1 -1
  72. package/src/Panel/index.tsx +6 -10
  73. package/src/PopoverMenu/index.tsx +4 -18
  74. package/src/RichTextEditor/ContentEditable.tsx +24 -70
  75. package/src/RichTextEditor/RichTextEditor.tsx +47 -172
  76. package/src/RichTextEditor/index.stories.tsx +0 -14
  77. package/src/RichTextEditor/plugins/AutoLinkPlugin/index.tsx +5 -53
  78. package/src/RichTextEditor/plugins/FloatingLinkEditorPlugin.tsx +16 -54
  79. package/src/RichTextEditor/plugins/ToolbarPlugin/FormatButtons.tsx +92 -31
  80. package/src/RichTextEditor/plugins/ToolbarPlugin/UndoRedoButtons.tsx +3 -13
  81. package/src/RichTextEditor/plugins/ToolbarPlugin/index.tsx +10 -35
  82. package/src/RichTextEditor/translatedLabels.ts +0 -3
  83. package/src/Snackbar/index.tsx +4 -14
  84. package/src/Snackbar/useSnackbar.tsx +1 -5
  85. package/src/SortableItems/SortableItem.tsx +2 -3
  86. package/src/SortableItems/index.tsx +7 -2
  87. package/src/ThemeProvider/index.tsx +10 -42
  88. package/src/ThemeProvider/palettes.ts +201 -422
  89. package/src/Typography/{Typography.stories.tsx → index.stories.tsx} +5 -5
  90. package/src/WallpaperPage/index.stories.tsx +1 -1
  91. package/src/Wizard/ActionsBar.test.tsx +1 -1
  92. package/src/Wizard/WizardContent.tsx +3 -2
  93. package/src/Wizard/index.stories.tsx +18 -5
  94. package/src/Wizard/index.test.tsx +1 -1
  95. package/src/Wizard/index.tsx +5 -20
  96. package/src/Wizard/models.ts +0 -7
  97. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-loading-with-no-data-1-snap.png +0 -0
  98. package/src/api/QueryProvider.tsx +1 -1
  99. package/src/api/TestQueryProvider.tsx +1 -2
  100. package/src/api/buildListingEndpoint/getSearchQueryParameterValue.ts +26 -35
  101. package/src/api/buildListingEndpoint/index.test.ts +2 -2
  102. package/src/api/buildListingEndpoint/index.ts +1 -1
  103. package/src/api/buildListingEndpoint/models.ts +2 -2
  104. package/src/api/customFetch.ts +3 -22
  105. package/src/api/useFetchQuery/index.ts +37 -56
  106. package/src/api/useMutationQuery/index.ts +22 -70
  107. package/src/api/useRequest/index.ts +6 -9
  108. package/src/index.ts +21 -31
  109. package/src/queryParameters/url/index.ts +1 -5
  110. package/src/storyshots.test.js +52 -0
  111. package/{test → src}/testRenderer.tsx +1 -1
  112. package/src/utils/getNormalizedId.ts +3 -1
  113. package/src/utils/useCopyToClipboard.ts +3 -2
  114. package/src/utils/useDebounce.ts +5 -8
  115. package/src/utils/useDeepCallback.ts +3 -1
  116. package/src/utils/useDeepMemo.ts +3 -1
  117. package/src/utils/useIntersectionObserver.ts +5 -5
  118. package/src/utils/useKeyObserver.tsx +3 -1
  119. package/src/utils/useLocaleDateTimeFormat/index.test.tsx +1 -1
  120. package/src/utils/useLocaleDateTimeFormat/index.ts +2 -4
  121. package/src/utils/useLocaleDateTimeFormat/localeFallback.test.tsx +1 -1
  122. package/src/utils/useMemoComponent.ts +1 -1
  123. package/testRunner.js +36 -0
  124. package/tsconfig.json +29 -0
  125. package/types/declarations.d.ts +9 -0
  126. package/public/README.md +0 -39
  127. package/public/mockServiceWorker.js +0 -303
  128. package/src/@assets/README.md +0 -5
  129. package/src/@assets/brand/centreon-logo-one-line-dark.svg +0 -1
  130. package/src/@assets/brand/centreon-logo-one-line-light.svg +0 -1
  131. package/src/@assets/icons/downtime.icon.svg +0 -1
  132. package/src/@types/aria-attributes.d.ts +0 -10
  133. package/src/@types/data-attributes.d.ts +0 -3
  134. package/src/@types/globals.d.ts +0 -9
  135. package/src/@types/vite-env.d.ts +0 -2
  136. package/src/ActionsList/ActionsList.styles.ts +0 -116
  137. package/src/ActionsList/models.ts +0 -8
  138. package/src/Checkbox/Checkbox.tsx +0 -109
  139. package/src/Checkbox/CheckboxGroup/index.stories.tsx +0 -41
  140. package/src/Checkbox/CheckboxGroup/index.tsx +0 -75
  141. package/src/Checkbox/index.stories.tsx +0 -39
  142. package/src/Checkbox/index.tsx +0 -2
  143. package/src/Dashboard/Dashboard.styles.ts +0 -108
  144. package/src/Dashboard/DashboardLayout.stories.tsx +0 -104
  145. package/src/Dashboard/Grid.tsx +0 -70
  146. package/src/Dashboard/Item.tsx +0 -100
  147. package/src/Dashboard/Layout.tsx +0 -79
  148. package/src/Dashboard/index.tsx +0 -9
  149. package/src/Dashboard/utils.ts +0 -28
  150. package/src/Form/Form.cypress.spec.tsx +0 -133
  151. package/src/Form/Form.styles.ts +0 -11
  152. package/src/Form/Inputs/Checkbox.tsx +0 -57
  153. package/src/Form/Inputs/CheckboxGroup.tsx +0 -73
  154. package/src/Form/Inputs/List/Content.tsx +0 -62
  155. package/src/Form/Inputs/List/List.styles.ts +0 -29
  156. package/src/Form/Inputs/List/List.tsx +0 -58
  157. package/src/Form/Inputs/List/useList.ts +0 -81
  158. package/src/Form/index.ts +0 -1
  159. package/src/Graph/Gauge/AnimatedPie.tsx +0 -102
  160. package/src/Graph/Gauge/Gauge.stories.tsx +0 -159
  161. package/src/Graph/Gauge/Gauge.tsx +0 -41
  162. package/src/Graph/Gauge/PieData.tsx +0 -63
  163. package/src/Graph/Gauge/ResponsiveGauge.tsx +0 -148
  164. package/src/Graph/Gauge/Thresholds.tsx +0 -117
  165. package/src/Graph/Gauge/index.ts +0 -1
  166. package/src/Graph/Gauge/models.ts +0 -20
  167. package/src/Graph/HeatMap/HeatMap.stories.tsx +0 -105
  168. package/src/Graph/HeatMap/HeatMap.styles.tsx +0 -29
  169. package/src/Graph/HeatMap/HeatMap.tsx +0 -12
  170. package/src/Graph/HeatMap/HeatMapData.json +0 -137
  171. package/src/Graph/HeatMap/ResponsiveHeatMap.tsx +0 -98
  172. package/src/Graph/HeatMap/index.ts +0 -1
  173. package/src/Graph/HeatMap/model.ts +0 -33
  174. package/src/Graph/LineChart/BasicComponents/Axes/UnitLabel.tsx +0 -20
  175. package/src/Graph/LineChart/BasicComponents/Axes/index.tsx +0 -88
  176. package/src/Graph/LineChart/BasicComponents/Axes/models.ts +0 -26
  177. package/src/Graph/LineChart/BasicComponents/Axes/useAxisY.ts +0 -100
  178. package/src/Graph/LineChart/BasicComponents/Grids/index.tsx +0 -20
  179. package/src/Graph/LineChart/BasicComponents/Lines/RegularLines/index.tsx +0 -99
  180. package/src/Graph/LineChart/BasicComponents/Lines/RegularLines/useRegularLines.ts +0 -15
  181. package/src/Graph/LineChart/BasicComponents/Lines/StackedLines/index.tsx +0 -81
  182. package/src/Graph/LineChart/BasicComponents/Lines/StackedLines/useStackedLines.ts +0 -39
  183. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/BasicThreshold.tsx +0 -53
  184. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/Circle.tsx +0 -43
  185. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/ThresholdWithPatternLines.tsx +0 -78
  186. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/ThresholdWithVariation.tsx +0 -63
  187. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/helpers/index.ts +0 -69
  188. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/index.tsx +0 -143
  189. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/models.ts +0 -105
  190. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/useCoordinateCircle.ts +0 -46
  191. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/useScaleThreshold.ts +0 -171
  192. package/src/Graph/LineChart/BasicComponents/Lines/index.tsx +0 -189
  193. package/src/Graph/LineChart/BasicComponents/Lines/models.ts +0 -45
  194. package/src/Graph/LineChart/BasicComponents/LoadingProgress.tsx +0 -46
  195. package/src/Graph/LineChart/BasicComponents/ThresholdLine.tsx +0 -64
  196. package/src/Graph/LineChart/BasicComponents/Thresholds.tsx +0 -77
  197. package/src/Graph/LineChart/BasicComponents/useFilterLines.ts +0 -60
  198. package/src/Graph/LineChart/Header/index.tsx +0 -65
  199. package/src/Graph/LineChart/Icons/Downtime.tsx +0 -9
  200. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/GuidingLines.tsx +0 -45
  201. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/RegularAnchorPoint.tsx +0 -66
  202. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/StackedAnchorPoint.tsx +0 -76
  203. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/TooltipAnchorPoint.tsx +0 -96
  204. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/index.tsx +0 -20
  205. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/models.ts +0 -62
  206. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/useTickGraph.ts +0 -94
  207. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/useTooltipAnchorPoint.ts +0 -107
  208. package/src/Graph/LineChart/InteractiveComponents/Annotations/Annotation/Area.tsx +0 -114
  209. package/src/Graph/LineChart/InteractiveComponents/Annotations/Annotation/Line.tsx +0 -103
  210. package/src/Graph/LineChart/InteractiveComponents/Annotations/Annotation/index.tsx +0 -80
  211. package/src/Graph/LineChart/InteractiveComponents/Annotations/Area/Downtime.tsx +0 -27
  212. package/src/Graph/LineChart/InteractiveComponents/Annotations/EventAnnotations.tsx +0 -61
  213. package/src/Graph/LineChart/InteractiveComponents/Annotations/Line/Acknowledgement.tsx +0 -27
  214. package/src/Graph/LineChart/InteractiveComponents/Annotations/Line/Comments.tsx +0 -25
  215. package/src/Graph/LineChart/InteractiveComponents/Annotations/annotationsAtoms.ts +0 -183
  216. package/src/Graph/LineChart/InteractiveComponents/Annotations/index.tsx +0 -49
  217. package/src/Graph/LineChart/InteractiveComponents/Annotations/models.ts +0 -25
  218. package/src/Graph/LineChart/InteractiveComponents/Annotations/useAnnotation.ts +0 -56
  219. package/src/Graph/LineChart/InteractiveComponents/Bar.tsx +0 -21
  220. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/TimeShiftIcon.tsx +0 -62
  221. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/TimeShiftZone.tsx +0 -74
  222. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/index.tsx +0 -85
  223. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/models.ts +0 -12
  224. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/useTimeShiftZones.ts +0 -72
  225. package/src/Graph/LineChart/InteractiveComponents/Tooltip/index.tsx +0 -59
  226. package/src/Graph/LineChart/InteractiveComponents/Tooltip/models.ts +0 -9
  227. package/src/Graph/LineChart/InteractiveComponents/Tooltip/useGraphTooltip.ts +0 -67
  228. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/index.tsx +0 -38
  229. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/models.ts +0 -9
  230. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/useZoomPreview.ts +0 -107
  231. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/zoomPreviewAtoms.ts +0 -3
  232. package/src/Graph/LineChart/InteractiveComponents/index.tsx +0 -168
  233. package/src/Graph/LineChart/InteractiveComponents/interactionWithGraphAtoms.ts +0 -52
  234. package/src/Graph/LineChart/Legend/InteractiveValue.tsx +0 -22
  235. package/src/Graph/LineChart/Legend/Legend.styles.ts +0 -117
  236. package/src/Graph/LineChart/Legend/LegendContent.tsx +0 -33
  237. package/src/Graph/LineChart/Legend/LegendHeader.tsx +0 -93
  238. package/src/Graph/LineChart/Legend/index.tsx +0 -201
  239. package/src/Graph/LineChart/Legend/models.ts +0 -16
  240. package/src/Graph/LineChart/Legend/useInteractiveValues.ts +0 -99
  241. package/src/Graph/LineChart/Legend/useLegend.ts +0 -104
  242. package/src/Graph/LineChart/LineChart.styles.ts +0 -45
  243. package/src/Graph/LineChart/LineChart.tsx +0 -317
  244. package/src/Graph/LineChart/LoadingSkeleton.tsx +0 -44
  245. package/src/Graph/LineChart/common/index.ts +0 -35
  246. package/src/Graph/LineChart/graphAtoms.ts +0 -3
  247. package/src/Graph/LineChart/helpers/doc.ts +0 -563
  248. package/src/Graph/LineChart/helpers/index.ts +0 -63
  249. package/src/Graph/LineChart/index.stories.tsx +0 -480
  250. package/src/Graph/LineChart/index.tsx +0 -115
  251. package/src/Graph/LineChart/mockedData/annotationData.json +0 -326
  252. package/src/Graph/LineChart/mockedData/exclusionPeriodFirstPeriod.json +0 -588
  253. package/src/Graph/LineChart/mockedData/exclusionPeriodSecondPeriod.json +0 -588
  254. package/src/Graph/LineChart/mockedData/exclusionPeriodThirdPeriod.json +0 -581
  255. package/src/Graph/LineChart/mockedData/lastDay.json +0 -1326
  256. package/src/Graph/LineChart/mockedData/lastDayAreaStack.json +0 -3106
  257. package/src/Graph/LineChart/mockedData/lastDayForward.json +0 -1338
  258. package/src/Graph/LineChart/mockedData/lastDayThreshold.json +0 -2352
  259. package/src/Graph/LineChart/mockedData/lastMonth.json +0 -1674
  260. package/src/Graph/LineChart/mockedData/lastWeek.json +0 -2202
  261. package/src/Graph/LineChart/mockedData/zoomPreview.json +0 -742
  262. package/src/Graph/LineChart/models.ts +0 -146
  263. package/src/Graph/LineChart/translatedLabels.ts +0 -9
  264. package/src/Graph/LineChart/useLineChartData.ts +0 -49
  265. package/src/Graph/LineChart/useLineChartIntersection.ts +0 -36
  266. package/src/Graph/SingleBar/ResponsiveSingleBar.tsx +0 -197
  267. package/src/Graph/SingleBar/SingleBar.stories.tsx +0 -204
  268. package/src/Graph/SingleBar/SingleBar.tsx +0 -25
  269. package/src/Graph/SingleBar/ThresholdLine.tsx +0 -103
  270. package/src/Graph/SingleBar/Thresholds.tsx +0 -50
  271. package/src/Graph/SingleBar/index.ts +0 -1
  272. package/src/Graph/SingleBar/models.ts +0 -10
  273. package/src/Graph/Text/Text.stories.tsx +0 -123
  274. package/src/Graph/Text/Text.styles.ts +0 -17
  275. package/src/Graph/Text/Text.tsx +0 -91
  276. package/src/Graph/Text/index.ts +0 -1
  277. package/src/Graph/common/margins.ts +0 -1
  278. package/src/Graph/common/models.ts +0 -19
  279. package/src/Graph/common/timeSeries/index.test.ts +0 -624
  280. package/src/Graph/common/timeSeries/index.ts +0 -626
  281. package/src/Graph/common/timeSeries/models.ts +0 -129
  282. package/src/Graph/common/utils.ts +0 -75
  283. package/src/Graph/index.ts +0 -5
  284. package/src/InputField/Select/Autocomplete/Connected/Multi/MultiConnectedAutocompleteField.cypress.spec.tsx +0 -127
  285. package/src/InputField/Select/Autocomplete/Connected/Multi/utils/index.ts +0 -22
  286. package/src/Listing/Cell/DataCell.styles.ts +0 -24
  287. package/src/Listing/EmptyResult/EmptyResult.tsx +0 -13
  288. package/src/Listing/Header/Cell/ListingHeaderCell.styles.ts +0 -71
  289. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.styles.ts +0 -26
  290. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.tsx +0 -70
  291. package/src/Listing/Header/ListingHeader.styles.ts +0 -16
  292. package/src/Listing/Header/_internals/DraggableIconButton.tsx +0 -35
  293. package/src/Listing/Header/index.ts +0 -1
  294. package/src/Listing/Listing.cypress.spec.tsx +0 -122
  295. package/src/Listing/Listing.styles.ts +0 -80
  296. package/src/Listing/ListingDocs.mdx +0 -61
  297. package/src/Listing/Row/EmptyRow.styles.ts +0 -14
  298. package/src/Listing/Row/EmptyRow.tsx +0 -30
  299. package/src/Listing/Row/SkeletonLoaderRows.tsx +0 -23
  300. package/src/ParentSize/ParentSize.tsx +0 -24
  301. package/src/ParentSize/index.ts +0 -1
  302. package/src/RichTextEditor/RichTextEditor.cypress.spec.tsx +0 -408
  303. package/src/RichTextEditor/plugins/ToolbarPlugin/AlignPicker.tsx +0 -116
  304. package/src/RichTextEditor/plugins/ToolbarPlugin/BlockButtons.tsx +0 -155
  305. package/src/RichTextEditor/plugins/ToolbarPlugin/LinkButton.tsx +0 -106
  306. package/src/RichTextEditor/plugins/ToolbarPlugin/ListButton.tsx +0 -155
  307. package/src/RichTextEditor/plugins/ToolbarPlugin/MacrosButton.tsx +0 -75
  308. package/src/RichTextEditor/plugins/ToolbarPlugin/ToolbarPlugin.styles.ts +0 -32
  309. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.styles.ts +0 -51
  310. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.tsx +0 -95
  311. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/ErrorText.tsx +0 -14
  312. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/PickersStartEndDate.tsx +0 -171
  313. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/index.tsx +0 -76
  314. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/models.ts +0 -59
  315. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/usePickersStartEndDate.ts +0 -82
  316. package/src/TimePeriods/CustomTimePeriod/SimpleCustomTimePeriod.tsx +0 -28
  317. package/src/TimePeriods/CustomTimePeriod/index.tsx +0 -66
  318. package/src/TimePeriods/DateTimePickerInput.tsx +0 -77
  319. package/src/TimePeriods/ResolutionTimePeriod.cypress.spec.tsx +0 -65
  320. package/src/TimePeriods/SelectedTimePeriod.tsx +0 -102
  321. package/src/TimePeriods/TimePeriods.cypress.spec.tsx +0 -486
  322. package/src/TimePeriods/TimePeriods.styles.ts +0 -22
  323. package/src/TimePeriods/helpers/index.ts +0 -26
  324. package/src/TimePeriods/index.stories.tsx +0 -121
  325. package/src/TimePeriods/index.tsx +0 -79
  326. package/src/TimePeriods/mockedData.ts +0 -12
  327. package/src/TimePeriods/models.ts +0 -97
  328. package/src/TimePeriods/timePeriodsAtoms.ts +0 -102
  329. package/src/TimePeriods/translatedLabels.ts +0 -9
  330. package/src/TimePeriods/useSortTimePeriods.ts +0 -31
  331. package/src/TimePeriods/useTimePeriod.ts +0 -49
  332. package/src/Typography/EllipsisTypography.tsx +0 -18
  333. package/src/Typography/FluidTypography/index.stories.tsx +0 -63
  334. package/src/Typography/FluidTypography/index.tsx +0 -51
  335. package/src/Typography/FluidTypography/useFluidResizeObserver.ts +0 -56
  336. package/src/Typography/Subtitle.tsx +0 -55
  337. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-normal-1-snap.png +0 -0
  338. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-item-header-1-snap.png +0 -0
  339. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-many-panels-1-snap.png +0 -0
  340. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-basic-1-snap.png +0 -0
  341. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-20-px-height-1-snap.png +0 -0
  342. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-200-px-width-1-snap.png +0 -0
  343. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-heading-5-variant-1-snap.png +0 -0
  344. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-long-text-1-snap.png +0 -0
  345. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-as-empty-state-1-snap.png +0 -0
  346. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-with-editable-and-sortable-columns-1-snap.png +0 -0
  347. package/src/api/useGraphQuery/index.ts +0 -166
  348. package/src/api/useGraphQuery/models.ts +0 -15
  349. package/src/base/tokens/README.md +0 -3
  350. package/src/base/tokens/source/$metadata.json +0 -5
  351. package/src/base/tokens/source/base.json +0 -142
  352. package/src/base/tokens/themes/base.tokens.d.ts +0 -38
  353. package/src/base/tokens/themes/base.tokens.json +0 -695
  354. package/src/base/tokens/themes/base.tokens.ts +0 -38
  355. package/src/base/tokens/themes/ui-dark.tokens.d.ts +0 -38
  356. package/src/base/tokens/themes/ui-dark.tokens.json +0 -695
  357. package/src/base/tokens/themes/ui-dark.tokens.ts +0 -38
  358. package/src/base/tokens/themes/ui-light.tokens.d.ts +0 -38
  359. package/src/base/tokens/themes/ui-light.tokens.json +0 -695
  360. package/src/base/tokens/themes/ui-light.tokens.ts +0 -38
  361. package/src/components/Avatar/Avatar.stories.tsx +0 -23
  362. package/src/components/Avatar/Avatar.styles.ts +0 -11
  363. package/src/components/Avatar/Avatar.tsx +0 -32
  364. package/src/components/Avatar/index.ts +0 -1
  365. package/src/components/Button/Button.stories.tsx +0 -34
  366. package/src/components/Button/Button.styles.ts +0 -44
  367. package/src/components/Button/Button.tsx +0 -78
  368. package/src/components/Button/Icon/IconButton.stories.tsx +0 -18
  369. package/src/components/Button/Icon/IconButton.styles.ts +0 -14
  370. package/src/components/Button/Icon/IconButton.tsx +0 -62
  371. package/src/components/Button/Icon/index.tsx +0 -1
  372. package/src/components/Button/index.ts +0 -2
  373. package/src/components/CollapsibleItem/CollapsibleItem.stories.tsx +0 -25
  374. package/src/components/CollapsibleItem/CollapsibleItem.tsx +0 -47
  375. package/src/components/CollapsibleItem/index.ts +0 -1
  376. package/src/components/CollapsibleItem/useCollapsibleItemStyles.ts +0 -15
  377. package/src/components/DataTable/DataListing.tsx +0 -6
  378. package/src/components/DataTable/DataTable.cypress.spec.tsx +0 -193
  379. package/src/components/DataTable/DataTable.stories.tsx +0 -91
  380. package/src/components/DataTable/DataTable.styles.ts +0 -30
  381. package/src/components/DataTable/DataTable.tsx +0 -35
  382. package/src/components/DataTable/EmptyState/DataTableEmptyState.stories.tsx +0 -21
  383. package/src/components/DataTable/EmptyState/DataTableEmptyState.styles.ts +0 -26
  384. package/src/components/DataTable/EmptyState/DataTableEmptyState.tsx +0 -53
  385. package/src/components/DataTable/Item/DataTableItem.stories.tsx +0 -25
  386. package/src/components/DataTable/Item/DataTableItem.styles.ts +0 -38
  387. package/src/components/DataTable/Item/DataTableItem.tsx +0 -123
  388. package/src/components/DataTable/Item/DataTableItemSkeleton.tsx +0 -13
  389. package/src/components/DataTable/index.ts +0 -12
  390. package/src/components/Form/AccessRights/AccessRights.resource.ts +0 -45
  391. package/src/components/Form/AccessRights/AccessRightsForm.stories.tsx +0 -59
  392. package/src/components/Form/AccessRights/AccessRightsForm.styles.ts +0 -21
  393. package/src/components/Form/AccessRights/AccessRightsForm.tsx +0 -67
  394. package/src/components/Form/AccessRights/AccessRightsFormActions.tsx +0 -80
  395. package/src/components/Form/AccessRights/Input/AddAction.tsx +0 -31
  396. package/src/components/Form/AccessRights/Input/ContactAccessRightInput.stories.tsx +0 -54
  397. package/src/components/Form/AccessRights/Input/ContactAccessRightInput.tsx +0 -72
  398. package/src/components/Form/AccessRights/Input/ContactAccessRightsInput.styles.ts +0 -22
  399. package/src/components/Form/AccessRights/Input/ContactInputField.tsx +0 -105
  400. package/src/components/Form/AccessRights/Input/RoleInputField.tsx +0 -29
  401. package/src/components/Form/AccessRights/List/ContactAccessRightsList.stories.tsx +0 -97
  402. package/src/components/Form/AccessRights/List/ContactAccessRightsList.styles.ts +0 -71
  403. package/src/components/Form/AccessRights/List/ContactAccessRightsList.tsx +0 -51
  404. package/src/components/Form/AccessRights/List/ContactAccessRightsListItem.stories.tsx +0 -116
  405. package/src/components/Form/AccessRights/List/ContactAccessRightsListItem.tsx +0 -118
  406. package/src/components/Form/AccessRights/List/ContactAccessRightsListItemSkeleton.tsx +0 -26
  407. package/src/components/Form/AccessRights/List/ContactAccessRightsListSkeleton.tsx +0 -28
  408. package/src/components/Form/AccessRights/Stats/AccessRightsStats.styles.ts +0 -18
  409. package/src/components/Form/AccessRights/Stats/AccessRightsStats.tsx +0 -41
  410. package/src/components/Form/AccessRights/__fixtures__/contactAccessRight.mock.ts +0 -54
  411. package/src/components/Form/AccessRights/common/GroupLabel.styles.ts +0 -18
  412. package/src/components/Form/AccessRights/common/GroupLabel.tsx +0 -15
  413. package/src/components/Form/AccessRights/common/Input.styles.ts +0 -48
  414. package/src/components/Form/AccessRights/common/RoleInputSelect.styles.ts +0 -11
  415. package/src/components/Form/AccessRights/common/RoleInputSelect.tsx +0 -57
  416. package/src/components/Form/AccessRights/index.ts +0 -3
  417. package/src/components/Form/AccessRights/useAccessRightsForm.test.tsx +0 -531
  418. package/src/components/Form/AccessRights/useAccessRightsForm.tsx +0 -282
  419. package/src/components/Form/AccessRights/useAccessRightsForm.utils.ts +0 -41
  420. package/src/components/Form/Dashboard/Dashboard.resource.ts +0 -9
  421. package/src/components/Form/Dashboard/DashboardForm.stories.ts +0 -39
  422. package/src/components/Form/Dashboard/DashboardForm.styles.ts +0 -21
  423. package/src/components/Form/Dashboard/DashboardForm.tsx +0 -137
  424. package/src/components/Form/Dashboard/GlobalRefreshFieldOption.tsx +0 -59
  425. package/src/components/Form/Dashboard/index.ts +0 -2
  426. package/src/components/Form/Dashboard/translatedLabels.ts +0 -9
  427. package/src/components/Form/Form.models.ts +0 -1
  428. package/src/components/Form/Form.resource.ts +0 -1
  429. package/src/components/Form/Form.styles.ts +0 -17
  430. package/src/components/Form/FormActions.tsx +0 -57
  431. package/src/components/Form/index.ts +0 -3
  432. package/src/components/Header/PageHeader/PageHeader.stories.tsx +0 -97
  433. package/src/components/Header/PageHeader/PageHeader.styles.ts +0 -126
  434. package/src/components/Header/PageHeader/PageHeader.tsx +0 -15
  435. package/src/components/Header/PageHeader/PageHeaderActions.tsx +0 -17
  436. package/src/components/Header/PageHeader/PageHeaderMain.tsx +0 -15
  437. package/src/components/Header/PageHeader/PageHeaderMenu.tsx +0 -15
  438. package/src/components/Header/PageHeader/PageHeaderMessage.tsx +0 -32
  439. package/src/components/Header/PageHeader/PageHeaderTitle.tsx +0 -47
  440. package/src/components/Header/PageHeader/index.ts +0 -14
  441. package/src/components/Header/index.ts +0 -1
  442. package/src/components/Icon/Icon.styles.ts +0 -0
  443. package/src/components/Icon/Icon.tsx +0 -2
  444. package/src/components/Icon/index.ts +0 -0
  445. package/src/components/Inputs/Switch/Switch.stories.tsx +0 -22
  446. package/src/components/Inputs/Switch/Switch.styles.ts +0 -13
  447. package/src/components/Inputs/Switch/Switch.tsx +0 -18
  448. package/src/components/Inputs/index.ts +0 -1
  449. package/src/components/ItemComposition/Item.tsx +0 -41
  450. package/src/components/ItemComposition/ItemComposition.stories.tsx +0 -78
  451. package/src/components/ItemComposition/ItemComposition.styles.ts +0 -29
  452. package/src/components/ItemComposition/ItemComposition.tsx +0 -47
  453. package/src/components/ItemComposition/index.ts +0 -6
  454. package/src/components/Layout/AreaIndicator.styles.ts +0 -33
  455. package/src/components/Layout/AreaIndicator.tsx +0 -35
  456. package/src/components/Layout/PageLayout/PageLayout.stories.tsx +0 -81
  457. package/src/components/Layout/PageLayout/PageLayout.styles.ts +0 -41
  458. package/src/components/Layout/PageLayout/PageLayout.tsx +0 -21
  459. package/src/components/Layout/PageLayout/PageLayoutActions.tsx +0 -25
  460. package/src/components/Layout/PageLayout/PageLayoutBody.tsx +0 -25
  461. package/src/components/Layout/PageLayout/PageLayoutHeader.tsx +0 -19
  462. package/src/components/Layout/PageLayout/PageQuickAccess.tsx +0 -76
  463. package/src/components/Layout/PageLayout/index.ts +0 -12
  464. package/src/components/Layout/PageLayout.cypress.spec.tsx +0 -66
  465. package/src/components/Layout/index.ts +0 -1
  466. package/src/components/List/Item/Avatar.tsx +0 -21
  467. package/src/components/List/Item/AvatarSkeleton.tsx +0 -17
  468. package/src/components/List/Item/ListItem.stories.tsx +0 -41
  469. package/src/components/List/Item/ListItem.styles.ts +0 -57
  470. package/src/components/List/Item/ListItem.tsx +0 -32
  471. package/src/components/List/Item/Text.tsx +0 -25
  472. package/src/components/List/Item/TextSkeleton.tsx +0 -22
  473. package/src/components/List/Item/index.ts +0 -14
  474. package/src/components/List/List.stories.tsx +0 -70
  475. package/src/components/List/List.styles.ts +0 -8
  476. package/src/components/List/List.tsx +0 -19
  477. package/src/components/List/index.ts +0 -6
  478. package/src/components/Menu/Button/MenuButton.stories.tsx +0 -16
  479. package/src/components/Menu/Button/MenuButton.styles.ts +0 -27
  480. package/src/components/Menu/Button/MenuButton.tsx +0 -67
  481. package/src/components/Menu/Button/index.ts +0 -1
  482. package/src/components/Menu/Menu.stories.tsx +0 -71
  483. package/src/components/Menu/Menu.styles.ts +0 -68
  484. package/src/components/Menu/Menu.tsx +0 -25
  485. package/src/components/Menu/MenuDivider.tsx +0 -13
  486. package/src/components/Menu/MenuItem.tsx +0 -38
  487. package/src/components/Menu/MenuItems.tsx +0 -36
  488. package/src/components/Menu/index.ts +0 -12
  489. package/src/components/Menu/useMenu.tsx +0 -79
  490. package/src/components/Modal/Modal.stories.tsx +0 -142
  491. package/src/components/Modal/Modal.styles.ts +0 -91
  492. package/src/components/Modal/Modal.tsx +0 -79
  493. package/src/components/Modal/ModalActions.tsx +0 -64
  494. package/src/components/Modal/ModalBody.tsx +0 -15
  495. package/src/components/Modal/ModalHeader.tsx +0 -21
  496. package/src/components/Modal/index.ts +0 -12
  497. package/src/components/README.md +0 -3
  498. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.stories.tsx +0 -62
  499. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.styles.tsx +0 -22
  500. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.tsx +0 -68
  501. package/src/components/Tooltip/ConfirmationTooltip/TooltipContent.tsx +0 -31
  502. package/src/components/Tooltip/ConfirmationTooltip/index.ts +0 -1
  503. package/src/components/Tooltip/ConfirmationTooltip/models.ts +0 -18
  504. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.stories.tsx +0 -70
  505. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.styles.ts +0 -5
  506. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.tsx +0 -115
  507. package/src/components/Tooltip/TextOverflowTooltip/index.tsx +0 -1
  508. package/src/components/Tooltip/Tooltip.stories.tsx +0 -41
  509. package/src/components/Tooltip/Tooltip.tsx +0 -57
  510. package/src/components/Tooltip/index.ts +0 -2
  511. package/src/components/index.ts +0 -13
  512. package/src/styles/tokens/themes/_ui-dark.tokens.json +0 -695
  513. package/src/styles/tokens/themes/_ui-light.tokens.json +0 -695
  514. package/src/utils/centreonBaseURL.ts +0 -4
  515. package/src/utils/docsURL.ts +0 -31
  516. package/src/utils/index.ts +0 -22
  517. package/src/utils/panelSize.ts +0 -15
  518. package/src/utils/sanitizedHTML.ts +0 -18
  519. package/src/utils/translatedLabel.ts +0 -2
  520. package/src/utils/useInfiniteScrollListing.ts +0 -121
  521. package/src/utils/useLicenseExpirationWarning.test.tsx +0 -148
  522. package/src/utils/useLicenseExpirationWarning.ts +0 -52
  523. package/src/utils/usePluralizedTranslation.ts +0 -21
  524. package/src/utils/useRefreshInterval.ts +0 -39
  525. package/src/utils/useResizeObserver.ts +0 -6
  526. package/src/utils/useThresholds.ts +0 -0
  527. /package/{public/brand → assets}/centreon-logo-one-line-dark.svg +0 -0
  528. /package/{public/brand → assets}/centreon-logo-one-line-light.svg +0 -0
  529. /package/{src/@assets/images → assets}/not-authorized-template-background-dark.svg +0 -0
  530. /package/{src/@assets/images → assets}/not-authorized-template-background-light.svg +0 -0
  531. /package/{public/fonts → fonts/fonts-generated}/roboto-bold-webfont.ttf +0 -0
  532. /package/{public/fonts → fonts/fonts-generated}/roboto-bold-webfont.woff +0 -0
  533. /package/{public/fonts → fonts/fonts-generated}/roboto-bold-webfont.woff2 +0 -0
  534. /package/{public/fonts → fonts/fonts-generated}/roboto-light-webfont.ttf +0 -0
  535. /package/{public/fonts → fonts/fonts-generated}/roboto-light-webfont.woff +0 -0
  536. /package/{public/fonts → fonts/fonts-generated}/roboto-light-webfont.woff2 +0 -0
  537. /package/{public/fonts → fonts/fonts-generated}/roboto-medium-webfont.ttf +0 -0
  538. /package/{public/fonts → fonts/fonts-generated}/roboto-medium-webfont.woff +0 -0
  539. /package/{public/fonts → fonts/fonts-generated}/roboto-medium-webfont.woff2 +0 -0
  540. /package/{public/fonts → fonts/fonts-generated}/roboto-regular-webfont.ttf +0 -0
  541. /package/{public/fonts → fonts/fonts-generated}/roboto-regular-webfont.woff +0 -0
  542. /package/{public/fonts → fonts/fonts-generated}/roboto-regular-webfont.woff2 +0 -0
  543. /package/src/Listing/Header/{_internals/Label.tsx → Label.tsx} +0 -0
  544. /package/src/Typography/{story.utils.tsx → index.tsx} +0 -0
@@ -1,626 +0,0 @@
1
- import numeral from 'numeral';
2
- import { Scale } from '@visx/visx';
3
- import { bisector } from 'd3-array';
4
- import { ScaleLinear, ScaleTime } from 'd3-scale';
5
- import {
6
- map,
7
- pipe,
8
- reduce,
9
- filter,
10
- addIndex,
11
- isNil,
12
- path,
13
- reject,
14
- equals,
15
- keys,
16
- prop,
17
- flatten,
18
- propEq,
19
- uniq,
20
- find,
21
- sortBy,
22
- add,
23
- isEmpty,
24
- any,
25
- not,
26
- min,
27
- max,
28
- lt,
29
- identity,
30
- head,
31
- last,
32
- cond,
33
- always,
34
- T
35
- } from 'ramda';
36
-
37
- import { margin } from '../../LineChart/common';
38
- import { LineChartData } from '../models';
39
-
40
- import {
41
- Metric,
42
- TimeValue,
43
- Line,
44
- AxeScale,
45
- Xscale,
46
- FormatMetricValueProps,
47
- YScales,
48
- TimeValueProps
49
- } from './models';
50
-
51
- interface TimeTickWithMetrics {
52
- metrics: Array<Metric>;
53
- timeTick: string;
54
- }
55
-
56
- const toTimeTickWithMetrics = ({
57
- metrics,
58
- times
59
- }): Array<TimeTickWithMetrics> =>
60
- map(
61
- (timeTick) => ({
62
- metrics,
63
- timeTick
64
- }),
65
- times
66
- );
67
-
68
- const toTimeTickValue = (
69
- { timeTick, metrics }: TimeTickWithMetrics,
70
- timeIndex: number
71
- ): TimeValue => {
72
- const getMetricsForIndex = (): Omit<TimeValue, 'timeTick'> => {
73
- const addMetricForTimeIndex = (acc, { metric_id, data }): TimeValue => ({
74
- ...acc,
75
- [metric_id]: data[timeIndex]
76
- });
77
-
78
- return reduce(addMetricForTimeIndex, {} as TimeValue, metrics);
79
- };
80
-
81
- return { timeTick, ...getMetricsForIndex() };
82
- };
83
-
84
- const getTimeSeries = (graphData: LineChartData): Array<TimeValue> => {
85
- const isGreaterThanLowerLimit = (value): boolean => {
86
- const lowerLimit = path<number>(['global', 'lower-limit'], graphData);
87
-
88
- if (isNil(lowerLimit)) {
89
- return true;
90
- }
91
-
92
- return value >= lowerLimit;
93
- };
94
-
95
- const rejectLowerThanLimit = ({
96
- timeTick,
97
- ...metrics
98
- }: TimeValue): TimeValue => ({
99
- ...filter(isGreaterThanLowerLimit, metrics),
100
- timeTick
101
- });
102
-
103
- const indexedMap = addIndex<TimeTickWithMetrics, TimeValue>(map);
104
-
105
- return pipe(
106
- toTimeTickWithMetrics,
107
- indexedMap(toTimeTickValue),
108
- map(rejectLowerThanLimit)
109
- )(graphData);
110
- };
111
-
112
- const toLine = ({
113
- ds_data,
114
- legend,
115
- metric,
116
- unit,
117
- average_value,
118
- minimum_value,
119
- maximum_value,
120
- metric_id
121
- }: Metric): Line => ({
122
- areaColor: ds_data.ds_color_area,
123
- average_value,
124
- color: ds_data.ds_color_line,
125
- display: true,
126
- filled: ds_data.ds_filled,
127
- highlight: undefined,
128
- invert: ds_data.ds_invert,
129
- legend: ds_data.ds_legend,
130
- lineColor: ds_data.ds_color_line,
131
- maximum_value,
132
- metric,
133
- metric_id,
134
- minimum_value,
135
- name: legend,
136
- stackOrder: equals(ds_data.ds_stack, '1')
137
- ? parseInt(ds_data.ds_order || '0', 10)
138
- : null,
139
- transparency: ds_data.ds_transparency,
140
- unit
141
- });
142
-
143
- const getLineData = (graphData: LineChartData): Array<Line> =>
144
- map(toLine, graphData.metrics);
145
-
146
- const getMin = (values: Array<number>): number => Math.min(...values);
147
-
148
- const getMax = (values: Array<number>): number => Math.max(...values);
149
-
150
- const getTime = (timeValue: TimeValue): number =>
151
- new Date(timeValue.timeTick).valueOf();
152
-
153
- const getMetrics = (timeValue: TimeValue): Array<string> =>
154
- pipe(keys, reject(equals('timeTick')))(timeValue);
155
-
156
- const getValueForMetric =
157
- (timeValue: TimeValue) =>
158
- (metric_id: number): number =>
159
- prop(metric_id, timeValue) as number;
160
-
161
- const getUnits = (lines: Array<Line>): Array<string> =>
162
- pipe(map(prop('unit')), uniq)(lines);
163
-
164
- interface ValuesForUnitProps {
165
- lines: Array<Line>;
166
- timeSeries: Array<TimeValue>;
167
- unit: string;
168
- }
169
-
170
- const getMetricValuesForUnit = ({
171
- lines,
172
- timeSeries,
173
- unit
174
- }: ValuesForUnitProps): Array<number> => {
175
- const getTimeSeriesValuesForMetric = (metric_id): Array<number> =>
176
- map(
177
- (timeValue) => getValueForMetric(timeValue)(metric_id),
178
- timeSeries
179
- ) as Array<number>;
180
-
181
- return pipe(
182
- filter(propEq(unit, 'unit')) as (line) => Array<Line>,
183
- map(prop('metric_id')),
184
- map(getTimeSeriesValuesForMetric),
185
- flatten,
186
- reject(isNil)
187
- )(lines) as Array<number>;
188
- };
189
-
190
- const getDates = (timeSeries: Array<TimeValue>): Array<Date> => {
191
- const toTimeTick = ({ timeTick }: TimeValue): string => timeTick;
192
- const toDate = (tick: string): Date => new Date(tick);
193
-
194
- return pipe(map(toTimeTick), map(toDate))(timeSeries);
195
- };
196
-
197
- interface LineForMetricProps {
198
- lines: Array<Line>;
199
- metric_id: number;
200
- }
201
-
202
- const getLineForMetric = ({
203
- lines,
204
- metric_id
205
- }: LineForMetricProps): Line | undefined =>
206
- find(propEq(metric_id, 'metric_id'), lines);
207
-
208
- interface LinesTimeSeries {
209
- lines: Array<Line>;
210
- timeSeries: Array<TimeValue>;
211
- }
212
-
213
- const getMetricValuesForLines = ({
214
- lines,
215
- timeSeries
216
- }: LinesTimeSeries): Array<number> =>
217
- pipe(
218
- getUnits,
219
- map((unit) => getMetricValuesForUnit({ lines, timeSeries, unit })),
220
- flatten
221
- )(lines);
222
-
223
- const getStackedMetricValues = ({
224
- lines,
225
- timeSeries
226
- }: LinesTimeSeries): Array<number> => {
227
- const getTimeSeriesValuesForMetric = (metric_id): Array<number> =>
228
- map((timeValue) => getValueForMetric(timeValue)(metric_id), timeSeries);
229
-
230
- const metricsValues = pipe(
231
- map(prop('metric_id')) as (metric) => Array<number>,
232
- map(getTimeSeriesValuesForMetric) as () => Array<Array<number>>
233
- )(lines as Array<Line>);
234
-
235
- if (isEmpty(metricsValues) || isNil(metricsValues)) {
236
- return [];
237
- }
238
-
239
- return metricsValues[0].map((_, index): number =>
240
- reduce(
241
- (acc: number, metricValue: Array<number>) => add(metricValue[index], acc),
242
- 0,
243
- metricsValues
244
- )
245
- );
246
- };
247
-
248
- const getSortedStackedLines = (lines: Array<Line>): Array<Line> =>
249
- pipe(
250
- reject(({ stackOrder }: Line): boolean => isNil(stackOrder)) as (
251
- lines
252
- ) => Array<Line>,
253
- sortBy(prop('stackOrder'))
254
- )(lines);
255
-
256
- const getInvertedStackedLines = (lines: Array<Line>): Array<Line> =>
257
- pipe(
258
- reject(({ invert }: Line): boolean => isNil(invert)) as (
259
- lines
260
- ) => Array<Line>,
261
- getSortedStackedLines
262
- )(lines);
263
-
264
- const getNotInvertedStackedLines = (lines: Array<Line>): Array<Line> =>
265
- pipe(
266
- filter(({ invert }: Line): boolean => isNil(invert)) as (
267
- lines
268
- ) => Array<Line>,
269
- getSortedStackedLines
270
- )(lines);
271
-
272
- interface HasStackedLines {
273
- lines: Array<Line>;
274
- unit: string;
275
- }
276
-
277
- const hasUnitStackedLines = ({ lines, unit }: HasStackedLines): boolean =>
278
- pipe(getSortedStackedLines, any(propEq(unit, 'unit')))(lines);
279
-
280
- const getTimeSeriesForLines = ({
281
- lines,
282
- timeSeries
283
- }: LinesTimeSeries): Array<TimeValue> => {
284
- const metrics = map(prop('metric_id'), lines);
285
-
286
- return map(
287
- ({ timeTick, ...metricsValue }): TimeValue => ({
288
- ...reduce(
289
- (acc, metric_id): Omit<TimeValue, 'timePick'> => ({
290
- ...acc,
291
- [metric_id]: metricsValue[metric_id]
292
- }),
293
- {},
294
- metrics
295
- ),
296
- timeTick
297
- }),
298
- timeSeries
299
- );
300
- };
301
-
302
- interface GetYScaleProps {
303
- hasMoreThanTwoUnits: boolean;
304
- invert: string | null;
305
- leftScale: ScaleLinear<number, number>;
306
- rightScale: ScaleLinear<number, number>;
307
- secondUnit: string;
308
- unit: string;
309
- }
310
-
311
- const getYScale = ({
312
- hasMoreThanTwoUnits,
313
- unit,
314
- secondUnit,
315
- leftScale,
316
- rightScale,
317
- invert
318
- }: GetYScaleProps): ScaleLinear<number, number> => {
319
- const isLeftScale = hasMoreThanTwoUnits || unit !== secondUnit;
320
- const scale = isLeftScale ? leftScale : rightScale;
321
-
322
- return invert
323
- ? Scale.scaleLinear<number>({
324
- domain: scale.domain().reverse(),
325
- nice: true,
326
- range: scale.range().reverse()
327
- })
328
- : scale;
329
- };
330
-
331
- const getScale = ({
332
- graphValues,
333
- height,
334
- stackedValues,
335
- thresholds
336
- }): ScaleLinear<number, number> => {
337
- const minValue = Math.min(
338
- getMin(graphValues),
339
- getMin(stackedValues),
340
- Math.min(...thresholds)
341
- );
342
- const maxValue = Math.max(
343
- getMax(graphValues),
344
- getMax(stackedValues),
345
- Math.max(...thresholds)
346
- );
347
-
348
- const upperRangeValue = minValue === maxValue && maxValue === 0 ? height : 0;
349
-
350
- return Scale.scaleLinear<number>({
351
- domain: [minValue, maxValue],
352
- nice: true,
353
- range: [height, upperRangeValue]
354
- });
355
- };
356
-
357
- const getLeftScale = ({
358
- dataLines,
359
- dataTimeSeries,
360
- valueGraphHeight,
361
- thresholds,
362
- thresholdUnit
363
- }: AxeScale): ScaleLinear<number, number> => {
364
- const [firstUnit, , thirdUnit] = getUnits(dataLines);
365
-
366
- const shouldApplyThresholds =
367
- equals(thresholdUnit, firstUnit) ||
368
- equals(thresholdUnit, thirdUnit) ||
369
- !thresholdUnit;
370
-
371
- const graphValues = isNil(thirdUnit)
372
- ? getMetricValuesForUnit({
373
- lines: dataLines,
374
- timeSeries: dataTimeSeries,
375
- unit: firstUnit
376
- })
377
- : getMetricValuesForLines({
378
- lines: dataLines,
379
- timeSeries: dataTimeSeries
380
- });
381
-
382
- const firstUnitHasStackedLines =
383
- isNil(thirdUnit) && not(isNil(firstUnit))
384
- ? hasUnitStackedLines({ lines: dataLines, unit: firstUnit })
385
- : false;
386
-
387
- const stackedValues = firstUnitHasStackedLines
388
- ? getStackedMetricValues({
389
- lines: getSortedStackedLines(dataLines),
390
- timeSeries: dataTimeSeries
391
- })
392
- : [0];
393
-
394
- return getScale({
395
- graphValues,
396
- height: valueGraphHeight,
397
- stackedValues,
398
- thresholds: shouldApplyThresholds ? thresholds : []
399
- });
400
- };
401
-
402
- const getXScale = ({
403
- dataTime,
404
- valueWidth
405
- }: Xscale): ScaleTime<number, number, never> => {
406
- return Scale.scaleTime<number>({
407
- domain: [getMin(dataTime.map(getTime)), getMax(dataTime.map(getTime))],
408
- range: [0, valueWidth]
409
- });
410
- };
411
-
412
- const getRightScale = ({
413
- dataLines,
414
- dataTimeSeries,
415
- valueGraphHeight,
416
- thresholds,
417
- thresholdUnit
418
- }: AxeScale): ScaleLinear<number, number> => {
419
- const [, secondUnit] = getUnits(dataLines);
420
-
421
- const graphValues = getMetricValuesForUnit({
422
- lines: dataLines,
423
- timeSeries: dataTimeSeries,
424
- unit: secondUnit
425
- });
426
-
427
- const shouldApplyThresholds = equals(thresholdUnit, secondUnit);
428
-
429
- const secondUnitHasStackedLines = isNil(secondUnit)
430
- ? false
431
- : hasUnitStackedLines({ lines: dataLines, unit: secondUnit });
432
-
433
- const stackedValues = secondUnitHasStackedLines
434
- ? getStackedMetricValues({
435
- lines: getSortedStackedLines(dataLines),
436
- timeSeries: dataTimeSeries
437
- })
438
- : [0];
439
-
440
- return getScale({
441
- graphValues,
442
- height: valueGraphHeight,
443
- stackedValues,
444
- thresholds: shouldApplyThresholds ? thresholds : []
445
- });
446
- };
447
-
448
- const formatTime = (value: number): string => {
449
- if (value < 1000) {
450
- return `${numeral(value).format('0.[00]a')} ms`;
451
- }
452
-
453
- const t = numeral(value / 1000).format('0.[00]a');
454
-
455
- return `${t} seconds`;
456
- };
457
-
458
- const registerMsUnitToNumeral = (): null => {
459
- try {
460
- numeral.register('format', 'milliseconds', {
461
- format: (value) => {
462
- return formatTime(value);
463
- },
464
- regexps: {
465
- format: /(ms)/,
466
- unformat: /(ms)/
467
- },
468
- unformat: () => ''
469
- });
470
-
471
- return null;
472
- } catch (_) {
473
- return null;
474
- }
475
- };
476
-
477
- registerMsUnitToNumeral();
478
-
479
- const formatMetricValue = ({
480
- value,
481
- unit,
482
- base = 1000
483
- }: FormatMetricValueProps): string | null => {
484
- if (isNil(value)) {
485
- return null;
486
- }
487
-
488
- const base2Units = [
489
- 'B',
490
- 'bytes',
491
- 'bytespersecond',
492
- 'B/s',
493
- 'B/sec',
494
- 'o',
495
- 'octets',
496
- 'b/s',
497
- 'b'
498
- ];
499
-
500
- const base1024 = base2Units.includes(unit) || Number(base) === 1024;
501
-
502
- const formatSuffix = cond([
503
- [equals('ms'), always(' ms')],
504
- [T, always(base1024 ? ' ib' : 'a')]
505
- ])(unit);
506
-
507
- const formattedMetricValue = numeral(Math.abs(value))
508
- .format(`0.[00]${formatSuffix}`)
509
- .replace(/iB/g, unit);
510
-
511
- if (lt(value, 0)) {
512
- return `-${formattedMetricValue}`;
513
- }
514
-
515
- return formattedMetricValue;
516
- };
517
-
518
- const formatMetricValueWithUnit = ({
519
- value,
520
- unit,
521
- base = 1000,
522
- isRaw = false
523
- }: FormatMetricValueProps & { isRaw?: boolean }): string | null => {
524
- if (isNil(value)) {
525
- return null;
526
- }
527
-
528
- if (isRaw) {
529
- const unitText = equals('%', unit) ? unit : ` ${unit}`;
530
-
531
- return `${value}${unitText}`;
532
- }
533
-
534
- if (equals('%', unit)) {
535
- return `${numeral(Math.abs(value)).format('0.[00]')}%`;
536
- }
537
-
538
- const formattedMetricValue = formatMetricValue({ base, unit, value });
539
-
540
- return formattedMetricValue;
541
- };
542
-
543
- const getStackedYScale = ({
544
- leftScale,
545
- rightScale
546
- }: YScales): ScaleLinear<number, number> => {
547
- const minDomain = min(
548
- getMin(leftScale.domain()),
549
- getMin(rightScale.domain())
550
- );
551
- const maxDomain = max(
552
- getMax(leftScale.domain()),
553
- getMax(rightScale.domain())
554
- );
555
-
556
- const minRange = min(getMin(leftScale.range()), getMin(rightScale.range()));
557
- const maxRange = max(getMax(leftScale.range()), getMax(rightScale.range()));
558
-
559
- return Scale.scaleLinear<number>({
560
- domain: [minDomain, maxDomain],
561
- nice: true,
562
- range: [maxRange, minRange]
563
- });
564
- };
565
-
566
- const bisectDate = bisector(identity).center;
567
-
568
- const getTimeValue = ({
569
- x,
570
- xScale,
571
- timeSeries,
572
- marginLeft = margin.left
573
- }: TimeValueProps): TimeValue | null => {
574
- if (isNil(x)) {
575
- return null;
576
- }
577
- const date = xScale.invert(x - marginLeft);
578
- const index = bisectDate(getDates(timeSeries), date);
579
-
580
- return timeSeries[index];
581
- };
582
-
583
- const getMetricWithLatestData = (
584
- graphData: LineChartData
585
- ): Metric | undefined => {
586
- const metric = head(graphData.metrics) as Metric;
587
-
588
- const lastData = last(metric?.data.filter((v) => v) || []);
589
-
590
- return {
591
- ...metric,
592
- data: lastData ? [lastData] : []
593
- };
594
- };
595
-
596
- export {
597
- getTimeSeries,
598
- getLineData,
599
- getMin,
600
- getMax,
601
- getTime,
602
- getMetrics,
603
- getValueForMetric,
604
- getMetricValuesForUnit,
605
- getUnits,
606
- getDates,
607
- getLineForMetric,
608
- getMetricValuesForLines,
609
- getSortedStackedLines,
610
- getTimeSeriesForLines,
611
- getStackedMetricValues,
612
- getInvertedStackedLines,
613
- getNotInvertedStackedLines,
614
- hasUnitStackedLines,
615
- getYScale,
616
- getScale,
617
- getLeftScale,
618
- getXScale,
619
- getRightScale,
620
- formatMetricValue,
621
- getStackedYScale,
622
- getTimeValue,
623
- bisectDate,
624
- getMetricWithLatestData,
625
- formatMetricValueWithUnit
626
- };