@centreon/ui 23.10.37 → 23.10.39

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 (388) hide show
  1. package/README.md +44 -14
  2. package/package.json +84 -26
  3. package/public/README.md +39 -0
  4. package/public/mockServiceWorker.js +303 -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/Button/Icon/index.tsx +1 -1
  14. package/src/Button/Save/index.stories.tsx +10 -5
  15. package/src/Button/Save/index.tsx +1 -1
  16. package/src/Checkbox/Checkbox.tsx +107 -0
  17. package/src/Checkbox/CheckboxGroup/index.stories.tsx +41 -0
  18. package/src/Checkbox/CheckboxGroup/index.tsx +66 -0
  19. package/src/Checkbox/index.stories.tsx +39 -0
  20. package/src/Checkbox/index.tsx +2 -0
  21. package/src/Dashboard/Dashboard.styles.ts +85 -0
  22. package/src/Dashboard/DashboardLayout.stories.tsx +104 -0
  23. package/src/Dashboard/Grid.tsx +70 -0
  24. package/src/Dashboard/Item.tsx +81 -0
  25. package/src/Dashboard/Layout.tsx +74 -0
  26. package/src/Dashboard/index.tsx +9 -0
  27. package/src/Dashboard/utils.ts +28 -0
  28. package/src/Dialog/Confirm/index.tsx +14 -4
  29. package/src/Dialog/Duplicate/index.test.tsx +1 -1
  30. package/src/Dialog/index.tsx +14 -2
  31. package/src/FallbackPage/FallbackPage.tsx +2 -2
  32. package/src/FileDropZone/index.tsx +1 -1
  33. package/src/Form/CollapsibleGroup.tsx +15 -5
  34. package/src/Form/{index.stories.tsx → Form.stories.tsx} +2 -3
  35. package/src/Form/Form.styles.ts +11 -0
  36. package/src/Form/{index.tsx → Form.tsx} +38 -16
  37. package/src/Form/FormButtons.tsx +2 -4
  38. package/src/Form/Inputs/Autocomplete.tsx +1 -1
  39. package/src/Form/Inputs/Checkbox.tsx +57 -0
  40. package/src/Form/Inputs/CheckboxGroup.tsx +76 -0
  41. package/src/Form/Inputs/Grid.tsx +4 -2
  42. package/src/Form/Inputs/Radio.tsx +1 -1
  43. package/src/Form/Inputs/Switch.tsx +1 -1
  44. package/src/Form/Inputs/Text.tsx +18 -7
  45. package/src/Form/Inputs/index.tsx +30 -12
  46. package/src/Form/Inputs/models.ts +17 -2
  47. package/src/Form/index.ts +1 -0
  48. package/src/Form/storiesData.tsx +50 -3
  49. package/src/Graph/BasicComponents/Axes/UnitLabel.tsx +20 -0
  50. package/src/Graph/BasicComponents/Axes/index.tsx +88 -0
  51. package/src/Graph/BasicComponents/Axes/models.ts +26 -0
  52. package/src/Graph/BasicComponents/Axes/useAxisY.ts +100 -0
  53. package/src/Graph/BasicComponents/Grids/index.tsx +20 -0
  54. package/src/Graph/BasicComponents/Lines/RegularLines/index.tsx +91 -0
  55. package/src/Graph/BasicComponents/Lines/RegularLines/useRegularLines.ts +15 -0
  56. package/src/Graph/BasicComponents/Lines/StackedLines/index.tsx +76 -0
  57. package/src/Graph/BasicComponents/Lines/StackedLines/useStackedLines.ts +39 -0
  58. package/src/Graph/BasicComponents/Lines/Threshold/BasicThreshold.tsx +51 -0
  59. package/src/Graph/BasicComponents/Lines/Threshold/Circle.tsx +43 -0
  60. package/src/Graph/BasicComponents/Lines/Threshold/ThresholdWithPatternLines.tsx +73 -0
  61. package/src/Graph/BasicComponents/Lines/Threshold/ThresholdWithVariation.tsx +59 -0
  62. package/src/Graph/BasicComponents/Lines/Threshold/helpers/index.ts +69 -0
  63. package/src/Graph/BasicComponents/Lines/Threshold/index.tsx +138 -0
  64. package/src/Graph/BasicComponents/Lines/Threshold/models.ts +105 -0
  65. package/src/Graph/BasicComponents/Lines/Threshold/useCoordinateCircle.ts +46 -0
  66. package/src/Graph/BasicComponents/Lines/Threshold/useScaleThreshold.ts +171 -0
  67. package/src/Graph/BasicComponents/Lines/index.tsx +180 -0
  68. package/src/Graph/BasicComponents/Lines/models.ts +42 -0
  69. package/src/Graph/BasicComponents/LoadingProgress.tsx +46 -0
  70. package/src/Graph/BasicComponents/useFilterLines.ts +60 -0
  71. package/src/Graph/Graph.styles.ts +45 -0
  72. package/src/Graph/Graph.tsx +217 -0
  73. package/src/Graph/Header/index.tsx +65 -0
  74. package/src/Graph/Icons/Downtime.tsx +9 -0
  75. package/src/Graph/InteractiveComponents/AnchorPoint/AnchorPoint.styles.ts +58 -0
  76. package/src/Graph/InteractiveComponents/AnchorPoint/GuidingLines.tsx +45 -0
  77. package/src/Graph/InteractiveComponents/AnchorPoint/RegularAnchorPoint.tsx +66 -0
  78. package/src/Graph/InteractiveComponents/AnchorPoint/StackedAnchorPoint.tsx +76 -0
  79. package/src/Graph/InteractiveComponents/AnchorPoint/TooltipAnchorPoint.tsx +70 -0
  80. package/src/Graph/InteractiveComponents/AnchorPoint/index.tsx +20 -0
  81. package/src/Graph/InteractiveComponents/AnchorPoint/models.ts +62 -0
  82. package/src/Graph/InteractiveComponents/AnchorPoint/useTickGraph.ts +94 -0
  83. package/src/Graph/InteractiveComponents/AnchorPoint/useTooltipAnchorPoint.ts +107 -0
  84. package/src/Graph/InteractiveComponents/Annotations/Annotation/Area.tsx +114 -0
  85. package/src/Graph/InteractiveComponents/Annotations/Annotation/Line.tsx +103 -0
  86. package/src/Graph/InteractiveComponents/Annotations/Annotation/index.tsx +81 -0
  87. package/src/Graph/InteractiveComponents/Annotations/Area/Downtime.tsx +27 -0
  88. package/src/Graph/InteractiveComponents/Annotations/EventAnnotations.tsx +61 -0
  89. package/src/Graph/InteractiveComponents/Annotations/Line/Acknowledgement.tsx +27 -0
  90. package/src/Graph/InteractiveComponents/Annotations/Line/Comments.tsx +25 -0
  91. package/src/Graph/InteractiveComponents/Annotations/annotationsAtoms.ts +183 -0
  92. package/src/Graph/InteractiveComponents/Annotations/index.tsx +49 -0
  93. package/src/Graph/InteractiveComponents/Annotations/models.ts +25 -0
  94. package/src/Graph/InteractiveComponents/Annotations/useAnnotation.ts +56 -0
  95. package/src/Graph/InteractiveComponents/Bar.tsx +21 -0
  96. package/src/Graph/InteractiveComponents/TimeShiftZones/TimeShiftIcon.tsx +62 -0
  97. package/src/Graph/InteractiveComponents/TimeShiftZones/TimeShiftZone.tsx +74 -0
  98. package/src/Graph/InteractiveComponents/TimeShiftZones/index.tsx +85 -0
  99. package/src/Graph/InteractiveComponents/TimeShiftZones/models.ts +12 -0
  100. package/src/Graph/InteractiveComponents/TimeShiftZones/useTimeShiftZones.ts +72 -0
  101. package/src/Graph/InteractiveComponents/Tooltip/index.tsx +59 -0
  102. package/src/Graph/InteractiveComponents/Tooltip/models.ts +9 -0
  103. package/src/Graph/InteractiveComponents/Tooltip/useGraphTooltip.ts +67 -0
  104. package/src/Graph/InteractiveComponents/ZoomPreview/index.tsx +38 -0
  105. package/src/Graph/InteractiveComponents/ZoomPreview/models.ts +9 -0
  106. package/src/Graph/InteractiveComponents/ZoomPreview/useZoomPreview.ts +107 -0
  107. package/src/Graph/InteractiveComponents/ZoomPreview/zoomPreviewAtoms.ts +3 -0
  108. package/src/Graph/InteractiveComponents/index.tsx +168 -0
  109. package/src/Graph/InteractiveComponents/interactionWithGraphAtoms.ts +51 -0
  110. package/src/Graph/Legend/InteractiveValue.tsx +22 -0
  111. package/src/Graph/Legend/Legend.styles.ts +71 -0
  112. package/src/Graph/Legend/LegendContent.tsx +27 -0
  113. package/src/Graph/Legend/LegendHeader.tsx +45 -0
  114. package/src/Graph/Legend/Marker.tsx +43 -0
  115. package/src/Graph/Legend/index.tsx +166 -0
  116. package/src/Graph/Legend/models.ts +11 -0
  117. package/src/Graph/Legend/useInteractiveValues.ts +86 -0
  118. package/src/Graph/Legend/useLegend.ts +114 -0
  119. package/src/Graph/LoadingSkeleton.tsx +44 -0
  120. package/src/Graph/common/index.ts +35 -0
  121. package/src/Graph/graphAtoms.ts +6 -0
  122. package/src/Graph/helpers/doc.ts +560 -0
  123. package/src/Graph/helpers/index.ts +58 -0
  124. package/src/Graph/index.stories.tsx +372 -0
  125. package/src/Graph/index.tsx +90 -0
  126. package/src/Graph/mockedData/annotationData.json +326 -0
  127. package/src/Graph/mockedData/exclusionPeriodFirstPeriod.json +588 -0
  128. package/src/Graph/mockedData/exclusionPeriodSecondPeriod.json +588 -0
  129. package/src/Graph/mockedData/exclusionPeriodThirdPeriod.json +581 -0
  130. package/src/Graph/mockedData/lastDay.json +1326 -0
  131. package/src/Graph/mockedData/lastDayAreaStack.json +3106 -0
  132. package/src/Graph/mockedData/lastDayForward.json +1338 -0
  133. package/src/Graph/mockedData/lastDayThreshold.json +2352 -0
  134. package/src/Graph/mockedData/lastMonth.json +1674 -0
  135. package/src/Graph/mockedData/lastWeek.json +2202 -0
  136. package/src/Graph/mockedData/zoomPreview.json +742 -0
  137. package/src/Graph/models.ts +150 -0
  138. package/src/Graph/timeSeries/index.test.ts +506 -0
  139. package/src/Graph/timeSeries/index.ts +512 -0
  140. package/src/Graph/timeSeries/models.ts +120 -0
  141. package/src/Graph/translatedLabels.ts +9 -0
  142. package/src/Graph/useGraphData.ts +47 -0
  143. package/src/Graph/useGraphIntersection.ts +36 -0
  144. package/src/Home.stories.mdx +1 -84
  145. package/src/Image/index.stories.tsx +2 -2
  146. package/src/Image/index.test.tsx +3 -3
  147. package/src/InputField/Search/PersistentTooltip.tsx +7 -2
  148. package/src/InputField/Select/Autocomplete/Connected/Multi/MultiConnectedAutocompleteField.cypress.spec.tsx +161 -0
  149. package/src/InputField/Select/Autocomplete/Connected/Multi/index.test.tsx +3 -22
  150. package/src/InputField/Select/Autocomplete/Connected/Multi/utils/index.ts +22 -0
  151. package/src/InputField/Select/Autocomplete/Connected/index.stories.tsx +0 -3
  152. package/src/InputField/Select/Autocomplete/Connected/index.test.tsx +1 -1
  153. package/src/InputField/Select/Autocomplete/Connected/index.tsx +16 -3
  154. package/src/InputField/Select/Autocomplete/Draggable/index.stories.tsx +0 -2
  155. package/src/InputField/Select/Autocomplete/index.stories.tsx +1 -10
  156. package/src/InputField/Select/Autocomplete/index.tsx +1 -1
  157. package/src/InputField/Select/index.tsx +1 -1
  158. package/src/InputField/Text/index.tsx +4 -2
  159. package/src/Listing/ActionBar/index.tsx +1 -1
  160. package/src/Listing/Cell/DataCell.styles.ts +24 -0
  161. package/src/Listing/Cell/DataCell.tsx +26 -63
  162. package/src/Listing/Cell/index.tsx +1 -1
  163. package/src/Listing/EmptyResult/EmptyResult.tsx +13 -0
  164. package/src/Listing/Header/Cell/ListingHeaderCell.styles.ts +71 -0
  165. package/src/Listing/Header/{SortableCell/Content.tsx → Cell/ListingHeaderCell.tsx} +16 -81
  166. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.styles.ts +26 -0
  167. package/src/Listing/Header/Cell/SelectActionListingHeaderCell.tsx +70 -0
  168. package/src/Listing/Header/ListingHeader.styles.ts +16 -0
  169. package/src/Listing/Header/{index.tsx → ListingHeader.tsx} +25 -102
  170. package/src/Listing/Header/_internals/DraggableIconButton.tsx +35 -0
  171. package/src/Listing/Header/{PredefinedSelectionList.tsx → _internals/PredefinedSelectionList.tsx} +1 -1
  172. package/src/Listing/Header/index.ts +1 -0
  173. package/src/Listing/Listing.styles.ts +76 -0
  174. package/src/Listing/Row/EmptyRow.styles.ts +14 -0
  175. package/src/Listing/Row/EmptyRow.tsx +30 -0
  176. package/src/Listing/{Row.tsx → Row/Row.tsx} +4 -6
  177. package/src/Listing/Row/SkeletonLoaderRows.tsx +23 -0
  178. package/src/Listing/index.stories.tsx +34 -4
  179. package/src/Listing/index.test.tsx +1 -1
  180. package/src/Listing/index.tsx +21 -128
  181. package/src/Listing/useStyleTable.ts +1 -1
  182. package/src/ListingPage/index.tsx +1 -1
  183. package/src/Logo/CentreonLogo.tsx +2 -2
  184. package/src/Module/LicensedModule/LicenseCheck/index.stories.tsx +0 -2
  185. package/src/Panel/Memoized.tsx +1 -1
  186. package/src/Panel/Section/index.test.tsx +1 -1
  187. package/src/Panel/Section/index.tsx +1 -1
  188. package/src/Panel/index.tsx +6 -4
  189. package/src/RichTextEditor/ContentEditable.tsx +27 -7
  190. package/src/RichTextEditor/RichTextEditor.cypress.spec.tsx +204 -0
  191. package/src/RichTextEditor/RichTextEditor.tsx +86 -45
  192. package/src/RichTextEditor/plugins/FloatingLinkEditorPlugin.tsx +1 -0
  193. package/src/Snackbar/index.tsx +14 -4
  194. package/src/Snackbar/useSnackbar.tsx +5 -1
  195. package/src/SortableItems/SortableItem.tsx +1 -1
  196. package/src/ThemeProvider/index.tsx +35 -5
  197. package/src/ThemeProvider/palettes.ts +389 -201
  198. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.styles.ts +51 -0
  199. package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.tsx +95 -0
  200. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/ErrorText.tsx +14 -0
  201. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/PickersStartEndDate.tsx +163 -0
  202. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/index.tsx +76 -0
  203. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/models.ts +61 -0
  204. package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/usePickersStartEndDate.ts +82 -0
  205. package/src/TimePeriods/CustomTimePeriod/index.tsx +66 -0
  206. package/src/TimePeriods/DateTimePickerInput.tsx +49 -0
  207. package/src/TimePeriods/ResolutionTimePeriod.cypress.spec.tsx +65 -0
  208. package/src/TimePeriods/SelectedTimePeriod.tsx +102 -0
  209. package/src/TimePeriods/TimePeriods.cypress.spec.tsx +510 -0
  210. package/src/TimePeriods/TimePeriods.styles.ts +22 -0
  211. package/src/TimePeriods/helpers/index.ts +26 -0
  212. package/src/TimePeriods/index.stories.tsx +98 -0
  213. package/src/TimePeriods/index.tsx +78 -0
  214. package/src/TimePeriods/mockedData.ts +12 -0
  215. package/src/TimePeriods/models.ts +97 -0
  216. package/src/TimePeriods/timePeriodsAtoms.ts +102 -0
  217. package/src/TimePeriods/translatedLabels.ts +9 -0
  218. package/src/TimePeriods/useSortTimePeriods.ts +31 -0
  219. package/src/TimePeriods/useTimePeriod.ts +49 -0
  220. package/src/Typography/FluidTypography/index.stories.tsx +63 -0
  221. package/src/Typography/FluidTypography/index.tsx +51 -0
  222. package/src/Typography/FluidTypography/useFluidResizeObserver.ts +56 -0
  223. package/src/Typography/{index.stories.tsx → Typography.stories.tsx} +5 -5
  224. package/src/WallpaperPage/index.stories.tsx +1 -1
  225. package/src/Wizard/ActionsBar.test.tsx +1 -1
  226. package/src/Wizard/index.stories.tsx +5 -18
  227. package/src/Wizard/index.test.tsx +1 -1
  228. package/src/Wizard/index.tsx +13 -3
  229. package/src/Wizard/models.ts +1 -0
  230. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-normal-1-snap.png +0 -0
  231. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-item-header-1-snap.png +0 -0
  232. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-dashboard-with-many-panels-1-snap.png +0 -0
  233. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-basic-1-snap.png +0 -0
  234. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-20-px-height-1-snap.png +0 -0
  235. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-200-px-width-1-snap.png +0 -0
  236. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-heading-5-variant-1-snap.png +0 -0
  237. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-fluid-typography-with-long-text-1-snap.png +0 -0
  238. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-as-empty-state-1-snap.png +0 -0
  239. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-loading-with-no-data-1-snap.png +0 -0
  240. package/src/__image_snapshots__/storyshots-test-js-image-story-shots-listing-with-editable-and-sortable-columns-1-snap.png +0 -0
  241. package/src/api/TestQueryProvider.tsx +2 -1
  242. package/src/api/customFetch.ts +10 -0
  243. package/src/api/useFetchQuery/index.ts +8 -7
  244. package/src/api/useMutationQuery/index.ts +18 -13
  245. package/src/api/useRequest/index.ts +9 -6
  246. package/src/base/tokens/README.md +3 -0
  247. package/src/base/tokens/source/$metadata.json +5 -0
  248. package/src/base/tokens/source/base.json +142 -0
  249. package/src/base/tokens/themes/base.tokens.d.ts +38 -0
  250. package/src/base/tokens/themes/base.tokens.json +695 -0
  251. package/src/base/tokens/themes/base.tokens.ts +38 -0
  252. package/src/base/tokens/themes/ui-dark.tokens.d.ts +38 -0
  253. package/src/base/tokens/themes/ui-dark.tokens.json +695 -0
  254. package/src/base/tokens/themes/ui-dark.tokens.ts +38 -0
  255. package/src/base/tokens/themes/ui-light.tokens.d.ts +38 -0
  256. package/src/base/tokens/themes/ui-light.tokens.json +695 -0
  257. package/src/base/tokens/themes/ui-light.tokens.ts +38 -0
  258. package/src/components/Button/Button.stories.tsx +34 -0
  259. package/src/components/Button/Button.styles.ts +44 -0
  260. package/src/components/Button/Button.tsx +78 -0
  261. package/src/components/Button/Icon/IconButton.stories.tsx +18 -0
  262. package/src/components/Button/Icon/IconButton.styles.ts +14 -0
  263. package/src/components/Button/Icon/IconButton.tsx +58 -0
  264. package/src/components/Button/Icon/index.tsx +1 -0
  265. package/src/components/Button/index.ts +2 -0
  266. package/src/components/DataTable/DataTable.stories.tsx +51 -0
  267. package/src/components/DataTable/DataTable.styles.ts +27 -0
  268. package/src/components/DataTable/DataTable.tsx +35 -0
  269. package/src/components/DataTable/EmptyState/DataTableEmptyState.stories.tsx +21 -0
  270. package/src/components/DataTable/EmptyState/DataTableEmptyState.styles.ts +26 -0
  271. package/src/components/DataTable/EmptyState/DataTableEmptyState.tsx +53 -0
  272. package/src/components/DataTable/Item/DataTableItem.stories.tsx +25 -0
  273. package/src/components/DataTable/Item/DataTableItem.styles.ts +39 -0
  274. package/src/components/DataTable/Item/DataTableItem.tsx +102 -0
  275. package/src/components/DataTable/Item/DataTableItemSkeleton.tsx +13 -0
  276. package/src/components/DataTable/index.ts +10 -0
  277. package/src/components/Form/Dashboard/Dashboard.resource.ts +4 -0
  278. package/src/components/Form/Dashboard/DashboardForm.stories.ts +39 -0
  279. package/src/components/Form/Dashboard/DashboardForm.styles.ts +19 -0
  280. package/src/components/Form/Dashboard/DashboardForm.tsx +104 -0
  281. package/src/components/Form/Dashboard/DashboardFormActions.tsx +56 -0
  282. package/src/components/Form/Dashboard/index.ts +2 -0
  283. package/src/components/Form/Dashboard/translatedLabels.ts +6 -0
  284. package/src/components/Form/Form.models.ts +1 -0
  285. package/src/components/Form/index.ts +2 -0
  286. package/src/components/Header/Header.styles.ts +0 -0
  287. package/src/components/Header/PageHeader/PageHeader.stories.tsx +88 -0
  288. package/src/components/Header/PageHeader/PageHeader.styles.ts +99 -0
  289. package/src/components/Header/PageHeader/PageHeader.tsx +15 -0
  290. package/src/components/Header/PageHeader/PageHeaderActions.tsx +17 -0
  291. package/src/components/Header/PageHeader/PageHeaderMain.tsx +15 -0
  292. package/src/components/Header/PageHeader/PageHeaderMenu.tsx +15 -0
  293. package/src/components/Header/PageHeader/PageHeaderTitle.tsx +47 -0
  294. package/src/components/Header/PageHeader/index.ts +12 -0
  295. package/src/components/Header/index.ts +1 -0
  296. package/src/components/Icon/Icon.styles.ts +0 -0
  297. package/src/components/Icon/Icon.tsx +2 -0
  298. package/src/components/Icon/index.ts +0 -0
  299. package/src/components/Layout/AreaIndicator.styles.ts +33 -0
  300. package/src/components/Layout/AreaIndicator.tsx +35 -0
  301. package/src/components/Layout/PageLayout/PageLayout.stories.tsx +81 -0
  302. package/src/components/Layout/PageLayout/PageLayout.styles.ts +40 -0
  303. package/src/components/Layout/PageLayout/PageLayout.tsx +21 -0
  304. package/src/components/Layout/PageLayout/PageLayoutActions.tsx +15 -0
  305. package/src/components/Layout/PageLayout/PageLayoutBody.tsx +24 -0
  306. package/src/components/Layout/PageLayout/PageLayoutHeader.tsx +15 -0
  307. package/src/components/Layout/PageLayout/index.ts +10 -0
  308. package/src/components/Layout/index.ts +1 -0
  309. package/src/components/Menu/Button/MenuButton.stories.tsx +16 -0
  310. package/src/components/Menu/Button/MenuButton.styles.ts +27 -0
  311. package/src/components/Menu/Button/MenuButton.tsx +62 -0
  312. package/src/components/Menu/Button/index.ts +1 -0
  313. package/src/components/Menu/Menu.stories.tsx +71 -0
  314. package/src/components/Menu/Menu.styles.ts +70 -0
  315. package/src/components/Menu/Menu.tsx +25 -0
  316. package/src/components/Menu/MenuDivider.tsx +13 -0
  317. package/src/components/Menu/MenuItem.tsx +36 -0
  318. package/src/components/Menu/MenuItems.tsx +35 -0
  319. package/src/components/Menu/index.ts +12 -0
  320. package/src/components/Menu/useMenu.tsx +79 -0
  321. package/src/components/Modal/Modal.stories.tsx +111 -0
  322. package/src/components/Modal/Modal.styles.ts +55 -0
  323. package/src/components/Modal/Modal.tsx +59 -0
  324. package/src/components/Modal/ModalActions.tsx +59 -0
  325. package/src/components/Modal/ModalBody.tsx +15 -0
  326. package/src/components/Modal/ModalHeader.tsx +21 -0
  327. package/src/components/Modal/index.ts +12 -0
  328. package/src/components/README.md +3 -0
  329. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.stories.tsx +70 -0
  330. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.styles.ts +5 -0
  331. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.tsx +115 -0
  332. package/src/components/Tooltip/TextOverflowTooltip/index.tsx +1 -0
  333. package/src/components/Tooltip/Tooltip.stories.tsx +41 -0
  334. package/src/components/Tooltip/Tooltip.styles.ts +5 -0
  335. package/src/components/Tooltip/Tooltip.tsx +46 -0
  336. package/src/components/Tooltip/index.ts +1 -0
  337. package/src/components/index.ts +8 -0
  338. package/src/index.ts +7 -19
  339. package/src/screens/dashboard/DashboardsDetail.stories.tsx +108 -0
  340. package/src/screens/dashboard/DashboardsOverview.stories.tsx +281 -0
  341. package/src/styles/tokens/themes/_ui-dark.tokens.json +695 -0
  342. package/src/styles/tokens/themes/_ui-light.tokens.json +695 -0
  343. package/src/utils/docsURL.ts +31 -0
  344. package/src/utils/getNormalizedId.ts +1 -3
  345. package/src/utils/index.ts +18 -0
  346. package/src/utils/panelSize.ts +15 -0
  347. package/src/utils/sanitizedHTML.ts +18 -0
  348. package/src/utils/useCopyToClipboard.ts +2 -3
  349. package/src/utils/useDateTimePickerAdapter.ts +309 -0
  350. package/src/utils/useDebounce.ts +1 -3
  351. package/src/utils/useDeepCallback.ts +1 -3
  352. package/src/utils/useDeepMemo.ts +1 -3
  353. package/src/utils/useIntersectionObserver.ts +5 -5
  354. package/src/utils/useKeyObserver.tsx +1 -3
  355. package/src/utils/useLocaleDateTimeFormat/index.test.tsx +1 -1
  356. package/src/utils/useLocaleDateTimeFormat/index.ts +1 -2
  357. package/src/utils/useLocaleDateTimeFormat/localeFallback.test.tsx +1 -1
  358. package/src/utils/useMemoComponent.ts +1 -1
  359. package/src/utils/useResizeObserver.ts +6 -0
  360. package/{setupTests.js → test/setupTests.js} +1 -1
  361. package/{src → test}/testRenderer.tsx +1 -1
  362. package/.storybook/main.js +0 -82
  363. package/.storybook/preview.tsx +0 -21
  364. package/jest.config.js +0 -20
  365. package/src/Listing/Header/SortableCell/DraggableIcon.tsx +0 -41
  366. package/src/Listing/Skeleton.tsx +0 -11
  367. package/src/storyshots.test.js +0 -52
  368. package/testRunner.js +0 -36
  369. package/tsconfig.json +0 -29
  370. package/types/declarations.d.ts +0 -9
  371. /package/{assets → public/brand}/centreon-logo-one-line-dark.svg +0 -0
  372. /package/{assets → public/brand}/centreon-logo-one-line-light.svg +0 -0
  373. /package/{fonts/fonts-generated → public/fonts}/roboto-bold-webfont.ttf +0 -0
  374. /package/{fonts/fonts-generated → public/fonts}/roboto-bold-webfont.woff +0 -0
  375. /package/{fonts/fonts-generated → public/fonts}/roboto-bold-webfont.woff2 +0 -0
  376. /package/{fonts/fonts-generated → public/fonts}/roboto-light-webfont.ttf +0 -0
  377. /package/{fonts/fonts-generated → public/fonts}/roboto-light-webfont.woff +0 -0
  378. /package/{fonts/fonts-generated → public/fonts}/roboto-light-webfont.woff2 +0 -0
  379. /package/{fonts/fonts-generated → public/fonts}/roboto-medium-webfont.ttf +0 -0
  380. /package/{fonts/fonts-generated → public/fonts}/roboto-medium-webfont.woff +0 -0
  381. /package/{fonts/fonts-generated → public/fonts}/roboto-medium-webfont.woff2 +0 -0
  382. /package/{fonts/fonts-generated → public/fonts}/roboto-regular-webfont.ttf +0 -0
  383. /package/{fonts/fonts-generated → public/fonts}/roboto-regular-webfont.woff +0 -0
  384. /package/{fonts/fonts-generated → public/fonts}/roboto-regular-webfont.woff2 +0 -0
  385. /package/{assets → src/@assets/images}/not-authorized-template-background-dark.svg +0 -0
  386. /package/{assets → src/@assets/images}/not-authorized-template-background-light.svg +0 -0
  387. /package/src/Listing/Header/{Label.tsx → _internals/Label.tsx} +0 -0
  388. /package/src/Typography/{index.tsx → story.utils.tsx} +0 -0
