@applica-software-guru/react-admin 1.4.226 → 1.5.230

package/src/components/ra-lists/ListView.tsx

@@ -1,19 +1,20 @@
-import { cloneElement, ReactElement, ReactNode, ElementType } from 'react';
+/* eslint-disable filenames/match-regex */
+import { Error } from '@/components/Layout/Error';
+import { Card } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
-import { Title, Pagination as DefaultPagination, ListToolbar, ListActions as DefaultActions, Empty } from 'react-admin';
-import { useListContext, RaRecord } from 'ra-core';
-import * as React from 'react';
-import Card from '@mui/material/Card';
 import clsx from 'clsx';
-import Error from '../Layout/Error';
+import { RaRecord, useListContext } from 'ra-core';
+import { ElementType, ReactElement, ReactNode, cloneElement } from 'react';
+import * as React from 'react';
+import { ListActions as DefaultActions, Pagination as DefaultPagination, Empty, ListToolbar, Title } from 'react-admin';
 
 const defaultActions = <DefaultActions />;
 const defaultPagination = <DefaultPagination />;
 const defaultEmpty = <Empty />;
 const DefaultComponent = Card;
 
-export const ListView = <RecordType extends RaRecord = any>(props: ListViewProps) => {
+function ListView<RecordType extends RaRecord = any>(props: ListViewProps): ReactElement | null {
   const {
     actions = defaultActions,
     aside,
@@ -35,35 +36,42 @@ export const ListView = <RecordType extends RaRecord = any>(props: ListViewProps
     return null;
   }
 
-  const renderList = () => (
-    <div className={ListClasses.main}>
-      {(filters || actions) && <ListToolbar className={ListClasses.actions} filters={filters} actions={actions} hasCreate={hasCreate} />}
-      {!error && (
-        <Content className={ListClasses.content}>
-          {bulkActionButtons && children && React.isValidElement<any>(children)
-            ? // FIXME remove in 5.0
-              cloneElement(children, {
-                bulkActionButtons
-              })
-            : children}
-        </Content>
-      )}
+  function renderList() {
+    return (
+      <div className={ListClasses.main}>
+        {filters || actions ? (
+          <ListToolbar className={ListClasses.actions} filters={filters} actions={actions} hasCreate={hasCreate} />
+        ) : null}
+        {!error && (
+          <Content className={ListClasses.content}>
+            {bulkActionButtons && children && React.isValidElement<any>(children)
+              ? // FIXME remove in 5.0
+                cloneElement(children, {
+                  bulkActionButtons
+                })
+              : children}
+          </Content>
+        )}
 
-      {error ? (
-        <Error
-          error={error}
-          // @ts-ignore
-          resetErrorBoundary={null}
-        />
-      ) : (
-        pagination !== false && pagination
-      )}
-    </div>
-  );
+        {error ? (
+          <Error
+            error={error}
+            // @ts-ignore
+            resetErrorBoundary={null}
+          />
+        ) : (
+          pagination !== false && pagination
+        )}
+      </div>
+    );
+  }
 
-  const renderEmpty = () => empty !== false && cloneElement(empty, { className: ListClasses.noResults, hasCreate });
+  function renderEmpty() {
+    return empty !== false && cloneElement(empty, { className: ListClasses.noResults, hasCreate });
+  }
 
-  const shouldRenderEmptyPage = !isLoading && data?.length === 0 && !Object.keys(filterValues).length && empty !== false;
+  const shouldRenderEmptyPage =
+    !isLoading && data?.length === 0 && !Object.keys(filterValues).length && empty !== false;
 
   return (
     <Root className={clsx('list-page', className)} {...rest}>
@@ -72,9 +80,17 @@ export const ListView = <RecordType extends RaRecord = any>(props: ListViewProps
       {aside}
     </Root>
   );
+}
+
+const PREFIX = 'RaList';
+const ListClasses = {
+  main: `${PREFIX}-main`,
+  content: `${PREFIX}-content`,
+  actions: `${PREFIX}-actions`,
+  noResults: `${PREFIX}-noResults`
 };
 
-export interface ListViewProps {
+interface ListViewProps {
   /**
    * The actions to display in the toolbar. defaults to Filter + Create + Export.
    *
@@ -318,18 +334,9 @@ export interface ListViewProps {
   sx?: SxProps;
 }
 
-const PREFIX = 'RaList';
-
-export const ListClasses = {
-  main: `${PREFIX}-main`,
-  content: `${PREFIX}-content`,
-  actions: `${PREFIX}-actions`,
-  noResults: `${PREFIX}-noResults`
-};
-
 const Root = styled('div', {
   name: PREFIX,
-  overridesResolver: (props, styles) => styles.root
+  overridesResolver: (_, styles) => styles.root
 })(({ theme }) => ({
   display: 'flex',
 
@@ -351,3 +358,6 @@ const Root = styled('div', {
 
   [`& .${ListClasses.noResults}`]: {}
 }));
+
+export { ListView };
+export type { ListViewProps };

package/src/components/ra-lists/NotificationList/NotificationList.tsx

@@ -1,12 +1,12 @@
+import { ActionsMenu } from '@/components/ActionsMenu';
+import { DateAgoField } from '@/components/ra-fields';
+import { MarkAsReadedButton, MarkAsUnreadedButton } from '@/components/ra-lists/NotificationList/buttons';
+import { NotificationField } from '@/components/ra-lists/NotificationList/fields';
 import { darken, lighten, useTheme } from '@mui/material';
-import { Datagrid } from 'react-admin';
-import { DateAgoField } from '../../ra-fields';
-import { MarkAsReadedButton, MarkAsUnreadedButton } from './buttons';
-import { NotificationField } from './fields';
 import { useMemo } from 'react';
-import ActionsMenu from '../../ActionsMenu';
+import { Datagrid } from 'react-admin';
 
-export function NotificationList({ ...props }): JSX.Element {
+function NotificationList({ ...props }): JSX.Element {
   const theme = useTheme();
   const { mode, colorize, density } = useMemo(
     () => ({
@@ -16,9 +16,13 @@ export function NotificationList({ ...props }): JSX.Element {
     }),
     [theme.palette.mode]
   );
-  const rowSx = (record: any) => ({
-    backgroundColor: !record?.readed ? colorize(theme.palette.primary[mode], density) : colorize(theme.palette.secondary[mode], density)
-  });
+  function rowSx(record: any): any {
+    return {
+      backgroundColor: !record?.readed
+        ? colorize(theme.palette.primary[mode], density)
+        : colorize(theme.palette.secondary[mode], density)
+    };
+  }
 
   return (
     <Datagrid {...props} rowSx={rowSx}>
@@ -32,4 +36,4 @@ export function NotificationList({ ...props }): JSX.Element {
   );
 }
 
-export default NotificationList;
+export { NotificationList };

package/src/components/ra-lists/NotificationList/buttons/MarkAsReadedButton.tsx

@@ -1,3 +1,6 @@
+import { Email } from '@mui/icons-material';
+import dayjs from 'dayjs';
+import { useCallback } from 'react';
 import {
   Button,
   useListContext,
@@ -8,11 +11,8 @@ import {
   useUnselectAll,
   useUpdateMany
 } from 'react-admin';
-import { Email } from '@mui/icons-material';
-import { useCallback } from 'react';
-import dayjs from 'dayjs';
 
-export function MarkAsReadedButton(): JSX.Element {
+function MarkAsReadedButton(): JSX.Element {
   const refresh = useRefresh();
   const notify = useNotify();
   const resource = useResourceContext() as string;
@@ -44,10 +44,14 @@ export function MarkAsReadedButton(): JSX.Element {
   }, [updateMany]);
 
   return (
-    <Button label="ra.notification.mark_as_readed" disabled={isLoading || record?.readed !== null} onClick={handleUpdateMany}>
+    <Button
+      label="ra.notification.mark_as_readed"
+      disabled={isLoading || record?.readed !== null}
+      onClick={handleUpdateMany}
+    >
       <Email />
     </Button>
   );
 }
 
-export default MarkAsReadedButton;
+export { MarkAsReadedButton };

package/src/components/ra-lists/NotificationList/buttons/MarkAsUnreadedButton.tsx

@@ -1,3 +1,5 @@
+import { Drafts } from '@mui/icons-material';
+import { useCallback } from 'react';
 import {
   Button,
   useListContext,
@@ -9,10 +11,7 @@ import {
   useUpdateMany
 } from 'react-admin';
 
-import { Drafts } from '@mui/icons-material';
-import { useCallback } from 'react';
-
-export function MarkAsUnreadedButton(): JSX.Element {
+function MarkAsUnreadedButton(): JSX.Element {
   const refresh = useRefresh();
   const notify = useNotify();
   const resource = useResourceContext();
@@ -54,4 +53,4 @@ export function MarkAsUnreadedButton(): JSX.Element {
   );
 }
 
-export default MarkAsUnreadedButton;
+export { MarkAsUnreadedButton };

package/src/components/ra-lists/NotificationList/fields/NotificationField.tsx

@@ -1,10 +1,18 @@
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 import { Box, Typography } from '@mui/material';
-import { useCallback, useMemo } from 'react';
-import { useLocaleState, useNotify, useRecordContext, useRedirect, useResourceContext, useTranslate, useUpdate } from 'react-admin';
-
 import dayjs from 'dayjs';
+import { useCallback, useMemo } from 'react';
+import {
+  useLocaleState,
+  useNotify,
+  useRecordContext,
+  useRedirect,
+  useResourceContext,
+  useTranslate,
+  useUpdate
+} from 'react-admin';
 
-export function NotificationField(props: any): JSX.Element {
+function NotificationField(props: any): JSX.Element {
   const record = useRecordContext(props);
   const resource = useResourceContext(props);
   const redirect = useRedirect();
@@ -58,12 +66,12 @@ export function NotificationField(props: any): JSX.Element {
         }}
         dangerouslySetInnerHTML={{ __html: record?.content }}
       />
-      {readed && (
+      {readed ? (
         <Typography variant="caption" display="block" sx={{ mt: 1 }} color="textSecondary">
           {translate('ra.notification.readed', { readed })}
         </Typography>
-      )}
+      ) : null}
     </div>
   );
 }
-export default NotificationField;
+export { NotificationField };

package/src/components/ra-lists/NotificationList/index.ts

@@ -1 +1 @@
-export * from './NotificationList'
+export * from './NotificationList';

package/src/components/ra-lists/SimpleList.tsx

@@ -1,7 +1,7 @@
-import { SimpleList as RaSimpleList } from 'react-admin';
 import { styled } from '@mui/material/styles';
+import { SimpleList as RaSimpleList } from 'react-admin';
 
-export const SimpleList = styled(RaSimpleList, {
+const SimpleList = styled(RaSimpleList, {
   name: 'ApplicaSimpleList',
   slot: 'root'
 })(({ theme }) => ({
@@ -10,4 +10,4 @@ export const SimpleList = styled(RaSimpleList, {
   paddingBottom: 0
 }));
 
-export default SimpleList;
+export { SimpleList };

package/src/components/ra-lists/index.ts

@@ -4,4 +4,4 @@ export * from './Datagrid';
 export * from './Empty';
 export * from './List';
 export * from './NotificationList';
-export * from './SimpleList';
+export * from './SimpleList';

package/src/components/ra-pages/ActivatePage.tsx

@@ -1,15 +1,12 @@
-/* eslint-disable no-console */
-import { Grid, Stack, Typography } from '@mui/material';
-import { Link, useNavigate, useParams } from 'react-router-dom';
-import { useAuthProvider, useNotify, useTranslate } from 'ra-core';
-
-import AuthWrapper from '../AuthWrapper';
 import { BaseAuthProps } from './types';
-import PropTypes from 'prop-types';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { Grid, Stack, Typography } from '@mui/material';
 import _ from 'lodash';
+import { useAuthProvider, useNotify, useTranslate } from 'ra-core';
 import { useEffect } from 'react';
+import { Link, useNavigate, useParams } from 'react-router-dom';
 
-const ActivatePage = ({ name, copy, logo, version, background }: BaseAuthProps) => {
+function ActivatePage({ name, copy, logo, version, background }: BaseAuthProps): JSX.Element {
   const translate = useTranslate();
   const authProvider = useAuthProvider();
   const notify = useNotify();
@@ -29,12 +26,17 @@ const ActivatePage = ({ name, copy, logo, version, background }: BaseAuthProps)
         notify(error, { type: 'error' });
         _.delay(() => navigate('/login'), 1000);
       });
-  }, [token]);
+  }, [token, authProvider, notify, navigate]);
   return (
     <AuthWrapper name={name} copy={copy} logo={logo} version={version} background={background}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">{translate('ra.auth.activate')}</Typography>
             <Typography component={Link} to={'/login'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
               {translate('ra.auth.back_to_login')}
@@ -47,12 +49,7 @@ const ActivatePage = ({ name, copy, logo, version, background }: BaseAuthProps)
       </Grid>
     </AuthWrapper>
   );
-};
-
-ActivatePage.propTypes = {
-  name: PropTypes.string.isRequired,
-  version: PropTypes.string.isRequired,
-  background: PropTypes.node
-};
+}
 
