@centreon/ui 24.11.14 → 24.11.21

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 (766) hide show
  1. package/README.md +44 -14
  2. package/package.json +128 -60
  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/@types/aria-attributes.d.ts +10 -0
  9. package/src/@types/data-attributes.d.ts +3 -0
  10. package/src/@types/globals.d.ts +9 -0
  11. package/src/@types/vite-env.d.ts +2 -0
  12. package/src/ActionsList/ActionsList.styles.ts +85 -0
  13. package/src/ActionsList/index.stories.tsx +81 -1
  14. package/src/ActionsList/index.tsx +60 -23
  15. package/src/ActionsList/models.ts +8 -0
  16. package/src/Button/Icon/index.stories.tsx +2 -2
  17. package/src/Button/Icon/index.tsx +14 -5
  18. package/src/Button/Save/StartIcon.tsx +4 -4
  19. package/src/Button/Save/index.stories.tsx +10 -5
  20. package/src/Button/Save/index.tsx +10 -6
  21. package/src/Checkbox/Checkbox.tsx +109 -0
  22. package/src/Checkbox/CheckboxGroup/index.stories.tsx +41 -0
  23. package/src/Checkbox/CheckboxGroup/index.tsx +75 -0
  24. package/src/Checkbox/index.stories.tsx +39 -0
  25. package/src/Checkbox/index.tsx +2 -0
  26. package/src/Colors/index.stories.tsx +0 -2
  27. package/src/Colors/index.tsx +7 -3
  28. package/src/ContentWithCircularProgress/index.stories.tsx +1 -1
  29. package/src/Dashboard/Dashboard.cypress.spec.tsx +71 -0
  30. package/src/Dashboard/Dashboard.styles.ts +112 -0
  31. package/src/Dashboard/DashboardLayout.stories.tsx +104 -0
  32. package/src/Dashboard/Grid.tsx +70 -0
  33. package/src/Dashboard/Item.tsx +151 -0
  34. package/src/Dashboard/Layout.tsx +120 -0
  35. package/src/Dashboard/atoms.ts +3 -0
  36. package/src/Dashboard/index.tsx +9 -0
  37. package/src/Dashboard/utils.ts +28 -0
  38. package/src/Dialog/Confirm/index.tsx +26 -5
  39. package/src/Dialog/Duplicate/index.test.tsx +1 -1
  40. package/src/Dialog/Duplicate/index.tsx +5 -2
  41. package/src/Dialog/UnsavedChanges/index.tsx +22 -21
  42. package/src/Dialog/UnsavedChanges/translatedLabels.ts +5 -7
  43. package/src/Dialog/index.stories.tsx +1 -1
  44. package/src/Dialog/index.tsx +26 -7
  45. package/src/FallbackPage/FallbackPage.tsx +7 -7
  46. package/src/FileDropZone/index.stories.tsx +1 -1
  47. package/src/FileDropZone/index.tsx +30 -30
  48. package/src/FileDropZone/useDropzone.test.ts +1 -1
  49. package/src/FileDropZone/useDropzone.ts +1 -1
  50. package/src/Form/CollapsibleGroup.tsx +23 -12
  51. package/src/Form/Form.cypress.spec.tsx +172 -0
  52. package/src/Form/{index.stories.tsx → Form.stories.tsx} +4 -5
  53. package/src/Form/Form.styles.ts +11 -0
  54. package/src/Form/Form.tsx +96 -0
  55. package/src/Form/FormButtons.tsx +3 -5
  56. package/src/Form/Inputs/Autocomplete.tsx +32 -7
  57. package/src/Form/Inputs/Checkbox.tsx +57 -0
  58. package/src/Form/Inputs/CheckboxGroup.tsx +76 -0
  59. package/src/Form/Inputs/ConnectedAutocomplete.tsx +35 -11
  60. package/src/Form/Inputs/FieldsTable/FieldsTable.tsx +15 -15
  61. package/src/Form/Inputs/FieldsTable/Row.tsx +2 -2
  62. package/src/Form/Inputs/File.tsx +69 -0
  63. package/src/Form/Inputs/Grid.tsx +34 -4
  64. package/src/Form/Inputs/List/Content.tsx +62 -0
  65. package/src/Form/Inputs/List/List.styles.ts +29 -0
  66. package/src/Form/Inputs/List/List.tsx +58 -0
  67. package/src/Form/Inputs/List/useList.ts +81 -0
  68. package/src/Form/Inputs/PasswordEndAdornment.tsx +1 -1
  69. package/src/Form/Inputs/Radio.tsx +29 -10
  70. package/src/Form/Inputs/Switch.tsx +12 -4
  71. package/src/Form/Inputs/Text.tsx +50 -17
  72. package/src/Form/Inputs/index.tsx +104 -74
  73. package/src/Form/Inputs/models.ts +58 -15
  74. package/src/Form/index.ts +1 -0
  75. package/src/Form/storiesData.tsx +88 -33
  76. package/src/Form/translatedLabels.ts +1 -0
  77. package/src/Graph/BarChart/BarChart.cypress.spec.tsx +294 -0
  78. package/src/Graph/BarChart/BarChart.stories.tsx +213 -0
  79. package/src/Graph/BarChart/BarChart.tsx +107 -0
  80. package/src/Graph/BarChart/BarGroup.tsx +252 -0
  81. package/src/Graph/BarChart/BarStack.tsx +192 -0
  82. package/src/Graph/BarChart/ResponsiveBarChart.tsx +256 -0
  83. package/src/Graph/BarChart/Tooltip/BarChartTooltip.tsx +122 -0
  84. package/src/Graph/BarChart/Tooltip/useBarChartTooltipStyles.ts +28 -0
  85. package/src/Graph/BarChart/atoms.ts +5 -0
  86. package/src/Graph/BarChart/models.ts +21 -0
  87. package/src/Graph/BarChart/useBarChartStyles.tsx +5 -0
  88. package/src/Graph/BarChart/useBarStack.ts +114 -0
  89. package/src/Graph/BarStack/BarStack.cypress.spec.tsx +139 -0
  90. package/src/Graph/BarStack/BarStack.stories.tsx +140 -0
  91. package/src/Graph/BarStack/BarStack.styles.ts +41 -0
  92. package/src/Graph/BarStack/BarStack.tsx +14 -0
  93. package/src/Graph/BarStack/ResponsiveBarStack.tsx +218 -0
  94. package/src/Graph/BarStack/index.ts +1 -0
  95. package/src/Graph/BarStack/models.ts +20 -0
  96. package/src/Graph/BarStack/useResponsiveBarStack.ts +127 -0
  97. package/src/Graph/Chart/BasicComponents/Lines/Point.tsx +36 -0
  98. package/src/Graph/Chart/BasicComponents/Lines/RegularLines/index.tsx +132 -0
  99. package/src/Graph/Chart/BasicComponents/Lines/RegularLines/useRegularLines.ts +15 -0
  100. package/src/Graph/Chart/BasicComponents/Lines/StackedLines/index.tsx +140 -0
  101. package/src/Graph/Chart/BasicComponents/Lines/StackedLines/useStackedLines.ts +67 -0
  102. package/src/Graph/Chart/BasicComponents/Lines/Threshold/BasicThreshold.tsx +52 -0
  103. package/src/Graph/Chart/BasicComponents/Lines/Threshold/Circle.tsx +43 -0
  104. package/src/Graph/Chart/BasicComponents/Lines/Threshold/ThresholdWithPatternLines.tsx +74 -0
  105. package/src/Graph/Chart/BasicComponents/Lines/Threshold/ThresholdWithVariation.tsx +62 -0
  106. package/src/Graph/Chart/BasicComponents/Lines/Threshold/helpers/index.ts +69 -0
  107. package/src/Graph/Chart/BasicComponents/Lines/Threshold/index.tsx +138 -0
  108. package/src/Graph/Chart/BasicComponents/Lines/Threshold/models.ts +104 -0
  109. package/src/Graph/Chart/BasicComponents/Lines/Threshold/useCoordinateCircle.ts +46 -0
  110. package/src/Graph/Chart/BasicComponents/Lines/Threshold/useScaleThreshold.ts +159 -0
  111. package/src/Graph/Chart/BasicComponents/Lines/index.tsx +262 -0
  112. package/src/Graph/Chart/BasicComponents/Lines/models.ts +42 -0
  113. package/src/Graph/Chart/Chart.cypress.spec.tsx +701 -0
  114. package/src/Graph/Chart/Chart.stories.tsx +697 -0
  115. package/src/Graph/Chart/Chart.styles.ts +13 -0
  116. package/src/Graph/Chart/Chart.tsx +363 -0
  117. package/src/Graph/Chart/InteractiveComponents/AnchorPoint/GuidingLines.tsx +45 -0
  118. package/src/Graph/Chart/InteractiveComponents/AnchorPoint/RegularAnchorPoint.tsx +70 -0
  119. package/src/Graph/Chart/InteractiveComponents/AnchorPoint/StackedAnchorPoint.tsx +81 -0
  120. package/src/Graph/Chart/InteractiveComponents/AnchorPoint/index.tsx +20 -0
  121. package/src/Graph/Chart/InteractiveComponents/AnchorPoint/models.ts +62 -0
  122. package/src/Graph/Chart/InteractiveComponents/AnchorPoint/useTickGraph.ts +92 -0
  123. package/src/Graph/Chart/InteractiveComponents/Annotations/Annotation/Area.tsx +114 -0
  124. package/src/Graph/Chart/InteractiveComponents/Annotations/Annotation/Line.tsx +103 -0
  125. package/src/Graph/Chart/InteractiveComponents/Annotations/Annotation/index.tsx +81 -0
  126. package/src/Graph/Chart/InteractiveComponents/Annotations/Area/Downtime.tsx +27 -0
  127. package/src/Graph/Chart/InteractiveComponents/Annotations/EventAnnotations.tsx +61 -0
  128. package/src/Graph/Chart/InteractiveComponents/Annotations/Line/Acknowledgement.tsx +27 -0
  129. package/src/Graph/Chart/InteractiveComponents/Annotations/Line/Comments.tsx +25 -0
  130. package/src/Graph/Chart/InteractiveComponents/Annotations/annotationsAtoms.ts +183 -0
  131. package/src/Graph/Chart/InteractiveComponents/Annotations/index.tsx +49 -0
  132. package/src/Graph/Chart/InteractiveComponents/Annotations/models.ts +25 -0
  133. package/src/Graph/Chart/InteractiveComponents/Annotations/useAnnotation.ts +56 -0
  134. package/src/Graph/Chart/InteractiveComponents/Bar.tsx +21 -0
  135. package/src/Graph/Chart/InteractiveComponents/GraphValueTooltip/GraphValueTooltip.tsx +61 -0
  136. package/src/Graph/Chart/InteractiveComponents/GraphValueTooltip/GraphValueTooltipContent.tsx +74 -0
  137. package/src/Graph/Chart/InteractiveComponents/GraphValueTooltip/useGraphValueTooltip.ts +61 -0
  138. package/src/Graph/Chart/InteractiveComponents/GraphValueTooltip/useGraphValueTooltipStyles.ts +31 -0
  139. package/src/Graph/Chart/InteractiveComponents/TimeShiftZones/TimeShiftIcon.tsx +62 -0
  140. package/src/Graph/Chart/InteractiveComponents/TimeShiftZones/TimeShiftZone.tsx +74 -0
  141. package/src/Graph/Chart/InteractiveComponents/TimeShiftZones/index.tsx +84 -0
  142. package/src/Graph/Chart/InteractiveComponents/TimeShiftZones/models.ts +12 -0
  143. package/src/Graph/Chart/InteractiveComponents/TimeShiftZones/useTimeShiftZones.ts +73 -0
  144. package/src/Graph/Chart/InteractiveComponents/Tooltip/index.tsx +59 -0
  145. package/src/Graph/Chart/InteractiveComponents/Tooltip/models.ts +9 -0
  146. package/src/Graph/Chart/InteractiveComponents/Tooltip/useGraphTooltip.ts +67 -0
  147. package/src/Graph/Chart/InteractiveComponents/ZoomPreview/index.tsx +38 -0
  148. package/src/Graph/Chart/InteractiveComponents/ZoomPreview/models.ts +9 -0
  149. package/src/Graph/Chart/InteractiveComponents/ZoomPreview/useZoomPreview.ts +107 -0
  150. package/src/Graph/Chart/InteractiveComponents/ZoomPreview/zoomPreviewAtoms.ts +3 -0
  151. package/src/Graph/Chart/InteractiveComponents/index.tsx +286 -0
  152. package/src/Graph/Chart/InteractiveComponents/interactionWithGraphAtoms.ts +32 -0
  153. package/src/Graph/Chart/Legend/Legend.styles.ts +151 -0
  154. package/src/Graph/Chart/Legend/LegendContent.tsx +33 -0
  155. package/src/Graph/Chart/Legend/LegendHeader.tsx +100 -0
  156. package/src/Graph/Chart/Legend/index.tsx +191 -0
  157. package/src/Graph/Chart/Legend/models.ts +16 -0
  158. package/src/Graph/Chart/Legend/useLegend.ts +104 -0
  159. package/src/Graph/Chart/LoadingSkeleton.tsx +44 -0
  160. package/src/Graph/Chart/common/index.ts +52 -0
  161. package/src/Graph/Chart/graphAtoms.ts +6 -0
  162. package/src/Graph/Chart/helpers/doc.ts +563 -0
  163. package/src/Graph/Chart/helpers/index.ts +66 -0
  164. package/src/Graph/Chart/index.tsx +138 -0
  165. package/src/Graph/Chart/models.ts +192 -0
  166. package/src/Graph/Chart/translatedLabels.ts +9 -0
  167. package/src/Graph/Chart/useChartData.ts +88 -0
  168. package/src/Graph/Chart/useChartIntersection.ts +36 -0
  169. package/src/Graph/Gauge/AnimatedPie.tsx +104 -0
  170. package/src/Graph/Gauge/Gauge.cypress.spec.tsx +102 -0
  171. package/src/Graph/Gauge/Gauge.stories.tsx +167 -0
  172. package/src/Graph/Gauge/Gauge.tsx +41 -0
  173. package/src/Graph/Gauge/PieData.tsx +68 -0
  174. package/src/Graph/Gauge/ResponsiveGauge.tsx +134 -0
  175. package/src/Graph/Gauge/Thresholds.tsx +119 -0
  176. package/src/Graph/Gauge/index.ts +1 -0
  177. package/src/Graph/Gauge/models.ts +20 -0
  178. package/src/Graph/Gauge/utils.ts +4 -0
  179. package/src/Graph/HeatMap/HeatMap.cypress.spec.tsx +145 -0
  180. package/src/Graph/HeatMap/HeatMap.stories.tsx +93 -0
  181. package/src/Graph/HeatMap/HeatMap.styles.tsx +30 -0
  182. package/src/Graph/HeatMap/HeatMap.tsx +14 -0
  183. package/src/Graph/HeatMap/HeatMapData.json +137 -0
  184. package/src/Graph/HeatMap/ResponsiveHeatMap.tsx +112 -0
  185. package/src/Graph/HeatMap/index.ts +1 -0
  186. package/src/Graph/HeatMap/model.ts +33 -0
  187. package/src/Graph/Legend/Legend.tsx +21 -0
  188. package/src/Graph/Legend/index.ts +1 -0
  189. package/src/Graph/Legend/models.ts +11 -0
  190. package/src/Graph/PieChart/PieChart.cypress.spec.tsx +150 -0
  191. package/src/Graph/PieChart/PieChart.stories.tsx +204 -0
  192. package/src/Graph/PieChart/PieChart.styles.ts +39 -0
  193. package/src/Graph/PieChart/PieChart.tsx +14 -0
  194. package/src/Graph/PieChart/ResponsivePie.tsx +267 -0
  195. package/src/Graph/PieChart/index.ts +1 -0
  196. package/src/Graph/PieChart/models.ts +24 -0
  197. package/src/Graph/PieChart/useResponsivePie.ts +84 -0
  198. package/src/Graph/SingleBar/ResponsiveSingleBar.tsx +194 -0
  199. package/src/Graph/SingleBar/SingleBar.cypress.spec.tsx +121 -0
  200. package/src/Graph/SingleBar/SingleBar.stories.tsx +232 -0
  201. package/src/Graph/SingleBar/SingleBar.tsx +25 -0
  202. package/src/Graph/SingleBar/ThresholdLine.tsx +99 -0
  203. package/src/Graph/SingleBar/Thresholds.tsx +58 -0
  204. package/src/Graph/SingleBar/index.ts +1 -0
  205. package/src/Graph/SingleBar/models.ts +10 -0
  206. package/src/Graph/Text/Text.cypress.spec.tsx +101 -0
  207. package/src/Graph/Text/Text.stories.tsx +155 -0
  208. package/src/Graph/Text/Text.styles.ts +27 -0
  209. package/src/Graph/Text/Text.tsx +100 -0
  210. package/src/Graph/Text/index.ts +1 -0
  211. package/src/Graph/Timeline/ResponsiveTimeline.tsx +147 -0
  212. package/src/Graph/Timeline/Timeline.cypress.spec.tsx +148 -0
  213. package/src/Graph/Timeline/Timeline.stories.tsx +91 -0
  214. package/src/Graph/Timeline/Timeline.tsx +14 -0
  215. package/src/Graph/Timeline/index.ts +1 -0
  216. package/src/Graph/Timeline/models.ts +20 -0
  217. package/src/Graph/Timeline/timeline.styles.ts +11 -0
  218. package/src/Graph/Timeline/translatedLabel.ts +6 -0
  219. package/src/Graph/Timeline/useTimeline.ts +90 -0
  220. package/src/Graph/Tree/DescendantNodes.tsx +89 -0
  221. package/src/Graph/Tree/Links.tsx +77 -0
  222. package/src/Graph/Tree/StandaloneTree.tsx +32 -0
  223. package/src/Graph/Tree/Tree.cypress.spec.tsx +197 -0
  224. package/src/Graph/Tree/Tree.stories.tsx +160 -0
  225. package/src/Graph/Tree/Tree.tsx +116 -0
  226. package/src/Graph/Tree/constants.ts +2 -0
  227. package/src/Graph/Tree/index.ts +4 -0
  228. package/src/Graph/Tree/models.ts +55 -0
  229. package/src/Graph/Tree/stories/contents.tsx +164 -0
  230. package/src/Graph/Tree/stories/datas.ts +305 -0
  231. package/src/Graph/Tree/utils.ts +49 -0
  232. package/src/Graph/common/Axes/AxisStyles.ts +11 -0
  233. package/src/Graph/common/Axes/UnitLabel.tsx +51 -0
  234. package/src/Graph/common/Axes/index.tsx +136 -0
  235. package/src/Graph/common/Axes/models.ts +30 -0
  236. package/src/Graph/common/Axes/useAxisY.ts +119 -0
  237. package/src/Graph/common/BaseChart/BaseChart.tsx +128 -0
  238. package/src/Graph/common/BaseChart/ChartSvgWrapper.tsx +89 -0
  239. package/src/Graph/common/BaseChart/Header/index.tsx +37 -0
  240. package/src/Graph/common/BaseChart/Header/models.ts +4 -0
  241. package/src/Graph/common/BaseChart/Header/useHeaderStyles.ts +9 -0
  242. package/src/Graph/common/BaseChart/useBaseChartStyles.ts +44 -0
  243. package/src/Graph/common/BaseChart/useComputeBaseChartDimensions.ts +66 -0
  244. package/src/Graph/common/Grids/index.tsx +44 -0
  245. package/src/Graph/common/Thresholds/ThresholdLine.tsx +76 -0
  246. package/src/Graph/common/Thresholds/Thresholds.tsx +76 -0
  247. package/src/Graph/common/margins.ts +1 -0
  248. package/src/Graph/common/models.ts +19 -0
  249. package/src/Graph/common/testUtils.ts +71 -0
  250. package/src/Graph/common/timeSeries/index.test.ts +636 -0
  251. package/src/Graph/common/timeSeries/index.test.ts-E +622 -0
  252. package/src/Graph/common/timeSeries/index.ts +704 -0
  253. package/src/Graph/common/timeSeries/models.ts +135 -0
  254. package/src/Graph/common/useTooltipStyles.ts +18 -0
  255. package/src/Graph/common/utils.ts +181 -0
  256. package/src/Graph/index.ts +18 -0
  257. package/src/Graph/mockedData/annotationData.json +324 -0
  258. package/src/Graph/mockedData/curvesWithSameColor.json +252 -0
  259. package/src/Graph/mockedData/exclusionPeriodFirstPeriod.json +368 -0
  260. package/src/Graph/mockedData/exclusionPeriodSecondPeriod.json +372 -0
  261. package/src/Graph/mockedData/exclusionPeriodThirdPeriod.json +367 -0
  262. package/src/Graph/mockedData/lastDay.json +1292 -0
  263. package/src/Graph/mockedData/lastDayAreaStack.json +3050 -0
  264. package/src/Graph/mockedData/lastDayForward.json +1305 -0
  265. package/src/Graph/mockedData/lastDayThreshold.json +2320 -0
  266. package/src/Graph/mockedData/lastDayWithIncompleteValues.json +1286 -0
  267. package/src/Graph/mockedData/lastDayWithLotOfUnits.json +1621 -0
  268. package/src/Graph/mockedData/lastDayWithNullValues.json +1280 -0
  269. package/src/Graph/mockedData/lastMonth.json +1641 -0
  270. package/src/Graph/mockedData/lastWeek.json +2169 -0
  271. package/src/Graph/mockedData/pingService.json +240 -0
  272. package/src/Graph/mockedData/pingServiceLinesBars.json +245 -0
  273. package/src/Graph/mockedData/pingServiceLinesBarsMixed.json +245 -0
  274. package/src/Graph/mockedData/pingServiceLinesBarsStacked.json +245 -0
  275. package/src/Graph/mockedData/pingServiceMixedStacked.json +240 -0
  276. package/src/Graph/mockedData/pingServiceStacked.json +240 -0
  277. package/src/Graph/mockedData/zoomPreview.json +372 -0
  278. package/src/Home.mdx +41 -0
  279. package/src/Icon/AcknowledgementIcon.tsx +8 -0
  280. package/src/Icon/BaseIcon.tsx +32 -0
  281. package/src/Icon/BusinessActivityIcon.tsx +12 -0
  282. package/src/Icon/ContainerIcon.tsx +20 -0
  283. package/src/Icon/DowntimeIcon.tsx +21 -0
  284. package/src/Icon/HostGroupIcon.tsx +8 -0
  285. package/src/Icon/HostIcon.tsx +8 -0
  286. package/src/Icon/IconAttach/index.tsx +1 -6
  287. package/src/Icon/MetaServiceIcon.tsx +12 -0
  288. package/src/Icon/ServiceGroupIcon.tsx +8 -0
  289. package/src/Icon/ServiceIcon.tsx +8 -0
  290. package/src/Icon/index.ts +9 -0
  291. package/src/Image/Image.tsx +75 -65
  292. package/src/Image/atoms.ts +3 -3
  293. package/src/Image/index.stories.tsx +101 -101
  294. package/src/Image/index.test.tsx +53 -53
  295. package/src/Image/models.ts +3 -3
  296. package/src/Image/useLoadImage.ts +49 -49
  297. package/src/InputField/Number/Number.cypress.spec.tsx +85 -0
  298. package/src/InputField/Number/Number.stories.tsx +66 -0
  299. package/src/InputField/Number/Number.tsx +75 -0
  300. package/src/InputField/Search/PersistentTooltip.tsx +12 -8
  301. package/src/InputField/Search/RegexpHelpTooltip.tsx +1 -1
  302. package/src/InputField/Search/index.stories.tsx +1 -1
  303. package/src/InputField/Search/index.tsx +2 -2
  304. package/src/InputField/Select/Autocomplete/Connected/Multi/MultiConnectedAutocompleteField.cypress.spec.tsx +127 -0
  305. package/src/InputField/Select/Autocomplete/Connected/Multi/index.test.tsx +5 -23
  306. package/src/InputField/Select/Autocomplete/Connected/Multi/index.tsx +1 -1
  307. package/src/InputField/Select/Autocomplete/Connected/Multi/utils/index.ts +22 -0
  308. package/src/InputField/Select/Autocomplete/Connected/index.stories.tsx +4 -7
  309. package/src/InputField/Select/Autocomplete/Connected/index.test.tsx +10 -13
  310. package/src/InputField/Select/Autocomplete/Connected/index.tsx +63 -22
  311. package/src/InputField/Select/Autocomplete/Draggable/MultiConnected.tsx +1 -1
  312. package/src/InputField/Select/Autocomplete/Draggable/SortableList.tsx +2 -2
  313. package/src/InputField/Select/Autocomplete/Draggable/SortableListContent.tsx +6 -7
  314. package/src/InputField/Select/Autocomplete/Draggable/index.stories.tsx +6 -8
  315. package/src/InputField/Select/Autocomplete/Draggable/index.tsx +16 -17
  316. package/src/InputField/Select/Autocomplete/Multi/index.tsx +36 -17
  317. package/src/InputField/Select/Autocomplete/Popover/index.tsx +1 -1
  318. package/src/InputField/Select/Autocomplete/index.stories.tsx +2 -12
  319. package/src/InputField/Select/Autocomplete/index.tsx +137 -122
  320. package/src/InputField/Select/IconPopover/index.tsx +6 -6
  321. package/src/InputField/Select/Option.tsx +1 -1
  322. package/src/InputField/Select/index.tsx +23 -9
  323. package/src/InputField/Text/index.stories.tsx +3 -4
  324. package/src/InputField/Text/index.tsx +71 -47
  325. package/src/InputField/Text/useAutoSize.ts +62 -62
  326. package/src/LicenseMessage/index.tsx +1 -1
  327. package/src/Listing/ActionBar/ColumnMultiSelect.tsx +4 -4
  328. package/src/Listing/ActionBar/PaginationActions.tsx +1 -1
  329. package/src/Listing/ActionBar/index.tsx +25 -21
  330. package/src/Listing/Cell/DataCell.styles.ts +27 -0
  331. package/src/Listing/Cell/DataCell.tsx +66 -73
  332. package/src/Listing/Cell/EllipsisTypography.tsx +0 -2
  333. package/src/Listing/Cell/index.tsx +87 -14
  334. package/src/Listing/Checkbox.tsx +1 -1
  335. package/src/Listing/EmptyResult/EmptyResult.tsx +11 -0
  336. package/src/Listing/Header/Cell/ListingHeaderCell.styles.ts +71 -0
  337. package/src/Listing/Header/{SortableCell/Content.tsx → Cell/ListingHeaderCell.tsx} +18 -85
  338. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.styles.ts +26 -0
  339. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.tsx +68 -0
  340. package/src/Listing/Header/ListingHeader.styles.ts +16 -0
  341. package/src/Listing/Header/ListingHeader.tsx +165 -0
  342. package/src/Listing/Header/_internals/DraggableIconButton.tsx +33 -0
  343. package/src/Listing/Header/{Label.tsx → _internals/Label.tsx} +2 -3
  344. package/src/Listing/Header/{PredefinedSelectionList.tsx → _internals/PredefinedSelectionList.tsx} +1 -1
  345. package/src/Listing/Header/index.ts +1 -0
  346. package/src/Listing/Listing.cypress.spec.tsx +307 -0
  347. package/src/Listing/Listing.styles.ts +78 -0
  348. package/src/Listing/ListingDocs.mdx +61 -0
  349. package/src/Listing/Row/EmptyRow.styles.ts +14 -0
  350. package/src/Listing/Row/EmptyRow.tsx +30 -0
  351. package/src/Listing/{Row.tsx → Row/Row.tsx} +21 -17
  352. package/src/Listing/Row/SkeletonLoaderRows.tsx +21 -0
  353. package/src/Listing/index.stories.tsx +180 -42
  354. package/src/Listing/index.tsx +343 -307
  355. package/src/Listing/models.ts +10 -0
  356. package/src/Listing/tableAtoms.ts +15 -10
  357. package/src/Listing/useResizeObserver.ts +1 -1
  358. package/src/Listing/useStyleTable.ts +10 -9
  359. package/src/ListingPage/Filter.tsx +15 -18
  360. package/src/ListingPage/index.stories.tsx +21 -8
  361. package/src/ListingPage/index.tsx +20 -38
  362. package/src/Logo/CentreonLogo.tsx +2 -2
  363. package/src/MenuSkeleton/index.tsx +1 -1
  364. package/src/Module/LicensedModule/LicenseCheck/index.stories.tsx +0 -2
  365. package/src/Module/LicensedModule/LicenseCheck/index.tsx +24 -9
  366. package/src/Module/LicensedModule/index.tsx +7 -1
  367. package/src/Module/Module.cypress.spec.tsx +129 -0
  368. package/src/Module/index.tsx +9 -8
  369. package/src/MultiSelectEntries/index.tsx +1 -3
  370. package/src/MultiSelectEntries/useHover.ts +1 -1
  371. package/src/Panel/Memoized.tsx +1 -1
  372. package/src/Panel/Section/ExpandableSection.tsx +6 -6
  373. package/src/Panel/Section/index.test.tsx +1 -1
  374. package/src/Panel/Section/index.tsx +2 -2
  375. package/src/Panel/index.tsx +25 -19
  376. package/src/ParentSize/ParentSize.tsx +24 -0
  377. package/src/ParentSize/index.ts +1 -0
  378. package/src/PopoverMenu/index.tsx +33 -11
  379. package/src/RichTextEditor/ContentEditable.tsx +195 -149
  380. package/src/RichTextEditor/RichTextEditor.cypress.spec.tsx +408 -0
  381. package/src/RichTextEditor/RichTextEditor.tsx +244 -119
  382. package/src/RichTextEditor/index.stories.tsx +102 -88
  383. package/src/RichTextEditor/index.ts +2 -2
  384. package/src/RichTextEditor/initialEditorState.json +113 -113
  385. package/src/RichTextEditor/plugins/AutoLinkPlugin/index.tsx +57 -9
  386. package/src/RichTextEditor/plugins/FloatingLinkEditorPlugin.tsx +63 -25
  387. package/src/RichTextEditor/plugins/ToolbarPlugin/AlignPicker.tsx +116 -0
  388. package/src/RichTextEditor/plugins/ToolbarPlugin/BlockButtons.tsx +155 -0
  389. package/src/RichTextEditor/plugins/ToolbarPlugin/FormatButtons.tsx +124 -185
  390. package/src/RichTextEditor/plugins/ToolbarPlugin/LinkButton.tsx +106 -0
  391. package/src/RichTextEditor/plugins/ToolbarPlugin/ListButton.tsx +155 -0
  392. package/src/RichTextEditor/plugins/ToolbarPlugin/MacrosButton.tsx +75 -0
  393. package/src/RichTextEditor/plugins/ToolbarPlugin/ToolbarPlugin.styles.ts +32 -0
  394. package/src/RichTextEditor/plugins/ToolbarPlugin/UndoRedoButtons.tsx +97 -87
  395. package/src/RichTextEditor/plugins/ToolbarPlugin/index.tsx +62 -37
  396. package/src/RichTextEditor/translatedLabels.ts +8 -5
  397. package/src/Snackbar/SnackbarProvider.tsx +3 -4
  398. package/src/Snackbar/Transition.tsx +5 -6
  399. package/src/Snackbar/index.tsx +21 -12
  400. package/src/Snackbar/useSnackbar.tsx +5 -1
  401. package/src/SortableItems/Item.tsx +3 -3
  402. package/src/SortableItems/SortableItem.tsx +4 -3
  403. package/src/SortableItems/index.stories.tsx +5 -6
  404. package/src/SortableItems/index.tsx +21 -26
  405. package/src/StatusChip/index.tsx +1 -1
  406. package/src/StoryBookThemeProvider/index.tsx +35 -36
  407. package/src/ThemeProvider/index.tsx +52 -18
  408. package/src/ThemeProvider/palettes.ts +437 -201
  409. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.styles.ts +50 -0
  410. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.tsx +107 -0
  411. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/ErrorText.tsx +14 -0
  412. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/PickersStartEndDate.tsx +154 -0
  413. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/index.tsx +76 -0
  414. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/models.ts +74 -0
  415. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/usePickersStartEndDate.ts +80 -0
  416. package/src/TimePeriods/CustomTimePeriod/SimpleCustomTimePeriod.tsx +34 -0
  417. package/src/TimePeriods/CustomTimePeriod/index.tsx +71 -0
  418. package/src/TimePeriods/DateTimePickerInput.tsx +96 -0
  419. package/src/TimePeriods/ResolutionTimePeriod.cypress.spec.tsx +74 -0
  420. package/src/TimePeriods/SelectedTimePeriod.tsx +102 -0
  421. package/src/TimePeriods/TimePeriods.cypress.spec.tsx +486 -0
  422. package/src/TimePeriods/TimePeriods.styles.ts +23 -0
  423. package/src/TimePeriods/TimePeriods.tsx +59 -0
  424. package/src/TimePeriods/helpers/index.ts +30 -0
  425. package/src/TimePeriods/index.stories.tsx +116 -0
  426. package/src/TimePeriods/index.tsx +38 -0
  427. package/src/TimePeriods/mockedData.ts +12 -0
  428. package/src/TimePeriods/models.ts +113 -0
  429. package/src/TimePeriods/timePeriodsAtoms.ts +102 -0
  430. package/src/TimePeriods/translatedLabels.ts +9 -0
  431. package/src/TimePeriods/useSortTimePeriods.ts +31 -0
  432. package/src/TimePeriods/useTimePeriod.ts +48 -0
  433. package/src/TopCounterElements/ResourceSubMenu.tsx +1 -4
  434. package/src/TopCounterElements/StatusCounter.tsx +2 -2
  435. package/src/TopCounterElements/TopCounterLayout.tsx +3 -4
  436. package/src/TopCounterElements/{useCloseOnLegacyPage.ts → useCloseOnLegacyPage.tsx} +5 -2
  437. package/src/Typography/EllipsisTypography.tsx +29 -0
  438. package/src/Typography/FluidTypography/FluidTypography.cypress.spec.tsx +27 -0
  439. package/src/Typography/FluidTypography/index.stories.tsx +63 -0
  440. package/src/Typography/FluidTypography/index.tsx +46 -0
  441. package/src/Typography/Subtitle.tsx +55 -0
  442. package/src/Typography/{index.stories.tsx → Typography.stories.tsx} +5 -5
  443. package/src/Typography/{index.tsx → story.utils.tsx} +6 -6
  444. package/src/WallpaperPage/index.stories.tsx +1 -1
  445. package/src/WallpaperPage/index.tsx +1 -1
  446. package/src/Wizard/ActionsBar.test.tsx +1 -1
  447. package/src/Wizard/ActionsBar.tsx +1 -1
  448. package/src/Wizard/StepIcon.tsx +1 -1
  449. package/src/Wizard/Stepper.tsx +2 -2
  450. package/src/Wizard/WizardContent.tsx +3 -4
  451. package/src/Wizard/index.stories.tsx +7 -20
  452. package/src/Wizard/index.test.tsx +4 -4
  453. package/src/Wizard/index.tsx +22 -7
  454. package/src/Wizard/models.ts +8 -1
  455. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-normal-1-snap.png +0 -0
  456. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-item-header-1-snap.png +0 -0
  457. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-many-panels-1-snap.png +0 -0
  458. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-basic-1-snap.png +0 -0
  459. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-20-px-height-1-snap.png +0 -0
  460. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-200-px-width-1-snap.png +0 -0
  461. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-heading-5-variant-1-snap.png +0 -0
  462. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-long-text-1-snap.png +0 -0
  463. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-as-empty-state-1-snap.png +0 -0
  464. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-loading-with-no-data-1-snap.png +0 -0
  465. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-with-editable-and-sortable-columns-1-snap.png +0 -0
  466. package/src/api/QueryProvider.tsx +7 -4
  467. package/src/api/TestQueryProvider.tsx +24 -23
  468. package/src/api/buildListingDecoder.ts +1 -1
  469. package/src/api/buildListingEndpoint/getSearchQueryParameterValue.ts +42 -33
  470. package/src/api/buildListingEndpoint/index.test.ts +2 -2
  471. package/src/api/buildListingEndpoint/index.ts +2 -2
  472. package/src/api/buildListingEndpoint/models.ts +2 -2
  473. package/src/api/customFetch.ts +26 -4
  474. package/src/api/logger.ts +11 -0
  475. package/src/api/useFetchQuery/index.test.ts +1 -6
  476. package/src/api/useFetchQuery/index.ts +79 -49
  477. package/src/api/useGraphQuery/index.ts +199 -0
  478. package/src/api/useGraphQuery/models.ts +20 -0
  479. package/src/api/useMutationQuery/index.test.ts +5 -5
  480. package/src/api/useMutationQuery/index.ts +91 -28
  481. package/src/api/useRequest/index.test.ts +1 -4
  482. package/src/api/useRequest/index.ts +14 -14
  483. package/src/base/tokens/README.md +3 -0
  484. package/src/base/tokens/source/$metadata.json +3 -0
  485. package/src/base/tokens/source/base.json +142 -0
  486. package/src/base/tokens/themes/base.tokens.d.ts +38 -0
  487. package/src/base/tokens/themes/base.tokens.json +563 -0
  488. package/src/base/tokens/themes/base.tokens.ts +38 -0
  489. package/src/base/tokens/themes/ui-dark.tokens.d.ts +38 -0
  490. package/src/base/tokens/themes/ui-dark.tokens.json +563 -0
  491. package/src/base/tokens/themes/ui-dark.tokens.ts +38 -0
  492. package/src/base/tokens/themes/ui-light.tokens.d.ts +38 -0
  493. package/src/base/tokens/themes/ui-light.tokens.json +563 -0
  494. package/src/base/tokens/themes/ui-light.tokens.ts +38 -0
  495. package/src/components/Avatar/Avatar.stories.tsx +23 -0
  496. package/src/components/Avatar/Avatar.styles.ts +11 -0
  497. package/src/components/Avatar/Avatar.tsx +32 -0
  498. package/src/components/Avatar/index.ts +1 -0
  499. package/src/components/Button/Button.stories.tsx +34 -0
  500. package/src/components/Button/Button.styles.ts +44 -0
  501. package/src/components/Button/Button.tsx +78 -0
  502. package/src/components/Button/Icon/IconButton.stories.tsx +18 -0
  503. package/src/components/Button/Icon/IconButton.styles.ts +14 -0
  504. package/src/components/Button/Icon/IconButton.tsx +62 -0
  505. package/src/components/Button/Icon/index.tsx +1 -0
  506. package/src/components/Button/index.ts +2 -0
  507. package/src/components/CollapsibleItem/CollapsibleItem.cypress.spec.tsx +76 -0
  508. package/src/components/CollapsibleItem/CollapsibleItem.stories.tsx +51 -0
  509. package/src/components/CollapsibleItem/CollapsibleItem.tsx +76 -0
  510. package/src/components/CollapsibleItem/index.ts +1 -0
  511. package/src/components/CollapsibleItem/useCollapsibleItemStyles.ts +38 -0
  512. package/src/components/CopyCommand/CopyCommand.cypress.spec.tsx +155 -0
  513. package/src/components/CopyCommand/CopyCommand.stories.tsx +54 -0
  514. package/src/components/CopyCommand/CopyCommand.styles.tsx +93 -0
  515. package/src/components/CopyCommand/CopyCommand.tsx +80 -0
  516. package/src/components/CopyCommand/translatedLabels.ts +2 -0
  517. package/src/components/CrudPage/Actions/Actions.styles.ts +16 -0
  518. package/src/components/CrudPage/Actions/Actions.tsx +24 -0
  519. package/src/components/CrudPage/Actions/AddButton.tsx +23 -0
  520. package/src/components/CrudPage/Actions/Filters.tsx +25 -0
  521. package/src/components/CrudPage/Actions/Search.tsx +31 -0
  522. package/src/components/CrudPage/Actions/useSearch.tsx +24 -0
  523. package/src/components/CrudPage/Columns/Actions.tsx +88 -0
  524. package/src/components/CrudPage/CrudPage.cypress.spec.tsx +559 -0
  525. package/src/components/CrudPage/CrudPage.stories.tsx +278 -0
  526. package/src/components/CrudPage/CrudPageRoot.tsx +142 -0
  527. package/src/components/CrudPage/DeleteModal.tsx +77 -0
  528. package/src/components/CrudPage/Form/AddModal.tsx +35 -0
  529. package/src/components/CrudPage/Form/Buttons.tsx +98 -0
  530. package/src/components/CrudPage/Form/UpdateModal.tsx +60 -0
  531. package/src/components/CrudPage/Listing.tsx +63 -0
  532. package/src/components/CrudPage/atoms.ts +30 -0
  533. package/src/components/CrudPage/hooks/useDeleteItem.ts +53 -0
  534. package/src/components/CrudPage/hooks/useGetItem.ts +36 -0
  535. package/src/components/CrudPage/hooks/useGetItems.ts +67 -0
  536. package/src/components/CrudPage/hooks/useListingQueryKey.ts +31 -0
  537. package/src/components/CrudPage/index.tsx +7 -0
  538. package/src/components/CrudPage/models.ts +118 -0
  539. package/src/components/CrudPage/utils.ts +4 -0
  540. package/src/components/DataTable/DataListing.tsx +6 -0
  541. package/src/components/DataTable/DataTable.cypress.spec.tsx +175 -0
  542. package/src/components/DataTable/DataTable.stories.tsx +111 -0
  543. package/src/components/DataTable/DataTable.styles.ts +30 -0
  544. package/src/components/DataTable/DataTable.tsx +35 -0
  545. package/src/components/DataTable/EmptyState/DataTableEmptyState.stories.tsx +21 -0
  546. package/src/components/DataTable/EmptyState/DataTableEmptyState.styles.ts +28 -0
  547. package/src/components/DataTable/EmptyState/DataTableEmptyState.tsx +59 -0
  548. package/src/components/DataTable/Item/DataTableItem.stories.tsx +25 -0
  549. package/src/components/DataTable/Item/DataTableItem.styles.ts +64 -0
  550. package/src/components/DataTable/Item/DataTableItem.tsx +82 -0
  551. package/src/components/DataTable/Item/DataTableItemSkeleton.tsx +13 -0
  552. package/src/components/DataTable/index.ts +12 -0
  553. package/src/components/Form/AccessRights/AccessRights.cypress.spec.tsx +379 -0
  554. package/src/components/Form/AccessRights/AccessRights.stories.tsx +100 -0
  555. package/src/components/Form/AccessRights/AccessRights.styles.ts +10 -0
  556. package/src/components/Form/AccessRights/AccessRights.tsx +61 -0
  557. package/src/components/Form/AccessRights/Actions/Actions.styles.ts +10 -0
  558. package/src/components/Form/AccessRights/Actions/Actions.tsx +64 -0
  559. package/src/components/Form/AccessRights/Actions/useActions.ts +46 -0
  560. package/src/components/Form/AccessRights/List/Item.tsx +90 -0
  561. package/src/components/Form/AccessRights/List/List.styles.tsx +45 -0
  562. package/src/components/Form/AccessRights/List/List.tsx +52 -0
  563. package/src/components/Form/AccessRights/List/ListItemSkeleton.tsx +18 -0
  564. package/src/components/Form/AccessRights/List/ListSkeleton.tsx +22 -0
  565. package/src/components/Form/AccessRights/List/RemoveAccessRight.tsx +38 -0
  566. package/src/components/Form/AccessRights/List/StateChip.tsx +28 -0
  567. package/src/components/Form/AccessRights/List/useItem.ts +64 -0
  568. package/src/components/Form/AccessRights/Provider.tsx +15 -0
  569. package/src/components/Form/AccessRights/ShareInput/ContactSwitch.tsx +50 -0
  570. package/src/components/Form/AccessRights/ShareInput/ShareInput.styles.ts +17 -0
  571. package/src/components/Form/AccessRights/ShareInput/ShareInput.tsx +79 -0
  572. package/src/components/Form/AccessRights/ShareInput/useShareInput.tsx +113 -0
  573. package/src/components/Form/AccessRights/Stats/Stats.tsx +36 -0
  574. package/src/components/Form/AccessRights/atoms.ts +97 -0
  575. package/src/components/Form/AccessRights/common/RoleSelectField.styles.tsx +7 -0
  576. package/src/components/Form/AccessRights/common/RoleSelectField.tsx +45 -0
  577. package/src/components/Form/AccessRights/models.ts +52 -0
  578. package/src/components/Form/AccessRights/storiesData.ts +219 -0
  579. package/src/components/Form/AccessRights/useAccessRightsChange.ts +30 -0
  580. package/src/components/Form/AccessRights/useAccessRightsInitValues.ts +51 -0
  581. package/src/components/Form/AccessRights/utils.ts +18 -0
  582. package/src/components/Form/Dashboard/Dashboard.resource.ts +9 -0
  583. package/src/components/Form/Dashboard/DashboardDuplicationForm.tsx +85 -0
  584. package/src/components/Form/Dashboard/DashboardForm.styles.ts +21 -0
  585. package/src/components/Form/Dashboard/DashboardForm.tsx +137 -0
  586. package/src/components/Form/Dashboard/GlobalRefreshFieldOption.tsx +59 -0
  587. package/src/components/Form/Dashboard/index.ts +3 -0
  588. package/src/components/Form/Dashboard/translatedLabels.ts +8 -0
  589. package/src/components/Form/Form.models.ts +1 -0
  590. package/src/components/Form/Form.resource.ts +1 -0
  591. package/src/components/Form/Form.styles.ts +17 -0
  592. package/src/components/Form/FormActions.tsx +62 -0
  593. package/src/components/Form/index.ts +5 -0
  594. package/src/components/Header/PageHeader/PageHeader.stories.tsx +97 -0
  595. package/src/components/Header/PageHeader/PageHeader.styles.ts +126 -0
  596. package/src/components/Header/PageHeader/PageHeader.tsx +15 -0
  597. package/src/components/Header/PageHeader/PageHeaderActions.tsx +17 -0
  598. package/src/components/Header/PageHeader/PageHeaderMain.tsx +15 -0
  599. package/src/components/Header/PageHeader/PageHeaderMenu.tsx +15 -0
  600. package/src/components/Header/PageHeader/PageHeaderMessage.tsx +32 -0
  601. package/src/components/Header/PageHeader/PageHeaderTitle.tsx +47 -0
  602. package/src/components/Header/PageHeader/index.ts +14 -0
  603. package/src/components/Header/index.ts +1 -0
  604. package/src/components/Icon/Icon.styles.ts +0 -0
  605. package/src/components/Icon/Icon.tsx +2 -0
  606. package/src/components/Icon/index.ts +0 -0
  607. package/src/components/Inputs/Switch/Switch.stories.tsx +22 -0
  608. package/src/components/Inputs/Switch/Switch.styles.ts +13 -0
  609. package/src/components/Inputs/Switch/Switch.tsx +18 -0
  610. package/src/components/Inputs/index.ts +1 -0
  611. package/src/components/ItemComposition/Item.tsx +41 -0
  612. package/src/components/ItemComposition/ItemComposition.cypress.spec.tsx +113 -0
  613. package/src/components/ItemComposition/ItemComposition.stories.tsx +94 -0
  614. package/src/components/ItemComposition/ItemComposition.styles.ts +62 -0
  615. package/src/components/ItemComposition/ItemComposition.tsx +71 -0
  616. package/src/components/ItemComposition/index.ts +6 -0
  617. package/src/components/Layout/AreaIndicator.styles.ts +33 -0
  618. package/src/components/Layout/AreaIndicator.tsx +35 -0
  619. package/src/components/Layout/PageLayout/PageLayout.stories.tsx +81 -0
  620. package/src/components/Layout/PageLayout/PageLayout.styles.ts +45 -0
  621. package/src/components/Layout/PageLayout/PageLayout.tsx +21 -0
  622. package/src/components/Layout/PageLayout/PageLayoutActions.tsx +25 -0
  623. package/src/components/Layout/PageLayout/PageLayoutBody.tsx +26 -0
  624. package/src/components/Layout/PageLayout/PageLayoutHeader.tsx +19 -0
  625. package/src/components/Layout/PageLayout/PageQuickAccess.tsx +75 -0
  626. package/src/components/Layout/PageLayout/index.ts +12 -0
  627. package/src/components/Layout/PageLayout.cypress.spec.tsx +66 -0
  628. package/src/components/Layout/index.ts +1 -0
  629. package/src/components/List/Item/Avatar.tsx +21 -0
  630. package/src/components/List/Item/AvatarSkeleton.tsx +17 -0
  631. package/src/components/List/Item/ListItem.stories.tsx +41 -0
  632. package/src/components/List/Item/ListItem.styles.ts +63 -0
  633. package/src/components/List/Item/ListItem.tsx +34 -0
  634. package/src/components/List/Item/Text.tsx +27 -0
  635. package/src/components/List/Item/TextSkeleton.tsx +22 -0
  636. package/src/components/List/Item/index.ts +14 -0
  637. package/src/components/List/List.stories.tsx +72 -0
  638. package/src/components/List/List.styles.ts +8 -0
  639. package/src/components/List/List.tsx +19 -0
  640. package/src/components/List/index.ts +6 -0
  641. package/src/components/Menu/Button/MenuButton.stories.tsx +16 -0
  642. package/src/components/Menu/Button/MenuButton.styles.ts +27 -0
  643. package/src/components/Menu/Button/MenuButton.tsx +67 -0
  644. package/src/components/Menu/Button/index.ts +1 -0
  645. package/src/components/Menu/Menu.stories.tsx +71 -0
  646. package/src/components/Menu/Menu.styles.ts +68 -0
  647. package/src/components/Menu/Menu.tsx +25 -0
  648. package/src/components/Menu/MenuDivider.tsx +13 -0
  649. package/src/components/Menu/MenuItem.tsx +38 -0
  650. package/src/components/Menu/MenuItems.tsx +36 -0
  651. package/src/components/Menu/index.ts +12 -0
  652. package/src/components/Menu/useMenu.tsx +79 -0
  653. package/src/components/Modal/ConfirmationModal/ConfirmationModal.cypress.spec.tsx +168 -0
  654. package/src/components/Modal/ConfirmationModal/ConfirmationModal.stories.tsx +62 -0
  655. package/src/components/Modal/ConfirmationModal/ConfirmationModal.tsx +87 -0
  656. package/src/components/Modal/Modal.stories.tsx +142 -0
  657. package/src/components/Modal/Modal.styles.ts +96 -0
  658. package/src/components/Modal/Modal.tsx +79 -0
  659. package/src/components/Modal/ModalActions.tsx +64 -0
  660. package/src/components/Modal/ModalBody.tsx +15 -0
  661. package/src/components/Modal/ModalHeader.tsx +26 -0
  662. package/src/components/Modal/index.ts +14 -0
  663. package/src/components/README.md +3 -0
  664. package/src/components/Tabs/Tab.styles.ts +25 -0
  665. package/src/components/Tabs/TabPanel.tsx +22 -0
  666. package/src/components/Tabs/Tabs.cypress.spec.tsx +70 -0
  667. package/src/components/Tabs/Tabs.stories.tsx +55 -0
  668. package/src/components/Tabs/Tabs.tsx +55 -0
  669. package/src/components/Tabs/index.ts +6 -0
  670. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.stories.tsx +62 -0
  671. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.styles.tsx +22 -0
  672. package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.tsx +68 -0
  673. package/src/components/Tooltip/ConfirmationTooltip/TooltipContent.tsx +31 -0
  674. package/src/components/Tooltip/ConfirmationTooltip/index.ts +1 -0
  675. package/src/components/Tooltip/ConfirmationTooltip/models.ts +18 -0
  676. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.stories.tsx +70 -0
  677. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.styles.ts +5 -0
  678. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.tsx +115 -0
  679. package/src/components/Tooltip/TextOverflowTooltip/index.tsx +1 -0
  680. package/src/components/Tooltip/Tooltip.stories.tsx +41 -0
  681. package/src/components/Tooltip/Tooltip.tsx +57 -0
  682. package/src/components/Tooltip/index.ts +2 -0
  683. package/src/components/Zoom/Minimap.tsx +129 -0
  684. package/src/components/Zoom/Zoom.cypress.spec.tsx +246 -0
  685. package/src/components/Zoom/Zoom.stories.tsx +115 -0
  686. package/src/components/Zoom/Zoom.styles.tsx +68 -0
  687. package/src/components/Zoom/Zoom.tsx +64 -0
  688. package/src/components/Zoom/ZoomContent.tsx +170 -0
  689. package/src/components/Zoom/constants.ts +2 -0
  690. package/src/components/Zoom/localPoint.ts +51 -0
  691. package/src/components/Zoom/models.ts +32 -0
  692. package/src/components/Zoom/useMinimap.ts +156 -0
  693. package/src/components/Zoom/useZoom.ts +70 -0
  694. package/src/components/Zoom/utils.ts +55 -0
  695. package/src/components/index.ts +17 -0
  696. package/src/index.ts +31 -22
  697. package/src/queryParameters/index.ts +1 -1
  698. package/src/queryParameters/url/index.ts +5 -1
  699. package/src/styles/tokens/themes/_ui-dark.tokens.json +563 -0
  700. package/src/styles/tokens/themes/_ui-light.tokens.json +563 -0
  701. package/src/utils/centreonBaseURL.ts +4 -0
  702. package/src/utils/docsURL.ts +31 -0
  703. package/src/utils/getNormalizedId.ts +1 -3
  704. package/src/utils/index.ts +30 -0
  705. package/src/utils/panelSize.ts +15 -0
  706. package/src/utils/resourcesStatusURL.ts +169 -0
  707. package/src/utils/sanitizedHTML.ts +18 -0
  708. package/src/utils/translatedLabel.ts +2 -0
  709. package/src/utils/useCopyToClipboard.ts +3 -4
  710. package/src/utils/useDebounce.ts +8 -5
  711. package/src/utils/useDeepCallback.ts +1 -3
  712. package/src/utils/useDeepMemo.ts +1 -3
  713. package/src/utils/useFullscreen/Fullscreen.cypress.spec.tsx +130 -0
  714. package/src/utils/useFullscreen/atoms.ts +3 -0
  715. package/src/utils/useFullscreen/index.ts +2 -0
  716. package/src/utils/useFullscreen/translatedLabels.ts +1 -0
  717. package/src/utils/useFullscreen/useFullscreen.ts +73 -0
  718. package/src/utils/useFullscreen/useFullscreenListener.ts +62 -0
  719. package/src/utils/useInfiniteScrollListing.ts +129 -0
  720. package/src/utils/useIntersectionObserver.ts +6 -6
  721. package/src/utils/useKeyObserver.tsx +2 -4
  722. package/src/utils/useLicenseExpirationWarning.test.tsx +148 -0
  723. package/src/utils/useLicenseExpirationWarning.ts +52 -0
  724. package/src/utils/useLocaleDateTimeFormat/index.test.tsx +4 -4
  725. package/src/utils/useLocaleDateTimeFormat/index.ts +4 -2
  726. package/src/utils/useLocaleDateTimeFormat/localeFallback.test.tsx +5 -5
  727. package/src/utils/useLocaleTimezoneDate/LocaleTimezoneDate.cypress.spec.tsx +98 -0
  728. package/src/utils/useLocaleTimezoneDate/useLocaleTimezoneDate.ts +41 -0
  729. package/src/utils/useMemoComponent.ts +2 -2
  730. package/src/utils/usePluralizedTranslation.test.ts +159 -0
  731. package/src/utils/usePluralizedTranslation.ts +38 -0
  732. package/src/utils/useRefreshInterval.ts +39 -0
  733. package/src/utils/useResizeObserver.ts +6 -0
  734. package/src/utils/useThresholds.ts +0 -0
  735. package/src/utils/useViewportIntersection.ts +1 -1
  736. package/{setupTests.js → test/setupTests.js} +2 -1
  737. package/{src → test}/testRenderer.tsx +1 -1
  738. package/.storybook/main.js +0 -82
  739. package/.storybook/preview.tsx +0 -21
  740. package/jest.config.js +0 -20
  741. package/src/Form/index.tsx +0 -72
  742. package/src/Home.stories.mdx +0 -122
  743. package/src/Listing/Header/SortableCell/DraggableIcon.tsx +0 -41
  744. package/src/Listing/Header/index.tsx +0 -243
  745. package/src/Listing/Skeleton.tsx +0 -11
  746. package/src/Listing/index.test.tsx +0 -234
  747. package/src/storyshots.test.js +0 -52
  748. package/testRunner.js +0 -36
  749. package/tsconfig.json +0 -29
  750. package/types/declarations.d.ts +0 -9
  751. /package/{assets → public/brand}/centreon-logo-one-line-dark.svg +0 -0
  752. /package/{assets → public/brand}/centreon-logo-one-line-light.svg +0 -0
  753. /package/{assets → src/@assets/images}/not-authorized-template-background-dark.svg +0 -0
  754. /package/{assets → src/@assets/images}/not-authorized-template-background-light.svg +0 -0
  755. /package/{fonts/fonts-generated → src/fonts}/roboto-bold-webfont.ttf +0 -0
  756. /package/{fonts/fonts-generated → src/fonts}/roboto-bold-webfont.woff +0 -0
  757. /package/{fonts/fonts-generated → src/fonts}/roboto-bold-webfont.woff2 +0 -0
  758. /package/{fonts/fonts-generated → src/fonts}/roboto-light-webfont.ttf +0 -0
  759. /package/{fonts/fonts-generated → src/fonts}/roboto-light-webfont.woff +0 -0
  760. /package/{fonts/fonts-generated → src/fonts}/roboto-light-webfont.woff2 +0 -0
  761. /package/{fonts/fonts-generated → src/fonts}/roboto-medium-webfont.ttf +0 -0
  762. /package/{fonts/fonts-generated → src/fonts}/roboto-medium-webfont.woff +0 -0
  763. /package/{fonts/fonts-generated → src/fonts}/roboto-medium-webfont.woff2 +0 -0
  764. /package/{fonts/fonts-generated → src/fonts}/roboto-regular-webfont.ttf +0 -0
  765. /package/{fonts/fonts-generated → src/fonts}/roboto-regular-webfont.woff +0 -0
  766. /package/{fonts/fonts-generated → src/fonts}/roboto-regular-webfont.woff2 +0 -0