package/jest.config.js DELETED
@@ -1,20 +0,0 @@
1
- const baseConfig = require('../js-config/jest');
2
-
3
- module.exports = {
4
- ...baseConfig,
5
- moduleNameMapper: {
6
- '\\.(s?css|png|svg)$': 'identity-obj-proxy',
7
- '^react($|/.+)': '<rootDir>/../../node_modules/react$1'
8
- },
9
- reporters: ['default', ['jest-junit', { outputName: 'junit.xml' }]],
10
- roots: ['<rootDir>/src/'],
11
- setupFilesAfterEnv: [
12
- '<rootDir>/setupTests.js',
13
- '@testing-library/jest-dom/extend-expect'
14
- ],
15
- testResultsProcessor: 'jest-junit',
16
- transform: {
17
- ...baseConfig.transform,
18
- '^.+\\.mdx?$': '@storybook/addon-docs/jest-transform-mdx'
19
- }
20
- };
@@ -1,41 +0,0 @@
1
- import * as React from 'react';
2
-
3
- import { useTranslation } from 'react-i18next';
4
-
5
- import SvgIcon from '@mui/material/SvgIcon';
6
-
7
- import { labelDragHandle } from '../../translatedLabels';
8
-
9
- interface Icon {
10
- className?: string;
11
- columnLabel?: string;
12
- isInteractive?: boolean;
13
- visible?: boolean;
14
- }
15
-
16
- const DraggableIcon = ({
17
- visible = false,
18
- columnLabel,
19
- className,
20
- isInteractive = false,
21
- ...rest
22
- }: Icon): JSX.Element => {
23
- const { t } = useTranslation();
24
-
25
- return (
26
- <SvgIcon
27
- aria-label={`${columnLabel} ${t(labelDragHandle)}`}
28
- fontSize="medium"
29
- {...rest}
30
- className={className}
31
- role={isInteractive ? 'button' : undefined}
32
- tabIndex={isInteractive ? 0 : undefined}
33
- >
34
- {visible && (
35
- <path d="M 12 8 c 1.1 0 2 -0.9 2 -2 s -0.9 -2 -2 -2 s -2 0.9 -2 2 s 0.9 2 2 2 Z m 0 2 c -1.1 0 -2 0.9 -2 2 s 0.9 2 2 2 s 2 -0.9 2 -2 s -0.9 -2 -2 -2 Z m 0 6 c -1.1 0 -2 0.9 -2 2 s 0.9 2 2 2 s 2 -0.9 2 -2 s -0.9 -2 -2 -2 Z" />
36
- )}
37
- </SvgIcon>
38
- );
39
- };
40
-
41
- export default DraggableIcon;
@@ -1,11 +0,0 @@
1
- import LoadingSkeleton from '../LoadingSkeleton';
2
-
3
- const ListingLoadingSkeleton = (): JSX.Element => (
4
- <>
5
- {['skeleton1', 'skeleton2', 'skeleton3'].map((key) => (
6
- <LoadingSkeleton height={20} key={key} variant="text" width="100%" />
7
- ))}
8
- </>
9
- );
10
-
11
- export default ListingLoadingSkeleton;
@@ -1,52 +0,0 @@
1
- import initStoryshots from '@storybook/addon-storyshots';
2
- import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
3
-
4
- jest.unmock('axios');
5
-
6
- const getMatchOptions = () => {
7
- return {
8
- failureThreshold: 0.2,
9
- failureThresholdType: 'percent'
10
- };
11
- };
12
-
13
- const beforeScreenshot = async (page) => {
14
- await page.addStyleTag({
15
- content: `
16
- *,
17
- *::before,
18
- *::after {
19
- animation-delay: -1s !important;
20
- animation-duration: 0s !important;
21
- animation-iteration-count: 1 !important;
22
- background-attachment: initial !important;
23
- scroll-behavior: auto !important;
24
- transition-duration: 0s !important;
25
- transition: none !important;
26
- }`
27
- });
28
-
29
- await page.setViewport({
30
- height: 1000,
31
- width: 1000
32
- });
33
- };
34
-
35
- const getStoryKindRegex = () => {
36
- const config = JSON.parse(process.env.TEST_CONFIGURATION);
37
- if (!config.story) {
38
- return null;
39
- }
40
-
41
- return new RegExp(`^(${config.story || ''})$`, 'g');
42
- };
43
-
44
- initStoryshots({
45
- storyKindRegex: getStoryKindRegex(),
46
- suite: 'Image StoryShots',
47
- test: imageSnapshot({
48
- beforeScreenshot,
49
- getMatchOptions,
50
- storybookUrl: `file://${__dirname}/../.out`
51
- })
52
- });
package/testRunner.js DELETED
@@ -1,36 +0,0 @@
1
- /* eslint-disable array-callback-return */
2
- /* eslint-disable consistent-return */
3
- const config = {
4
- story: null
5
- };
6
-
7
- const argv = process.argv.slice(0, 2);
8
-
9
- process.argv.reduce((cmd, arg) => {
10
- if (cmd) {
11
- config[cmd] = arg;
12
-
13
- return;
14
- }
15
-
16
- if (arg.startsWith('--')) {
17
- const sub = arg.substring('--'.length);
18
- if (Object.keys(config).includes(sub)) {
19
- if (typeof config[sub] === 'boolean') {
20
- config[cmd] = true;
21
-
22
- return;
23
- }
24
-
25
- return sub;
26
- }
27
- }
28
-
29
- argv.push(arg);
30
- });
31
-
32
- process.argv = argv;
33
-
34
- process.env.TEST_CONFIGURATION = JSON.stringify(config);
35
-
36
- require('jest/bin/jest');
package/tsconfig.json DELETED
@@ -1,29 +0,0 @@
1
- {
2
- "extends": "../js-config/tsconfig/index.json",
3
- "compilerOptions": {
4
- "baseUrl": "./",
5
- "typeRoots": [
6
- "./types",
7
- "./node_modules/@types"
8
- ],
9
- "outDir": "./dist",
10
- "declaration": true,
11
- "skipLibCheck": true,
12
- "pretty": true,
13
- "emitDeclarationOnly": true,
14
- "types": [],
15
- "esModuleInterop": true
16
- },
17
- "include": [
18
- "./src",
19
- "./types"
20
- ],
21
- "exclude": [
22
- "./node_modules",
23
- "./dist",
24
- "./src/**/*.test.ts",
25
- "./src/**/*.test.tsx",
26
- "./src/**/*.stories.tsx",
27
- "../../node_modules",
28
- ]
29
- }
@@ -1,9 +0,0 @@
1
- declare module '*.scss' {
2
- export const content: { [className: string]: string };
3
- export default content;
4
- }
5
-
6
- declare module '*.svg' {
7
- const content: string;
8
- export default content;
9
- }
File without changes