@strato-admin/core 0.1.1 → 0.3.0

package/dist/ra-core/src/core/CoreAdmin.d.ts

@@ -0,0 +1,83 @@
+import { CoreAdminContextProps } from './CoreAdminContext';
+import { CoreAdminUIProps } from './CoreAdminUI';
+/**
+ * Main admin component, entry point to the application.
+ *
+ * Initializes the various contexts (auth, data, i18n, router)
+ * and defines the main routes.
+ *
+ * Expects a list of resources as children, or a function returning a list of
+ * resources based on the permissions.
+ *
+ * @example
+ *
+ * // static list of resources
+ *
+ * import {
+ *     CoreAdmin,
+ *     Resource,
+ *     ListGuesser,
+ *     useDataProvider,
+ * } from '@strato-admin/ra-core';
+ *
+ * const App = () => (
+ *     <CoreAdmin dataProvider={myDataProvider}>
+ *         <Resource name="posts" list={ListGuesser} />
+ *     </CoreAdmin>
+ * );
+ *
+ * // dynamic list of resources based on permissions
+ *
+ * import {
+ *     CoreAdmin,
+ *     Resource,
+ *     ListGuesser,
+ *     useDataProvider,
+ * } from '@strato-admin/ra-core';
+ *
+ * const App = () => (
+ *     <CoreAdmin dataProvider={myDataProvider}>
+ *         {permissions => [
+ *             <Resource name="posts" key="posts" list={ListGuesser} />,
+ *         ]}
+ *     </CoreAdmin>
+ * );
+ *
+ * // If you have to build a dynamic list of resources using a side effect,
+ * // you can't use <CoreAdmin>. But as it delegates to sub components,
+ * // it's relatively straightforward to replace it:
+ *
+ * import * as React from 'react';
+ * import { useEffect, useState } from 'react';
+ * import {
+ *     CoreAdminContext,
+ *     CoreAdminUI,
+ *     Resource,
+ *     ListGuesser,
+ *     useDataProvider,
+ * } from '@strato-admin/ra-core';
+ *
+ * const App = () => (
+ *     <CoreAdminContext dataProvider={myDataProvider}>
+ *         <UI />
+ *     </CoreAdminContext>
+ * );
+ *
+ * const UI = () => {
+ *     const [resources, setResources] = useState([]);
+ *     const dataProvider = useDataProvider();
+ *     useEffect(() => {
+ *         dataProvider.introspect().then(r => setResources(r));
+ *     }, []);
+ *
+ *     return (
+ *         <CoreAdminUI>
+ *             {resources.map(resource => (
+ *                 <Resource name={resource.name} key={resource.key} list={ListGuesser} />
+ *             ))}
+ *         </CoreAdminUI>
+ *     );
+ * };
+ */
+export declare const CoreAdmin: (props: CoreAdminProps) => import("react/jsx-runtime").JSX.Element;
+export type CoreAdminProps = CoreAdminContextProps & CoreAdminUIProps;

