@centreon/ui 23.10.122 → 24.4.0
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.
- package/package.json +64 -45
- package/public/mockServiceWorker.js +2 -2
- package/src/ActionsList/ActionsList.styles.ts +40 -71
- package/src/Button/Icon/index.stories.tsx +1 -1
- package/src/Button/Icon/index.tsx +2 -2
- package/src/Button/Save/StartIcon.tsx +3 -3
- package/src/Button/Save/index.tsx +9 -5
- package/src/Checkbox/Checkbox.tsx +2 -2
- package/src/Checkbox/CheckboxGroup/index.tsx +2 -2
- package/src/Checkbox/fonts/roboto-bold-webfont.ttf +0 -0
- package/src/Checkbox/fonts/roboto-bold-webfont.woff +0 -0
- package/src/Checkbox/fonts/roboto-bold-webfont.woff2 +0 -0
- package/src/Checkbox/fonts/roboto-light-webfont.ttf +0 -0
- package/src/Checkbox/fonts/roboto-light-webfont.woff +0 -0
- package/src/Checkbox/fonts/roboto-light-webfont.woff2 +0 -0
- package/src/Checkbox/fonts/roboto-medium-webfont.ttf +0 -0
- package/src/Checkbox/fonts/roboto-medium-webfont.woff +0 -0
- package/src/Checkbox/fonts/roboto-medium-webfont.woff2 +0 -0
- package/src/Checkbox/fonts/roboto-regular-webfont.ttf +0 -0
- package/src/Checkbox/fonts/roboto-regular-webfont.woff +0 -0
- package/src/Checkbox/fonts/roboto-regular-webfont.woff2 +0 -0
- package/src/Dashboard/Dashboard.styles.ts +6 -5
- package/src/Dashboard/Item.tsx +1 -1
- package/src/Dashboard/Layout.tsx +2 -2
- package/src/Dashboard/utils.ts +1 -1
- package/src/Dialog/Confirm/index.tsx +10 -2
- package/src/Dialog/UnsavedChanges/index.tsx +21 -20
- package/src/Dialog/UnsavedChanges/translatedLabels.ts +4 -6
- package/src/Dialog/index.tsx +9 -2
- package/src/FallbackPage/FallbackPage.tsx +3 -3
- package/src/FileDropZone/index.tsx +3 -1
- package/src/Form/Form.cypress.spec.tsx +133 -0
- package/src/Form/Inputs/Grid.tsx +8 -4
- package/src/Form/Inputs/List/Content.tsx +62 -0
- package/src/Form/Inputs/List/List.styles.ts +29 -0
- package/src/Form/Inputs/List/List.tsx +58 -0
- package/src/Form/Inputs/List/useList.ts +81 -0
- package/src/Form/Inputs/Text.tsx +3 -1
- package/src/Form/Inputs/index.tsx +3 -1
- package/src/Form/Inputs/models.ts +23 -13
- package/src/Graph/BarStack/BarStack.cypress.spec.tsx +217 -0
- package/src/Graph/BarStack/BarStack.stories.tsx +125 -0
- package/src/Graph/BarStack/BarStack.styles.ts +66 -0
- package/src/Graph/BarStack/BarStack.tsx +14 -0
- package/src/Graph/BarStack/Graph.tsx +176 -0
- package/src/Graph/BarStack/GraphAndLegend.tsx +119 -0
- package/src/Graph/BarStack/ResponsiveBarStack.tsx +114 -0
- package/src/Graph/BarStack/constants.ts +5 -0
- package/src/Graph/BarStack/index.ts +1 -0
- package/src/Graph/BarStack/models.ts +19 -0
- package/src/Graph/BarStack/useGraphAndLegend.ts +86 -0
- package/src/Graph/BarStack/useResponsiveBarStack.ts +106 -0
- package/src/Graph/Gauge/Gauge.cypress.spec.tsx +102 -0
- package/src/Graph/Gauge/Gauge.tsx +1 -1
- package/src/Graph/HeatMap/HeatMap.cypress.spec.tsx +145 -0
- package/src/Graph/HeatMap/HeatMap.stories.tsx +0 -25
- package/src/Graph/HeatMap/HeatMap.styles.tsx +1 -0
- package/src/Graph/HeatMap/ResponsiveHeatMap.tsx +39 -12
- package/src/Graph/HeatMap/model.ts +6 -1
- package/src/Graph/Legend/Legend.styles.ts +10 -0
- package/src/Graph/Legend/Legend.tsx +26 -0
- package/src/Graph/Legend/index.ts +1 -0
- package/src/Graph/Legend/models.ts +11 -0
- package/src/Graph/LineChart/BasicComponents/Lines/RegularLines/index.tsx +2 -1
- package/src/Graph/LineChart/BasicComponents/Lines/StackedLines/index.tsx +3 -4
- package/src/Graph/LineChart/BasicComponents/Lines/Threshold/Circle.tsx +2 -2
- package/src/Graph/LineChart/BasicComponents/ThresholdLine.tsx +3 -1
- package/src/Graph/LineChart/BasicComponents/Thresholds.tsx +2 -2
- package/src/Graph/LineChart/BasicComponents/useFilterLines.ts +3 -5
- package/src/Graph/LineChart/Header/index.tsx +3 -31
- package/src/Graph/LineChart/Icons/Downtime.tsx +3 -3
- package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/GuidingLines.tsx +2 -2
- package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/useTickGraph.ts +9 -11
- package/src/Graph/LineChart/InteractiveComponents/Annotations/EventAnnotations.tsx +1 -1
- package/src/Graph/LineChart/InteractiveComponents/GraphValueTooltip/GraphValueTooltip.tsx +68 -0
- package/src/Graph/LineChart/InteractiveComponents/GraphValueTooltip/useGraphValueTooltip.ts +27 -0
- package/src/Graph/LineChart/InteractiveComponents/GraphValueTooltip/useGraphValueTooltipStyles.ts +31 -0
- package/src/Graph/LineChart/InteractiveComponents/ZoomPreview/index.tsx +2 -1
- package/src/Graph/LineChart/InteractiveComponents/index.tsx +132 -17
- package/src/Graph/LineChart/InteractiveComponents/interactionWithGraphAtoms.ts +7 -27
- package/src/Graph/LineChart/Legend/Legend.styles.ts +85 -32
- package/src/Graph/LineChart/Legend/LegendContent.tsx +12 -6
- package/src/Graph/LineChart/Legend/LegendHeader.tsx +66 -27
- package/src/Graph/LineChart/Legend/index.tsx +43 -46
- package/src/Graph/LineChart/Legend/models.ts +5 -0
- package/src/Graph/LineChart/Legend/useLegend.ts +12 -13
- package/src/Graph/LineChart/LineChart.cypress.spec.tsx +144 -0
- package/src/Graph/LineChart/LineChart.styles.ts +8 -0
- package/src/Graph/LineChart/LineChart.tsx +125 -123
- package/src/Graph/LineChart/LoadingSkeleton.tsx +2 -2
- package/src/Graph/LineChart/helpers/doc.ts +16 -13
- package/src/Graph/LineChart/helpers/index.ts +1 -1
- package/src/Graph/LineChart/index.stories.tsx +17 -2
- package/src/Graph/LineChart/index.tsx +6 -7
- package/src/Graph/LineChart/mockedData/curvesWithSameColor.json +252 -0
- package/src/Graph/LineChart/mockedData/lastDayWithIncompleteValues.json +1320 -0
- package/src/Graph/LineChart/mockedData/lastDayWithNullValues.json +1314 -0
- package/src/Graph/LineChart/models.ts +12 -1
- package/src/Graph/LineChart/useLineChartData.ts +68 -18
- package/src/Graph/PieChart/PieChart.cypress.spec.tsx +154 -0
- package/src/Graph/PieChart/PieChart.stories.tsx +194 -0
- package/src/Graph/PieChart/PieChart.styles.ts +39 -0
- package/src/Graph/PieChart/PieChart.tsx +14 -0
- package/src/Graph/PieChart/ResponsivePie.tsx +245 -0
- package/src/Graph/PieChart/index.ts +1 -0
- package/src/Graph/PieChart/models.ts +20 -0
- package/src/Graph/PieChart/useResponsivePie.ts +81 -0
- package/src/Graph/SingleBar/SingleBar.cypress.spec.tsx +121 -0
- package/src/Graph/SingleBar/Thresholds.tsx +2 -2
- package/src/Graph/Text/Text.cypress.spec.tsx +101 -0
- package/src/Graph/Text/Text.stories.tsx +60 -4
- package/src/Graph/Text/Text.styles.ts +12 -1
- package/src/Graph/Text/Text.tsx +17 -12
- package/src/Graph/Tree/DescendantNodes.tsx +88 -0
- package/src/Graph/Tree/Links.tsx +64 -0
- package/src/Graph/Tree/StandaloneTree.tsx +32 -0
- package/src/Graph/Tree/Tree.cypress.spec.tsx +171 -0
- package/src/Graph/Tree/Tree.stories.tsx +144 -0
- package/src/Graph/Tree/Tree.tsx +116 -0
- package/src/Graph/Tree/constants.ts +2 -0
- package/src/Graph/Tree/index.ts +4 -0
- package/src/Graph/Tree/models.ts +52 -0
- package/src/Graph/Tree/stories/contents.tsx +164 -0
- package/src/Graph/Tree/stories/datas.ts +305 -0
- package/src/Graph/Tree/utils.ts +49 -0
- package/src/Graph/common/testUtils.ts +71 -0
- package/src/Graph/common/timeSeries/index.ts +53 -15
- package/src/Graph/common/utils.ts +69 -1
- package/src/Graph/index.ts +4 -0
- package/src/Icon/BaseIcon.tsx +32 -0
- package/src/Icon/DowntimeIcon.tsx +14 -0
- package/src/InputField/Number/Number.cypress.spec.tsx +85 -0
- package/src/InputField/Number/Number.stories.tsx +66 -0
- package/src/InputField/Number/Number.tsx +74 -0
- package/src/InputField/Search/index.tsx +2 -2
- package/src/InputField/Select/Autocomplete/Connected/Multi/index.test.tsx +22 -1
- package/src/InputField/Select/Autocomplete/Connected/index.test.tsx +3 -2
- package/src/InputField/Select/Autocomplete/Connected/index.tsx +35 -17
- package/src/InputField/Select/Autocomplete/Draggable/SortableList.tsx +1 -1
- package/src/InputField/Select/Autocomplete/Draggable/SortableListContent.tsx +1 -1
- package/src/InputField/Select/Autocomplete/Draggable/index.tsx +1 -1
- package/src/InputField/Select/Autocomplete/Multi/index.stories.tsx +19 -0
- package/src/InputField/Select/Autocomplete/Multi/index.tsx +12 -7
- package/src/InputField/Select/Autocomplete/index.tsx +129 -116
- package/src/InputField/Select/IconPopover/index.tsx +3 -3
- package/src/InputField/Select/index.tsx +15 -2
- package/src/InputField/Text/index.tsx +53 -46
- package/src/Listing/ActionBar/index.tsx +11 -10
- package/src/Listing/Cell/DataCell.styles.ts +3 -0
- package/src/Listing/Cell/DataCell.tsx +23 -5
- package/src/Listing/Header/ListingHeader.tsx +1 -1
- package/src/Listing/Listing.cypress.spec.tsx +218 -33
- package/src/Listing/Listing.styles.ts +4 -7
- package/src/Listing/Row/Row.tsx +7 -3
- package/src/Listing/index.stories.tsx +39 -5
- package/src/Listing/index.test.tsx +1 -1
- package/src/Listing/index.tsx +207 -149
- package/src/Listing/models.ts +1 -0
- package/src/Listing/useStyleTable.ts +1 -0
- package/src/Module/LicensedModule/LicenseCheck/index.tsx +24 -9
- package/src/Module/LicensedModule/index.tsx +7 -1
- package/src/Module/Module.cypress.spec.tsx +129 -0
- package/src/Module/index.tsx +2 -4
- package/src/Panel/index.tsx +1 -1
- package/src/PopoverMenu/index.tsx +9 -8
- package/src/RichTextEditor/ContentEditable.tsx +195 -195
- package/src/RichTextEditor/RichTextEditor.tsx +12 -1
- package/src/SortableItems/index.tsx +2 -7
- package/src/StoryBookThemeProvider/index.tsx +35 -36
- package/src/ThemeProvider/index.tsx +39 -12
- package/src/ThemeProvider/palettes.ts +15 -12
- package/src/TimePeriods/CustomTimePeriod/CompactCustomTimePeriod.styles.ts +6 -7
- package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/PickersStartEndDate.tsx +10 -6
- package/src/TimePeriods/CustomTimePeriod/PopoverCustomTimePeriod/models.ts +0 -2
- package/src/TimePeriods/DateTimePickerInput.tsx +59 -19
- package/src/TimePeriods/ResolutionTimePeriod.cypress.spec.tsx +12 -9
- package/src/TimePeriods/TimePeriods.cypress.spec.tsx +9 -33
- package/src/TimePeriods/helpers/index.ts +1 -1
- package/src/TimePeriods/index.stories.tsx +12 -4
- package/src/TimePeriods/index.tsx +2 -2
- package/src/TopCounterElements/TopCounterLayout.tsx +3 -0
- package/src/TopCounterElements/useCloseOnLegacyPage.tsx +42 -0
- package/src/Typography/FluidTypography/FluidTypography.cypress.spec.tsx +27 -0
- package/src/Typography/FluidTypography/index.stories.tsx +2 -2
- package/src/Typography/FluidTypography/index.tsx +21 -28
- package/src/Typography/Subtitle.tsx +55 -0
- package/src/api/QueryProvider.tsx +1 -1
- package/src/api/TestQueryProvider.tsx +1 -1
- package/src/api/buildListingEndpoint/getSearchQueryParameterValue.ts +7 -1
- package/src/api/buildListingEndpoint/models.ts +3 -1
- package/src/api/customFetch.ts +12 -3
- package/src/api/index.ts +3 -3
- package/src/api/useFetchQuery/index.ts +49 -28
- package/src/api/useGraphQuery/index.ts +26 -5
- package/src/api/useGraphQuery/models.ts +5 -0
- package/src/api/useMutationQuery/index.test.ts +4 -4
- package/src/api/useMutationQuery/index.ts +65 -20
- package/src/components/Button/Icon/IconButton.tsx +6 -2
- package/src/components/CollapsibleItem/CollapsibleItem.cypress.spec.tsx +76 -0
- package/src/components/CollapsibleItem/CollapsibleItem.stories.tsx +26 -0
- package/src/components/CollapsibleItem/CollapsibleItem.tsx +43 -14
- package/src/components/CollapsibleItem/useCollapsibleItemStyles.ts +24 -1
- package/src/components/DataTable/DataListing.tsx +6 -0
- package/src/components/DataTable/DataTable.cypress.spec.tsx +174 -0
- package/src/components/DataTable/DataTable.stories.tsx +40 -0
- package/src/components/DataTable/DataTable.styles.ts +3 -0
- package/src/components/DataTable/DataTable.tsx +3 -3
- package/src/components/DataTable/Item/DataTableItem.styles.ts +7 -2
- package/src/components/DataTable/Item/DataTableItem.tsx +4 -60
- package/src/components/DataTable/index.ts +3 -1
- package/src/components/Form/AccessRights/AccessRights.cypress.spec.tsx +373 -0
- package/src/components/Form/AccessRights/AccessRights.stories.tsx +119 -0
- package/src/components/Form/AccessRights/AccessRights.styles.ts +10 -0
- package/src/components/Form/AccessRights/AccessRights.tsx +60 -0
- package/src/components/Form/AccessRights/Actions/Actions.styles.ts +14 -0
- package/src/components/Form/AccessRights/Actions/Actions.tsx +81 -0
- package/src/components/Form/AccessRights/Actions/useActions.ts +79 -0
- package/src/components/Form/AccessRights/List/Item.tsx +90 -0
- package/src/components/Form/AccessRights/List/List.styles.tsx +45 -0
- package/src/components/Form/AccessRights/List/List.tsx +52 -0
- package/src/components/Form/AccessRights/List/ListItemSkeleton.tsx +18 -0
- package/src/components/Form/AccessRights/List/ListSkeleton.tsx +22 -0
- package/src/components/Form/AccessRights/List/RemoveAccessRight.tsx +38 -0
- package/src/components/Form/AccessRights/List/StateChip.tsx +28 -0
- package/src/components/Form/AccessRights/List/useItem.ts +64 -0
- package/src/components/Form/AccessRights/Provider.tsx +15 -0
- package/src/components/Form/AccessRights/ShareInput/ContactSwitch.tsx +50 -0
- package/src/components/Form/AccessRights/ShareInput/ShareInput.styles.ts +17 -0
- package/src/components/Form/AccessRights/ShareInput/ShareInput.tsx +78 -0
- package/src/components/Form/AccessRights/ShareInput/useShareInput.tsx +113 -0
- package/src/components/Form/AccessRights/Stats/Stats.tsx +36 -0
- package/src/components/Form/AccessRights/atoms.ts +97 -0
- package/src/components/Form/AccessRights/common/RoleSelectField.styles.tsx +7 -0
- package/src/components/Form/AccessRights/common/RoleSelectField.tsx +45 -0
- package/src/components/Form/AccessRights/models.ts +55 -0
- package/src/components/Form/AccessRights/storiesData.ts +222 -0
- package/src/components/Form/AccessRights/useAccessRightsInitValues.ts +51 -0
- package/src/components/Form/Dashboard/DashboardDuplicationForm.tsx +85 -0
- package/src/components/Form/Dashboard/DashboardForm.tsx +15 -12
- package/src/components/Form/Dashboard/index.ts +1 -0
- package/src/components/Form/FormActions.tsx +7 -2
- package/src/components/Form/index.ts +2 -1
- package/src/components/ItemComposition/Item.tsx +1 -1
- package/src/components/ItemComposition/ItemComposition.cypress.spec.tsx +113 -0
- package/src/components/ItemComposition/ItemComposition.stories.tsx +14 -0
- package/src/components/ItemComposition/ItemComposition.styles.ts +36 -3
- package/src/components/ItemComposition/ItemComposition.tsx +41 -17
- package/src/components/Layout/PageLayout/PageLayout.tsx +1 -1
- package/src/components/Layout/PageLayout/PageLayoutActions.tsx +1 -0
- package/src/components/Layout/PageLayout/PageLayoutBody.tsx +1 -0
- package/src/components/Layout/PageLayout/PageLayoutHeader.tsx +5 -1
- package/src/components/Layout/PageLayout/PageQuickAccess.tsx +76 -0
- package/src/components/Layout/PageLayout/index.ts +3 -1
- package/src/components/Layout/PageLayout.cypress.spec.tsx +66 -0
- package/src/components/List/Item/ListItem.styles.ts +6 -0
- package/src/components/List/Item/ListItem.tsx +6 -4
- package/src/components/List/Item/Text.tsx +5 -3
- package/src/components/Modal/ConfirmationModal/ConfirmationModal.cypress.spec.tsx +168 -0
- package/src/components/Modal/ConfirmationModal/ConfirmationModal.stories.tsx +62 -0
- package/src/components/Modal/ConfirmationModal/ConfirmationModal.tsx +87 -0
- package/src/components/Modal/Modal.styles.ts +10 -2
- package/src/components/Modal/ModalActions.tsx +4 -2
- package/src/components/Modal/index.ts +2 -0
- package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.stories.tsx +3 -3
- package/src/components/Tooltip/ConfirmationTooltip/ConfirmationTooltip.tsx +1 -1
- package/src/components/Tooltip/ConfirmationTooltip/models.ts +1 -1
- package/src/components/Zoom/Minimap.tsx +127 -0
- package/src/components/Zoom/Zoom.cypress.spec.tsx +246 -0
- package/src/components/Zoom/Zoom.stories.tsx +115 -0
- package/src/components/Zoom/Zoom.styles.tsx +68 -0
- package/src/components/Zoom/Zoom.tsx +61 -0
- package/src/components/Zoom/ZoomContent.tsx +167 -0
- package/src/components/Zoom/constants.ts +2 -0
- package/src/components/Zoom/localPoint.ts +51 -0
- package/src/components/Zoom/models.ts +25 -0
- package/src/components/Zoom/useMinimap.ts +156 -0
- package/src/components/Zoom/useZoom.ts +70 -0
- package/src/components/Zoom/utils.ts +55 -0
- package/src/components/index.ts +1 -0
- package/src/fonts/roboto-bold-webfont.ttf +0 -0
- package/src/fonts/roboto-bold-webfont.woff +0 -0
- package/src/fonts/roboto-bold-webfont.woff2 +0 -0
- package/src/fonts/roboto-light-webfont.ttf +0 -0
- package/src/fonts/roboto-light-webfont.woff +0 -0
- package/src/fonts/roboto-light-webfont.woff2 +0 -0
- package/src/fonts/roboto-medium-webfont.ttf +0 -0
- package/src/fonts/roboto-medium-webfont.woff +0 -0
- package/src/fonts/roboto-medium-webfont.woff2 +0 -0
- package/src/fonts/roboto-regular-webfont.ttf +0 -0
- package/src/fonts/roboto-regular-webfont.woff +0 -0
- package/src/fonts/roboto-regular-webfont.woff2 +0 -0
- package/src/index.ts +6 -0
- package/src/queryParameters/url/index.ts +5 -1
- package/src/utils/index.ts +25 -22
- package/src/utils/useFullscreen/Fullscreen.cypress.spec.tsx +133 -0
- package/src/utils/useFullscreen/atoms.ts +3 -0
- package/src/utils/useFullscreen/index.ts +2 -0
- package/src/utils/useFullscreen/translatedLabels.ts +1 -0
- package/src/utils/useFullscreen/useFullscreen.ts +73 -0
- package/src/utils/useFullscreen/useFullscreenListener.ts +62 -0
- package/src/utils/useInfiniteScrollListing.ts +31 -8
- package/src/utils/{useLicenseExpirationWarning.cypress.spec.tsx → useLicenseExpirationWarning.test.tsx} +48 -37
- package/src/utils/useLicenseExpirationWarning.ts +18 -18
- package/src/utils/useLocale/index.ts +10 -0
- package/src/utils/useLocale/useLocale.cypress.spec.tsx +40 -0
- package/src/utils/useLocaleDateTimeFormat/index.ts +8 -2
- package/src/utils/usePluralizedTranslation.ts +21 -0
- package/src/@assets/icons/downtime.icon.svg +0 -1
- package/src/Graph/LineChart/BasicComponents/LoadingProgress.tsx +0 -46
- package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/TooltipAnchorPoint.tsx +0 -96
- package/src/Graph/LineChart/InteractiveComponents/AnchorPoint/useTooltipAnchorPoint.ts +0 -107
- package/src/Graph/LineChart/Legend/InteractiveValue.tsx +0 -22
- package/src/Graph/LineChart/Legend/Marker.tsx +0 -43
- package/src/Graph/LineChart/Legend/useInteractiveValues.ts +0 -99
- package/src/Typography/FluidTypography/useFluidResizeObserver.ts +0 -56
- package/src/components/Form/AccessRights/AccessRights.resource.ts +0 -45
- package/src/components/Form/AccessRights/AccessRightsForm.stories.tsx +0 -59
- package/src/components/Form/AccessRights/AccessRightsForm.styles.ts +0 -21
- package/src/components/Form/AccessRights/AccessRightsForm.tsx +0 -67
- package/src/components/Form/AccessRights/AccessRightsFormActions.tsx +0 -80
- package/src/components/Form/AccessRights/Input/AddAction.tsx +0 -31
- package/src/components/Form/AccessRights/Input/ContactAccessRightInput.stories.tsx +0 -54
- package/src/components/Form/AccessRights/Input/ContactAccessRightInput.tsx +0 -72
- package/src/components/Form/AccessRights/Input/ContactAccessRightsInput.styles.ts +0 -22
- package/src/components/Form/AccessRights/Input/ContactInputField.tsx +0 -105
- package/src/components/Form/AccessRights/Input/RoleInputField.tsx +0 -29
- package/src/components/Form/AccessRights/List/ContactAccessRightsList.stories.tsx +0 -97
- package/src/components/Form/AccessRights/List/ContactAccessRightsList.styles.ts +0 -71
- package/src/components/Form/AccessRights/List/ContactAccessRightsList.tsx +0 -51
- package/src/components/Form/AccessRights/List/ContactAccessRightsListItem.stories.tsx +0 -116
- package/src/components/Form/AccessRights/List/ContactAccessRightsListItem.tsx +0 -118
- package/src/components/Form/AccessRights/List/ContactAccessRightsListItemSkeleton.tsx +0 -26
- package/src/components/Form/AccessRights/List/ContactAccessRightsListSkeleton.tsx +0 -28
- package/src/components/Form/AccessRights/Stats/AccessRightsStats.styles.ts +0 -18
- package/src/components/Form/AccessRights/Stats/AccessRightsStats.tsx +0 -41
- package/src/components/Form/AccessRights/__fixtures__/contactAccessRight.mock.ts +0 -52
- package/src/components/Form/AccessRights/common/GroupLabel.styles.ts +0 -18
- package/src/components/Form/AccessRights/common/GroupLabel.tsx +0 -15
- package/src/components/Form/AccessRights/common/Input.styles.ts +0 -48
- package/src/components/Form/AccessRights/common/RoleInputSelect.styles.ts +0 -11
- package/src/components/Form/AccessRights/common/RoleInputSelect.tsx +0 -57
- package/src/components/Form/AccessRights/index.ts +0 -3
- package/src/components/Form/AccessRights/useAccessRightsForm.test.tsx +0 -531
- package/src/components/Form/AccessRights/useAccessRightsForm.tsx +0 -282
- package/src/components/Form/AccessRights/useAccessRightsForm.utils.ts +0 -41
- package/src/screens/dashboard/DashboardsDetail.stories.tsx +0 -108
- package/src/screens/dashboard/DashboardsOverview.stories.tsx +0 -281
- package/src/utils/useDateTimePickerAdapter.ts +0 -309
- /package/{public → src/Button}/fonts/roboto-bold-webfont.ttf +0 -0
- /package/{public → src/Button}/fonts/roboto-bold-webfont.woff +0 -0
- /package/{public → src/Button}/fonts/roboto-bold-webfont.woff2 +0 -0
- /package/{public → src/Button}/fonts/roboto-light-webfont.ttf +0 -0
- /package/{public → src/Button}/fonts/roboto-light-webfont.woff +0 -0
- /package/{public → src/Button}/fonts/roboto-light-webfont.woff2 +0 -0
- /package/{public → src/Button}/fonts/roboto-medium-webfont.ttf +0 -0
- /package/{public → src/Button}/fonts/roboto-medium-webfont.woff +0 -0
- /package/{public → src/Button}/fonts/roboto-medium-webfont.woff2 +0 -0
- /package/{public → src/Button}/fonts/roboto-regular-webfont.ttf +0 -0
- /package/{public → src/Button}/fonts/roboto-regular-webfont.woff +0 -0
- /package/{public → src/Button}/fonts/roboto-regular-webfont.woff2 +0 -0
|
@@ -1,309 +0,0 @@
|
|
|
1
|
-
/* eslint-disable class-methods-use-this */
|
|
2
|
-
import { useCallback } from 'react';
|
|
3
|
-
|
|
4
|
-
import dayjs from 'dayjs';
|
|
5
|
-
import { useAtomValue } from 'jotai';
|
|
6
|
-
import { equals, isNil, not } from 'ramda';
|
|
7
|
-
|
|
8
|
-
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
|
9
|
-
|
|
10
|
-
import { useLocaleDateTimeFormat } from '@centreon/ui';
|
|
11
|
-
import { userAtom } from '@centreon/ui-context';
|
|
12
|
-
|
|
13
|
-
interface GetDestinationAndConfiguredTimezoneOffsetProps {
|
|
14
|
-
endTimezone?: string;
|
|
15
|
-
startTimezone?: string;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
interface UseDateTimePickerAdapterProps {
|
|
19
|
-
Adapter;
|
|
20
|
-
desktopPickerMediaQuery: string;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
enum DSTState {
|
|
24
|
-
SUMMER,
|
|
25
|
-
WINTER,
|
|
26
|
-
NODST
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
interface ToTimezonedDateProps {
|
|
30
|
-
date: Date;
|
|
31
|
-
timeZone?: string;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
interface GetDSTStateProps {
|
|
35
|
-
date: dayjs.Dayjs;
|
|
36
|
-
timezoneToUse?: string;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
export const useDateTimePickerAdapter = (): UseDateTimePickerAdapterProps => {
|
|
40
|
-
const { timezone, locale } = useAtomValue(userAtom);
|
|
41
|
-
const { format } = useLocaleDateTimeFormat();
|
|
42
|
-
|
|
43
|
-
const desktopPickerMediaQuery =
|
|
44
|
-
'@media (pointer: fine) or (min-width: 1024px)';
|
|
45
|
-
|
|
46
|
-
const toTimezonedDate = ({
|
|
47
|
-
date,
|
|
48
|
-
timeZone = undefined
|
|
49
|
-
}: ToTimezonedDateProps): Date => {
|
|
50
|
-
if (isNil(timeZone)) {
|
|
51
|
-
return new Date(date.toLocaleString('en-US'));
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
return new Date(date.toLocaleString('en-US', { timeZone }));
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
const getDestinationAndConfiguredTimezoneOffset = ({
|
|
58
|
-
startTimezone = undefined,
|
|
59
|
-
endTimezone = timezone
|
|
60
|
-
}: GetDestinationAndConfiguredTimezoneOffsetProps): number => {
|
|
61
|
-
const now = new Date();
|
|
62
|
-
const currentTimezoneDate = toTimezonedDate({
|
|
63
|
-
date: now,
|
|
64
|
-
timeZone: startTimezone
|
|
65
|
-
});
|
|
66
|
-
const destinationTimezoneDate = toTimezonedDate({
|
|
67
|
-
date: now,
|
|
68
|
-
timeZone: endTimezone
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
return Math.floor(
|
|
72
|
-
(currentTimezoneDate.getTime() - destinationTimezoneDate.getTime()) /
|
|
73
|
-
60 /
|
|
74
|
-
60 /
|
|
75
|
-
1000
|
|
76
|
-
);
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
const getDSTState = useCallback(
|
|
80
|
-
({ date, timezoneToUse }: GetDSTStateProps): DSTState => {
|
|
81
|
-
const hasNoTimezone = isNil(timezoneToUse);
|
|
82
|
-
const currentYear = toTimezonedDate({
|
|
83
|
-
date: new Date(),
|
|
84
|
-
timeZone: timezoneToUse
|
|
85
|
-
}).getFullYear();
|
|
86
|
-
|
|
87
|
-
const january = hasNoTimezone
|
|
88
|
-
? dayjs(new Date(currentYear, 0, 1)).utcOffset()
|
|
89
|
-
: dayjs(new Date(currentYear, 0, 1)).tz(timezoneToUse).utcOffset();
|
|
90
|
-
const july = hasNoTimezone
|
|
91
|
-
? dayjs(new Date(currentYear, 6, 1)).utcOffset()
|
|
92
|
-
: dayjs(new Date(currentYear, 6, 1)).tz(timezoneToUse).utcOffset();
|
|
93
|
-
|
|
94
|
-
if (equals(january, july)) {
|
|
95
|
-
return DSTState.NODST;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
return july === date.tz().utcOffset() ? DSTState.SUMMER : DSTState.WINTER;
|
|
99
|
-
},
|
|
100
|
-
[timezone]
|
|
101
|
-
);
|
|
102
|
-
|
|
103
|
-
const getDSTStateForCurrentTimezone = useCallback(
|
|
104
|
-
(date: dayjs.Dayjs): DSTState => {
|
|
105
|
-
return getDSTState({ date });
|
|
106
|
-
},
|
|
107
|
-
[]
|
|
108
|
-
);
|
|
109
|
-
|
|
110
|
-
interface Chunk {
|
|
111
|
-
array: Array<unknown>;
|
|
112
|
-
size: number;
|
|
113
|
-
}
|
|
114
|
-
class Adapter extends AdapterDayjs {
|
|
115
|
-
public formatByString = (value, formatKey: string): string => {
|
|
116
|
-
return format({
|
|
117
|
-
date: value.tz(timezone).toDate(),
|
|
118
|
-
formatString: formatKey
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
public format = (date: dayjs.Dayjs, formatKey: string): string => {
|
|
123
|
-
return this.formatByString(
|
|
124
|
-
date.tz(timezone, true),
|
|
125
|
-
this.formats[formatKey]
|
|
126
|
-
);
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
public startOfWeek = (date: dayjs.Dayjs): dayjs.Dayjs => {
|
|
130
|
-
if (date.tz(timezone).isUTC()) {
|
|
131
|
-
return date.tz(timezone).startOf('week').utc();
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
return date.tz(timezone).startOf('week');
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
public setMinutes = (date: dayjs.Dayjs, count: number): dayjs.Dayjs => {
|
|
138
|
-
return date.minute(count);
|
|
139
|
-
};
|
|
140
|
-
|
|
141
|
-
public setHours = (date: dayjs.Dayjs, count: number): dayjs.Dayjs => {
|
|
142
|
-
return date.hour(count);
|
|
143
|
-
};
|
|
144
|
-
|
|
145
|
-
public isSameDay = (date: dayjs.Dayjs, comparing: dayjs.Dayjs): boolean => {
|
|
146
|
-
const isSameYearAndMonth = this.isSameYear(date, comparing)
|
|
147
|
-
? this.isSameMonth(date, comparing)
|
|
148
|
-
: false;
|
|
149
|
-
|
|
150
|
-
return (
|
|
151
|
-
isSameYearAndMonth &&
|
|
152
|
-
date.tz(timezone).isSame(comparing.tz(timezone), 'day')
|
|
153
|
-
);
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
public startOfDay = (date: dayjs.Dayjs): dayjs.Dayjs => {
|
|
157
|
-
return date.tz(timezone).startOf('day') as dayjs.Dayjs;
|
|
158
|
-
};
|
|
159
|
-
|
|
160
|
-
public endOfDay = (date: dayjs.Dayjs): dayjs.Dayjs => {
|
|
161
|
-
return date.tz(timezone).endOf('day') as dayjs.Dayjs;
|
|
162
|
-
};
|
|
163
|
-
|
|
164
|
-
public startOfMonth = (date: dayjs.Dayjs): dayjs.Dayjs => {
|
|
165
|
-
if (date.tz(timezone).isUTC()) {
|
|
166
|
-
return date.tz(timezone).utc();
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
return date.tz(timezone);
|
|
170
|
-
};
|
|
171
|
-
|
|
172
|
-
public endOfMonth = (date: dayjs.Dayjs): dayjs.Dayjs => {
|
|
173
|
-
return date.tz(timezone).endOf('month') as dayjs.Dayjs;
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
public isSameMonth = (
|
|
177
|
-
date: dayjs.Dayjs,
|
|
178
|
-
comparing: dayjs.Dayjs
|
|
179
|
-
): boolean => {
|
|
180
|
-
return date.tz(timezone).isSame(comparing.tz(timezone), 'month');
|
|
181
|
-
};
|
|
182
|
-
|
|
183
|
-
public getMonth = (date: dayjs.Dayjs): number => {
|
|
184
|
-
return date.tz(timezone).month();
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
public isAfter = (date: dayjs.Dayjs, value: dayjs.Dayjs): boolean => {
|
|
188
|
-
return date.isAfter(value.endOf('month'));
|
|
189
|
-
};
|
|
190
|
-
|
|
191
|
-
public isBefore = (date: dayjs.Dayjs, value: dayjs.Dayjs): boolean => {
|
|
192
|
-
return date.isBefore(value.startOf('month'));
|
|
193
|
-
};
|
|
194
|
-
|
|
195
|
-
public getDaysInMonth = (date: dayjs.Dayjs): number => {
|
|
196
|
-
return date.tz(timezone).daysInMonth();
|
|
197
|
-
};
|
|
198
|
-
|
|
199
|
-
public getWeekdays = (): Array<string> => {
|
|
200
|
-
const start = dayjs().locale(locale).tz(timezone).startOf('week');
|
|
201
|
-
|
|
202
|
-
return [0, 1, 2, 3, 4, 5, 6].map((diff) =>
|
|
203
|
-
this.formatByString(start.add(diff, 'day'), 'dd')
|
|
204
|
-
);
|
|
205
|
-
};
|
|
206
|
-
|
|
207
|
-
public getChunkFromArray = ({ array, size }: Chunk): Array<unknown> => {
|
|
208
|
-
if (!array.length) {
|
|
209
|
-
return [];
|
|
210
|
-
}
|
|
211
|
-
const head = array.slice(0, size);
|
|
212
|
-
const tail = array.slice(size);
|
|
213
|
-
|
|
214
|
-
return [head, ...this.getChunkFromArray({ array: tail, size })];
|
|
215
|
-
};
|
|
216
|
-
|
|
217
|
-
public getWeekArray = (date: dayjs.Dayjs): Array<Array<dayjs.Dayjs>> => {
|
|
218
|
-
const isMorning = equals(dayjs().tz(timezone).format('a'), 'am');
|
|
219
|
-
const startOfWeek = date.tz(timezone).startOf('month').startOf('week');
|
|
220
|
-
const endOfWeek = date.tz(timezone).endOf('month').endOf('week');
|
|
221
|
-
const start = startOfWeek.startOf('day');
|
|
222
|
-
const end = endOfWeek.endOf('day');
|
|
223
|
-
const customStart = isMorning
|
|
224
|
-
? startOfWeek.startOf('day')
|
|
225
|
-
: startOfWeek.startOf('day');
|
|
226
|
-
const customEnd = isMorning
|
|
227
|
-
? endOfWeek.startOf('day')
|
|
228
|
-
: endOfWeek.startOf('day');
|
|
229
|
-
const currentStart = start.isUTC()
|
|
230
|
-
? start.tz(timezone, true)
|
|
231
|
-
: customStart;
|
|
232
|
-
const currentEnd = end.isUTC() ? end.tz(timezone, true) : customEnd;
|
|
233
|
-
const numberOfDaysInCurrentMonth = currentEnd.diff(
|
|
234
|
-
currentStart,
|
|
235
|
-
'd',
|
|
236
|
-
true
|
|
237
|
-
);
|
|
238
|
-
const daysOfMonthWithTimezone = [
|
|
239
|
-
...Array(Math.round(numberOfDaysInCurrentMonth)).keys()
|
|
240
|
-
].reduce(
|
|
241
|
-
(acc, _, currentIndex) => {
|
|
242
|
-
if (acc[currentIndex].isUTC()) {
|
|
243
|
-
const newCurrent = acc[currentIndex]
|
|
244
|
-
.utc()
|
|
245
|
-
.add(1, 'day')
|
|
246
|
-
.tz(timezone, true);
|
|
247
|
-
|
|
248
|
-
return [...acc, newCurrent];
|
|
249
|
-
}
|
|
250
|
-
const newCurrent = acc[currentIndex].add(1, 'day');
|
|
251
|
-
|
|
252
|
-
return [...acc, newCurrent];
|
|
253
|
-
},
|
|
254
|
-
[currentStart]
|
|
255
|
-
);
|
|
256
|
-
const weeksArray = this.getChunkFromArray({
|
|
257
|
-
array: daysOfMonthWithTimezone,
|
|
258
|
-
size: 7
|
|
259
|
-
});
|
|
260
|
-
|
|
261
|
-
return weeksArray as Array<Array<dayjs.Dayjs>>;
|
|
262
|
-
};
|
|
263
|
-
|
|
264
|
-
public mergeDateAndTime = (
|
|
265
|
-
date: dayjs.Dayjs,
|
|
266
|
-
time: dayjs.Dayjs
|
|
267
|
-
): dayjs.Dayjs => {
|
|
268
|
-
const dateWithTimezone = date.tz(timezone).startOf('day');
|
|
269
|
-
const timeWithTimezone = time.tz(timezone);
|
|
270
|
-
const dateDSTState = getDSTState({
|
|
271
|
-
date: dateWithTimezone,
|
|
272
|
-
timezoneToUse: timezone
|
|
273
|
-
});
|
|
274
|
-
const dateDSTStateWithCurrentTimezone =
|
|
275
|
-
getDSTStateForCurrentTimezone(date);
|
|
276
|
-
|
|
277
|
-
if (equals(dateDSTStateWithCurrentTimezone, DSTState.WINTER)) {
|
|
278
|
-
return dateWithTimezone
|
|
279
|
-
.add(
|
|
280
|
-
timeWithTimezone.hour() -
|
|
281
|
-
getDestinationAndConfiguredTimezoneOffset({
|
|
282
|
-
endTimezone: 'UTC',
|
|
283
|
-
startTimezone: dayjs.tz.guess()
|
|
284
|
-
}),
|
|
285
|
-
'hour'
|
|
286
|
-
)
|
|
287
|
-
.add(timeWithTimezone.minute(), 'minute')
|
|
288
|
-
.add(timeWithTimezone.second(), 'second');
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
if (not(equals(dateDSTState, DSTState.SUMMER))) {
|
|
292
|
-
return dateWithTimezone
|
|
293
|
-
.add(timeWithTimezone.hour(), 'hour')
|
|
294
|
-
.add(timeWithTimezone.minute(), 'minute')
|
|
295
|
-
.add(timeWithTimezone.second(), 'second');
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
return dateWithTimezone
|
|
299
|
-
.hour(timeWithTimezone.hour())
|
|
300
|
-
.minute(timeWithTimezone.minute())
|
|
301
|
-
.second(timeWithTimezone.second());
|
|
302
|
-
};
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
return {
|
|
306
|
-
Adapter,
|
|
307
|
-
desktopPickerMediaQuery
|
|
308
|
-
};
|
|
309
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|