@centreon/ui 23.10.1 → 23.10.3-0

package/cypress.config.ts

@@ -1,5 +0,0 @@
-const defineCypressConfig = require('@centreon/js-config/cypress/component/configuration');
-
-module.exports = defineCypressConfig({
-  specPattern: './src/**/*.cypress.spec.tsx'
-});

package/jest.config.js

@@ -1,20 +0,0 @@
-const baseConfig = require('../js-config/jest');
-
-module.exports = {
-  ...baseConfig,
-  moduleNameMapper: {
-    '\\.(s?css|png|svg)$': 'identity-obj-proxy',
-    '^react($|/.+)': '<rootDir>/../../node_modules/react$1'
-  },
-  reporters: ['default', ['jest-junit', { outputName: 'junit.xml' }]],
-  roots: ['<rootDir>/src/'],
-  setupFilesAfterEnv: [
-    '<rootDir>/setupTests.js',
-    '@testing-library/jest-dom/extend-expect'
-  ],
-  testResultsProcessor: 'jest-junit',
-  transform: {
-    ...baseConfig.transform,
-    '^.+\\.mdx?$': '@storybook/addon-docs/jest-transform-mdx'
-  }
-};

package/setupTests.js

@@ -1,86 +0,0 @@
-/* eslint-disable no-underscore-dangle */
-/* eslint-disable no-undef */
-// import '@testing-library/jest-dom/extend-expect';
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import fetchMock from 'jest-fetch-mock';
-
-const mockedMatchMedia = () => ({
-  addListener: () => {},
-  matches: false,
-  removeListener: () => {}
-});
-
-window.matchMedia = window.matchMedia || mockedMatchMedia;
-
-document.createRange = () => ({
-  commonAncestorContainer: {
-    nodeName: 'BODY',
-    ownerDocument: document
-  },
-  setEnd: () => {},
-  setStart: () => {}
-});
-
-global.IntersectionObserver = class IntersectionObserver {
-  observe() {
-    this.a = '';
-
-    return null;
-  }
-
-  disconnect() {
-    this.a = '';
-
-    return null;
-  }
-};
-
-Object.defineProperty(window, 'matchMedia', {
-  value: jest.fn().mockImplementation((query) => ({
-    addEventListener: jest.fn(),
-    addListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-    matches: false,
-    media: query,
-    onchange: null,
-    removeEventListener: jest.fn(),
-    removeListener: jest.fn()
-  })),
-  writable: true
-});
-
-Object.defineProperty(Image.prototype, 'onload', {
-  get() {
-    return this._onload;
-  },
-  set(onload) {
-    onloadRef = onload;
-    this._onload = onload;
-  }
-});
-Object.defineProperty(Image.prototype, 'onerror', {
-  get() {
-    return this._onerror;
-  },
-  set(onerror) {
-    onerrorRef = onerror;
-    this._onerror = onerror;
-  }
-});
-
-i18n.use(initReactI18next).init({
-  fallbackLng: 'en',
-  keySeparator: false,
-  lng: 'en',
-  nsSeparator: false,
-  resources: {}
-});
-
-window.Image = () => ({
-  onerror: () => {},
-  onload: () => {},
-  src: null
-});
-
-fetchMock.enableMocks();

package/src/Listing/Header/SortableCell/DraggableIcon.tsx

@@ -1,41 +0,0 @@
-import * as React from 'react';
-
-import { useTranslation } from 'react-i18next';
-
-import SvgIcon from '@mui/material/SvgIcon';
-
-import { labelDragHandle } from '../../translatedLabels';
-
-interface Icon {
-  className?: string;
-  columnLabel?: string;
-  isInteractive?: boolean;
-  visible?: boolean;
-}
-
-const DraggableIcon = ({
-  visible = false,
-  columnLabel,
-  className,
-  isInteractive = false,
-  ...rest
-}: Icon): JSX.Element => {
-  const { t } = useTranslation();
-
-  return (
-    <SvgIcon
-      aria-label={`${columnLabel} ${t(labelDragHandle)}`}
-      fontSize="medium"
-      {...rest}
-      className={className}
-      role={isInteractive ? 'button' : undefined}
-      tabIndex={isInteractive ? 0 : undefined}
-    >
-      {visible && (
-        <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" />
-      )}
-    </SvgIcon>
-  );
-};
-
-export default DraggableIcon;

package/src/storyshots.test.js

