@centreon/ui 23.10.24 → 23.10.25-feature-MON-19319.0

package/src/components/Header/Header.stories.tsx

@@ -1,27 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { Settings as SettingsIcon } from '@mui/icons-material';
-
-import { IconButton } from '../Button';
-
-import { Header } from './Header';
-
-const meta: Meta<typeof Header> = {
-  component: Header
-};
-
-export default meta;
-type Story = StoryObj<typeof Header>;
-
-export const Default: Story = {
-  args: {
-    title: 'Header'
-  }
-};
-
-export const WithNav: Story = {
-  args: {
-    nav: <IconButton icon={<SettingsIcon />} size="small" variant="ghost" />,
-    title: 'Header with nav'
-  }
-};

package/src/components/Header/Header.tsx

@@ -1,23 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-
-import { Typography as MuiTypography } from '@mui/material';
-
-import { useStyles } from './Header.styles';
-
-type HeaderProps = {
-  nav?: ReactNode;
-  title: string;
-};
-
-const Header = ({ title, nav }: HeaderProps): ReactElement => {
-  const { classes } = useStyles();
-
-  return (
-    <header className={classes.header}>
-      <MuiTypography variant="h1">{title}</MuiTypography>
-      {nav && <nav>{nav}</nav>}
-    </header>
-  );
-};
-
-export { Header };

package/src/layout/TiledListingPage/TiledListingActions.tsx

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-
-import { useTiledListingActionsStyles } from './TiledListingPage.styles';
-
-interface TiledListingActionsProps {
-  children: Array<ReactNode> | ReactNode;
-}
-
-export const TiledListingActions = ({
-  children
-}: TiledListingActionsProps): JSX.Element => {
-  const { classes } = useTiledListingActionsStyles();
-
-  return <div className={classes.actions}>{children}</div>;
-};

package/src/layout/TiledListingPage/TiledListingContent.tsx

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-
-import Responsive from '../../Responsive';
-
-import { useTiledListingActionsStyles } from './TiledListingPage.styles';
-
-interface TiledListingContentProps {
-  children: ReactNode;
-}
-
-export const TiledListingContent = ({
-  children
-}: TiledListingContentProps): JSX.Element => {
-  const { classes } = useTiledListingActionsStyles();
-
-  return (
-    <Responsive>
-      <div className={classes.actions}>{children}</div>
-    </Responsive>
-  );
-};

package/src/layout/TiledListingPage/TiledListingList.tsx

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-
-interface TiledListingListProps {
-  children: Array<ReactNode>;
-}
-
-export const TiledListingList = ({
-  children
-}: TiledListingListProps): JSX.Element => {
-  return <div>{children}</div>;
-};

package/src/layout/TiledListingPage/TiledListingPage.styles.ts

@@ -1,16 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-export const useTiledListPageStyles = makeStyles()((theme) => ({
-  listPage: {
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%',
-    padding: theme.spacing(1.5)
-  }
-}));
-
-export const useTiledListingActionsStyles = makeStyles()((theme) => ({
-  actions: {
-    paddingBottom: theme.spacing(2.5)
-  }
-}));

package/src/layout/TiledListingPage/TiledListingPage.tsx

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-
-import { useTiledListPageStyles } from './TiledListingPage.styles';
-
-interface TiledListingPageProps {
-  children: Array<ReactNode>;
-}
-
-export const TiledListingPage = ({
-  children
-}: TiledListingPageProps): JSX.Element => {
-  const { classes } = useTiledListPageStyles();
-
-  return <div className={classes.listPage}>{children}</div>;
-};

package/src/layout/TiledListingPage/index.ts

@@ -1,4 +0,0 @@
-export * from './TiledListingPage';
-export * from './TiledListingActions';
-export * from './TiledListingList';
-export * from './TiledListingContent';