package/src/Graph/mockedData/zoomPreview.json ADDED
@@ -0,0 +1,372 @@
1
+ {
2
+ "global": {
3
+ "title": "oracle-shared-spool-ratio graph on srv-oracle-users",
4
+ "start": "2023-06-01T23:54:23+02:00",
5
+ "end": "2023-06-02T11:29:24+02:00",
6
+ "vertical-label": "Value",
7
+ "base": 1000,
8
+ "width": 550,
9
+ "height": 140,
10
+ "scaled": 0,
11
+ "multiple_services": false
12
+ },
13
+ "metrics": [
14
+ {
15
+ "index_id": 4811,
16
+ "metric_id": 11758,
17
+ "metric": "connTime",
18
+ "metric_legend": "connTime",
19
+ "unit": "s",
20
+ "hidden": 0,
21
+ "min": null,
22
+ "max": null,
23
+ "virtual": 0,
24
+ "ds_data": {
25
+ "ds_min": "1",
26
+ "ds_max": "1",
27
+ "ds_minmax_int": "0",
28
+ "ds_last": "1",
29
+ "ds_average": "1",
30
+ "ds_total": "0",
31
+ "ds_tickness": 1,
32
+ "ds_color_line_mode": "1",
33
+ "ds_color_line": "#ff99cc"
34
+ },
35
+ "legend": "connTime",
36
+ "stack": 0,
37
+ "warn": null,
38
+ "warn_low": null,
39
+ "crit": null,
40
+ "crit_low": null,
41
+ "ds_color_area_warn": "#ff9a13",
42
+ "ds_color_area_crit": "#e00b3d",
43
+ "ds_order": 0,
44
+ "data": [
45
+ 0.56718666667, 0.30173333333, 0.25002666667, 0.49318666667,
46
+ 0.38298666667, 0.73857333333, 0.12757333333, 0.87394666667, 0.25628,
47
+ 0.38088, 0.70997333333, 0.38341333333, 0.22105333333, 0.39570666667,
48
+ 0.26684, 0.81090666667, 0.56462666667, 0.61432, 0.037693333333,
49
+ 0.73582666667, 0.76090666667, 0.24122666667, 0.24229333333,
50
+ 0.078333333333, 0.28768, 0.27822666667, 0.20410666667, 0.27005333333,
51
+ 0.5438, 0.63, 0.16918666667, 0.33612, 0.18606666667, 0.55945333333,
52
+ 0.24682666667, 0.14942666667, 0.063586666667, 0.026813333333, 0.1102,
53
+ 0.80133333333, 0.49825333333, 0.41462666667, 0.066413333333, 0.77688,
54
+ 0.53873333333, 0.95846666667, 0.202, 0.34449333333, 0.53013333333,
55
+ 0.10358666667, 0.91396, 0.25573333333, 0.17638, 0.44002, 0.50977,
56
+ 0.098876666667, 0.16456, 0.75581, 0.67874333333, 0.10694333333,
57
+ 0.88898333333, 0.54368666667, 0.96525333333, 0.72881, 0.30359333333,
58
+ 0.22523, 0.51537666667, 0.48394666667, 0.96304333333, 0.86087666667,
59
+ 0.15870666667, 0.42924333333, 0.88948, 0.071716666667, 0.14552, 0.02565,
60
+ 0.27741666667, 0.88069666667, 0.73016333333, 0.15583, 0.82667, 0.0766,
61
+ 0.70442666667, 0.51388333333, 0.12266666667, 0.53865, 0.45085666667,
62
+ 0.60248, 0.72897333333, 0.30018, 0.58435666667, 0.25868333333, 0.03707,
63
+ 0.53251333333, 0.11963333333, 0.10149, 0.61234333333, 0.11096,
64
+ 0.28370333333, 0.025263333333, 0.83724666667, 0.92001666667, 0.22016,
65
+ 0.77135666667, 0.85794, 0.83458666667, 0.6349, 0.60224666667,
66
+ 0.26517333333, 0.69308333333, 0.94262666667, 0.94751, 0.60268333333,
67
+ 0.084863333333, 0.77193333333, 0.49709666667, 0.41857, 0.57631,
68
+ 0.55958666667, 0.22972, 0.34301, 0.91417, 0.15937333333, 0.94685,
69
+ 0.80927666667, 0.5433, 0.68836666667, 0.045213333333, 0.20221333333,
70
+ 0.25928, 0.028996666667, 0.55647333333, 0.53334333333, 0.070596666667,
71
+ 0.37599666667, 0.55636666667, 0.92541, 0.54608333333, 0.40597, 0.78954
72
+ ],
73
+ "prints": [["Last:0.79"], ["Min:0.03"], ["Max:0.97"], ["Average:0.45"]],
74
+ "last_value": 0.79,
75
+ "minimum_value": 0.03,
76
+ "maximum_value": 0.97,
77
+ "average_value": 0.45
78
+ },
79
+ {
80
+ "index_id": 4811,
81
+ "metric_id": 11757,
82
+ "metric": "querytime",
83
+ "metric_legend": "querytime",
84
+ "unit": "s",
85
+ "hidden": 0,
86
+ "min": null,
87
+ "max": null,
88
+ "virtual": 0,
89
+ "ds_data": {
90
+ "ds_min": "1",
91
+ "ds_max": "1",
92
+ "ds_minmax_int": "0",
93
+ "ds_last": "1",
94
+ "ds_average": "1",
95
+ "ds_total": "0",
96
+ "ds_tickness": 1,
97
+ "ds_color_line_mode": "1",
98
+ "ds_color_line": "#6666ff"
99
+ },
100
+ "legend": "querytime",
101
+ "stack": 0,
102
+ "warn": null,
103
+ "warn_low": null,
104
+ "crit": null,
105
+ "crit_low": null,
106
+ "ds_color_area_warn": "#ff9a13",
107
+ "ds_color_area_crit": "#e00b3d",
108
+ "ds_order": 0,
109
+ "data": [
110
+ 0.21217333333, 0.87482666667, 0.37050666667, 0.22261333333,
111
+ 0.27658666667, 0.89249333333, 0.42810666667, 0.17090666667, 0.19776,
112
+ 0.66197333333, 0.74858666667, 0.16696, 0.069626666667, 0.47496, 0.2282,
113
+ 0.0994, 0.64774666667, 0.66953333333, 0.77124, 0.3936, 0.15710666667,
114
+ 0.93925333333, 0.20773333333, 0.071226666667, 0.41626666667,
115
+ 0.21069333333, 0.6382, 0.44053333333, 0.60597333333, 0.21082666667,
116
+ 0.47862666667, 0.29146666667, 0.209, 0.65845333333, 0.04784,
117
+ 0.76081333333, 0.65816, 0.73236, 0.28733333333, 0.59522666667,
118
+ 0.62157333333, 0.31906666667, 0.18461333333, 0.26982666667,
119
+ 0.040226666667, 0.59405333333, 0.90810666667, 0.78957333333,
120
+ 0.80093333333, 0.86164, 0.1834, 0.018146666667, 0.72887666667, 0.08997,
121
+ 0.00938, 0.26547333333, 0.70833, 0.39817333333, 0.76854, 0.04771,
122
+ 0.083183333333, 0.62004, 0.63879333333, 0.82478, 0.11057666667,
123
+ 0.084923333333, 0.49069, 0.54518666667, 0.23475666667, 0.20845333333,
124
+ 0.23913, 0.13912, 0.51599333333, 0.081483333333, 0.69169333333, 0.74981,
125
+ 0.28310666667, 0.27764, 0.67425666667, 0.26406666667, 0.16725,
126
+ 0.39128666667, 0.76818333333, 0.89565333333, 0.85860666667, 0.89279,
127
+ 0.55445666667, 0.45664666667, 0.85574666667, 0.05364, 0.59358333333,
128
+ 0.29600333333, 0.050543333333, 0.33603666667, 0.05402, 0.63879,
129
+ 0.65424666667, 0.48697333333, 0.57888, 0.87366, 0.76553666667,
130
+ 0.79290333333, 0.19598333333, 0.070383333333, 0.51874333333,
131
+ 0.077163333333, 0.81027, 0.29754666667, 0.74227, 0.14934333333,
132
+ 0.27802666667, 0.43610333333, 0.76007333333, 0.96106333333,
133
+ 0.30789333333, 0.44346, 0.66247666667, 0.20710666667, 0.91763,
134
+ 0.39694333333, 0.43186333333, 0.18601666667, 0.22477, 0.93644333333,
135
+ 0.53752, 0.71947666667, 0.15373666667, 0.28785666667, 0.09141, 0.27427,
136
+ 0.76049666667, 0.46826666667, 0.54427666667, 0.59150666667,
137
+ 0.72795333333, 0.67562666667, 0.97103666667, 0.065476666667,
138
+ 0.35148666667, 0.81253666667
139
+ ],
140
+ "prints": [["Last:0.81"], ["Min:0.01"], ["Max:0.97"], ["Average:0.45"]],
141
+ "last_value": 0.81,
142
+ "minimum_value": 0.01,
143
+ "maximum_value": 0.97,
144
+ "average_value": 0.45
145
+ },
146
+ {
147
+ "index_id": 4811,
148
+ "metric_id": 11756,
149
+ "metric": "used",
150
+ "metric_legend": "used",
151
+ "unit": "%",
152
+ "hidden": 0,
153
+ "min": null,
154
+ "max": null,
155
+ "virtual": 0,
156
+ "ds_data": {
157
+ "compo_id": 8,
158
+ "host_id": null,
159
+ "service_id": null,
160
+ "name": "Used",
161
+ "ds_order": 1,
162
+ "ds_hidecurve": null,
163
+ "ds_name": "used",
164
+ "ds_color_line": "#2B28D7",
165
+ "ds_color_line_mode": "0",
166
+ "ds_color_area": "#050AF9",
167
+ "ds_color_area_warn": null,
168
+ "ds_color_area_crit": null,
169
+ "ds_filled": "1",
170
+ "ds_max": null,
171
+ "ds_min": null,
172
+ "ds_minmax_int": "0",
173
+ "ds_average": "1",
174
+ "ds_last": "1",
175
+ "ds_total": "0",
176
+ "ds_tickness": 1,
177
+ "ds_transparency": "80",
178
+ "ds_invert": null,
179
+ "ds_legend": null,
180
+ "ds_jumpline": "0",
181
+ "ds_stack": null,
182
+ "default_tpl1": null,
183
+ "comment": null
184
+ },
185
+ "legend": "used",
186
+ "stack": 0,
187
+ "warn": null,
188
+ "warn_low": null,
189
+ "crit": null,
190
+ "crit_low": null,
191
+ "ds_color_area_warn": "#ff9a13",
192
+ "ds_color_area_crit": "#e00b3d",
193
+ "ds_order": 1,
194
+ "data": [
195
+ 91.596026667, 90.088853333, 89.076053333, 90.53204, 90.893426667,
196
+ 89.506986667, 90.81108, 90.729013333, 92.19964, 93.897066667,
197
+ 95.224346667, 94.630386667, 95.821773333, 96.9134, 97.077026667,
198
+ 97.41528, 97.024093333, 96.81924, 97.259613333, 98.342426667,
199
+ 99.564506667, 98.086933333, 96.482493333, 95.24396, 95.435546667,
200
+ 94.196613333, 95.7448, 96.646346667, 95.380866667, 94.330986667,
201
+ 93.289573333, 94.292373333, 93.915586667, 93.01628, 93.919346667,
202
+ 92.278466667, 93.340773333, 95.046573333, 95.62464, 94.912653333,
203
+ 93.616666667, 93.305546667, 91.418546667, 90.48372, 91.884453333,
204
+ 91.26452, 93.03976, 94.966226667, 95.96928, 95.0118, 93.965733333,
205
+ 92.588453333, 90.644313333, 89.90091, 88.758356667, 88.809916667,
206
+ 87.401056667, 89.171536667, 88.56418, 90.24447, 92.145993333,
207
+ 90.846546667, 89.730936667, 91.40096, 92.009683333, 93.402173333,
208
+ 94.77448, 94.395426667, 95.178323333, 94.597796667, 93.762883333,
209
+ 94.440423333, 96.117853333, 98.09795, 98.096856667, 98.0051, 97.2076,
210
+ 96.59683, 95.66872, 94.895236667, 94.183176667, 95.20991, 93.487326667,
211
+ 95.11196, 96.17254, 95.36402, 95.04598, 95.81108, 96.592856667,
212
+ 97.519016667, 95.694766667, 93.71986, 92.31186, 92.297203333,
213
+ 93.977303333, 94.92134, 94.19941, 94.312423333, 93.282446667,
214
+ 92.786066667, 91.01389, 92.46833, 93.794936667, 93.967106667, 95.2182,
215
+ 95.01283, 94.80073, 93.796613333, 93.586066667, 95.26651, 94.24732,
216
+ 94.895046667, 94.41728, 92.538953333, 91.597866667, 91.568753333,
217
+ 92.31712, 92.778953333, 91.32957, 90.589156667, 89.515163333,
218
+ 90.598206667, 89.587826667, 88.00329, 89.227006667, 89.304113333,
219
+ 89.37475, 87.6527, 87.395236667, 85.901193333, 87.65716, 89.258466667,
220
+ 90.305483333, 90.81863, 92.16478, 93.21469, 93.78806, 92.083266667,
221
+ 92.926106667, 91.584036667
222
+ ],
223
+ "prints": [["Last:91.58"], ["Average:93.26"]],
224
+ "last_value": 91.58,
225
+ "minimum_value": null,
226
+ "maximum_value": null,
227
+ "average_value": 93.26
228
+ }
229
+ ],
230
+ "times": [
231
+ "2023-06-01T23:55:00+02:00",
232
+ "2023-06-02T00:00:00+02:00",
233
+ "2023-06-02T00:05:00+02:00",
234
+ "2023-06-02T00:10:00+02:00",
235
+ "2023-06-02T00:15:00+02:00",
236
+ "2023-06-02T00:20:00+02:00",
237
+ "2023-06-02T00:25:00+02:00",
238
+ "2023-06-02T00:30:00+02:00",
239
+ "2023-06-02T00:35:00+02:00",
240
+ "2023-06-02T00:40:00+02:00",
241
+ "2023-06-02T00:45:00+02:00",
242
+ "2023-06-02T00:50:00+02:00",
243
+ "2023-06-02T00:55:00+02:00",
244
+ "2023-06-02T01:00:00+02:00",
245
+ "2023-06-02T01:05:00+02:00",
246
+ "2023-06-02T01:10:00+02:00",
247
+ "2023-06-02T01:15:00+02:00",
248
+ "2023-06-02T01:20:00+02:00",
249
+ "2023-06-02T01:25:00+02:00",
250
+ "2023-06-02T01:30:00+02:00",
251
+ "2023-06-02T01:35:00+02:00",
252
+ "2023-06-02T01:40:00+02:00",
253
+ "2023-06-02T01:45:00+02:00",
254
+ "2023-06-02T01:50:00+02:00",
255
+ "2023-06-02T01:55:00+02:00",
256
+ "2023-06-02T02:00:00+02:00",
257
+ "2023-06-02T02:05:00+02:00",
258
+ "2023-06-02T02:10:00+02:00",
259
+ "2023-06-02T02:15:00+02:00",
260
+ "2023-06-02T02:20:00+02:00",
261
+ "2023-06-02T02:25:00+02:00",
262
+ "2023-06-02T02:30:00+02:00",
263
+ "2023-06-02T02:35:00+02:00",
264
+ "2023-06-02T02:40:00+02:00",
265
+ "2023-06-02T02:45:00+02:00",
266
+ "2023-06-02T02:50:00+02:00",
267
+ "2023-06-02T02:55:00+02:00",
268
+ "2023-06-02T03:00:00+02:00",
269
+ "2023-06-02T03:05:00+02:00",
270
+ "2023-06-02T03:10:00+02:00",
271
+ "2023-06-02T03:15:00+02:00",
272
+ "2023-06-02T03:20:00+02:00",
273
+ "2023-06-02T03:25:00+02:00",
274
+ "2023-06-02T03:30:00+02:00",
275
+ "2023-06-02T03:35:00+02:00",
276
+ "2023-06-02T03:40:00+02:00",
277
+ "2023-06-02T03:45:00+02:00",
278
+ "2023-06-02T03:50:00+02:00",
279
+ "2023-06-02T03:55:00+02:00",
280
+ "2023-06-02T04:00:00+02:00",
281
+ "2023-06-02T04:05:00+02:00",
282
+ "2023-06-02T04:10:00+02:00",
283
+ "2023-06-02T04:15:00+02:00",
284
+ "2023-06-02T04:20:00+02:00",
285
+ "2023-06-02T04:25:00+02:00",
286
+ "2023-06-02T04:30:00+02:00",
287
+ "2023-06-02T04:35:00+02:00",
288
+ "2023-06-02T04:40:00+02:00",
289
+ "2023-06-02T04:45:00+02:00",
290
+ "2023-06-02T04:50:00+02:00",
291
+ "2023-06-02T04:55:00+02:00",
292
+ "2023-06-02T05:00:00+02:00",
293
+ "2023-06-02T05:05:00+02:00",
294
+ "2023-06-02T05:10:00+02:00",
295
+ "2023-06-02T05:15:00+02:00",
296
+ "2023-06-02T05:20:00+02:00",
297
+ "2023-06-02T05:25:00+02:00",
298
+ "2023-06-02T05:30:00+02:00",
299
+ "2023-06-02T05:35:00+02:00",
300
+ "2023-06-02T05:40:00+02:00",
301
+ "2023-06-02T05:45:00+02:00",
302
+ "2023-06-02T05:50:00+02:00",
303
+ "2023-06-02T05:55:00+02:00",
304
+ "2023-06-02T06:00:00+02:00",
305
+ "2023-06-02T06:05:00+02:00",
306
+ "2023-06-02T06:10:00+02:00",
307
+ "2023-06-02T06:15:00+02:00",
308
+ "2023-06-02T06:20:00+02:00",
309
+ "2023-06-02T06:25:00+02:00",
310
+ "2023-06-02T06:30:00+02:00",
311
+ "2023-06-02T06:35:00+02:00",
312
+ "2023-06-02T06:40:00+02:00",
313
+ "2023-06-02T06:45:00+02:00",
314
+ "2023-06-02T06:50:00+02:00",
315
+ "2023-06-02T06:55:00+02:00",
316
+ "2023-06-02T07:00:00+02:00",
317
+ "2023-06-02T07:05:00+02:00",
318
+ "2023-06-02T07:10:00+02:00",
319
+ "2023-06-02T07:15:00+02:00",
320
+ "2023-06-02T07:20:00+02:00",
321
+ "2023-06-02T07:25:00+02:00",
322
+ "2023-06-02T07:30:00+02:00",
323
+ "2023-06-02T07:35:00+02:00",
324
+ "2023-06-02T07:40:00+02:00",
325
+ "2023-06-02T07:45:00+02:00",
326
+ "2023-06-02T07:50:00+02:00",
327
+ "2023-06-02T07:55:00+02:00",
328
+ "2023-06-02T08:00:00+02:00",
329
+ "2023-06-02T08:05:00+02:00",
330
+ "2023-06-02T08:10:00+02:00",
331
+ "2023-06-02T08:15:00+02:00",
332
+ "2023-06-02T08:20:00+02:00",
333
+ "2023-06-02T08:25:00+02:00",
334
+ "2023-06-02T08:30:00+02:00",
335
+ "2023-06-02T08:35:00+02:00",
336
+ "2023-06-02T08:40:00+02:00",
337
+ "2023-06-02T08:45:00+02:00",
338
+ "2023-06-02T08:50:00+02:00",
339
+ "2023-06-02T08:55:00+02:00",
340
+ "2023-06-02T09:00:00+02:00",
341
+ "2023-06-02T09:05:00+02:00",
342
+ "2023-06-02T09:10:00+02:00",
343
+ "2023-06-02T09:15:00+02:00",
344
+ "2023-06-02T09:20:00+02:00",
345
+ "2023-06-02T09:25:00+02:00",
346
+ "2023-06-02T09:30:00+02:00",
347
+ "2023-06-02T09:35:00+02:00",
348
+ "2023-06-02T09:40:00+02:00",
349
+ "2023-06-02T09:45:00+02:00",
350
+ "2023-06-02T09:50:00+02:00",
351
+ "2023-06-02T09:55:00+02:00",
352
+ "2023-06-02T10:00:00+02:00",
353
+ "2023-06-02T10:05:00+02:00",
354
+ "2023-06-02T10:10:00+02:00",
355
+ "2023-06-02T10:15:00+02:00",
356
+ "2023-06-02T10:20:00+02:00",
357
+ "2023-06-02T10:25:00+02:00",
358
+ "2023-06-02T10:30:00+02:00",
359
+ "2023-06-02T10:35:00+02:00",
360
+ "2023-06-02T10:40:00+02:00",
361
+ "2023-06-02T10:45:00+02:00",
362
+ "2023-06-02T10:50:00+02:00",
363
+ "2023-06-02T10:55:00+02:00",
364
+ "2023-06-02T11:00:00+02:00",
365
+ "2023-06-02T11:05:00+02:00",
366
+ "2023-06-02T11:10:00+02:00",
367
+ "2023-06-02T11:15:00+02:00",
368
+ "2023-06-02T11:20:00+02:00",
369
+ "2023-06-02T11:25:00+02:00",
370
+ "2023-06-02T11:30:00+02:00"
371
+ ]
372
+ }
package/src/Home.mdx ADDED
@@ -0,0 +1,41 @@
1
+ {/* Home.mdx */}
2
+
3
+ import { Meta } from '@storybook/addon-docs'
4
+ import { Typography, Link, Stack } from '@mui/material'
5
+
6
+
7
+ <Meta title="Home" />
8
+
9
+ <Typography variant="h4">Welcome to Centreon UI</Typography>
10
+ <br />
11
+
12
+ <Typography>This project contains design system's component used in every Centreon projects using ReactJS</Typography>
13
+ <br />
14
+
15
+ <Typography>Discover older versions of the Centreon UI's storybook</Typography>
16
+ <Stack>
17
+ <Link href="https://storybook.centreon.com/index.html" target="__blank" rel="noopener noreferrer">
18
+ <Typography>Latest</Typography>
19
+ </Link>
20
+ <Link href="https://storybook.centreon.com/23.04/index.html" target="__blank" rel="noopener noreferrer">
21
+ <Typography>23.04</Typography>
22
+ </Link>
23
+ <Link href="https://storybook.centreon.com/22.10/index.html" target="__blank" rel="noopener noreferrer">
24
+ <Typography>22.10</Typography>
25
+ </Link>
26
+ <Link href="https://storybook.centreon.com/22.04/index.html" target="__blank" rel="noopener noreferrer">
27
+ <Typography>22.04</Typography>
28
+ </Link>
29
+ <Link href="https://storybook.centreon.com/21.10/index.html" target="__blank" rel="noopener noreferrer">
30
+ <Typography>21.10</Typography>
31
+ </Link>
32
+ <Link href="https://storybook.centreon.com/21.04/index.html" target="__blank" rel="noopener noreferrer">
33
+ <Typography>21.04</Typography>
34
+ </Link>
35
+ <Link href="https://storybook.centreon.com/20.10/index.html" target="__blank" rel="noopener noreferrer">
36
+ <Typography>20.10</Typography>
37
+ </Link>
38
+ <Link href="https://storybook.centreon.com/20.04/index.html" target="__blank" rel="noopener noreferrer">
39
+ <Typography>20.04</Typography>
40
+ </Link>
41
+ </Stack>
package/src/Icon/AcknowledgementIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import { Person } from '@mui/icons-material';
2
+ import { SvgIconProps } from '@mui/material';
3
+
4
+ import BaseIcon from './BaseIcon';
5
+
6
+ export const AcknowledgementIcon = (props: SvgIconProps): JSX.Element => (
7
+ <BaseIcon Icon={Person} dataTestId="AcknowledgementIcon" {...props} />
8
+ );
package/src/Icon/BaseIcon.tsx ADDED
@@ -0,0 +1,32 @@
1
+ import { has } from 'ramda';
2
+
3
+ import { SvgIcon, SvgIconProps, SvgIconTypeMap } from '@mui/material';
4
+ import { OverridableComponent } from '@mui/material/OverridableComponent';
5
+
6
+ interface Props extends SvgIconProps {
7
+ Icon: JSX.Element | OverridableComponent<SvgIconTypeMap>;
8
+ dataTestId?: string;
9
+ }
10
+
11
+ const BaseIcon = ({ Icon, dataTestId, ...props }: Props): JSX.Element => {
12
+ if (!has('key', Icon)) {
13
+ const Component = Icon as (props: SvgIconProps) => JSX.Element;
14
+
15
+ return (
16
+ <SvgIcon
17
+ data-testid={dataTestId || (Icon as () => JSX.Element).name}
18
+ {...props}
19
+ >
20
+ <Component />
21
+ </SvgIcon>
22
+ );
23
+ }
24
+
25
+ return (
26
+ <SvgIcon data-testid={dataTestId} {...props}>
27
+ {Icon as JSX.Element}
28
+ </SvgIcon>
29
+ );
30
+ };
31
+
32
+ export default BaseIcon;
package/src/Icon/BusinessActivityIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import AccountTreeIcon from '@mui/icons-material/AccountTree';
2
+ import { SvgIconProps } from '@mui/material';
3
+
4
+ import BaseIcon from './BaseIcon';
5
+
6
+ export const BusinessActivityIcon = (props: SvgIconProps): JSX.Element => (
7
+ <BaseIcon
8
+ Icon={AccountTreeIcon}
9
+ dataTestId="BusinessActivityIcon"
10
+ {...props}
11
+ />
12
+ );
package/src/Icon/ContainerIcon.tsx ADDED
@@ -0,0 +1,20 @@
1
+ import { SvgIconProps } from '@mui/material';
2
+
3
+ import BaseIcon from './BaseIcon';
4
+
5
+ const icon = (
6
+ <g>
7
+ <path d="M301 745.9L28 662.4c-7.4-2.3-12.5-9.2-12.5-16.9V270.4c0-5.7 2.7-10.9 7.3-14.3 4.6-3.3 10.4-4.2 15.8-2.5l273.1 88.5c7.3 2.4 12.2 9.1 12.2 16.8V729c0 5.6-2.7 10.9-7.2 14.2-3.1 2.3-6.8 3.5-10.5 3.5-1.8-.1-3.5-.3-5.2-.8zm5.2-16.9l5.2-16.9-5.2 16.9zM50.8 632.4l237.8 72.7V371.7l-237.8-77v337.7z" />
8
+ <path d="M295.7 743.2c-4.5-3.3-7.2-8.6-7.2-14.2V358.8c0-7.6 4.9-14.4 12.2-16.8l273.1-88.5c5.4-1.8 11.3-.8 15.8 2.5 4.6 3.4 7.3 8.7 7.3 14.3v375.1c0 7.8-5 14.6-12.5 16.9l-273.1 83.4-5.2-16.9 5.2 16.9c-1.7.5-3.4.8-5.2.8-3.6.1-7.3-1-10.4-3.3zm28.2-371.5V705l237.8-72.7V294.7l-237.8 77zM16.3 275.9c-3-9.3 2.1-19.3 11.4-22.3L300.8 165c9.2-3 19.2 2.1 22.2 11.3 3 9.3-2.1 19.3-11.3 22.2L38.6 287.2c-1.8.6-3.7.9-5.5.9-7.4-.1-14.3-4.8-16.8-12.2z" />
9
+ <path d="M573.9 287.2l-273-88.5c-9.3-3-14.4-13-11.4-22.2 3-9.3 13-14.4 22.2-11.3l273.1 88.5c9.3 3 14.4 13 11.4 22.3-2.4 7.4-9.4 12.2-16.8 12.2-1.9-.1-3.7-.5-5.5-1zm-131.3 42.5l-273.1-88.5c-9.3-3-14.4-13-11.4-22.2 3-9.3 12.9-14.4 22.3-11.4l273 88.5c9.3 3 14.4 13 11.4 22.3-2.4 7.4-9.3 12.2-16.8 12.2-1.7 0-3.5-.3-5.4-.9z" />
10
+ </g>
11
+ );
12
+
13
+ export const ContainerIcon = (props: SvgIconProps): JSX.Element => (
14
+ <BaseIcon
15
+ {...props}
16
+ dataTestId="ContainerIcon"
17
+ Icon={icon}
18
+ viewBox="6 156 600 600"
19
+ />
20
+ );
package/src/Icon/DowntimeIcon.tsx ADDED
@@ -0,0 +1,21 @@
1
+ import { SvgIconProps } from '@mui/material';
2
+
3
+ import BaseIcon from './BaseIcon';
4
+
5
+ const icon = (
6
+ <g>
7
+ <path d="M7.6215 5.243C7.9422 5.243 8.2557 5.1479 8.52236 4.96972C8.78901 4.79155 8.99685 4.53831 9.11958 4.24202C9.2423 3.94573 9.27441 3.6197 9.21185 3.30516C9.14928 2.99062 8.99485 2.70169 8.76808 2.47492C8.54131 2.24815 8.25238 2.09372 7.93784 2.03116C7.6233 1.96859 7.29727 2.0007 7.00098 2.12343C6.70469 2.24616 6.45145 2.45399 6.27327 2.72065C6.0951 2.9873 6 3.30079 6 3.6215C6 4.05155 6.17084 4.46398 6.47493 4.76807C6.77902 5.07216 7.19145 5.243 7.6215 5.243Z" />
8
+ <path d="M17.8192 12.3739C17.743 12.1905 17.6143 12.0338 17.4492 11.9235C17.2841 11.8132 17.0901 11.7541 16.8915 11.7538C16.8915 11.7538 14.9107 11.4903 14.3232 11.8736C14.0659 12.083 13.8556 12.3442 13.706 12.6403L10.396 12.1161C10.142 11.2785 9.05429 8.10738 9.05429 8.10738L8.24354 6.81076C8.09994 6.57117 7.89855 6.37142 7.6578 6.22979C7.41705 6.08815 7.14463 6.00914 6.86545 6C6.64749 6.01064 6.43062 6.03754 6.21666 6.0805L2 7.86971V11.68H2.23096L4.36037 12.0174L2.81746 19.7866H4.52041L5.979 13.3006L7.68196 14.9221V19.7866H9.30345V13.706L8.16304 12.6183L13.3649 13.4415L10.4094 19.9725L20.928 19.8671L17.8192 12.3739ZM8.03845 9.87167C8.03845 9.87167 8.59142 11.1712 8.88179 11.8736L7.67525 11.682L8.03845 9.87167ZM3.62437 11.0408V8.921L5.08295 8.35368L4.52137 11.1827L3.62437 11.0408Z" />
9
+ </g>
10
+ );
11
+
12
+ export const DowntimeIcon = (props: SvgIconProps): JSX.Element => (
13
+ <BaseIcon
14
+ {...props}
15
+ dataTestId="DowntimeIcon"
16
+ Icon={icon}
17
+ height="24"
18
+ viewBox="0 0 24 24"
19
+ width="24"
20
+ />
21
+ );
package/src/Icon/HostGroupIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import BusinessIcon from '@mui/icons-material/Business';
2
+ import { SvgIconProps } from '@mui/material';
3
+
4
+ import BaseIcon from './BaseIcon';
5
+
6
+ export const HostGroupIcon = (props: SvgIconProps): JSX.Element => (
7
+ <BaseIcon Icon={BusinessIcon} dataTestId="HostGroupIcon" {...props} />
8
+ );
package/src/Icon/HostIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import { Dns } from '@mui/icons-material';
2
+ import { SvgIconProps } from '@mui/material';
3
+
4
+ import BaseIcon from './BaseIcon';
5
+
6
+ export const HostIcon = (props: SvgIconProps): JSX.Element => (
7
+ <BaseIcon Icon={Dns} dataTestId="HostIcon" {...props} />
8
+ );
package/src/Icon/IconAttach/index.tsx CHANGED
@@ -1,6 +1,3 @@
1
- /* eslint-disable jsx-a11y/no-static-element-interactions */
2
- /* eslint-disable jsx-a11y/click-events-have-key-events */
3
-
4
1
  import { makeStyles } from 'tss-react/mui';
