@centreon/ui 24.7.6 → 24.7.7

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 (658) hide show
  1. package/README.md +44 -14
  2. package/package.json +126 -58
  3. package/public/README.md +39 -0
  4. package/public/mockServiceWorker.js +284 -0
  5. package/src/@assets/README.md +5 -0
  6. package/src/@assets/brand/centreon-logo-one-line-dark.svg +1 -0
  7. package/src/@assets/brand/centreon-logo-one-line-light.svg +1 -0
  8. package/src/@assets/icons/downtime.icon.svg +1 -0
  9. package/src/@types/aria-attributes.d.ts +10 -0
  10. package/src/@types/data-attributes.d.ts +3 -0
  11. package/src/@types/globals.d.ts +9 -0
  12. package/src/@types/vite-env.d.ts +2 -0
  13. package/src/ActionsList/ActionsList.styles.ts +85 -0
  14. package/src/ActionsList/index.stories.tsx +80 -0
  15. package/src/ActionsList/index.tsx +58 -21
  16. package/src/ActionsList/models.ts +8 -0
  17. package/src/Button/Icon/index.stories.tsx +1 -1
  18. package/src/Button/Icon/index.tsx +13 -4
  19. package/src/Button/Save/StartIcon.tsx +3 -3
  20. package/src/Button/Save/index.stories.tsx +10 -5
  21. package/src/Button/Save/index.tsx +10 -6
  22. package/src/Checkbox/Checkbox.tsx +109 -0
  23. package/src/Checkbox/CheckboxGroup/index.stories.tsx +41 -0
  24. package/src/Checkbox/CheckboxGroup/index.tsx +75 -0
  25. package/src/Checkbox/index.stories.tsx +39 -0
  26. package/src/Checkbox/index.tsx +2 -0
  27. package/src/Dashboard/Dashboard.cypress.spec.tsx +70 -0
  28. package/src/Dashboard/Dashboard.styles.ts +110 -0
  29. package/src/Dashboard/DashboardLayout.stories.tsx +104 -0
  30. package/src/Dashboard/Grid.tsx +70 -0
  31. package/src/Dashboard/Item.tsx +151 -0
  32. package/src/Dashboard/Layout.tsx +95 -0
  33. package/src/Dashboard/atoms.ts +3 -0
  34. package/src/Dashboard/index.tsx +9 -0
  35. package/src/Dashboard/utils.ts +28 -0
  36. package/src/Dialog/Confirm/index.tsx +26 -5
  37. package/src/Dialog/Duplicate/index.test.tsx +1 -1
  38. package/src/Dialog/UnsavedChanges/index.tsx +21 -20
  39. package/src/Dialog/UnsavedChanges/translatedLabels.ts +4 -6
  40. package/src/Dialog/index.tsx +23 -4
  41. package/src/FallbackPage/FallbackPage.tsx +5 -5
  42. package/src/FileDropZone/index.tsx +4 -2
  43. package/src/Form/CollapsibleGroup.tsx +15 -5
  44. package/src/Form/Form.cypress.spec.tsx +133 -0
  45. package/src/Form/{index.stories.tsx → Form.stories.tsx} +2 -3
  46. package/src/Form/Form.styles.ts +11 -0
  47. package/src/Form/{index.tsx → Form.tsx} +38 -16
  48. package/src/Form/FormButtons.tsx +2 -4
  49. package/src/Form/Inputs/Autocomplete.tsx +1 -1
  50. package/src/Form/Inputs/Checkbox.tsx +57 -0
  51. package/src/Form/Inputs/CheckboxGroup.tsx +76 -0
  52. package/src/Form/Inputs/ConnectedAutocomplete.tsx +3 -1
  53. package/src/Form/Inputs/Grid.tsx +4 -2
  54. package/src/Form/Inputs/List/Content.tsx +62 -0
  55. package/src/Form/Inputs/List/List.styles.ts +29 -0
  56. package/src/Form/Inputs/List/List.tsx +58 -0
  57. package/src/Form/Inputs/List/useList.ts +81 -0
  58. package/src/Form/Inputs/Radio.tsx +16 -5
  59. package/src/Form/Inputs/Switch.tsx +1 -1
  60. package/src/Form/Inputs/Text.tsx +21 -8
  61. package/src/Form/Inputs/index.tsx +34 -16
  62. package/src/Form/Inputs/models.ts +29 -4
  63. package/src/Form/index.ts +1 -0
  64. package/src/Form/storiesData.tsx +50 -3
  65. package/src/Graph/BarChart/BarChart.cypress.spec.tsx +318 -0
  66. package/src/Graph/BarChart/BarChart.stories.tsx +213 -0
  67. package/src/Graph/BarChart/BarChart.tsx +104 -0
  68. package/src/Graph/BarChart/BarGroup.tsx +248 -0
  69. package/src/Graph/BarChart/BarStack.tsx +133 -0
  70. package/src/Graph/BarChart/ResponsiveBarChart.tsx +277 -0
  71. package/src/Graph/BarChart/SingleBar.tsx +62 -0
  72. package/src/Graph/BarChart/Tooltip/BarChartTooltip.tsx +122 -0
  73. package/src/Graph/BarChart/Tooltip/useBarChartTooltipStyles.ts +28 -0
  74. package/src/Graph/BarChart/atoms.ts +5 -0
  75. package/src/Graph/BarChart/models.ts +21 -0
  76. package/src/Graph/BarChart/useBarChartStyles.tsx +5 -0
  77. package/src/Graph/BarChart/useBarStack.ts +114 -0
  78. package/src/Graph/BarChart/useSingleBar.ts +199 -0
  79. package/src/Graph/BarStack/BarStack.cypress.spec.tsx +139 -0
  80. package/src/Graph/BarStack/BarStack.stories.tsx +140 -0
  81. package/src/Graph/BarStack/BarStack.styles.ts +41 -0
  82. package/src/Graph/BarStack/BarStack.tsx +14 -0
  83. package/src/Graph/BarStack/ResponsiveBarStack.tsx +212 -0
  84. package/src/Graph/BarStack/index.ts +1 -0
  85. package/src/Graph/BarStack/models.ts +19 -0
  86. package/src/Graph/BarStack/useResponsiveBarStack.ts +127 -0
  87. package/src/Graph/Gauge/AnimatedPie.tsx +104 -0
  88. package/src/Graph/Gauge/Gauge.cypress.spec.tsx +102 -0
  89. package/src/Graph/Gauge/Gauge.stories.tsx +167 -0
  90. package/src/Graph/Gauge/Gauge.tsx +41 -0
  91. package/src/Graph/Gauge/PieData.tsx +68 -0
  92. package/src/Graph/Gauge/ResponsiveGauge.tsx +134 -0
  93. package/src/Graph/Gauge/Thresholds.tsx +119 -0
  94. package/src/Graph/Gauge/index.ts +1 -0
  95. package/src/Graph/Gauge/models.ts +20 -0
  96. package/src/Graph/Gauge/utils.ts +4 -0
  97. package/src/Graph/HeatMap/HeatMap.cypress.spec.tsx +145 -0
  98. package/src/Graph/HeatMap/HeatMap.stories.tsx +100 -0
  99. package/src/Graph/HeatMap/HeatMap.styles.tsx +29 -0
  100. package/src/Graph/HeatMap/HeatMap.tsx +14 -0
  101. package/src/Graph/HeatMap/HeatMapData.json +137 -0
  102. package/src/Graph/HeatMap/ResponsiveHeatMap.tsx +112 -0
  103. package/src/Graph/HeatMap/index.ts +1 -0
  104. package/src/Graph/HeatMap/model.ts +33 -0
  105. package/src/Graph/Legend/Legend.tsx +21 -0
  106. package/src/Graph/Legend/index.ts +1 -0
  107. package/src/Graph/Legend/models.ts +11 -0
  108. package/src/Graph/LineChart/BasicComponents/Lines/Point.tsx +36 -0
  109. package/src/Graph/LineChart/BasicComponents/Lines/RegularLines/index.tsx +132 -0
  110. package/src/Graph/LineChart/BasicComponents/Lines/RegularLines/useRegularLines.ts +15 -0
  111. package/src/Graph/LineChart/BasicComponents/Lines/StackedLines/index.tsx +140 -0
  112. package/src/Graph/LineChart/BasicComponents/Lines/StackedLines/useStackedLines.ts +39 -0
  113. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/BasicThreshold.tsx +52 -0
  114. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/Circle.tsx +43 -0
  115. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/ThresholdWithPatternLines.tsx +77 -0
  116. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/ThresholdWithVariation.tsx +62 -0
  117. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/helpers/index.ts +69 -0
  118. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/index.tsx +141 -0
  119. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/models.ts +105 -0
  120. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/useCoordinateCircle.ts +46 -0
  121. package/src/Graph/LineChart/BasicComponents/Lines/Threshold/useScaleThreshold.ts +171 -0
  122. package/src/Graph/LineChart/BasicComponents/Lines/index.tsx +241 -0
  123. package/src/Graph/LineChart/BasicComponents/Lines/models.ts +42 -0
  124. package/src/Graph/LineChart/Icons/Downtime.tsx +9 -0
  125. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/GuidingLines.tsx +45 -0
  126. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/RegularAnchorPoint.tsx +66 -0
  127. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/StackedAnchorPoint.tsx +76 -0
  128. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/index.tsx +20 -0
  129. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/models.ts +62 -0
  130. package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/useTickGraph.ts +92 -0
  131. package/src/Graph/LineChart/InteractiveComponents/Annotations/Annotation/Area.tsx +114 -0
  132. package/src/Graph/LineChart/InteractiveComponents/Annotations/Annotation/Line.tsx +103 -0
  133. package/src/Graph/LineChart/InteractiveComponents/Annotations/Annotation/index.tsx +81 -0
  134. package/src/Graph/LineChart/InteractiveComponents/Annotations/Area/Downtime.tsx +27 -0
  135. package/src/Graph/LineChart/InteractiveComponents/Annotations/EventAnnotations.tsx +61 -0
  136. package/src/Graph/LineChart/InteractiveComponents/Annotations/Line/Acknowledgement.tsx +27 -0
  137. package/src/Graph/LineChart/InteractiveComponents/Annotations/Line/Comments.tsx +25 -0
  138. package/src/Graph/LineChart/InteractiveComponents/Annotations/annotationsAtoms.ts +183 -0
  139. package/src/Graph/LineChart/InteractiveComponents/Annotations/index.tsx +49 -0
  140. package/src/Graph/LineChart/InteractiveComponents/Annotations/models.ts +25 -0
  141. package/src/Graph/LineChart/InteractiveComponents/Annotations/useAnnotation.ts +56 -0
  142. package/src/Graph/LineChart/InteractiveComponents/Bar.tsx +21 -0
  143. package/src/Graph/LineChart/InteractiveComponents/GraphValueTooltip/GraphValueTooltip.tsx +74 -0
  144. package/src/Graph/LineChart/InteractiveComponents/GraphValueTooltip/useGraphValueTooltip.ts +61 -0
  145. package/src/Graph/LineChart/InteractiveComponents/GraphValueTooltip/useGraphValueTooltipStyles.ts +31 -0
  146. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/TimeShiftIcon.tsx +62 -0
  147. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/TimeShiftZone.tsx +74 -0
  148. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/index.tsx +84 -0
  149. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/models.ts +12 -0
  150. package/src/Graph/LineChart/InteractiveComponents/TimeShiftZones/useTimeShiftZones.ts +73 -0
  151. package/src/Graph/LineChart/InteractiveComponents/Tooltip/index.tsx +59 -0
  152. package/src/Graph/LineChart/InteractiveComponents/Tooltip/models.ts +9 -0
  153. package/src/Graph/LineChart/InteractiveComponents/Tooltip/useGraphTooltip.ts +67 -0
  154. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/index.tsx +38 -0
  155. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/models.ts +9 -0
  156. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/useZoomPreview.ts +107 -0
  157. package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/zoomPreviewAtoms.ts +3 -0
  158. package/src/Graph/LineChart/InteractiveComponents/index.tsx +283 -0
  159. package/src/Graph/LineChart/InteractiveComponents/interactionWithGraphAtoms.ts +32 -0
  160. package/src/Graph/LineChart/Legend/Legend.styles.ts +143 -0
  161. package/src/Graph/LineChart/Legend/LegendContent.tsx +33 -0
  162. package/src/Graph/LineChart/Legend/LegendHeader.tsx +96 -0
  163. package/src/Graph/LineChart/Legend/index.tsx +208 -0
  164. package/src/Graph/LineChart/Legend/models.ts +16 -0
  165. package/src/Graph/LineChart/Legend/useLegend.ts +104 -0
  166. package/src/Graph/LineChart/LineChart.cypress.spec.tsx +409 -0
  167. package/src/Graph/LineChart/LineChart.styles.ts +5 -0
  168. package/src/Graph/LineChart/LineChart.tsx +353 -0
  169. package/src/Graph/LineChart/LoadingSkeleton.tsx +44 -0
  170. package/src/Graph/LineChart/common/index.ts +52 -0
  171. package/src/Graph/LineChart/graphAtoms.ts +3 -0
  172. package/src/Graph/LineChart/helpers/doc.ts +563 -0
  173. package/src/Graph/LineChart/helpers/index.ts +66 -0
  174. package/src/Graph/LineChart/index.stories.tsx +504 -0
  175. package/src/Graph/LineChart/index.tsx +118 -0
  176. package/src/Graph/LineChart/models.ts +179 -0
  177. package/src/Graph/LineChart/translatedLabels.ts +9 -0
  178. package/src/Graph/LineChart/useLineChartData.ts +88 -0
  179. package/src/Graph/LineChart/useLineChartIntersection.ts +36 -0
  180. package/src/Graph/PieChart/PieChart.cypress.spec.tsx +150 -0
  181. package/src/Graph/PieChart/PieChart.stories.tsx +204 -0
  182. package/src/Graph/PieChart/PieChart.styles.ts +39 -0
  183. package/src/Graph/PieChart/PieChart.tsx +14 -0
  184. package/src/Graph/PieChart/ResponsivePie.tsx +249 -0
  185. package/src/Graph/PieChart/index.ts +1 -0
  186. package/src/Graph/PieChart/models.ts +19 -0
  187. package/src/Graph/PieChart/useResponsivePie.ts +78 -0
  188. package/src/Graph/SingleBar/ResponsiveSingleBar.tsx +194 -0
  189. package/src/Graph/SingleBar/SingleBar.cypress.spec.tsx +121 -0
  190. package/src/Graph/SingleBar/SingleBar.stories.tsx +232 -0
  191. package/src/Graph/SingleBar/SingleBar.tsx +25 -0
  192. package/src/Graph/SingleBar/ThresholdLine.tsx +99 -0
  193. package/src/Graph/SingleBar/Thresholds.tsx +58 -0
  194. package/src/Graph/SingleBar/index.ts +1 -0
  195. package/src/Graph/SingleBar/models.ts +10 -0
  196. package/src/Graph/Text/Text.cypress.spec.tsx +101 -0
  197. package/src/Graph/Text/Text.stories.tsx +155 -0
  198. package/src/Graph/Text/Text.styles.ts +27 -0
  199. package/src/Graph/Text/Text.tsx +100 -0
  200. package/src/Graph/Text/index.ts +1 -0
  201. package/src/Graph/Tree/DescendantNodes.tsx +89 -0
  202. package/src/Graph/Tree/Links.tsx +77 -0
  203. package/src/Graph/Tree/StandaloneTree.tsx +32 -0
  204. package/src/Graph/Tree/Tree.cypress.spec.tsx +195 -0
  205. package/src/Graph/Tree/Tree.stories.tsx +160 -0
  206. package/src/Graph/Tree/Tree.tsx +116 -0
  207. package/src/Graph/Tree/constants.ts +2 -0
  208. package/src/Graph/Tree/index.ts +4 -0
  209. package/src/Graph/Tree/models.ts +55 -0
  210. package/src/Graph/Tree/stories/contents.tsx +164 -0
  211. package/src/Graph/Tree/stories/datas.ts +305 -0
  212. package/src/Graph/Tree/utils.ts +49 -0
  213. package/src/Graph/common/Axes/UnitLabel.tsx +20 -0
  214. package/src/Graph/common/Axes/index.tsx +127 -0
  215. package/src/Graph/common/Axes/models.ts +28 -0
  216. package/src/Graph/common/Axes/useAxisY.ts +109 -0
  217. package/src/Graph/common/BaseChart/BaseChart.tsx +137 -0
  218. package/src/Graph/common/BaseChart/ChartSvgWrapper.tsx +86 -0
  219. package/src/Graph/common/BaseChart/Header/index.tsx +37 -0
  220. package/src/Graph/common/BaseChart/Header/models.ts +4 -0
  221. package/src/Graph/common/BaseChart/Header/useHeaderStyles.ts +9 -0
  222. package/src/Graph/common/BaseChart/useBaseChartStyles.ts +44 -0
  223. package/src/Graph/common/BaseChart/useComputeBaseChartDimensions.ts +66 -0
  224. package/src/Graph/common/Grids/index.tsx +44 -0
  225. package/src/Graph/common/Thresholds/ThresholdLine.tsx +76 -0
  226. package/src/Graph/common/Thresholds/Thresholds.tsx +81 -0
  227. package/src/Graph/common/margins.ts +1 -0
  228. package/src/Graph/common/models.ts +19 -0
  229. package/src/Graph/common/testUtils.ts +71 -0
  230. package/src/Graph/common/timeSeries/index.test.ts +624 -0
  231. package/src/Graph/common/timeSeries/index.ts +719 -0
  232. package/src/Graph/common/timeSeries/models.ts +136 -0
  233. package/src/Graph/common/useTooltipStyles.ts +18 -0
  234. package/src/Graph/common/utils.ts +180 -0
  235. package/src/Graph/index.ts +15 -0
  236. package/src/Graph/mockedData/annotationData.json +326 -0
  237. package/src/Graph/mockedData/curvesWithSameColor.json +252 -0
  238. package/src/Graph/mockedData/exclusionPeriodFirstPeriod.json +588 -0
  239. package/src/Graph/mockedData/exclusionPeriodSecondPeriod.json +588 -0
  240. package/src/Graph/mockedData/exclusionPeriodThirdPeriod.json +581 -0
  241. package/src/Graph/mockedData/lastDay.json +1326 -0
  242. package/src/Graph/mockedData/lastDayAreaStack.json +3106 -0
  243. package/src/Graph/mockedData/lastDayForward.json +1338 -0
  244. package/src/Graph/mockedData/lastDayThreshold.json +2352 -0
  245. package/src/Graph/mockedData/lastDayWithIncompleteValues.json +1320 -0
  246. package/src/Graph/mockedData/lastDayWithNullValues.json +1314 -0
  247. package/src/Graph/mockedData/lastMonth.json +1674 -0
  248. package/src/Graph/mockedData/lastWeek.json +2202 -0
  249. package/src/Graph/mockedData/pingService.json +203 -0
  250. package/src/Graph/mockedData/pingServiceMixedStacked.json +203 -0
  251. package/src/Graph/mockedData/pingServiceStacked.json +203 -0
  252. package/src/Graph/mockedData/zoomPreview.json +742 -0
  253. package/src/Home.mdx +41 -0
  254. package/src/Image/Image.tsx +11 -1
  255. package/src/Image/index.stories.tsx +101 -101
  256. package/src/Image/index.test.tsx +3 -3
  257. package/src/InputField/Number/Number.cypress.spec.tsx +85 -0
  258. package/src/InputField/Number/Number.stories.tsx +66 -0
  259. package/src/InputField/Number/Number.tsx +75 -0
  260. package/src/InputField/Search/PersistentTooltip.tsx +10 -6
  261. package/src/InputField/Search/index.tsx +2 -2
  262. package/src/InputField/Select/Autocomplete/Connected/Multi/MultiConnectedAutocompleteField.cypress.spec.tsx +127 -0
  263. package/src/InputField/Select/Autocomplete/Connected/Multi/index.test.tsx +4 -22
  264. package/src/InputField/Select/Autocomplete/Connected/Multi/utils/index.ts +22 -0
  265. package/src/InputField/Select/Autocomplete/Connected/index.stories.tsx +0 -3
  266. package/src/InputField/Select/Autocomplete/Connected/index.test.tsx +4 -7
  267. package/src/InputField/Select/Autocomplete/Connected/index.tsx +56 -15
  268. package/src/InputField/Select/Autocomplete/Draggable/SortableList.tsx +1 -1
  269. package/src/InputField/Select/Autocomplete/Draggable/SortableListContent.tsx +1 -1
  270. package/src/InputField/Select/Autocomplete/Draggable/index.stories.tsx +0 -2
  271. package/src/InputField/Select/Autocomplete/Draggable/index.tsx +1 -1
  272. package/src/InputField/Select/Autocomplete/Multi/index.tsx +36 -17
  273. package/src/InputField/Select/Autocomplete/index.stories.tsx +1 -10
  274. package/src/InputField/Select/Autocomplete/index.tsx +131 -115
  275. package/src/InputField/Select/IconPopover/index.tsx +3 -3
  276. package/src/InputField/Select/index.tsx +17 -3
  277. package/src/InputField/Text/index.tsx +70 -46
  278. package/src/Listing/ActionBar/index.tsx +27 -18
  279. package/src/Listing/Cell/DataCell.styles.ts +27 -0
  280. package/src/Listing/Cell/DataCell.tsx +65 -72
  281. package/src/Listing/Cell/index.tsx +82 -8
  282. package/src/Listing/EmptyResult/EmptyResult.tsx +13 -0
  283. package/src/Listing/Header/Cell/ListingHeaderCell.styles.ts +71 -0
  284. package/src/Listing/Header/{SortableCell/Content.tsx → Cell/ListingHeaderCell.tsx} +18 -83
  285. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.styles.ts +26 -0
  286. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.tsx +70 -0
  287. package/src/Listing/Header/ListingHeader.styles.ts +16 -0
  288. package/src/Listing/Header/{index.tsx → ListingHeader.tsx} +29 -106
  289. package/src/Listing/Header/_internals/DraggableIconButton.tsx +35 -0
  290. package/src/Listing/Header/{PredefinedSelectionList.tsx → _internals/PredefinedSelectionList.tsx} +1 -1
  291. package/src/Listing/Header/index.ts +1 -0
  292. package/src/Listing/Listing.cypress.spec.tsx +307 -0
  293. package/src/Listing/Listing.styles.ts +78 -0
  294. package/src/Listing/ListingDocs.mdx +61 -0
  295. package/src/Listing/Row/EmptyRow.styles.ts +14 -0
  296. package/src/Listing/Row/EmptyRow.tsx +30 -0
  297. package/src/Listing/{Row.tsx → Row/Row.tsx} +19 -14
  298. package/src/Listing/Row/SkeletonLoaderRows.tsx +23 -0
  299. package/src/Listing/index.stories.tsx +180 -42
  300. package/src/Listing/index.tsx +286 -273
  301. package/src/Listing/models.ts +2 -0
  302. package/src/Listing/tableAtoms.ts +15 -10
  303. package/src/Listing/useStyleTable.ts +10 -9
  304. package/src/ListingPage/index.stories.tsx +21 -8
  305. package/src/ListingPage/index.tsx +20 -38
  306. package/src/Logo/CentreonLogo.tsx +2 -2
  307. package/src/Module/LicensedModule/LicenseCheck/index.stories.tsx +0 -2
  308. package/src/Module/LicensedModule/LicenseCheck/index.tsx +24 -9
  309. package/src/Module/LicensedModule/index.tsx +7 -1
  310. package/src/Module/Module.cypress.spec.tsx +129 -0
  311. package/src/Module/index.tsx +7 -6
  312. package/src/Panel/Memoized.tsx +1 -1
  313. package/src/Panel/Section/index.test.tsx +1 -1
  314. package/src/Panel/Section/index.tsx +1 -1
  315. package/src/Panel/index.tsx +11 -7
  316. package/src/ParentSize/ParentSize.tsx +24 -0
  317. package/src/ParentSize/index.ts +1 -0
  318. package/src/PopoverMenu/index.tsx +24 -9
  319. package/src/RichTextEditor/ContentEditable.tsx +70 -24
  320. package/src/RichTextEditor/RichTextEditor.cypress.spec.tsx +408 -0
  321. package/src/RichTextEditor/RichTextEditor.tsx +172 -47
  322. package/src/RichTextEditor/index.stories.tsx +102 -88
  323. package/src/RichTextEditor/plugins/AutoLinkPlugin/index.tsx +53 -5
  324. package/src/RichTextEditor/plugins/FloatingLinkEditorPlugin.tsx +54 -16
  325. package/src/RichTextEditor/plugins/ToolbarPlugin/AlignPicker.tsx +116 -0
  326. package/src/RichTextEditor/plugins/ToolbarPlugin/BlockButtons.tsx +155 -0
  327. package/src/RichTextEditor/plugins/ToolbarPlugin/FormatButtons.tsx +31 -92
  328. package/src/RichTextEditor/plugins/ToolbarPlugin/LinkButton.tsx +106 -0
  329. package/src/RichTextEditor/plugins/ToolbarPlugin/ListButton.tsx +155 -0
  330. package/src/RichTextEditor/plugins/ToolbarPlugin/MacrosButton.tsx +75 -0
  331. package/src/RichTextEditor/plugins/ToolbarPlugin/ToolbarPlugin.styles.ts +32 -0
  332. package/src/RichTextEditor/plugins/ToolbarPlugin/UndoRedoButtons.tsx +13 -3
  333. package/src/RichTextEditor/plugins/ToolbarPlugin/index.tsx +35 -10
  334. package/src/RichTextEditor/translatedLabels.ts +3 -0
  335. package/src/Snackbar/index.tsx +14 -4
  336. package/src/Snackbar/useSnackbar.tsx +5 -1
  337. package/src/SortableItems/SortableItem.tsx +3 -2
  338. package/src/SortableItems/index.tsx +2 -7
  339. package/src/ThemeProvider/index.tsx +46 -10
  340. package/src/ThemeProvider/palettes.ts +422 -201
  341. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.styles.ts +50 -0
  342. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.tsx +107 -0
  343. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/ErrorText.tsx +14 -0
  344. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/PickersStartEndDate.tsx +171 -0
  345. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/index.tsx +76 -0
  346. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/models.ts +59 -0
  347. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/usePickersStartEndDate.ts +82 -0
  348. package/src/TimePeriods/CustomTimePeriod/SimpleCustomTimePeriod.tsx +28 -0
  349. package/src/TimePeriods/CustomTimePeriod/index.tsx +71 -0
  350. package/src/TimePeriods/DateTimePickerInput.tsx +86 -0
  351. package/src/TimePeriods/ResolutionTimePeriod.cypress.spec.tsx +68 -0
  352. package/src/TimePeriods/SelectedTimePeriod.tsx +102 -0
  353. package/src/TimePeriods/TimePeriods.cypress.spec.tsx +486 -0
  354. package/src/TimePeriods/TimePeriods.styles.ts +23 -0
  355. package/src/TimePeriods/TimePeriods.tsx +59 -0
  356. package/src/TimePeriods/helpers/index.ts +26 -0
  357. package/src/TimePeriods/index.stories.tsx +116 -0
  358. package/src/TimePeriods/index.tsx +37 -0
  359. package/src/TimePeriods/mockedData.ts +12 -0
  360. package/src/TimePeriods/models.ts +113 -0
  361. package/src/TimePeriods/timePeriodsAtoms.ts +102 -0
  362. package/src/TimePeriods/translatedLabels.ts +9 -0
  363. package/src/TimePeriods/useSortTimePeriods.ts +31 -0
  364. package/src/TimePeriods/useTimePeriod.ts +48 -0
  365. package/src/TopCounterElements/TopCounterLayout.tsx +3 -4
  366. package/src/TopCounterElements/{useCloseOnLegacyPage.ts → useCloseOnLegacyPage.tsx} +5 -2
  367. package/src/Typography/EllipsisTypography.tsx +18 -0
  368. package/src/Typography/FluidTypography/FluidTypography.cypress.spec.tsx +27 -0
  369. package/src/Typography/FluidTypography/index.stories.tsx +63 -0
  370. package/src/Typography/FluidTypography/index.tsx +46 -0
  371. package/src/Typography/Subtitle.tsx +55 -0
  372. package/src/Typography/{index.stories.tsx → Typography.stories.tsx} +5 -5
  373. package/src/WallpaperPage/index.stories.tsx +1 -1
  374. package/src/Wizard/ActionsBar.test.tsx +1 -1
  375. package/src/Wizard/WizardContent.tsx +2 -3
  376. package/src/Wizard/index.stories.tsx +5 -18
  377. package/src/Wizard/index.test.tsx +1 -1
  378. package/src/Wizard/index.tsx +20 -5
  379. package/src/Wizard/models.ts +7 -0
  380. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-normal-1-snap.png +0 -0
  381. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-item-header-1-snap.png +0 -0
  382. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-many-panels-1-snap.png +0 -0
  383. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-basic-1-snap.png +0 -0
  384. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-20-px-height-1-snap.png +0 -0
  385. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-200-px-width-1-snap.png +0 -0
  386. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-heading-5-variant-1-snap.png +0 -0
  387. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-long-text-1-snap.png +0 -0
  388. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-as-empty-state-1-snap.png +0 -0
  389. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-loading-with-no-data-1-snap.png +0 -0
  390. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-with-editable-and-sortable-columns-1-snap.png +0 -0
  391. package/src/api/QueryProvider.tsx +7 -4
  392. package/src/api/TestQueryProvider.tsx +2 -1
  393. package/src/api/buildListingEndpoint/getSearchQueryParameterValue.ts +35 -26
  394. package/src/api/buildListingEndpoint/index.test.ts +2 -2
  395. package/src/api/buildListingEndpoint/index.ts +1 -1
  396. package/src/api/buildListingEndpoint/models.ts +2 -2
  397. package/src/api/customFetch.ts +22 -3
  398. package/src/api/logger.ts +11 -0
  399. package/src/api/useFetchQuery/index.test.ts +0 -5
  400. package/src/api/useFetchQuery/index.ts +72 -42
  401. package/src/api/useGraphQuery/index.ts +199 -0
  402. package/src/api/useGraphQuery/models.ts +20 -0
  403. package/src/api/useMutationQuery/index.test.ts +4 -4
  404. package/src/api/useMutationQuery/index.ts +90 -27
  405. package/src/api/useRequest/index.test.ts +0 -3
  406. package/src/api/useRequest/index.ts +12 -12
  407. package/src/base/tokens/README.md +3 -0
  408. package/src/base/tokens/source/$metadata.json +5 -0
  409. package/src/base/tokens/source/base.json +142 -0
  410. package/src/base/tokens/themes/base.tokens.d.ts +38 -0
  411. package/src/base/tokens/themes/base.tokens.json +695 -0
  412. package/src/base/tokens/themes/base.tokens.ts +38 -0
  413. package/src/base/tokens/themes/ui-dark.tokens.d.ts +38 -0
  414. package/src/base/tokens/themes/ui-dark.tokens.json +695 -0
  415. package/src/base/tokens/themes/ui-dark.tokens.ts +38 -0
  416. package/src/base/tokens/themes/ui-light.tokens.d.ts +38 -0
  417. package/src/base/tokens/themes/ui-light.tokens.json +695 -0
  418. package/src/base/tokens/themes/ui-light.tokens.ts +38 -0
  419. package/src/components/Avatar/Avatar.stories.tsx +23 -0
  420. package/src/components/Avatar/Avatar.styles.ts +11 -0
  421. package/src/components/Avatar/Avatar.tsx +32 -0
  422. package/src/components/Avatar/index.ts +1 -0
  423. package/src/components/Button/Button.stories.tsx +34 -0
  424. package/src/components/Button/Button.styles.ts +44 -0
  425. package/src/components/Button/Button.tsx +78 -0
  426. package/src/components/Button/Icon/IconButton.stories.tsx +18 -0
  427. package/src/components/Button/Icon/IconButton.styles.ts +14 -0
  428. package/src/components/Button/Icon/IconButton.tsx +62 -0
  429. package/src/components/Button/Icon/index.tsx +1 -0
  430. package/src/components/Button/index.ts +2 -0
  431. package/src/components/CollapsibleItem/CollapsibleItem.cypress.spec.tsx +76 -0
  432. package/src/components/CollapsibleItem/CollapsibleItem.stories.tsx +51 -0
  433. package/src/components/CollapsibleItem/CollapsibleItem.tsx +76 -0
  434. package/src/components/CollapsibleItem/index.ts +1 -0
  435. package/src/components/CollapsibleItem/useCollapsibleItemStyles.ts +38 -0
  436. package/src/components/DataTable/DataListing.tsx +6 -0
  437. package/src/components/DataTable/DataTable.cypress.spec.tsx +174 -0
  438. package/src/components/DataTable/DataTable.stories.tsx +91 -0
  439. package/src/components/DataTable/DataTable.styles.ts +30 -0
  440. package/src/components/DataTable/DataTable.tsx +35 -0
  441. package/src/components/DataTable/EmptyState/DataTableEmptyState.stories.tsx +21 -0
  442. package/src/components/DataTable/EmptyState/DataTableEmptyState.styles.ts +26 -0
  443. package/src/components/DataTable/EmptyState/DataTableEmptyState.tsx +53 -0
  444. package/src/components/DataTable/Item/DataTableItem.stories.tsx +25 -0
  445. package/src/components/DataTable/Item/DataTableItem.styles.ts +38 -0
  446. package/src/components/DataTable/Item/DataTableItem.tsx +67 -0
  447. package/src/components/DataTable/Item/DataTableItemSkeleton.tsx +13 -0
  448. package/src/components/DataTable/index.ts +12 -0
  449. package/src/components/Form/AccessRights/AccessRights.cypress.spec.tsx +387 -0
  450. package/src/components/Form/AccessRights/AccessRights.stories.tsx +100 -0
  451. package/src/components/Form/AccessRights/AccessRights.styles.ts +10 -0
  452. package/src/components/Form/AccessRights/AccessRights.tsx +61 -0
  453. package/src/components/Form/AccessRights/Actions/Actions.styles.ts +10 -0
  454. package/src/components/Form/AccessRights/Actions/Actions.tsx +64 -0
  455. package/src/components/Form/AccessRights/Actions/useActions.ts +46 -0
  456. package/src/components/Form/AccessRights/List/Item.tsx +90 -0
  457. package/src/components/Form/AccessRights/List/List.styles.tsx +45 -0
  458. package/src/components/Form/AccessRights/List/List.tsx +52 -0
  459. package/src/components/Form/AccessRights/List/ListItemSkeleton.tsx +18 -0
  460. package/src/components/Form/AccessRights/List/ListSkeleton.tsx +22 -0
  461. package/src/components/Form/AccessRights/List/RemoveAccessRight.tsx +38 -0
  462. package/src/components/Form/AccessRights/List/StateChip.tsx +28 -0
  463. package/src/components/Form/AccessRights/List/useItem.ts +64 -0
  464. package/src/components/Form/AccessRights/Provider.tsx +15 -0
  465. package/src/components/Form/AccessRights/ShareInput/ContactSwitch.tsx +50 -0
  466. package/src/components/Form/AccessRights/ShareInput/ShareInput.styles.ts +17 -0
  467. package/src/components/Form/AccessRights/ShareInput/ShareInput.tsx +79 -0
  468. package/src/components/Form/AccessRights/ShareInput/useShareInput.tsx +113 -0
  469. package/src/components/Form/AccessRights/Stats/Stats.tsx +36 -0
  470. package/src/components/Form/AccessRights/atoms.ts +97 -0
  471. package/src/components/Form/AccessRights/common/RoleSelectField.styles.tsx +7 -0
  472. package/src/components/Form/AccessRights/common/RoleSelectField.tsx +45 -0
  473. package/src/components/Form/AccessRights/models.ts +52 -0
  474. package/src/components/Form/AccessRights/storiesData.ts +219 -0
  475. package/src/components/Form/AccessRights/useAccessRightsChange.ts +30 -0
  476. package/src/components/Form/AccessRights/useAccessRightsInitValues.ts +51 -0
  477. package/src/components/Form/AccessRights/utils.ts +18 -0
  478. package/src/components/Form/Dashboard/Dashboard.resource.ts +9 -0
  479. package/src/components/Form/Dashboard/DashboardDuplicationForm.tsx +85 -0
  480. package/src/components/Form/Dashboard/DashboardForm.styles.ts +21 -0
  481. package/src/components/Form/Dashboard/DashboardForm.tsx +137 -0
  482. package/src/components/Form/Dashboard/GlobalRefreshFieldOption.tsx +59 -0
  483. package/src/components/Form/Dashboard/index.ts +3 -0
  484. package/src/components/Form/Dashboard/translatedLabels.ts +8 -0
  485. package/src/components/Form/Form.models.ts +1 -0
  486. package/src/components/Form/Form.resource.ts +1 -0
  487. package/src/components/Form/Form.styles.ts +17 -0
  488. package/src/components/Form/FormActions.tsx +62 -0
  489. package/src/components/Form/index.ts +4 -0
  490. package/src/components/Header/PageHeader/PageHeader.stories.tsx +97 -0
  491. package/src/components/Header/PageHeader/PageHeader.styles.ts +126 -0
  492. package/src/components/Header/PageHeader/PageHeader.tsx +15 -0
  493. package/src/components/Header/PageHeader/PageHeaderActions.tsx +17 -0
  494. package/src/components/Header/PageHeader/PageHeaderMain.tsx +15 -0
  495. package/src/components/Header/PageHeader/PageHeaderMenu.tsx +15 -0
  496. package/src/components/Header/PageHeader/PageHeaderMessage.tsx +32 -0
  497. package/src/components/Header/PageHeader/PageHeaderTitle.tsx +47 -0
  498. package/src/components/Header/PageHeader/index.ts +14 -0
  499. package/src/components/Header/index.ts +1 -0
  500. package/src/components/Icon/Icon.styles.ts +0 -0
  501. package/src/components/Icon/Icon.tsx +2 -0
  502. package/src/components/Icon/index.ts +0 -0
  503. package/src/components/Inputs/Switch/Switch.stories.tsx +22 -0
  504. package/src/components/Inputs/Switch/Switch.styles.ts +13 -0
  505. package/src/components/Inputs/Switch/Switch.tsx +18 -0
  506. package/src/components/Inputs/index.ts +1 -0
  507. package/src/components/ItemComposition/Item.tsx +41 -0
  508. package/src/components/ItemComposition/ItemComposition.cypress.spec.tsx +113 -0
  509. package/src/components/ItemComposition/ItemComposition.stories.tsx +92 -0
  510. package/src/components/ItemComposition/ItemComposition.styles.ts +62 -0
  511. package/src/components/ItemComposition/ItemComposition.tsx +71 -0
  512. package/src/components/ItemComposition/index.ts +6 -0
  513. package/src/components/Layout/AreaIndicator.styles.ts +33 -0
  514. package/src/components/Layout/AreaIndicator.tsx +35 -0
  515. package/src/components/Layout/PageLayout/PageLayout.stories.tsx +81 -0
  516. package/src/components/Layout/PageLayout/PageLayout.styles.ts +41 -0
  517. package/src/components/Layout/PageLayout/PageLayout.tsx +21 -0
  518. package/src/components/Layout/PageLayout/PageLayoutActions.tsx +25 -0
  519. package/src/components/Layout/PageLayout/PageLayoutBody.tsx +25 -0
  520. package/src/components/Layout/PageLayout/PageLayoutHeader.tsx +19 -0
  521. package/src/components/Layout/PageLayout/PageQuickAccess.tsx +76 -0
  522. package/src/components/Layout/PageLayout/index.ts +12 -0
  523. package/src/components/Layout/PageLayout.cypress.spec.tsx +66 -0
  524. package/src/components/Layout/index.ts +1 -0
  525. package/src/components/List/Item/Avatar.tsx +21 -0
  526. package/src/components/List/Item/AvatarSkeleton.tsx +17 -0
  527. package/src/components/List/Item/ListItem.stories.tsx +41 -0
  528. package/src/components/List/Item/ListItem.styles.ts +63 -0
  529. package/src/components/List/Item/ListItem.tsx +34 -0
  530. package/src/components/List/Item/Text.tsx +27 -0
  531. package/src/components/List/Item/TextSkeleton.tsx +22 -0
  532. package/src/components/List/Item/index.ts +14 -0
  533. package/src/components/List/List.stories.tsx +70 -0
  534. package/src/components/List/List.styles.ts +8 -0
  535. package/src/components/List/List.tsx +19 -0
  536. package/src/components/List/index.ts +6 -0
  537. package/src/components/Menu/Button/MenuButton.stories.tsx +16 -0
  538. package/src/components/Menu/Button/MenuButton.styles.ts +27 -0
  539. package/src/components/Menu/Button/MenuButton.tsx +67 -0
  540. package/src/components/Menu/Button/index.ts +1 -0
  541. package/src/components/Menu/Menu.stories.tsx +71 -0
  542. package/src/components/Menu/Menu.styles.ts +68 -0
  543. package/src/components/Menu/Menu.tsx +25 -0
  544. package/src/components/Menu/MenuDivider.tsx +13 -0
  545. package/src/components/Menu/MenuItem.tsx +38 -0
  546. package/src/components/Menu/MenuItems.tsx +36 -0
  547. package/src/components/Menu/index.ts +12 -0
  548. package/src/components/Menu/useMenu.tsx +79 -0
  549. package/src/components/Modal/ConfirmationModal/ConfirmationModal.cypress.spec.tsx +168 -0
  550. package/src/components/Modal/ConfirmationModal/ConfirmationModal.stories.tsx +62 -0
  551. package/src/components/Modal/ConfirmationModal/ConfirmationModal.tsx +87 -0
  552. package/src/components/Modal/Modal.stories.tsx +142 -0
  553. package/src/components/Modal/Modal.styles.ts +96 -0
  554. package/src/components/Modal/Modal.tsx +79 -0
  555. package/src/components/Modal/ModalActions.tsx +64 -0
  556. package/src/components/Modal/ModalBody.tsx +15 -0
  557. package/src/components/Modal/ModalHeader.tsx +21 -0
  558. package/src/components/Modal/index.ts +14 -0
  559. package/src/components/README.md +3 -0
  560. package/src/components/Tabs/Tab.styles.ts +25 -0
  561. package/src/components/Tabs/TabPanel.tsx +22 -0
  562. package/src/components/Tabs/Tabs.cypress.spec.tsx +70 -0
  563. package/src/components/Tabs/Tabs.stories.tsx +55 -0
  564. package/src/components/Tabs/Tabs.tsx +55 -0
  565. package/src/components/Tabs/index.ts +6 -0
  566. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.stories.tsx +62 -0
  567. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.styles.tsx +22 -0
  568. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.tsx +68 -0
  569. package/src/components/Tooltip/ConfirmationTooltip/TooltipContent.tsx +31 -0
  570. package/src/components/Tooltip/ConfirmationTooltip/index.ts +1 -0
  571. package/src/components/Tooltip/ConfirmationTooltip/models.ts +18 -0
  572. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.stories.tsx +70 -0
  573. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.styles.ts +5 -0
  574. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.tsx +115 -0
  575. package/src/components/Tooltip/TextOverflowTooltip/index.tsx +1 -0
  576. package/src/components/Tooltip/Tooltip.stories.tsx +41 -0
  577. package/src/components/Tooltip/Tooltip.tsx +57 -0
  578. package/src/components/Tooltip/index.ts +2 -0
  579. package/src/components/Zoom/Minimap.tsx +129 -0
  580. package/src/components/Zoom/Zoom.cypress.spec.tsx +246 -0
  581. package/src/components/Zoom/Zoom.stories.tsx +115 -0
  582. package/src/components/Zoom/Zoom.styles.tsx +68 -0
  583. package/src/components/Zoom/Zoom.tsx +64 -0
  584. package/src/components/Zoom/ZoomContent.tsx +170 -0
  585. package/src/components/Zoom/constants.ts +2 -0
  586. package/src/components/Zoom/localPoint.ts +51 -0
  587. package/src/components/Zoom/models.ts +25 -0
  588. package/src/components/Zoom/useMinimap.ts +156 -0
  589. package/src/components/Zoom/useZoom.ts +70 -0
  590. package/src/components/Zoom/utils.ts +55 -0
  591. package/src/components/index.ts +15 -0
  592. package/src/index.ts +31 -22
  593. package/src/queryParameters/url/index.ts +5 -1
  594. package/src/styles/tokens/themes/_ui-dark.tokens.json +695 -0
  595. package/src/styles/tokens/themes/_ui-light.tokens.json +695 -0
  596. package/src/utils/centreonBaseURL.ts +4 -0
  597. package/src/utils/docsURL.ts +31 -0
  598. package/src/utils/getNormalizedId.ts +1 -3
  599. package/src/utils/index.ts +27 -0
  600. package/src/utils/panelSize.ts +15 -0
  601. package/src/utils/resourcesStatusURL.ts +169 -0
  602. package/src/utils/sanitizedHTML.ts +18 -0
  603. package/src/utils/translatedLabel.ts +2 -0
  604. package/src/utils/useCopyToClipboard.ts +2 -3
  605. package/src/utils/useDebounce.ts +8 -5
  606. package/src/utils/useDeepCallback.ts +1 -3
  607. package/src/utils/useDeepMemo.ts +1 -3
  608. package/src/utils/useFullscreen/Fullscreen.cypress.spec.tsx +130 -0
  609. package/src/utils/useFullscreen/atoms.ts +3 -0
  610. package/src/utils/useFullscreen/index.ts +2 -0
  611. package/src/utils/useFullscreen/translatedLabels.ts +1 -0
  612. package/src/utils/useFullscreen/useFullscreen.ts +73 -0
  613. package/src/utils/useFullscreen/useFullscreenListener.ts +62 -0
  614. package/src/utils/useInfiniteScrollListing.ts +124 -0
  615. package/src/utils/useIntersectionObserver.ts +5 -5
  616. package/src/utils/useKeyObserver.tsx +1 -3
  617. package/src/utils/useLicenseExpirationWarning.test.tsx +148 -0
  618. package/src/utils/useLicenseExpirationWarning.ts +52 -0
  619. package/src/utils/useLocaleDateTimeFormat/index.test.tsx +1 -1
  620. package/src/utils/useLocaleDateTimeFormat/index.ts +4 -2
  621. package/src/utils/useLocaleDateTimeFormat/localeFallback.test.tsx +1 -1
  622. package/src/utils/useMemoComponent.ts +1 -1
  623. package/src/utils/usePluralizedTranslation.test.ts +159 -0
  624. package/src/utils/usePluralizedTranslation.ts +38 -0
  625. package/src/utils/useRefreshInterval.ts +39 -0
  626. package/src/utils/useResizeObserver.ts +6 -0
  627. package/src/utils/useThresholds.ts +0 -0
  628. package/{setupTests.js → test/setupTests.js} +2 -1
  629. package/{src → test}/testRenderer.tsx +1 -1
  630. package/.storybook/main.js +0 -82
  631. package/.storybook/preview.tsx +0 -21
  632. package/jest.config.js +0 -20
  633. package/src/Home.stories.mdx +0 -122
  634. package/src/Listing/Header/SortableCell/DraggableIcon.tsx +0 -41
  635. package/src/Listing/Skeleton.tsx +0 -11
  636. package/src/Listing/index.test.tsx +0 -234
  637. package/src/storyshots.test.js +0 -52
  638. package/testRunner.js +0 -36
  639. package/tsconfig.json +0 -29
  640. package/types/declarations.d.ts +0 -9
  641. /package/{assets → public/brand}/centreon-logo-one-line-dark.svg +0 -0
  642. /package/{assets → public/brand}/centreon-logo-one-line-light.svg +0 -0
  643. /package/{assets → src/@assets/images}/not-authorized-template-background-dark.svg +0 -0
  644. /package/{assets → src/@assets/images}/not-authorized-template-background-light.svg +0 -0
  645. /package/src/Listing/Header/{Label.tsx → _internals/Label.tsx} +0 -0
  646. /package/src/Typography/{index.tsx → story.utils.tsx} +0 -0
  647. /package/{fonts/fonts-generated → src/fonts}/roboto-bold-webfont.ttf +0 -0
  648. /package/{fonts/fonts-generated → src/fonts}/roboto-bold-webfont.woff +0 -0
  649. /package/{fonts/fonts-generated → src/fonts}/roboto-bold-webfont.woff2 +0 -0
  650. /package/{fonts/fonts-generated → src/fonts}/roboto-light-webfont.ttf +0 -0
  651. /package/{fonts/fonts-generated → src/fonts}/roboto-light-webfont.woff +0 -0
  652. /package/{fonts/fonts-generated → src/fonts}/roboto-light-webfont.woff2 +0 -0
  653. /package/{fonts/fonts-generated → src/fonts}/roboto-medium-webfont.ttf +0 -0
  654. /package/{fonts/fonts-generated → src/fonts}/roboto-medium-webfont.woff +0 -0
  655. /package/{fonts/fonts-generated → src/fonts}/roboto-medium-webfont.woff2 +0 -0
  656. /package/{fonts/fonts-generated → src/fonts}/roboto-regular-webfont.ttf +0 -0
  657. /package/{fonts/fonts-generated → src/fonts}/roboto-regular-webfont.woff +0 -0
  658. /package/{fonts/fonts-generated → src/fonts}/roboto-regular-webfont.woff2 +0 -0
