@centreon/ui 24.4.59 → 24.4.60

package/src/utils/useInfiniteScrollListing.ts

@@ -1,121 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
-
-import { equals, gte, isNil, reduce } from 'ramda';
-import { PrimitiveAtom, useAtom } from 'jotai';
-import { JsonDecoder } from 'ts.data.json';
-
-import {
-  QueryParameter,
-  buildListingEndpoint,
-  useFetchQuery,
-  useIntersectionObserver
-} from '@centreon/ui';
-
-import type { Listing } from '../api/models';
-import { Parameters } from '../api/buildListingEndpoint/models';
-
-interface UseInfiniteScrollListing<T> {
-  elementRef: (node) => void;
-  elements: Array<T>;
-  isLoading: boolean;
-  total?: number;
-}
-
-interface UseInfiniteScrollListingProps<T> {
-  customQueryParameters?: Array<QueryParameter>;
-  decoder?: JsonDecoder.Decoder<Listing<T>>;
-  endpoint: string;
-  limit?: number;
-  pageAtom: PrimitiveAtom<number>;
-  parameters?: Parameters;
-  queryKeyName: string;
-  suspense?: boolean;
-}
-
-export const useInfiniteScrollListing = <T>({
-  queryKeyName,
-  endpoint,
-  decoder,
-  pageAtom,
-  suspense = true,
-  parameters,
-  customQueryParameters,
-  limit = 100
-}: UseInfiniteScrollListingProps<T>): UseInfiniteScrollListing<T> => {
-  const [maxPage, setMaxPage] = useState(1);
-
-  const elements = useRef<Array<T> | undefined>(undefined);
-
-  const [page, setPage] = useAtom(pageAtom);
-
-  const { data, isLoading, prefetchNextPage, fetchStatus } = useFetchQuery<
-    Listing<T>
-  >({
-    decoder,
-    getEndpoint: (params) =>
-      buildListingEndpoint({
-        baseEndpoint: endpoint,
-        customQueryParameters,
-        parameters: { limit, page: params?.page || page, ...parameters }
-      }),
-    getQueryKey: () => [queryKeyName, page],
-    isPaginated: true,
-    queryOptions: {
-      refetchOnMount: false,
-      refetchOnWindowFocus: false,
-      suspense: suspense && equals(page, 1)
-    }
-  });
-
-  const elementRef = useIntersectionObserver({
-    action: () => {
-      setPage((currentPage) => currentPage + 1);
-    },
-    loading: !equals(fetchStatus, 'idle'),
-    maxPage,
-    page
-  });
-
-  elements.current = useMemo(() => {
-    if (isNil(data) || !equals(fetchStatus, 'idle')) {
-      return elements.current;
-    }
-
-    return reduce<T, Array<T>>(
-      (acc, element) => [...acc, element],
-      equals(page, 1) ? [] : elements.current || [],
-      data.result
-    );
-  }, [page, data, fetchStatus]);
-
-  useEffect(() => {
-    if (isNil(data)) {
-      return;
-    }
-
-    const total = data.meta.total || 1;
-    const newMaxPage = Math.ceil(total / limit);
-
-    setMaxPage(newMaxPage);
-
-    if (gte(page, newMaxPage)) {
-      return;
-    }
-
-    prefetchNextPage({
-      getPrefetchQueryKey: (newPage) => [`dashboards`, newPage],
-      page
-    });
-  }, [data]);
-
-  useEffect(() => {
-    return () => setPage(1);
-  }, []);
-
-  return {
-    elementRef,
-    elements: elements.current || [],
-    isLoading,
-    total: data?.meta.total
-  };
-};

package/src/utils/useLicenseExpirationWarning.cypress.spec.tsx