5
2
 
6
3
  const useStyles = makeStyles()((theme) => ({
@@ -45,13 +42,11 @@ interface Props {
45
42
  defaultImage: string;
46
43
  imgSource: string;
47
44
  labelNoIcon?: string;
48
- onClick: () => void;
49
45
  title: string;
50
46
  uploadedImage: string;
51
47
  }
52
48
 
53
49
  const IconAttach = ({
54
- onClick,
55
50
  defaultImage,
56
51
  uploadedImage,
57
52
  imgSource,
@@ -61,7 +56,7 @@ const IconAttach = ({
61
56
  const { classes } = useStyles();
62
57
 
63
58
  return (
64
- <span className={classes.iconAttach} onClick={onClick}>
59
+ <span className={classes.iconAttach}>
65
60
  {defaultImage && (
66
61
  <span className={classes.iconAttachLabel}>{labelNoIcon}</span>
67
62
  )}
package/src/Icon/MetaServiceIcon.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import SettingsInputSvideoIcon from '@mui/icons-material/SettingsInputSvideo';
2
+ import { SvgIconProps } from '@mui/material';
3
+
4
+ import BaseIcon from './BaseIcon';
5
+
6
+ export const MetaServiceIcon = (props: SvgIconProps): JSX.Element => (
7
+ <BaseIcon
8
+ Icon={SettingsInputSvideoIcon}
9
+ dataTestId="MetaServiceIcon"
10
+ {...props}
11
+ />
12
+ );
package/src/Icon/ServiceGroupIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import LinearScaleIcon from '@mui/icons-material/LinearScale';
2
+ import { SvgIconProps } from '@mui/material';
3
+
4
+ import BaseIcon from './BaseIcon';
5
+
6
+ export const ServiceGroupIcon = (props: SvgIconProps): JSX.Element => (
7
+ <BaseIcon Icon={LinearScaleIcon} dataTestId="ServiceGroupIcon" {...props} />
8
+ );
package/src/Icon/ServiceIcon.tsx ADDED
@@ -0,0 +1,8 @@
1
+ import { Grain } from '@mui/icons-material';
2
+ import { SvgIconProps } from '@mui/material';
3
+
4
+ import BaseIcon from './BaseIcon';
5
+
6
+ export const ServiceIcon = (props: SvgIconProps): JSX.Element => (
7
+ <BaseIcon Icon={Grain} dataTestId="ServiceIcon" {...props} />
8
+ );
package/src/Icon/index.ts ADDED
@@ -0,0 +1,9 @@
1
+ export { DowntimeIcon } from './DowntimeIcon';
2
+ export { AcknowledgementIcon } from './AcknowledgementIcon';
3
+ export { HostIcon } from './HostIcon';
4
+ export { ServiceIcon } from './ServiceIcon';
5
+ export { BusinessActivityIcon } from './BusinessActivityIcon';
6
+ export { HostGroupIcon } from './HostGroupIcon';
7
+ export { ServiceGroupIcon } from './ServiceGroupIcon';
8
+ export { MetaServiceIcon } from './MetaServiceIcon';
9
+ export { ContainerIcon } from './ContainerIcon';