package/src/Graph/mockedData/pingService.json ADDED
@@ -0,0 +1,203 @@
1
+ {
2
+ "global": {
3
+ "base": 1000,
4
+ "title": "Ping service"
5
+ },
6
+ "metrics": [
7
+ {
8
+ "metric_id": 2,
9
+ "metric": "Centreon-Server: pl",
10
+ "metric_legend": "Centreon-Server: pl",
11
+ "unit": "%",
12
+ "min": 0.0,
13
+ "max": 100.0,
14
+ "ds_data": {
15
+ "ds_color_line": "#F30B23",
16
+ "ds_color_area": "#F30B23",
17
+ "ds_filled": true,
18
+ "ds_invert": false,
19
+ "ds_legend": null,
20
+ "ds_stack": false,
21
+ "ds_order": 1,
22
+ "ds_transparency": 80.0,
23
+ "ds_color_line_mode": 0
24
+ },
25
+ "legend": "Centreon-Server: Packet Loss",
26
+ "stack": 0,
27
+ "warning_high_threshold": 20.0,
28
+ "critical_high_threshold": 50.0,
29
+ "warning_low_threshold": 0.0,
30
+ "critical_low_threshold": 0.0,
31
+ "ds_order": 1,
32
+ "data": [
33
+ 0.0,
34
+ 0.0,
35
+ 0.0,
36
+ 0.0,
37
+ 0.0,
38
+ 0.0,
39
+ 0.0,
40
+ 0.0,
41
+ 0.0,
42
+ 10.0,
43
+ 20.0,
44
+ null,
45
+ null
46
+ ],
47
+ "last_value": 0.0,
48
+ "minimum_value": null,
49
+ "maximum_value": 0.0,
50
+ "average_value": 0.0
51
+ },
52
+ {
53
+ "metric_id": 1,
54
+ "metric": "Centreon-Server: rta",
55
+ "metric_legend": "Centreon-Server: rta",
56
+ "unit": "ms",
57
+ "min": 0.0,
58
+ "max": null,
59
+ "ds_data": {
60
+ "ds_color_line": "#29AFEE",
61
+ "ds_color_area": "#29AFEE",
62
+ "ds_filled": true,
63
+ "ds_invert": false,
64
+ "ds_legend": null,
65
+ "ds_stack": false,
66
+ "ds_order": 1,
67
+ "ds_transparency": 80.0,
68
+ "ds_color_line_mode": 0
69
+ },
70
+ "legend": "Centreon-Server: Round-Trip Average Time",
71
+ "stack": 0,
72
+ "warning_high_threshold": 200.0,
73
+ "critical_high_threshold": 400.0,
74
+ "warning_low_threshold": 0.0,
75
+ "critical_low_threshold": 0.0,
76
+ "ds_order": 1,
77
+ "data": [
78
+ 0.04508,
79
+ 0.0242,
80
+ 0.03592,
81
+ 0.01304,
82
+ 0.025,
83
+ 0.02748,
84
+ 0.05296,
85
+ 0.01864,
86
+ 0.02688,
87
+ 0.03676,
88
+ 0.03696,
89
+ null,
90
+ null
91
+ ],
92
+ "last_value": 0.04,
93
+ "minimum_value": null,
94
+ "maximum_value": null,
95
+ "average_value": 0.03
96
+ },
97
+ {
98
+ "metric_id": 3,
99
+ "metric": "Centreon-Server: rtmax",
100
+ "metric_legend": "Centreon-Server: rtmax",
101
+ "unit": "ms",
102
+ "min": null,
103
+ "max": null,
104
+ "ds_data": {
105
+ "ds_color_line": "#525256",
106
+ "ds_color_area": "#525256",
107
+ "ds_filled": false,
108
+ "ds_invert": false,
109
+ "ds_legend": null,
110
+ "ds_stack": false,
111
+ "ds_order": 2,
112
+ "ds_transparency": 80.0,
113
+ "ds_color_line_mode": 0
114
+ },
115
+ "legend": "Centreon-Server: Round-Trip Maximum Time",
116
+ "stack": 0,
117
+ "warning_high_threshold": null,
118
+ "critical_high_threshold": null,
119
+ "warning_low_threshold": null,
120
+ "critical_low_threshold": null,
121
+ "ds_order": 2,
122
+ "data": [
123
+ 0.11372,
124
+ 0.05604,
125
+ 0.08556,
126
+ 0.02548,
127
+ 0.05352,
128
+ 0.05336,
129
+ 0.109,
130
+ 0.04112,
131
+ 0.05504,
132
+ 0.06812,
133
+ 0.08644,
134
+ null,
135
+ null
136
+ ],
137
+ "last_value": 0.09,
138
+ "minimum_value": null,
139
+ "maximum_value": 0.11,
140
+ "average_value": null
141
+ },
142
+ {
143
+ "metric_id": 4,
144
+ "metric": "Centreon-Server: rtmin",
145
+ "metric_legend": "Centreon-Server: rtmin",
146
+ "unit": "ms",
147
+ "min": null,
148
+ "max": null,
149
+ "ds_data": {
150
+ "ds_color_line": "#191777",
151
+ "ds_color_area": "#191777",
152
+ "ds_filled": false,
153
+ "ds_invert": false,
154
+ "ds_legend": null,
155
+ "ds_stack": false,
156
+ "ds_order": 2,
157
+ "ds_transparency": 80.0,
158
+ "ds_color_line_mode": 0
159
+ },
160
+ "legend": "Centreon-Server: Round-Trip Minimum Time",
161
+ "stack": 0,
162
+ "warning_high_threshold": null,
163
+ "critical_high_threshold": null,
164
+ "warning_low_threshold": null,
165
+ "critical_low_threshold": null,
166
+ "ds_order": 2,
167
+ "data": [
168
+ 0.00984,
169
+ 0.008,
170
+ 0.00784,
171
+ 0.00624,
172
+ 0.00932,
173
+ 0.01348,
174
+ 0.01796,
175
+ 0.0064,
176
+ 0.01148,
177
+ 0.01644,
178
+ 0.01168,
179
+ null,
180
+ null
181
+ ],
182
+ "last_value": 0.01,
183
+ "minimum_value": 0.01,
184
+ "maximum_value": null,
185
+ "average_value": null
186
+ }
187
+ ],
188
+ "times": [
189
+ "2024-06-19T10:50:00+02:00",
190
+ "2024-06-19T10:55:00+02:00",
191
+ "2024-06-19T11:00:00+02:00",
192
+ "2024-06-19T11:05:00+02:00",
193
+ "2024-06-19T11:10:00+02:00",
194
+ "2024-06-19T11:15:00+02:00",
195
+ "2024-06-19T11:20:00+02:00",
196
+ "2024-06-19T11:25:00+02:00",
197
+ "2024-06-19T11:30:00+02:00",
198
+ "2024-06-19T11:35:00+02:00",
199
+ "2024-06-19T11:40:00+02:00",
200
+ "2024-06-19T11:45:00+02:00",
201
+ "2024-06-19T11:50:00+02:00"
202
+ ]
203
+ }
package/src/Graph/mockedData/pingServiceMixedStacked.json ADDED
@@ -0,0 +1,203 @@
1
+ {
2
+ "global": {
3
+ "base": 1000,
4
+ "title": "Ping service"
5
+ },
6
+ "metrics": [
7
+ {
8
+ "metric_id": 2,
9
+ "metric": "Centreon-Server: pl",
10
+ "metric_legend": "Centreon-Server: pl",
11
+ "unit": "%",
12
+ "min": 0.0,
13
+ "max": 100.0,
14
+ "ds_data": {
15
+ "ds_color_line": "#F30B23",
16
+ "ds_color_area": "#F30B23",
17
+ "ds_filled": true,
18
+ "ds_invert": false,
19
+ "ds_legend": null,
20
+ "ds_stack": true,
21
+ "ds_order": 1,
22
+ "ds_transparency": 80.0,
23
+ "ds_color_line_mode": 0
24
+ },
25
+ "legend": "Centreon-Server: Packet Loss",
26
+ "stack": 0,
27
+ "warning_high_threshold": 20.0,
28
+ "critical_high_threshold": 50.0,
29
+ "warning_low_threshold": 0.0,
30
+ "critical_low_threshold": 0.0,
31
+ "ds_order": 1,
32
+ "data": [
33
+ 0.0,
34
+ 0.0,
35
+ 0.0,
36
+ 0.0,
37
+ 0.0,
38
+ 0.0,
39
+ 0.0,
40
+ 0.0,
41
+ 0.0,
42
+ 10.0,
43
+ 20.0,
44
+ null,
45
+ null
46
+ ],
47
+ "last_value": 0.0,
48
+ "minimum_value": null,
49
+ "maximum_value": 0.0,
50
+ "average_value": 0.0
51
+ },
52
+ {
53
+ "metric_id": 1,
54
+ "metric": "Centreon-Server: rta",
55
+ "metric_legend": "Centreon-Server: rta",
56
+ "unit": "ms",
57
+ "min": 0.0,
58
+ "max": null,
59
+ "ds_data": {
60
+ "ds_color_line": "#29AFEE",
61
+ "ds_color_area": "#29AFEE",
62
+ "ds_filled": true,
63
+ "ds_invert": false,
64
+ "ds_legend": null,
65
+ "ds_stack": false,
66
+ "ds_order": 1,
67
+ "ds_transparency": 80.0,
68
+ "ds_color_line_mode": 0
69
+ },
70
+ "legend": "Centreon-Server: Round-Trip Average Time",
71
+ "stack": 0,
72
+ "warning_high_threshold": 200.0,
73
+ "critical_high_threshold": 400.0,
74
+ "warning_low_threshold": 0.0,
75
+ "critical_low_threshold": 0.0,
76
+ "ds_order": 1,
77
+ "data": [
78
+ 0.04508,
79
+ 0.0242,
80
+ 0.03592,
81
+ 0.01304,
82
+ 0.025,
83
+ 0.02748,
84
+ 0.05296,
85
+ 0.01864,
86
+ 0.02688,
87
+ 0.03676,
88
+ 0.03696,
89
+ null,
90
+ null
91
+ ],
92
+ "last_value": 0.04,
93
+ "minimum_value": null,
94
+ "maximum_value": null,
95
+ "average_value": 0.03
96
+ },
97
+ {
98
+ "metric_id": 3,
99
+ "metric": "Centreon-Server: rtmax",
100
+ "metric_legend": "Centreon-Server: rtmax",
101
+ "unit": "ms",
102
+ "min": null,
103
+ "max": null,
104
+ "ds_data": {
105
+ "ds_color_line": "#525256",
106
+ "ds_color_area": "#525256",
107
+ "ds_filled": false,
108
+ "ds_invert": false,
109
+ "ds_legend": null,
110
+ "ds_stack": true,
111
+ "ds_order": 2,
112
+ "ds_transparency": 80.0,
113
+ "ds_color_line_mode": 0
114
+ },
115
+ "legend": "Centreon-Server: Round-Trip Maximum Time",
116
+ "stack": 0,
117
+ "warning_high_threshold": null,
118
+ "critical_high_threshold": null,
119
+ "warning_low_threshold": null,
120
+ "critical_low_threshold": null,
121
+ "ds_order": 2,
122
+ "data": [
123
+ 0.11372,
124
+ 0.05604,
125
+ 0.08556,
126
+ 0.02548,
127
+ 0.05352,
128
+ 0.05336,
129
+ 0.109,
130
+ 0.04112,
131
+ 0.05504,
132
+ 0.06812,
133
+ 0.08644,
134
+ null,
135
+ null
136
+ ],
137
+ "last_value": 0.09,
138
+ "minimum_value": null,
139
+ "maximum_value": 0.11,
140
+ "average_value": null
141
+ },
142
+ {
143
+ "metric_id": 4,
144
+ "metric": "Centreon-Server: rtmin",
145
+ "metric_legend": "Centreon-Server: rtmin",
146
+ "unit": "ms",
147
+ "min": null,
148
+ "max": null,
149
+ "ds_data": {
150
+ "ds_color_line": "#191777",
151
+ "ds_color_area": "#191777",
152
+ "ds_filled": false,
153
+ "ds_invert": false,
154
+ "ds_legend": null,
155
+ "ds_stack": true,
156
+ "ds_order": 2,
157
+ "ds_transparency": 80.0,
158
+ "ds_color_line_mode": 0
159
+ },
160
+ "legend": "Centreon-Server: Round-Trip Minimum Time",
161
+ "stack": 0,
162
+ "warning_high_threshold": null,
163
+ "critical_high_threshold": null,
164
+ "warning_low_threshold": null,
165
+ "critical_low_threshold": null,
166
+ "ds_order": 2,
167
+ "data": [
168
+ 0.00984,
169
+ 0.008,
170
+ 0.00784,
171
+ 0.00624,
172
+ 0.00932,
173
+ 0.01348,
174
+ 0.01796,
175
+ 0.0064,
176
+ 0.01148,
177
+ 0.01644,
178
+ 0.01168,
179
+ null,
180
+ null
181
+ ],
182
+ "last_value": 0.01,
183
+ "minimum_value": 0.01,
184
+ "maximum_value": null,
185
+ "average_value": null
186
+ }
187
+ ],
188
+ "times": [
189
+ "2024-06-19T10:50:00+02:00",
190
+ "2024-06-19T10:55:00+02:00",
191
+ "2024-06-19T11:00:00+02:00",
192
+ "2024-06-19T11:05:00+02:00",
193
+ "2024-06-19T11:10:00+02:00",
194
+ "2024-06-19T11:15:00+02:00",
195
+ "2024-06-19T11:20:00+02:00",
196
+ "2024-06-19T11:25:00+02:00",
197
+ "2024-06-19T11:30:00+02:00",
198
+ "2024-06-19T11:35:00+02:00",
199
+ "2024-06-19T11:40:00+02:00",
200
+ "2024-06-19T11:45:00+02:00",
201
+ "2024-06-19T11:50:00+02:00"
202
+ ]
203
+ }
package/src/Graph/mockedData/pingServiceStacked.json ADDED
@@ -0,0 +1,203 @@
1
+ {
2
+ "global": {
3
+ "base": 1000,
4
+ "title": "Ping service"
5
+ },
6
+ "metrics": [
7
+ {
8
+ "metric_id": 2,
9
+ "metric": "Centreon-Server: pl",
10
+ "metric_legend": "Centreon-Server: pl",
11
+ "unit": "%",
12
+ "min": 0.0,
13
+ "max": 100.0,
14
+ "ds_data": {
15
+ "ds_color_line": "#F30B23",
16
+ "ds_color_area": "#F30B23",
17
+ "ds_filled": true,
18
+ "ds_invert": false,
19
+ "ds_legend": null,
20
+ "ds_stack": true,
21
+ "ds_order": 1,
22
+ "ds_transparency": 80.0,
23
+ "ds_color_line_mode": 0
24
+ },
25
+ "legend": "Centreon-Server: Packet Loss",
26
+ "stack": 0,
27
+ "warning_high_threshold": 20.0,
28
+ "critical_high_threshold": 50.0,
29
+ "warning_low_threshold": 0.0,
30
+ "critical_low_threshold": 0.0,
31
+ "ds_order": 1,
32
+ "data": [
33
+ 0.0,
34
+ 0.0,
35
+ 0.0,
36
+ 0.0,
37
+ 0.0,
38
+ 0.0,
39
+ 0.0,
40
+ 0.0,
41
+ 0.0,
42
+ -10.0,
43
+ 20.0,
44
+ null,
45
+ null
46
+ ],
47
+ "last_value": 0.0,
48
+ "minimum_value": null,
49
+ "maximum_value": 0.0,
50
+ "average_value": 0.0
51
+ },
52
+ {
53
+ "metric_id": 1,
54
+ "metric": "Centreon-Server: rta",
55
+ "metric_legend": "Centreon-Server: rta",
56
+ "unit": "ms",
57
+ "min": 0.0,
58
+ "max": null,
59
+ "ds_data": {
60
+ "ds_color_line": "#29AFEE",
61
+ "ds_color_area": "#29AFEE",
62
+ "ds_filled": true,
63
+ "ds_invert": false,
64
+ "ds_legend": null,
65
+ "ds_stack": true,
66
+ "ds_order": 1,
67
+ "ds_transparency": 80.0,
68
+ "ds_color_line_mode": 0
69
+ },
70
+ "legend": "Centreon-Server: Round-Trip Average Time",
71
+ "stack": 0,
72
+ "warning_high_threshold": 200.0,
73
+ "critical_high_threshold": 400.0,
74
+ "warning_low_threshold": 0.0,
75
+ "critical_low_threshold": 0.0,
76
+ "ds_order": 1,
77
+ "data": [
78
+ 0.04508,
79
+ 0.0242,
80
+ 0.03592,
81
+ 0.01304,
82
+ 0.025,
83
+ 0.02748,
84
+ 0.05296,
85
+ 0.01864,
86
+ 0.02688,
87
+ 0.03676,
88
+ 0.03696,
89
+ null,
90
+ null
91
+ ],
92
+ "last_value": 0.04,
93
+ "minimum_value": null,
94
+ "maximum_value": null,
95
+ "average_value": 0.03
96
+ },
97
+ {
98
+ "metric_id": 3,
99
+ "metric": "Centreon-Server: rtmax",
100
+ "metric_legend": "Centreon-Server: rtmax",
101
+ "unit": "ms",
102
+ "min": null,
103
+ "max": null,
104
+ "ds_data": {
105
+ "ds_color_line": "#525256",
106
+ "ds_color_area": "#525256",
107
+ "ds_filled": false,
108
+ "ds_invert": false,
109
+ "ds_legend": null,
110
+ "ds_stack": true,
111
+ "ds_order": 2,
112
+ "ds_transparency": 80.0,
113
+ "ds_color_line_mode": 0
114
+ },
115
+ "legend": "Centreon-Server: Round-Trip Maximum Time",
116
+ "stack": 0,
117
+ "warning_high_threshold": null,
118
+ "critical_high_threshold": null,
119
+ "warning_low_threshold": null,
120
+ "critical_low_threshold": null,
121
+ "ds_order": 2,
122
+ "data": [
123
+ 0.11372,
124
+ 0.05604,
125
+ 0.08556,
126
+ 0.02548,
127
+ 0.05352,
128
+ 0.05336,
129
+ 0.109,
130
+ 0.04112,
131
+ 0.05504,
132
+ 0.06812,
133
+ 0.08644,
134
+ null,
135
+ null
136
+ ],
137
+ "last_value": 0.09,
138
+ "minimum_value": null,
139
+ "maximum_value": 0.11,
140
+ "average_value": null
141
+ },
142
+ {
143
+ "metric_id": 4,
144
+ "metric": "Centreon-Server: rtmin",
145
+ "metric_legend": "Centreon-Server: rtmin",
146
+ "unit": "ms",
147
+ "min": null,
148
+ "max": null,
149
+ "ds_data": {
150
+ "ds_color_line": "#191777",
151
+ "ds_color_area": "#191777",
152
+ "ds_filled": false,
153
+ "ds_invert": false,
154
+ "ds_legend": null,
155
+ "ds_stack": true,
156
+ "ds_order": 2,
157
+ "ds_transparency": 80.0,
158
+ "ds_color_line_mode": 0
159
+ },
160
+ "legend": "Centreon-Server: Round-Trip Minimum Time",
161
+ "stack": 0,
162
+ "warning_high_threshold": null,
163
+ "critical_high_threshold": null,
164
+ "warning_low_threshold": null,
165
+ "critical_low_threshold": null,
166
+ "ds_order": 2,
167
+ "data": [
168
+ 0.00984,
169
+ 0.008,
170
+ 0.00784,
171
+ 0.00624,
172
+ 0.00932,
173
+ 0.01348,
174
+ 0.01796,
175
+ 0.0064,
176
+ 0.01148,
177
+ 0.01644,
178
+ 0.01168,
179
+ null,
180
+ null
181
+ ],
182
+ "last_value": 0.01,
183
+ "minimum_value": 0.01,
184
+ "maximum_value": null,
185
+ "average_value": null
186
+ }
187
+ ],
188
+ "times": [
189
+ "2024-06-19T10:50:00+02:00",
190
+ "2024-06-19T10:55:00+02:00",
191
+ "2024-06-19T11:00:00+02:00",
192
+ "2024-06-19T11:05:00+02:00",
193
+ "2024-06-19T11:10:00+02:00",
194
+ "2024-06-19T11:15:00+02:00",
195
+ "2024-06-19T11:20:00+02:00",
196
+ "2024-06-19T11:25:00+02:00",
197
+ "2024-06-19T11:30:00+02:00",
198
+ "2024-06-19T11:35:00+02:00",
199
+ "2024-06-19T11:40:00+02:00",
200
+ "2024-06-19T11:45:00+02:00",
201
+ "2024-06-19T11:50:00+02:00"
202
+ ]
203
+ }