@@ -1,52 +0,0 @@
-import initStoryshots from '@storybook/addon-storyshots';
-import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
-
-jest.unmock('axios');
-
-const getMatchOptions = () => {
-  return {
-    failureThreshold: 0.2,
-    failureThresholdType: 'percent'
-  };
-};
-
-const beforeScreenshot = async (page) => {
-  await page.addStyleTag({
-    content: `
-    *,
-    *::before,
-    *::after {
-      animation-delay: -1s !important;
-      animation-duration: 0s !important;
-      animation-iteration-count: 1 !important;
-      background-attachment: initial !important;
-      scroll-behavior: auto !important;
-      transition-duration: 0s !important;
-      transition: none !important;
-    }`
-  });
-
-  await page.setViewport({
-    height: 1000,
-    width: 1000
-  });
-};
-
-const getStoryKindRegex = () => {
-  const config = JSON.parse(process.env.TEST_CONFIGURATION);
-  if (!config.story) {
-    return null;
-  }
-
-  return new RegExp(`^(${config.story || ''})$`, 'g');
-};
-
-initStoryshots({
-  storyKindRegex: getStoryKindRegex(),
-  suite: 'Image StoryShots',
-  test: imageSnapshot({
-    beforeScreenshot,
-    getMatchOptions,
-    storybookUrl: `file://${__dirname}/../.out`
-  })
-});

package/src/testRenderer.tsx

@@ -1,56 +0,0 @@
-import { ReactElement } from 'react';
-
-import {
-  render as rtlRender,
-  RenderOptions,
-  RenderResult
-} from '@testing-library/react';
-import fetchMock, { MockParams } from 'jest-fetch-mock';
-
-import { ThemeMode } from '@centreon/ui-context';
-
-import ThemeProvider from './StoryBookThemeProvider';
-
-interface Props {
-  children: ReactElement;
-}
-
-const ThemeProviderWrapper = ({ children }: Props): JSX.Element => {
-  return <ThemeProvider themeMode={ThemeMode.light}>{children}</ThemeProvider>;
-};
-
-const render = (ui: ReactElement, options?: RenderOptions): RenderResult =>
-  rtlRender(ui, {
-    wrapper: ThemeProviderWrapper as (props) => ReactElement | null,
-    ...options
-  });
-
-// re-export everything
-export * from '@testing-library/react';
-
-// override render method
-export { render };
-
-interface MockResponse {
-  data: object | unknown;
-  options?: MockParams;
-}
-
-export const mockResponse = ({ data, options }: MockResponse): void => {
-  fetchMock.mockResponse(JSON.stringify(data), options);
-};
-
-export const mockResponseOnce = ({ data, options }: MockResponse): void => {
-  fetchMock.once(JSON.stringify(data), options);
-};
-
-export const resetMocks = (): void => {
-  fetchMock.resetMocks();
-};
-
-export const getFetchCall = (
-  index,
-  secondIndex = 0
-): string | Request | undefined | RequestInit => {
-  return fetchMock.mock.calls[index][secondIndex];
-};

package/testRunner.js

@@ -1,36 +0,0 @@
-/* eslint-disable array-callback-return */
-/* eslint-disable consistent-return */
-const config = {
-  story: null
-};
-
-const argv = process.argv.slice(0, 2);
-
-process.argv.reduce((cmd, arg) => {
-  if (cmd) {
-    config[cmd] = arg;
-
-    return;
-  }
-
-  if (arg.startsWith('--')) {
-    const sub = arg.substring('--'.length);
-    if (Object.keys(config).includes(sub)) {
-      if (typeof config[sub] === 'boolean') {
-        config[cmd] = true;
-
-        return;
-      }
-
-      return sub;
-    }
-  }
-
-  argv.push(arg);
-});
-
-process.argv = argv;
-
-process.env.TEST_CONFIGURATION = JSON.stringify(config);
-
-require('jest/bin/jest');

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "extends": "../js-config/tsconfig/index.json",
-  "compilerOptions": {
-    "baseUrl": "./",
-    "typeRoots": [
-      "./types",
-      "./node_modules/@types"
-    ],
-    "outDir": "./dist",
-    "declaration": true,
-    "skipLibCheck": true,
-    "pretty": true,
-    "emitDeclarationOnly": true,
-    "types": [],
-    "esModuleInterop": true
-  },
-  "include": [
-    "./src",
-    "./types"
-  ],
-  "exclude": [
-    "./node_modules",
-    "./dist",
-    "./src/**/*.test.ts",
-    "./src/**/*.test.tsx",
-    "./src/**/*.stories.tsx",
-    "../../node_modules",
-  ]
-}

package/types/declarations.d.ts

@@ -1,9 +0,0 @@
-declare module '*.scss' {
-  export const content: { [className: string]: string };
-  export default content;
-}
-
-declare module '*.svg' {
-  const content: string;
-  export default content;
-}