package/dist/ra-core/src/core/CoreAdmin.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CoreAdminContext } from './CoreAdminContext';
+import { CoreAdminUI } from './CoreAdminUI';
+/**
+ * Main admin component, entry point to the application.
+ *
+ * Initializes the various contexts (auth, data, i18n, router)
+ * and defines the main routes.
+ *
+ * Expects a list of resources as children, or a function returning a list of
+ * resources based on the permissions.
+ *
+ * @example
+ *
+ * // static list of resources
+ *
+ * import {
+ *     CoreAdmin,
+ *     Resource,
+ *     ListGuesser,
+ *     useDataProvider,
+ * } from '@strato-admin/ra-core';
+ *
+ * const App = () => (
+ *     <CoreAdmin dataProvider={myDataProvider}>
+ *         <Resource name="posts" list={ListGuesser} />
+ *     </CoreAdmin>
+ * );
+ *
+ * // dynamic list of resources based on permissions
+ *
+ * import {
+ *     CoreAdmin,
+ *     Resource,
+ *     ListGuesser,
+ *     useDataProvider,
+ * } from '@strato-admin/ra-core';
+ *
+ * const App = () => (
+ *     <CoreAdmin dataProvider={myDataProvider}>
+ *         {permissions => [
+ *             <Resource name="posts" key="posts" list={ListGuesser} />,
+ *         ]}
+ *     </CoreAdmin>
+ * );
+ *
+ * // If you have to build a dynamic list of resources using a side effect,
+ * // you can't use <CoreAdmin>. But as it delegates to sub components,
+ * // it's relatively straightforward to replace it:
+ *
+ * import * as React from 'react';
+ * import { useEffect, useState } from 'react';
+ * import {
+ *     CoreAdminContext,
+ *     CoreAdminUI,
+ *     Resource,
+ *     ListGuesser,
+ *     useDataProvider,
+ * } from '@strato-admin/ra-core';
+ *
+ * const App = () => (
+ *     <CoreAdminContext dataProvider={myDataProvider}>
+ *         <UI />
+ *     </CoreAdminContext>
+ * );
+ *
+ * const UI = () => {
+ *     const [resources, setResources] = useState([]);
+ *     const dataProvider = useDataProvider();
+ *     useEffect(() => {
+ *         dataProvider.introspect().then(r => setResources(r));
+ *     }, []);
+ *
+ *     return (
+ *         <CoreAdminUI>
+ *             {resources.map(resource => (
+ *                 <Resource name={resource.name} key={resource.key} list={ListGuesser} />
+ *             ))}
+ *         </CoreAdminUI>
+ *     );
+ * };
+ */
+export const CoreAdmin = (props) => {
+    const { accessDenied, authenticationError, authProvider, basename, catchAll, children, dashboard, dataProvider, disableTelemetry, error, i18nProvider, layout, loading, loginPage, queryClient, ready, requireAuth, routerProvider, store, title = 'React Admin', } = props;
+    return (_jsx(CoreAdminContext, { authProvider: authProvider, basename: basename, dataProvider: dataProvider, i18nProvider: i18nProvider, queryClient: queryClient, routerProvider: routerProvider, store: store, children: _jsx(CoreAdminUI, { accessDenied: accessDenied, authenticationError: authenticationError, catchAll: catchAll, dashboard: dashboard, disableTelemetry: disableTelemetry, error: error, layout: layout, loading: loading, loginPage: loginPage, ready: ready, requireAuth: requireAuth, title: title, children: children }) }));
+};

package/dist/ra-core/src/core/CoreAdminContext.d.ts

