@centreon/ui 23.10.32 → 23.10.33

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 (89) hide show
  1. package/package.json +12 -2
  2. package/src/Dashboard/DashboardLayout.stories.tsx +3 -5
  3. package/src/Dashboard/Layout.tsx +4 -4
  4. package/src/Dashboard/utils.ts +28 -28
  5. package/src/ThemeProvider/index.tsx +6 -5
  6. package/src/ThemeProvider/palettes.ts +389 -215
  7. package/src/api/TestQueryProvider.tsx +2 -1
  8. package/src/api/useFetchQuery/index.ts +8 -7
  9. package/src/api/useMutationQuery/index.ts +11 -10
  10. package/src/base/tokens/README.md +3 -0
  11. package/src/base/tokens/source/$metadata.json +5 -0
  12. package/src/base/tokens/source/base.json +142 -0
  13. package/src/base/tokens/themes/base.tokens.d.ts +38 -0
  14. package/src/base/tokens/themes/base.tokens.json +695 -0
  15. package/src/base/tokens/themes/base.tokens.ts +38 -0
  16. package/src/base/tokens/themes/ui-dark.tokens.d.ts +38 -0
  17. package/src/base/tokens/themes/ui-dark.tokens.json +695 -0
  18. package/src/base/tokens/themes/ui-dark.tokens.ts +38 -0
  19. package/src/base/tokens/themes/ui-light.tokens.d.ts +38 -0
  20. package/src/base/tokens/themes/ui-light.tokens.json +695 -0
  21. package/src/base/tokens/themes/ui-light.tokens.ts +38 -0
  22. package/src/components/Button/Button.styles.ts +17 -3
  23. package/src/components/Button/Button.tsx +6 -3
  24. package/src/components/Button/Icon/IconButton.styles.ts +9 -2
  25. package/src/components/DataTable/DataTable.stories.tsx +9 -0
  26. package/src/components/DataTable/DataTable.styles.ts +5 -0
  27. package/src/components/DataTable/DataTable.tsx +8 -6
  28. package/src/components/DataTable/EmptyState/DataTableEmptyState.tsx +4 -1
  29. package/src/components/DataTable/Item/DataTableItem.styles.ts +5 -2
  30. package/src/components/DataTable/Item/DataTableItem.tsx +36 -18
  31. package/src/components/Header/Header.styles.ts +0 -27
  32. package/src/components/Header/PageHeader/PageHeader.stories.tsx +88 -0
  33. package/src/components/Header/PageHeader/PageHeader.styles.ts +99 -0
  34. package/src/components/Header/PageHeader/PageHeader.tsx +15 -0
  35. package/src/components/Header/PageHeader/PageHeaderActions.tsx +17 -0
  36. package/src/components/Header/PageHeader/PageHeaderMain.tsx +15 -0
  37. package/src/components/Header/PageHeader/PageHeaderMenu.tsx +15 -0
  38. package/src/components/Header/PageHeader/PageHeaderTitle.tsx +47 -0
  39. package/src/components/Header/PageHeader/index.ts +12 -0
  40. package/src/components/Header/index.ts +1 -1
  41. package/src/components/Layout/AreaIndicator.styles.ts +33 -0
  42. package/src/components/Layout/AreaIndicator.tsx +35 -0
  43. package/src/components/Layout/PageLayout/PageLayout.stories.tsx +81 -0
  44. package/src/components/Layout/PageLayout/PageLayout.styles.ts +40 -0
  45. package/src/components/Layout/PageLayout/PageLayout.tsx +21 -0
  46. package/src/components/Layout/PageLayout/PageLayoutActions.tsx +15 -0
  47. package/src/components/Layout/PageLayout/PageLayoutBody.tsx +24 -0
  48. package/src/components/Layout/PageLayout/PageLayoutHeader.tsx +15 -0
  49. package/src/components/Layout/PageLayout/index.ts +10 -0
  50. package/src/components/Layout/index.ts +1 -0
  51. package/src/components/Menu/Button/MenuButton.stories.tsx +16 -0
  52. package/src/components/Menu/Button/MenuButton.styles.ts +27 -0
  53. package/src/components/Menu/Button/MenuButton.tsx +62 -0
  54. package/src/components/Menu/Button/index.ts +1 -0
  55. package/src/components/Menu/Menu.stories.tsx +71 -0
  56. package/src/components/Menu/Menu.styles.ts +70 -0
  57. package/src/components/Menu/Menu.tsx +25 -0
  58. package/src/components/Menu/MenuDivider.tsx +13 -0
  59. package/src/components/Menu/MenuItem.tsx +36 -0
  60. package/src/components/Menu/MenuItems.tsx +35 -0
  61. package/src/components/Menu/index.ts +12 -0
  62. package/src/components/Menu/useMenu.tsx +79 -0
  63. package/src/components/Modal/index.ts +2 -0
  64. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.stories.tsx +70 -0
  65. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.styles.ts +5 -0
  66. package/src/components/Tooltip/TextOverflowTooltip/TextOverflowTooltip.tsx +115 -0
  67. package/src/components/Tooltip/TextOverflowTooltip/index.tsx +1 -0
  68. package/src/components/Tooltip/Tooltip.stories.tsx +41 -0
  69. package/src/components/Tooltip/Tooltip.styles.ts +5 -0
  70. package/src/components/Tooltip/Tooltip.tsx +46 -0
  71. package/src/components/Tooltip/index.ts +1 -0
  72. package/src/components/index.ts +3 -0
  73. package/src/index.ts +0 -2
  74. package/src/screens/dashboard/DashboardsDetail.stories.tsx +108 -0
  75. package/src/screens/dashboard/DashboardsOverview.stories.tsx +110 -102
  76. package/src/styles/tokens/themes/_ui-dark.tokens.json +695 -0
  77. package/src/styles/tokens/themes/_ui-light.tokens.json +695 -0
  78. package/src/utils/index.ts +1 -1
  79. package/src/utils/sanitizedHTML.ts +1 -1
  80. package/src/utils/useResizeObserver.ts +6 -0
  81. package/test/setupTests.js +1 -1
  82. package/src/components/Header/Header.stories.tsx +0 -27
  83. package/src/components/Header/Header.tsx +0 -23
  84. package/src/layout/TiledListingPage/TiledListingActions.tsx +0 -15
  85. package/src/layout/TiledListingPage/TiledListingContent.tsx +0 -21
  86. package/src/layout/TiledListingPage/TiledListingList.tsx +0 -11
  87. package/src/layout/TiledListingPage/TiledListingPage.styles.ts +0 -16
  88. package/src/layout/TiledListingPage/TiledListingPage.tsx +0 -15
  89. package/src/layout/TiledListingPage/index.ts +0 -4
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable no-underscore-dangle */
2
2
  /* eslint-disable no-undef */