-export default ActivatePage;
+export { ActivatePage };
+export type { BaseAuthProps };

package/src/components/ra-pages/GenericErrorPage.tsx

@@ -1,15 +1,13 @@
-import { useCallback } from 'react';
+import imgSrc from '@/assets/generic-error.png';
 import { Button, Container, Stack, Typography } from '@mui/material';
-//@ts-ignore
-import imgSrc from '../../assets/generic-error.png';
+import { useCallback } from 'react';
 
 function GenericErrorPage() {
   const onReload = useCallback(() => location.reload(), []);
-
   return (
     <Container>
       <Stack alignItems="center" px={2} py={{ xs: 4, sm: 8 }} spacing={2} textAlign="center">
-        <img src={imgSrc} style={{ width: '100%', maxWidth: 450 }} />
+        <img alt="Error" src={imgSrc} style={{ width: '100%', maxWidth: 450 }} />
         <Typography variant="h2">Ops! An error occurred...</Typography>
         <Typography>We&#39;re fixing the problem. Please try again later.</Typography>
         <Button onClick={onReload} variant="contained">
@@ -20,4 +18,4 @@ function GenericErrorPage() {
   );
 }
 
-export default GenericErrorPage;
+export { GenericErrorPage };

package/src/components/ra-pages/LoginPage.tsx

@@ -1,14 +1,13 @@
+import { BaseAuthProps } from './types';
+import { AuthBackground } from '@/components/AuthBackground';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { TextInput } from '@/components/ra-inputs';
 import { Button, CircularProgress, Grid, Link, Stack, Typography } from '@mui/material';
 import { Form, required, useCheckAuth, useLogin, useNotify, useSafeSetState, useTranslate } from 'ra-core';
-import { Link as RouterLink, useNavigate } from 'react-router-dom';
-
-import AuthBackground from '../AuthBackground';
-import AuthWrapper from '../AuthWrapper';
-import { BaseAuthProps } from './types';
-import { TextInput } from '../ra-inputs';
 import { useEffect } from 'react';
+import { Link as RouterLink, useNavigate } from 'react-router-dom';
 
-export type LoginPageProps = BaseAuthProps & {
+type LoginPageProps = BaseAuthProps & {
   /**
    * Indicates whether to enable the password recovery screen.
    * If enabled, it is advisable to register a route to /recover with a component
@@ -41,7 +40,7 @@ export type LoginPageProps = BaseAuthProps & {
    */
   redirectTo: string;
 };
-export function LoginPage({
+function LoginPage({
   version,
   name,
   copy,
@@ -66,7 +65,7 @@ export function LoginPage({
         // not authenticated, stay on the login page
       });
   }, [checkAuth, navigate]);
-  const handleSubmit = (values: any) => {
+  function handleSubmit(values: any) {
     setLoading(true);
     login(values, redirectTo)
       .then(() => {
@@ -75,7 +74,11 @@ export function LoginPage({
       .catch((error) => {
         setLoading(false);
         notify(
-          typeof error === 'string' ? error : typeof error === 'undefined' || !error.message ? 'ra.auth.sign_in_error' : error.message,
+          typeof error === 'string'
+            ? error
+            : typeof error === 'undefined' || !error.message
+            ? 'ra.auth.sign_in_error'
+            : error.message,
           {
             type: 'error',
             messageArgs: {
@@ -84,18 +87,29 @@ export function LoginPage({
           }
         );
       });
-  };
+  }
   return (
     <AuthWrapper name={name} version={version} copy={copy} logo={logo} background={background}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">Login</Typography>
-            {enableRegistration && (
-              <Typography component={RouterLink} to={'/register'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
+            {enableRegistration ? (
+              <Typography
+                component={RouterLink}
+                to={'/register'}
+                variant="body1"
+                sx={{ textDecoration: 'none' }}
+                color="primary"
+              >
                 {translate('ra.auth.register')}
               </Typography>
-            )}
+            ) : null}
           </Stack>
         </Grid>
         <Grid item xs={12}>
@@ -124,7 +138,7 @@ export function LoginPage({
                 />
               </Grid>
             </Grid>
-            {enablePasswordRecover && (
+            {enablePasswordRecover ? (
               <Grid item xs={12} sx={{ mt: 1 }}>
                 <Stack direction="row" justifyContent="flex-end" alignItems="flex-end" spacing={2}>
                   <Link variant="h6" component={RouterLink} to={'/recover'} color="text.primary">
@@ -132,7 +146,7 @@ export function LoginPage({
                   </Link>
                 </Stack>
               </Grid>
-            )}
+            ) : null}
             <Grid item xs={12} sx={{ mt: 1 }}>
               <Button variant="contained" type="submit" color="primary" disabled={loading} fullWidth>
                 {loading ? <CircularProgress size={19} thickness={3} /> : translate('ra.auth.sign_in')}
@@ -145,4 +159,5 @@ export function LoginPage({
   );
 }
 
-export default LoginPage;
+export { LoginPage };
+export type { LoginPageProps };

package/src/components/ra-pages/RecoverPage.tsx

@@ -1,23 +1,20 @@
-/* eslint-disable no-console */
+import { BaseAuthProps } from './types';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { TextInput } from '@/components/ra-inputs';
 import { Button, CircularProgress, Grid, Stack, Typography } from '@mui/material';
-import React, { useState } from 'react';
 import { email, required, useAuthProvider, useNotify, useRedirect, useTranslate } from 'ra-core';
-
-import AuthWrapper from '../AuthWrapper';
-import { BaseAuthProps } from './types';
+import { useState } from 'react';
 import { Form } from 'react-admin';
 import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import { TextInput } from '../ra-inputs';
 
-const RecoverPage = ({ name, copy, logo, version, background }: BaseAuthProps) => {
+function RecoverPage({ name, copy, logo, version, background }: BaseAuthProps) {
   const [loading, setLoading] = useState(false);
   const translate = useTranslate();
   const redirect = useRedirect();
   const notify = useNotify();
   const authProvider = useAuthProvider();
 
-  const handleSubmit = ({ email }: any) => {
+  function handleSubmit({ email }: any) {
     setLoading(true);
     authProvider
       .recover(email)
@@ -32,12 +29,17 @@ const RecoverPage = ({ name, copy, logo, version, background }: BaseAuthProps) =
         notify(error?.message || error?.toString(), { type: 'error' });
       })
       .finally(() => setLoading(false));
-  };
+  }
   return (
     <AuthWrapper name={name} copy={copy} logo={logo} version={version} background={background}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">{translate('ra.auth.recover.title')}</Typography>
             <Typography component={Link} to={'/login'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
               {translate('ra.auth.back_to_login')}
@@ -64,12 +66,5 @@ const RecoverPage = ({ name, copy, logo, version, background }: BaseAuthProps) =
       </Grid>
     </AuthWrapper>
   );
-};
-
-RecoverPage.propTypes = {
-  name: PropTypes.string.isRequired,
-  version: PropTypes.string.isRequired,
-  background: PropTypes.node
-};
-
-export default RecoverPage;
+}
+export { RecoverPage };

package/src/components/ra-pages/RegisterPage.tsx

@@ -1,23 +1,20 @@
-/* eslint-disable no-console */
+import { BaseAuthProps } from './types';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { TextInput } from '@/components/ra-inputs';
 import { Button, CircularProgress, Grid, Stack, Typography } from '@mui/material';
 import { email, required, useAuthProvider, useNotify, useRedirect, useTranslate } from 'ra-core';
-
-import AuthWrapper from '../AuthWrapper';
-import { BaseAuthProps } from './types';
+import { useState } from 'react';
 import { Form } from 'react-admin';
 import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import { TextInput } from '../ra-inputs';
-import { useState } from 'react';
 
-const RegisterPage = ({ name, copy, version, logo, background }: BaseAuthProps) => {
+function RegisterPage({ name, copy, version, logo, background }: BaseAuthProps) {
   const [loading, setLoading] = useState(false);
   const translate = useTranslate();
   const redirect = useRedirect();
   const notify = useNotify();
   const authProvider = useAuthProvider();
 
-  const handleSubmit = (values: any) => {
+  function handleSubmit(values: any) {
     setLoading(true);
     authProvider
       .register(values)
@@ -32,12 +29,17 @@ const RegisterPage = ({ name, copy, version, logo, background }: BaseAuthProps)
         notify(error, { type: 'error' });
       })
       .finally(() => setLoading(false));
-  };
+  }
   return (
     <AuthWrapper name={name} copy={copy} logo={logo} background={background} version={version}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">{translate('ra.auth.register.title')}</Typography>
             <Typography component={Link} to={'/login'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
               {translate('ra.auth.already_have_account')}
@@ -67,11 +69,6 @@ const RegisterPage = ({ name, copy, version, logo, background }: BaseAuthProps)
       </Grid>
     </AuthWrapper>
   );
-};
-
-RegisterPage.propTypes = {
-  name: PropTypes.string.isRequired,
-  version: PropTypes.string.isRequired
-};
+}
 
-export default RegisterPage;
+export { RegisterPage };

package/src/components/ra-pages/index.ts

@@ -1,5 +1,5 @@
-export { default as ActivatePage } from './ActivatePage';
-export { default as LoginPage } from './LoginPage';
-export { default as RecoverPage } from './RecoverPage';
-export { default as RegisterPage } from './RegisterPage';
-export { default as GenericErrorPage } from './GenericErrorPage';
+export * from './ActivatePage';
+export * from './GenericErrorPage';
+export * from './LoginPage';
+export * from './RecoverPage';
+export * from './RegisterPage';

package/src/components/ra-pages/types.ts

@@ -1,4 +1,4 @@
-export type BaseAuthProps = {
+type BaseAuthProps = {
   /**
    * Application version to show.
    */
@@ -31,3 +31,4 @@ export type BaseAuthProps = {
    */
   background: React.ReactNode | React.ElementType | any;
 };
+export type { BaseAuthProps };