@@ -0,0 +1,154 @@
+import { QueryClient } from '@tanstack/react-query';
+import { RouterProvider } from '../routing';
+import { Store } from '../store';
+import { AuthProvider, LegacyAuthProvider, I18nProvider, DataProvider, AdminChildren, DashboardComponent, LegacyDataProvider } from '../types';
+export interface CoreAdminContextProps {
+    /**
+     * The authentication provider for security and permissions
+     *
+     * @see https://marmelab.com/react-admin/Authentication.html
+     * @example
+     * import authProvider from './authProvider';
+     *
+     * const App = () => (
+     *     <Admin authProvider={authProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    authProvider?: AuthProvider | LegacyAuthProvider;
+    /**
+     * The base path for all URLs generated by react-admin.
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#using-react-admin-in-a-sub-path
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { BrowserRouter } from 'react-router-dom';
+     * import { dataProvider } from './dataProvider';
+     *
+     * const App = () => (
+     *     <BrowserRouter>
+     *         <Admin basename="/admin" dataProvider={dataProvider}>
+     *              ...
+     *         </Admin>
+     *    </BrowserRouter>
+     * );
+     */
+    basename?: string;
+    children?: AdminChildren;
+    /**
+     * The component to use for the dashboard page (displayed on the `/` route).
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#dashboard
+     * @example
+     * import { Admin } from 'react-admin';
+     * import Dashboard from './Dashboard';
+     * import { dataProvider } from './dataProvider';
+     *
+     * const App = () => (
+     *     <Admin dashboard={Dashboard} dataProvider={dataProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    dashboard?: DashboardComponent;
+    /**
+     * The data provider used to communicate with the API
+     *
+     * @see https://marmelab.com/react-admin/DataProviders.html
+     * @example
+     * import { Admin } from 'react-admin';
+     * import simpleRestProvider from 'ra-data-simple-rest';
+     * const dataProvider = simpleRestProvider('http://path.to.my.api/');
+     *
+     * const App = () => (
+     *     <Admin dataProvider={dataProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    dataProvider?: DataProvider | LegacyDataProvider;
+    /**
+     * The adapter for storing user preferences
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#store
+     * @example
+     * import { Admin, memoryStore } from 'react-admin';
+     *
+     * const App = () => (
+     *     <Admin dataProvider={dataProvider} store={memoryStore()}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    store?: Store;
+    /**
+     * The react-query client
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#queryclient
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { QueryClient } from '@tanstack/react-query';
+     *
+     * const queryClient = new QueryClient({
+     *     defaultOptions: {
+     *         queries: {
+     *             retry: false,
+     *             structuralSharing: false,
+     *         },
+     *         mutations: {
+     *             retryDelay: 10000,
+     *         },
+     *     },
+     * });
+     *
+     * const App = () => (
+     *     <Admin queryClient={queryClient} dataProvider={...}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    queryClient?: QueryClient;
+    /**
+     * The internationalization provider for translations
+     *
+     * @see https://marmelab.com/react-admin/Translation.html
+     * @example
+     * // in src/i18nProvider.js
+     * import polyglotI18nProvider from 'ra-i18n-polyglot';
+     * import fr from 'ra-language-french';
+     *
+     * export const i18nProvider = polyglotI18nProvider(() => fr, 'fr');
+     *
+     * // in src/App.js
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     * import { i18nProvider } from './i18nProvider';
+     *
+     * const App = () => (
+     *     <Admin dataProvider={dataProvider} i18nProvider={i18nProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    i18nProvider?: I18nProvider;
+    /**
+     * The router provider for custom routing implementations
+     *
+     * Use this to integrate react-admin with alternative routers like TanStack Router.
+     * Defaults to react-router-dom.
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#routerprovider
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { tanStackRouterProvider } from 'react-admin';
+     *
+     * const App = () => (
+     *     <Admin dataProvider={dataProvider} routerProvider={tanStackRouterProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    routerProvider?: RouterProvider;
+}
+export declare const CoreAdminContext: (props: CoreAdminContextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ra-core/src/core/CoreAdminContext.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { AdminRouter, RouterProviderContext, reactRouterProvider, } from '../routing';
+import { AuthContext, convertLegacyAuthProvider } from '../auth';
+import { DataProviderContext, UndoableMutationsContextProvider, convertLegacyDataProvider, defaultDataProvider, } from '../dataProvider';
+import { StoreContextProvider, memoryStore } from '../store';
+import { PreferencesEditorContextProvider } from '../preferences/PreferencesEditorContextProvider';
+import { I18nContextProvider } from '../i18n';
+import { ResourceDefinitionContextProvider } from './ResourceDefinitionContext';
+import { NotificationContextProvider } from '../notification';
+const defaultStore = memoryStore();
+export const CoreAdminContext = (props) => {
+    const { authProvider, basename, dataProvider = defaultDataProvider, i18nProvider, store = defaultStore, children, queryClient, routerProvider = reactRouterProvider, } = props;
+    if (!dataProvider) {
+        throw new Error(`Missing dataProvider prop.
+React-admin requires a valid dataProvider function to work.`);
+    }
+    const finalQueryClient = useMemo(() => queryClient || new QueryClient(), [queryClient]);
+    const finalAuthProvider = useMemo(() => authProvider instanceof Function
+        ? convertLegacyAuthProvider(authProvider)
+        : authProvider, [authProvider]);
+    const finalDataProvider = useMemo(() => dataProvider instanceof Function
+        ? convertLegacyDataProvider(dataProvider)
+        : dataProvider, [dataProvider]);
+    return (_jsx(RouterProviderContext.Provider, { value: routerProvider, children: _jsx(AuthContext.Provider, { value: finalAuthProvider, children: _jsx(DataProviderContext.Provider, { value: finalDataProvider, children: _jsx(StoreContextProvider, { value: store, children: _jsx(PreferencesEditorContextProvider, { children: _jsx(QueryClientProvider, { client: finalQueryClient, children: _jsx(AdminRouter, { basename: basename, children: _jsx(I18nContextProvider, { value: i18nProvider, children: _jsx(NotificationContextProvider, { children: _jsx(UndoableMutationsContextProvider, { children: _jsx(ResourceDefinitionContextProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
+};

package/dist/ra-core/src/core/CoreAdminRoutes.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ComponentType } from 'react';
+import { AdminChildren, CatchAllComponent, DashboardComponent, LayoutComponent, LoadingComponent } from '../types';
+export declare const CoreAdminRoutes: (props: CoreAdminRoutesProps) => import("react/jsx-runtime").JSX.Element;
+export interface CoreAdminRoutesProps {
+    dashboard?: DashboardComponent;
+    layout: LayoutComponent;
+    catchAll: CatchAllComponent;
+    children?: AdminChildren;
+    loading: LoadingComponent;
+    requireAuth?: boolean;
+    ready?: ComponentType;
+    authenticationError?: ComponentType;
+    accessDenied?: React.ComponentType;
+}

package/dist/ra-core/src/core/CoreAdminRoutes.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { WithPermissions, LogoutOnMount, useAuthState } from '../auth';
+import { useScrollToTop, useRouterProvider } from '../routing';
+import { useConfigureAdminRouterFromChildren } from './useConfigureAdminRouterFromChildren';
+import { HasDashboardContextProvider } from './HasDashboardContext';
+import { NavigateToFirstResource } from './NavigateToFirstResource';
+export const CoreAdminRoutes = (props) => {
+    useScrollToTop();
+    const { Route, Routes } = useRouterProvider();
+    const { customRoutesWithLayout, customRoutesWithoutLayout, status, resources, } = useConfigureAdminRouterFromChildren(props.children);
+    const { layout: Layout, catchAll: CatchAll, dashboard, loading: LoadingPage, requireAuth, ready: Ready, authenticationError: AuthenticationError = Noop, accessDenied: AccessDenied = Noop, } = props;
+    const { authenticated, isPending: isPendingAuthenticated } = useAuthState(undefined, 
+    // do not log the user out on failure to allow access to custom routes with no layout
+    false, { enabled: requireAuth });
+    if (status === 'empty') {
+        if (!Ready) {
+            throw new Error('The admin is empty. Please provide an empty component, or pass Resource or CustomRoutes as children.');
+        }
+        return _jsx(Ready, {});
+    }
+    // Note: custom routes with no layout are always rendered, regardless of the auth status
+    if (status === 'loading' || (requireAuth && isPendingAuthenticated)) {
+        return (_jsxs(Routes, { children: [customRoutesWithoutLayout, _jsx(Route, { path: "*", element: _jsx("div", { style: { height: '100vh' }, children: _jsx(LoadingPage, {}) }) })] }));
+    }
+    if (requireAuth && (isPendingAuthenticated || !authenticated)) {
+        return (_jsxs(Routes, { children: [customRoutesWithoutLayout, _jsx(Route, { path: "*", element: _jsx(LogoutOnMount, {}) })] }));
+    }
+    return (_jsxs(Routes, { children: [customRoutesWithoutLayout, _jsx(Route, { path: "/*", element: _jsx(HasDashboardContextProvider, { value: !!dashboard, children: _jsx(Layout, { children: _jsxs(Routes, { children: [customRoutesWithLayout, Children.map(resources, resource => (_jsx(Route, { path: `${resource.props.name}/*`, element: resource }, resource.props.name))), _jsx(Route, { path: "/", element: dashboard ? (_jsx(WithPermissions, { authParams: defaultAuthParams, component: dashboard, loading: LoadingPage })) : (_jsx(NavigateToFirstResource, { loading: LoadingPage })) }), _jsx(Route, { path: "/authentication-error", element: _jsx(AuthenticationError, {}) }), _jsx(Route, { path: "/access-denied", element: _jsx(AccessDenied, {}) }), _jsx(Route, { path: "*", element: _jsx(CatchAll, {}) })] }) }) }) })] }));
+};
+// FIXME in v6: make dashboard anonymous by default to remove this hack
+const defaultAuthParams = { params: { route: 'dashboard' } };
+const Noop = () => null;

package/dist/ra-core/src/core/CoreAdminUI.d.ts

@@ -0,0 +1,260 @@
+import * as React from 'react';
+import { ComponentType, ErrorInfo } from 'react';
+import type { TitleComponent, LoginComponent, LayoutComponent, AdminChildren, CatchAllComponent, DashboardComponent, LoadingComponent } from '../types';
+export type ChildrenFunction = () => ComponentType[];
+export interface CoreAdminUIProps {
+    /**
+     * The content displayed when the user visits the /auth-callback page, used for redirection by third-party authentication providers
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#authcallbackpage
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     * import { authProvider } from './authProvider';
+     * import MyAuthCallbackPage from './MyAuthCallbackPage';
+     *
+     * const App = () => (
+     *     <Admin
+     *         authCallbackPage={MyAuthCallbackPage}
+     *         authProvider={authProvider}
+     *         dataProvider={dataProvider}
+     *     >
+     *         ...
+     *     </Admin>
+     * );
+     */
+    authCallbackPage?: ComponentType | boolean;
+    /**
+     * A catch-all react component to display when the URL does not match any
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#catchall
+     * @example
+     * // in src/NotFound.js
+     * import Card from '@mui/material/Card';
+     * import CardContent from '@mui/material/CardContent';
+     * import { Title } from 'react-admin';
+     *
+     * export const NotFound = () => (
+     *     <Card>
+     *         <Title title="Not Found" />
+     *         <CardContent>
+     *             <h1>404: Page not found</h1>
+     *         </CardContent>
+     *     </Card>
+     * );
+     *
+     * // in src/App.js
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     * import { NotFound } from './NotFound';
+     *
+     * const App = () => (
+     *     <Admin catchAll={NotFound} dataProvider={dataProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    catchAll?: CatchAllComponent;
+    children?: AdminChildren;
+    /**
+     * The component to use for the dashboard page (displayed on the `/` route).
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#dashboard
+     * @example
+     * import { Admin } from 'react-admin';
+     * import Dashboard from './Dashboard';
+     * import { dataProvider } from './dataProvider';
+     *
+     * const App = () => (
+     *     <Admin dashboard={Dashboard} dataProvider={dataProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    dashboard?: DashboardComponent;
+    /**
+     * Set to true to disable anonymous telemetry collection
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#disabletelemetry
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     *
+     * const App = () => (
+     *     <Admin disableTelemetry dataProvider={dataProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    disableTelemetry?: boolean;
+    /**
+     * The component displayed when an error is caught in a child component
+     * @see https://marmelab.com/react-admin/Admin.html#error
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { MyError } from './error';
+     *
+     * const App = () => (
+     *     <Admin error={MyError}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    error?: ({ errorInfo, error, resetErrorBoundary, }: {
+        errorInfo?: ErrorInfo;
+        error: Error;
+        resetErrorBoundary: (args: any) => void;
+    }) => React.ReactNode;
+    /**
+     * The main app layout component
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#layout
+     * @example
+     * import { Admin, Layout } from 'react-admin';
+     *
+     * const MyLayout = ({ children }) => (
+     *     <Layout appBarAlwaysOn>
+     *        {children}
+     *     </Layout>
+     * );
+     *
+     * export const App = () => (
+     *     <Admin dataProvider={dataProvider} layout={MyLayout}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    layout?: LayoutComponent;
+    /**
+     * The component displayed while fetching the auth provider if the admin child is an async function
+     */
+    loading?: LoadingComponent;
+    /**
+     * The component displayed when the user visits the /login page
+     * @see https://marmelab.com/react-admin/Admin.html#loginpage
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     * import { authProvider } from './authProvider';
+     * import MyLoginPage from './MyLoginPage';
+     *
+     * const App = () => (
+     *     <Admin
+     *         loginPage={MyLoginPage}
+     *         authProvider={authProvider}
+     *         dataProvider={dataProvider}
+     *     >
+     *         ...
+     *     </Admin>
+     * );
+     */
+    loginPage?: LoginComponent | boolean;
+    /**
+     * Flag to require authentication for all routes. Defaults to false.
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#requireauth
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     * import { authProvider } from './authProvider';
+     *
+     * const App = () => (
+     *     <Admin
+     *         requireAuth
+     *         authProvider={authProvider}
+     *         dataProvider={dataProvider}
+     *     >
+     *         ...
+     *     </Admin>
+     * );
+     */
+    requireAuth?: boolean;
+    /**
+     * The page to display when the admin has no Resource children
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#ready
+     * @example
+     * import { Admin } from 'react-admin';
+     *
+     * const Ready = () => (
+     *     <div>
+     *         <h1>Admin ready</h1>
+     *         <p>You can now add resources</p>
+     *     </div>
+     * )
+     *
+     * const App = () => (
+     *     <Admin ready={Ready}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    ready?: ComponentType;
+    /**
+     * The title of the error page
+     * @see https://marmelab.com/react-admin/Admin.html#title
+     * @example
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     *
+     * const App = () => (
+     *    <Admin title="My Admin" dataProvider={dataProvider}>
+     *       ...
+     *   </Admin>
+     * );
+     */
+    title?: TitleComponent;
+    /**
+     * The page to display when an authentication error occurs
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#authenticationError
+     * @example
+     * import { Admin } from 'react-admin';
+     *
+     * const AuthenticationError = () => (
+     *     <div>
+     *         <h1>Authentication Error</h1>
+     *         <p>The authentication server returned an error and your credentials could not be checked.</p>
+     *     </div>
+     * )
+     *
+     * const App = () => (
+     *     <Admin authenticationError={AuthenticationError}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    authenticationError?: ComponentType;
+    /**
+     * A react component to display when users don't have access to the page they're trying to access
+     *
+     * @see https://marmelab.com/react-admin/Admin.html#accessDenied
+     * @example
+     * // in src/AccessDenied.js
+     * import Card from '@mui/material/Card';
+     * import CardContent from '@mui/material/CardContent';
+     * import { Title } from 'react-admin';
+     *
+     * export const AccessDenied = () => (
+     *     <Card>
+     *         <Title title="AccessDenied" />
+     *         <CardContent>
+     *             <h1>You're not authorized to see this page</h1>
+     *         </CardContent>
+     *     </Card>
+     * );
+     *
+     * // in src/App.js
+     * import { Admin } from 'react-admin';
+     * import { dataProvider } from './dataProvider';
+     * import { AccessDenied } from './AccessDenied';
+     *
+     * const App = () => (
+     *     <Admin accessDenied={AccessDenied} dataProvider={dataProvider}>
+     *         ...
+     *     </Admin>
+     * );
+     */
+    accessDenied?: React.ComponentType;
+}
+export declare const CoreAdminUI: (props: CoreAdminUIProps) => import("react/jsx-runtime").JSX.Element;