@@ -1,137 +0,0 @@
-import dayjs from 'dayjs';
-
-import { TestQueryProvider, Method, SnackbarProvider } from '@centreon/ui';
-
-import { labelLicenseWarning } from './translatedLabel';
-
-import { useLicenseExpirationWarning } from '.';
-
-const getMockedResponse = (expirationDate): object => ({
-  result: {
-    module: {
-      entities: [
-        {
-          description: 'Centreon Auto Discovery',
-          id: 'centreon-autodiscovery-server',
-          label: 'Centreon',
-          license: {
-            expiration_date: expirationDate,
-            host_limit: -1,
-            host_usage: 1,
-            is_valid: true,
-            required: true
-          },
-          type: 'module',
-          version: {
-            available: '23.10.0',
-            current: '23.10.0',
-            installed: true,
-            outdated: false
-          }
-        },
-        {
-          description: 'Centreon License Manager',
-          id: 'centreon-license-manager',
-          label: 'Centreon',
-          license: {
-            required: false
-          },
-          type: 'module',
-          version: {
-            available: '23.10.0',
-            current: '23.10.0',
-            installed: true,
-            outdated: false
-          }
-        },
-        {
-          description: 'Centreon Monitoring Connectors Manager',
-          id: 'centreon-pp-manager',
-          label: 'Centreon',
-          license: {
-            required: false
-          },
-          type: 'module',
-          version: {
-            available: '23.10.0',
-            current: '23.10.0',
-            installed: true,
-            outdated: false
-          }
-        }
-      ],
-      pagination: {
-        limit: 3,
-        offset: 0,
-        total: 3
-      }
-    },
-    widget: {
-      entities: [],
-      pagination: {
-        limit: 0,
-        offset: 0,
-        total: 0
-      }
-    }
-  },
-  status: true
-});
-
-const mockRequest = ({ expirationDate }: { expirationDate }): void => {
-  cy.interceptAPIRequest({
-    alias: 'getLicenseInformations',
-    method: Method.GET,
-    path: '**internal.php?object=centreon_module&action=list',
-    response: getMockedResponse(expirationDate)
-  });
-};
-
-const TestComponent = (): JSX.Element => {
-  useLicenseExpirationWarning({
-    module: 'centreon-autodiscovery-server'
-  });
-
-  return <div />;
-};
-
-const TestWithQueryProvider = (): JSX.Element => {
-  return (
-    <TestQueryProvider>
-      <SnackbarProvider>
-        <TestComponent />
-      </SnackbarProvider>
-    </TestQueryProvider>
-  );
-};
-
-const initialize = (): void => {
-  cy.viewport('macbook-13');
-
-  cy.mount({
-    Component: <TestWithQueryProvider />
-  });
-};
-
-const currentDate = dayjs();
-
-describe('License', () => {
-  beforeEach(initialize);
-
-  it('does not display any warning message when the license expires in more than 15 days from the current date', () => {
-    mockRequest({ expirationDate: currentDate.add(20, 'day') });
-
-    cy.waitForRequest('@getLicenseInformations');
-
-    cy.findByText(
-      labelLicenseWarning('centreon-autodiscovery-server', 20)
-    ).should('not.exist');
-  });
-  it('displays a warning message when the license expires within 15 days', () => {
-    mockRequest({ expirationDate: currentDate.add(10.5, 'day') });
-
-    cy.findByText(labelLicenseWarning('centreon-autodiscovery-server', 10));
-
-    cy.makeSnapshot();
-  });
-});

package/src/utils/useLicenseExpirationWarning.ts

@@ -1,52 +0,0 @@
-import { useEffect } from 'react';
-
-import dayjs from 'dayjs';
-import { path, pipe, propEq, find, lt, isNil } from 'ramda';
-import { useTranslation } from 'react-i18next';
-
-import { useFetchQuery, useSnackbar } from '..';
-
-import { labelLicenseWarning } from './translatedLabel';
-
-const legacyBaseEndpoint = './api/internal.php';
-const extensionsEndpoint = `${legacyBaseEndpoint}?object=centreon_module&action=list`;
-
-interface Props {
-  module: string;
-}
-
-export const useLicenseExpirationWarning = ({ module }: Props): void => {
-  const { t } = useTranslation();
-  const { showWarningMessage } = useSnackbar();
-
-  const { fetchQuery } = useFetchQuery({
-    getEndpoint: () => extensionsEndpoint,
-    getQueryKey: () => [module]
-  });
-
-  const currentDate = dayjs();
-
-  const getExpirationDate = pipe(
-    path(['result', 'module', 'entities']),
-    find(propEq('id', module)),
-    path(['license', 'expiration_date'])
-  ) as (data) => string;
-
-  useEffect(() => {
-    fetchQuery().then((response) => {
-      const expirationDate = getExpirationDate(response);
-      if (isNil(expirationDate)) {
-        return;
-      }
-
-      const daysUntilExpiration = dayjs(expirationDate).diff(
-        currentDate,
-        'day'
-      );
-
-      if (lt(daysUntilExpiration, 15)) {
-        showWarningMessage(t(labelLicenseWarning(module, daysUntilExpiration)));
-      }
-    });
-  }, []);
-};

package/src/utils/useRefreshInterval.ts

@@ -1,39 +0,0 @@
-import { useAtomValue } from 'jotai';
-import { always, cond, equals } from 'ramda';
-
-import { refreshIntervalAtom } from '@centreon/ui-context';
-
-interface Props {
-  globalRefreshInterval?: {
-    interval: number | null;
-    type: 'global' | 'manual';
-  };
-  refreshInterval: 'default' | 'custom' | 'manual';
-  refreshIntervalCustom?: number;
-}
-
-export const useRefreshInterval = ({
-  refreshInterval,
-  refreshIntervalCustom,
-  globalRefreshInterval = {
-    interval: null,
-    type: 'global'
-  }
-}: Props): number | false => {
-  const platformInterval = useAtomValue(refreshIntervalAtom);
-
-  const refreshIntervalToUse = cond([
-    [
-      equals('default'),
-      always(
-        equals(globalRefreshInterval.type, 'manual')
-          ? false
-          : globalRefreshInterval.interval || platformInterval
-      )
-    ],
-    [equals('custom'), always(refreshIntervalCustom)],
-    [equals('manual'), always(false)]
-  ])(refreshInterval);
-
-  return refreshIntervalToUse ? (refreshIntervalToUse as number) * 1000 : false;
-};

package/src/utils/useResizeObserver.ts

@@ -1,6 +0,0 @@
-// https://github.com/ZeeCoder/use-resize-observer
-import useResizeObserver from 'use-resize-observer';
-
-export * from 'use-resize-observer';
-
-export { useResizeObserver };