3
- // import '@testing-library/jest-dom/extend-expect';
3
+
4
4
  import i18n from 'i18next';
5
5
  import { initReactI18next } from 'react-i18next';
6
6
  import fetchMock from 'jest-fetch-mock';
@@ -1,27 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
-
3
- import { Settings as SettingsIcon } from '@mui/icons-material';
4
-
5
- import { IconButton } from '../Button';
6
-
7
- import { Header } from './Header';
8
-
9
- const meta: Meta<typeof Header> = {
10
- component: Header
11
- };
12
-
13
- export default meta;
14
- type Story = StoryObj<typeof Header>;
15
-
16
- export const Default: Story = {
17
- args: {
18
- title: 'Header'
19
- }
20
- };
21
-
22
- export const WithNav: Story = {
23
- args: {
24
- nav: <IconButton icon={<SettingsIcon />} size="small" variant="ghost" />,
25
- title: 'Header with nav'
26
- }
27
- };
@@ -1,23 +0,0 @@
1
- import { ReactElement, ReactNode } from 'react';
2
-
3
- import { Typography as MuiTypography } from '@mui/material';
4
-
5
- import { useStyles } from './Header.styles';
6
-
7
- type HeaderProps = {
8
- nav?: ReactNode;
9
- title: string;
10
- };
11
-
12
- const Header = ({ title, nav }: HeaderProps): ReactElement => {
13
- const { classes } = useStyles();
14
-
15
- return (
16
- <header className={classes.header}>
17
- <MuiTypography variant="h1">{title}</MuiTypography>
18
- {nav && <nav>{nav}</nav>}
19
- </header>
20
- );
21
- };
22
-
23
- export { Header };
@@ -1,15 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- import { useTiledListingActionsStyles } from './TiledListingPage.styles';
4
-
5
- interface TiledListingActionsProps {
6
- children: Array<ReactNode> | ReactNode;
7
- }
8
-
9
- export const TiledListingActions = ({
10
- children
11
- }: TiledListingActionsProps): JSX.Element => {
12
- const { classes } = useTiledListingActionsStyles();
13
-
14
- return <div className={classes.actions}>{children}</div>;
15
- };
@@ -1,21 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- import Responsive from '../../Responsive';
4
-
5
- import { useTiledListingActionsStyles } from './TiledListingPage.styles';
6
-
7
- interface TiledListingContentProps {
8
- children: ReactNode;
9
- }
10
-
11
- export const TiledListingContent = ({
12
- children
13
- }: TiledListingContentProps): JSX.Element => {
14
- const { classes } = useTiledListingActionsStyles();
15
-
16
- return (
17
- <Responsive>
18
- <div className={classes.actions}>{children}</div>
19
- </Responsive>
20
- );
21
- };
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- interface TiledListingListProps {
4
- children: Array<ReactNode>;
5
- }
6
-
7
- export const TiledListingList = ({
8
- children
9
- }: TiledListingListProps): JSX.Element => {
10
- return <div>{children}</div>;
11
- };
@@ -1,16 +0,0 @@
1
- import { makeStyles } from 'tss-react/mui';
2
-
3
- export const useTiledListPageStyles = makeStyles()((theme) => ({
4
- listPage: {
5
- display: 'flex',
6
- flexDirection: 'column',
7
- height: '100%',
8
- padding: theme.spacing(1.5)
9
- }
10
- }));
11
-
12
- export const useTiledListingActionsStyles = makeStyles()((theme) => ({
13
- actions: {
14
- paddingBottom: theme.spacing(2.5)
15
- }
16
- }));
@@ -1,15 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- import { useTiledListPageStyles } from './TiledListingPage.styles';
4
-
5
- interface TiledListingPageProps {
6
- children: Array<ReactNode>;
7
- }
8
-
9
- export const TiledListingPage = ({
10
- children
11
- }: TiledListingPageProps): JSX.Element => {
12
- const { classes } = useTiledListPageStyles();
13
-
14
- return <div className={classes.listPage}>{children}</div>;
15
- };
@@ -1,4 +0,0 @@
1
- export * from './TiledListingPage';
2
- export * from './TiledListingActions';
3
- export * from './TiledListingList';
4
- export * from './TiledListingContent';