@etsoo/toolpad 1.0.8 → 1.0.10

package/build/Account/Account.d.ts

@@ -60,7 +60,4 @@ export interface AccountProps {
  * - [Account API](https://mui.com/toolpad/core/api/account)
  */
 declare function Account(props: AccountProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace Account {
-    var propTypes: any;
-}
 export { Account };

package/build/Account/Account.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import PropTypes from "prop-types";
 import Popover from "@mui/material/Popover";
 import Divider from "@mui/material/Divider";
 import Stack from "@mui/material/Stack";
@@ -64,44 +63,4 @@ function Account(props) {
                     ...slotProps?.popover?.slotProps
                 }, children: slots?.popoverContent ? (_jsx(slots.popoverContent, { ...slotProps?.popoverContent })) : (_jsxs(Stack, { direction: "column", ...slotProps?.popoverContent, children: [_jsx(AccountPopoverHeader, { children: _jsx(AccountPreview, { variant: "expanded" }) }), _jsx(Divider, {}), _jsx(AccountPopoverFooter, { children: _jsx(SignOutButton, { ...slotProps?.signOutButton }) })] })) }))] }));
 }
-Account.propTypes /* remove-proptypes */ = {
-    // ┌────────────────────────────── Warning ──────────────────────────────┐
-    // │ These PropTypes are generated from the TypeScript type definitions. │
-    // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-    // └─────────────────────────────────────────────────────────────────────┘
-    /**
-     * The props used for each slot inside.
-     */
-    slotProps: PropTypes.shape({
-        popover: PropTypes.object,
-        popoverContent: PropTypes.object,
-        preview: PropTypes.shape({
-            handleClick: PropTypes.func,
-            open: PropTypes.bool,
-            slotProps: PropTypes.shape({
-                avatar: PropTypes.object,
-                avatarIconButton: PropTypes.object,
-                moreIconButton: PropTypes.object
-            }),
-            slots: PropTypes.shape({
-                avatar: PropTypes.elementType,
-                avatarIconButton: PropTypes.elementType,
-                moreIconButton: PropTypes.elementType
-            }),
-            variant: PropTypes.oneOf(["condensed", "expanded"])
-        }),
-        signInButton: PropTypes.object,
-        signOutButton: PropTypes.object
-    }),
-    /**
-     * The components used for each slot inside.
-     */
-    slots: PropTypes.shape({
-        popover: PropTypes.elementType,
-        popoverContent: PropTypes.elementType,
-        preview: PropTypes.elementType,
-        signInButton: PropTypes.elementType,
-        signOutButton: PropTypes.elementType
-    })
-};
 export { Account };

package/build/Account/AccountPreview.d.ts

@@ -61,7 +61,4 @@ export interface AccountPreviewProps {
  * - [AccountPreview API](https://mui.com/toolpad/core/api/account-preview)
  */
 declare function AccountPreview(props: AccountPreviewProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace AccountPreview {
-    var propTypes: any;
-}
 export { AccountPreview };

package/build/Account/AccountPreview.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import PropTypes from "prop-types";
 import Avatar from "@mui/material/Avatar";
 import Typography from "@mui/material/Typography";
 import Tooltip from "@mui/material/Tooltip";
@@ -56,40 +55,4 @@ function AccountPreview(props) {
     }
     return (_jsx(Tooltip, { title: session.user.name ?? "Account", children: slots?.avatarIconButton ? (_jsx(slots.avatarIconButton, {})) : (_jsx(IconButton, { onClick: handleClick, "aria-label": localeText.accountIconButtonAriaLabel, size: "small", "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, ...slotProps?.avatarIconButton, children: avatarContent })) }));
 }
-AccountPreview.propTypes /* remove-proptypes */ = {
-    // ┌────────────────────────────── Warning ──────────────────────────────┐
-    // │ These PropTypes are generated from the TypeScript type definitions. │
-    // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-    // └─────────────────────────────────────────────────────────────────────┘
-    /**
-     * The handler used when the preview is expanded
-     */
-    handleClick: PropTypes.func,
-    /**
-     * The state of the Account popover
-     * @default false
-     */
-    open: PropTypes.bool,
-    /**
-     * The props used for each slot inside.
-     */
-    slotProps: PropTypes.shape({
-        avatar: PropTypes.object,
-        avatarIconButton: PropTypes.object,
-        moreIconButton: PropTypes.object
-    }),
-    /**
-     * The components used for each slot inside.
-     */
-    slots: PropTypes.shape({
-        avatar: PropTypes.elementType
-    }),
-    /**
-     * The type of account details to display.
-     * @property {'condensed'} condensed - Shows only the user's avatar.
-     * @property {'expanded'} expanded - Displays the user's avatar, name, and email if available.
-     * @default 'condensed'
-     */
-    variant: PropTypes.oneOf(["condensed", "expanded"])
-};
 export { AccountPreview };

package/build/AppProvider/AppProvider.d.ts

@@ -16,7 +16,7 @@ export interface Router {
     navigate: Navigate;
 }
 export interface Branding {
-    title?: string | React.ReactNode | [string, (handler: React.MouseEvent<HTMLSpanElement>) => void];
+    title?: React.ReactNode | [string, (handler: React.MouseEvent<HTMLSpanElement>) => void];
     logo?: React.ReactNode;
 }
 export interface NavigationPageItem {

package/build/AppProvider/AppProviderComponent.d.ts

@@ -11,7 +11,4 @@ import { AppProviderProps } from "./AppProvider";
  * - [AppProvider API](https://mui.com/toolpad/core/api/app-provider)
  */
 declare function AppProvider(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;
-declare namespace AppProvider {
-    var propTypes: any;
-}
 export { AppProvider };

package/build/AppProvider/AppProviderComponent.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { BrandingContext, NavigationContext, RouterContext, WindowContext } from "../shared/context";
 import { AppThemeProvider } from "./AppThemeProvider";
 import { createTheme as createMuiTheme } from "@mui/material/styles";
@@ -29,93 +28,4 @@ function AppProvider(props) {
     const { children, theme = createTheme(), branding = null, localeText, navigation = [], router = null, authentication = null, session = null, window: appWindow } = props;
     return (_jsx(WindowContext.Provider, { value: appWindow, children: _jsx(AuthenticationContext.Provider, { value: authentication, children: _jsx(SessionContext.Provider, { value: session, children: _jsx(RouterContext.Provider, { value: router, children: _jsx(AppThemeProvider, { theme: theme, window: appWindow, children: _jsx(LocaleProvider, { localeText: localeText, children: _jsx(BrandingContext.Provider, { value: branding, children: _jsx(NavigationContext.Provider, { value: navigation, children: children }) }) }) }) }) }) }) }));
 }
-AppProvider.propTypes /* remove-proptypes */ = {
-    // ┌────────────────────────────── Warning ──────────────────────────────┐
-    // │ These PropTypes are generated from the TypeScript type definitions. │
-    // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-    // └─────────────────────────────────────────────────────────────────────┘
-    /**
-     * Authentication methods.
-     * @default null
-     */
-    authentication: PropTypes.shape({
-        signIn: PropTypes.func.isRequired,
-        signOut: PropTypes.func.isRequired
-    }),
-    /**
-     * Branding options for the app.
-     * @default null
-     */
-    branding: PropTypes.shape({
-        logo: PropTypes.node,
-        title: PropTypes.string
-    }),
-    /**
-     * The content of the app provider.
-     */
-    children: PropTypes.node,
-    /**
-     * Navigation definition for the app.
-     * @default []
-     */
-    navigation: PropTypes.arrayOf(PropTypes.oneOfType([
-        PropTypes.shape({
-            action: PropTypes.node,
-            children: PropTypes.arrayOf(PropTypes.oneOfType([
-                PropTypes.object,
-                PropTypes.shape({
-                    kind: PropTypes.oneOf(["header"]).isRequired,
-                    title: PropTypes.string.isRequired
-                }),
-                PropTypes.shape({
-                    kind: PropTypes.oneOf(["divider"]).isRequired
-                })
-            ]).isRequired),
-            icon: PropTypes.node,
-            kind: PropTypes.oneOf(["page"]),
-            pattern: PropTypes.string,
-            segment: PropTypes.string,
-            title: PropTypes.string
-        }),
-        PropTypes.shape({
-            kind: PropTypes.oneOf(["header"]).isRequired,
-            title: PropTypes.string.isRequired
-        }),
-        PropTypes.shape({
-            kind: PropTypes.oneOf(["divider"]).isRequired
-        })
-    ]).isRequired),
-    /**
-     * Router implementation used inside Toolpad components.
-     * @default null
-     */
-    router: PropTypes.shape({
-        navigate: PropTypes.func.isRequired,
-        pathname: PropTypes.string.isRequired,
-        searchParams: PropTypes.instanceOf(URLSearchParams).isRequired
-    }),
-    /**
-     * Session info about the current user.
-     * @default null
-     */
-    session: PropTypes.shape({
-        user: PropTypes.shape({
-            email: PropTypes.string,
-            id: PropTypes.string,
-            image: PropTypes.string,
-            name: PropTypes.string
-        })
-    }),
-    /**
-     * [Theme or themes](https://mui.com/toolpad/core/react-app-provider/#theming) to be used by the app in light/dark mode. A [CSS variables theme](https://mui.com/material-ui/customization/css-theme-variables/overview/) is recommended.
-     * @default createTheme()
-     */
-    theme: PropTypes.object,
-    /**
-     * The window where the application is rendered.
-     * This is needed when rendering the app inside an iframe, for example.
-     * @default window
-     */
-    window: PropTypes.object
-};
 export { AppProvider };

package/build/DashboardLayout/DashboardLayout.d.ts

@@ -88,7 +88,4 @@ export interface DashboardLayoutProps {
  * - [DashboardLayout API](https://mui.com/toolpad/core/api/dashboard-layout)
  */
 declare function DashboardLayout(props: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DashboardLayout {
-    var propTypes: any;
-}
 export { DashboardLayout };

package/build/DashboardLayout/DashboardLayout.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import PropTypes from "prop-types";
 import { styled, useTheme } from "@mui/material";
 import MuiAppBar from "@mui/material/AppBar";
 import Box from "@mui/material/Box";
@@ -191,85 +190,4 @@ function DashboardLayout(props) {
                             overflow: "auto"
                         }, children: children })] })] }));
 }
-DashboardLayout.propTypes /* remove-proptypes */ = {
-    // ┌────────────────────────────── Warning ──────────────────────────────┐
-    // │ These PropTypes are generated from the TypeScript type definitions. │
-    // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-    // └─────────────────────────────────────────────────────────────────────┘
-    /**
-     * The content of the dashboard.
-     */
-    children: PropTypes.node,
-    /**
-     * Whether the sidebar should start collapsed in desktop size screens.
-     * @default false
-     */
-    defaultSidebarCollapsed: PropTypes.bool,
-    /**
-     * Whether the sidebar should not be collapsible to a mini variant in desktop and tablet viewports.
-     * @default false
-     */
-    disableCollapsibleSidebar: PropTypes.bool,
-    /**
-     * Whether the navigation bar and menu icon should be hidden
-     * @default false
-     */
-    hideNavigation: PropTypes.bool,
-    /**
-     * Width of the sidebar when expanded.
-     * @default 320
-     */
-    sidebarExpandedWidth: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    /**
-     * The props used for each slot inside.
-     * @default {}
-     */
-    slotProps: PropTypes.shape({
-        sidebarFooter: PropTypes.shape({
-            mini: PropTypes.bool.isRequired
-        }),
-        toolbarAccount: PropTypes.shape({
-            localeText: PropTypes.shape({
-                iconButtonAriaLabel: PropTypes.string,
-                signInLabel: PropTypes.string,
-                signOutLabel: PropTypes.string
-            }),
-            slotProps: PropTypes.shape({
-                popover: PropTypes.object,
-                popoverContent: PropTypes.object,
-                preview: PropTypes.object,
-                signInButton: PropTypes.object,
-                signOutButton: PropTypes.object
-            }),
-            slots: PropTypes.shape({
-                popover: PropTypes.elementType,
-                popoverContent: PropTypes.elementType,
-                preview: PropTypes.elementType,
-                signInButton: PropTypes.elementType,
-                signOutButton: PropTypes.elementType
-            })
-        }),
-        toolbarActions: PropTypes.object
-    }),
-    /**
-     * The components used for each slot inside.
-     * @default {}
-     */
-    slots: PropTypes.shape({
-        sidebarFooter: PropTypes.elementType,
-        toolbarAccount: PropTypes.elementType,
-        toolbarActions: PropTypes.elementType
-    }),
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx: PropTypes.oneOfType([
-        PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
-        PropTypes.func,
-        PropTypes.object
-    ])
-};
 export { DashboardLayout };

package/build/DashboardLayout/TitleBar.d.ts

@@ -1 +1,2 @@
-export declare function TitleBar(): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export declare function TitleBar(): number | bigint | boolean | Iterable<React.ReactNode> | Promise<React.AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | undefined;

package/build/DashboardLayout/TitleBar.js

@@ -17,9 +17,9 @@ export function TitleBar() {
     const branding = React.useContext(BrandingContext);
     // Application title
     const title = branding?.title;
-    const titleUI = React.useMemo(() => {
+    const [titleUI, hasLink] = React.useMemo(() => {
         if (title == null)
-            return;
+            return [undefined, true];
         if (typeof title === "string" || Array.isArray(title)) {
             let titleString;
             let clickHandler;
@@ -30,14 +30,22 @@ export function TitleBar() {
             else {
                 titleString = title;
             }
-            return (_jsx(Typography, { variant: "h6", sx: {
-                    color: (theme.vars ?? theme).palette.primary.main,
-                    fontWeight: "700",
-                    ml: 0.5,
-                    whiteSpace: "nowrap"
-                }, onClick: clickHandler == null ? undefined : (e) => clickHandler(e), children: titleString }));
+            return [
+                _jsx(Typography, { variant: "h6", sx: {
+                        color: (theme.vars ?? theme).palette.primary.main,
+                        fontWeight: "700",
+                        ml: 0.5,
+                        whiteSpace: "nowrap"
+                    }, onClick: clickHandler == null ? undefined : (e) => clickHandler(e), children: titleString }),
+                true
+            ];
         }
-        return title;
+        return [title, false];
     }, [title]);
-    return (_jsx(Link, { href: "/", style: { color: "inherit", textDecoration: "none" }, children: _jsxs(Stack, { direction: "row", alignItems: "center", children: [branding?.logo && _jsx(LogoContainer, { children: branding.logo }), titleUI] }) }));
+    if (hasLink) {
+        return (_jsx(Link, { href: "/", style: { color: "inherit", textDecoration: "none" }, children: _jsxs(Stack, { direction: "row", alignItems: "center", children: [branding?.logo && _jsx(LogoContainer, { children: branding.logo }), titleUI] }) }));
+    }
+    else {
+        return titleUI;
+    }
 }

package/build/PageContainer/PageContainer.d.ts

@@ -56,7 +56,4 @@ export interface PageContainerProps extends ContainerProps {
  * - [PageContainer API](https://mui.com/toolpad/core/api/page-container)
  */
 declare function PageContainer(props: PageContainerProps): import("react/jsx-runtime").JSX.Element;
-declare namespace PageContainer {
-    var propTypes: any;
-}
 export { PageContainer };

package/build/PageContainer/PageContainer.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import Breadcrumbs from "@mui/material/Breadcrumbs";
 import Container from "@mui/material/Container";
 import Link from "@mui/material/Link";
@@ -48,39 +47,4 @@ function PageContainer(props) {
                                 })
                                 : null }), _jsxs(PageContentHeader, { children: [title ? _jsx(Typography, { variant: "h4", children: title }) : null, _jsx(ToolbarComponent, { ...toolbarSlotProps })] })] }), _jsx("div", { children: children })] }) }));
 }
-PageContainer.propTypes /* remove-proptypes */ = {
-    // ┌────────────────────────────── Warning ──────────────────────────────┐
-    // │ These PropTypes are generated from the TypeScript type definitions. │
-    // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-    // └─────────────────────────────────────────────────────────────────────┘
-    /**
-     * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
-     */
-    breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
-        path: PropTypes.string.isRequired,
-        title: PropTypes.string.isRequired
-    })),
-    /**
-     * @ignore
-     */
-    children: PropTypes.node,
-    /**
-     * The props used for each slot inside.
-     */
-    slotProps: PropTypes.shape({
-        toolbar: PropTypes.shape({
-            children: PropTypes.node
-        }).isRequired
-    }),
-    /**
-     * The components used for each slot inside.
-     */
-    slots: PropTypes.shape({
-        toolbar: PropTypes.elementType
-    }),
-    /**
-     * The title of the page. Leave blank to use the active page title.
-     */
-    title: PropTypes.string
-};
 export { PageContainer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/toolpad",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "author": "ETSOO",
   "description": "Dashboard framework extention based on Toolpad Core",
   "main": "build/index.js",
@@ -50,7 +50,6 @@
     "@mui/utils": "6.3.1",
     "invariant": "2.2.4",
     "path-to-regexp": "6.3.0",
-    "prop-types": "15.8.1",
     "react": "^18.3.1"
   },
   "overrides": {
@@ -62,7 +61,6 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@types/invariant": "2.2.37",
-    "@types/prop-types": "15.7.14",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "4.3.4",

package/src/Account/Account.tsx

@@ -1,5 +1,4 @@
 import * as React from "react";
-import PropTypes from "prop-types";
 import Button from "@mui/material/Button";
 import Popover from "@mui/material/Popover";
 import Divider from "@mui/material/Divider";
@@ -164,45 +163,4 @@ function Account(props: AccountProps) {
   );
 }
 
-Account.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The props used for each slot inside.
-   */
-  slotProps: PropTypes.shape({
-    popover: PropTypes.object,
-    popoverContent: PropTypes.object,
-    preview: PropTypes.shape({
-      handleClick: PropTypes.func,
-      open: PropTypes.bool,
-      slotProps: PropTypes.shape({
-        avatar: PropTypes.object,
-        avatarIconButton: PropTypes.object,
-        moreIconButton: PropTypes.object
-      }),
-      slots: PropTypes.shape({
-        avatar: PropTypes.elementType,
-        avatarIconButton: PropTypes.elementType,
-        moreIconButton: PropTypes.elementType
-      }),
-      variant: PropTypes.oneOf(["condensed", "expanded"])
-    }),
-    signInButton: PropTypes.object,
-    signOutButton: PropTypes.object
-  }),
-  /**
-   * The components used for each slot inside.
-   */
-  slots: PropTypes.shape({
-    popover: PropTypes.elementType,
-    popoverContent: PropTypes.elementType,
-    preview: PropTypes.elementType,
-    signInButton: PropTypes.elementType,
-    signOutButton: PropTypes.elementType
-  })
-} as any;
-
 export { Account };

package/src/Account/AccountPreview.tsx

@@ -1,5 +1,4 @@
 import * as React from "react";
-import PropTypes from "prop-types";
 import Avatar, { AvatarProps } from "@mui/material/Avatar";
 import Typography from "@mui/material/Typography";
 import Tooltip from "@mui/material/Tooltip";
@@ -172,41 +171,4 @@ function AccountPreview(props: AccountPreviewProps) {
   );
 }
 
-AccountPreview.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The handler used when the preview is expanded
-   */
-  handleClick: PropTypes.func,
-  /**
-   * The state of the Account popover
-   * @default false
-   */
-  open: PropTypes.bool,
-  /**
-   * The props used for each slot inside.
-   */
-  slotProps: PropTypes.shape({
-    avatar: PropTypes.object,
-    avatarIconButton: PropTypes.object,
-    moreIconButton: PropTypes.object
-  }),
-  /**
-   * The components used for each slot inside.
-   */
-  slots: PropTypes.shape({
-    avatar: PropTypes.elementType
-  }),
-  /**
-   * The type of account details to display.
-   * @property {'condensed'} condensed - Shows only the user's avatar.
-   * @property {'expanded'} expanded - Displays the user's avatar, name, and email if available.
-   * @default 'condensed'
-   */
-  variant: PropTypes.oneOf(["condensed", "expanded"])
-} as any;
-
 export { AccountPreview };

package/src/AppProvider/AppProvider.tsx

@@ -22,7 +22,6 @@ export interface Router {
 
 export interface Branding {
   title?:
-    | string
     | React.ReactNode
     | [string, (handler: React.MouseEvent<HTMLSpanElement>) => void];
   logo?: React.ReactNode;

package/src/AppProvider/AppProviderComponent.tsx

@@ -1,5 +1,4 @@
 "use client";
-import PropTypes from "prop-types";
 import {
   BrandingContext,
   NavigationContext,
@@ -69,98 +68,4 @@ function AppProvider(props: AppProviderProps) {
   );
 }
 
-AppProvider.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Authentication methods.
-   * @default null
-   */
-  authentication: PropTypes.shape({
-    signIn: PropTypes.func.isRequired,
-    signOut: PropTypes.func.isRequired
-  }),
-  /**
-   * Branding options for the app.
-   * @default null
-   */
-  branding: PropTypes.shape({
-    logo: PropTypes.node,
-    title: PropTypes.string
-  }),
-  /**
-   * The content of the app provider.
-   */
-  children: PropTypes.node,
-  /**
-   * Navigation definition for the app.
-   * @default []
-   */
-  navigation: PropTypes.arrayOf(
-    PropTypes.oneOfType([
-      PropTypes.shape({
-        action: PropTypes.node,
-        children: PropTypes.arrayOf(
-          PropTypes.oneOfType([
-            PropTypes.object,
-            PropTypes.shape({
-              kind: PropTypes.oneOf(["header"]).isRequired,
-              title: PropTypes.string.isRequired
-            }),
-            PropTypes.shape({
-              kind: PropTypes.oneOf(["divider"]).isRequired
-            })
-          ]).isRequired
-        ),
-        icon: PropTypes.node,
-        kind: PropTypes.oneOf(["page"]),
-        pattern: PropTypes.string,
-        segment: PropTypes.string,
-        title: PropTypes.string
-      }),
-      PropTypes.shape({
-        kind: PropTypes.oneOf(["header"]).isRequired,
-        title: PropTypes.string.isRequired
-      }),
-      PropTypes.shape({
-        kind: PropTypes.oneOf(["divider"]).isRequired
-      })
-    ]).isRequired
-  ),
-  /**
-   * Router implementation used inside Toolpad components.
-   * @default null
-   */
-  router: PropTypes.shape({
-    navigate: PropTypes.func.isRequired,
-    pathname: PropTypes.string.isRequired,
-    searchParams: PropTypes.instanceOf(URLSearchParams).isRequired
-  }),
-  /**
-   * Session info about the current user.
-   * @default null
-   */
-  session: PropTypes.shape({
-    user: PropTypes.shape({
-      email: PropTypes.string,
-      id: PropTypes.string,
-      image: PropTypes.string,
-      name: PropTypes.string
-    })
-  }),
-  /**
-   * [Theme or themes](https://mui.com/toolpad/core/react-app-provider/#theming) to be used by the app in light/dark mode. A [CSS variables theme](https://mui.com/material-ui/customization/css-theme-variables/overview/) is recommended.
-   * @default createTheme()
-   */
-  theme: PropTypes.object,
-  /**
-   * The window where the application is rendered.
-   * This is needed when rendering the app inside an iframe, for example.
-   * @default window
-   */
-  window: PropTypes.object
-} as any;
-
 export { AppProvider };

package/src/DashboardLayout/DashboardLayout.tsx

@@ -1,6 +1,5 @@
 "use client";
 import * as React from "react";
-import PropTypes from "prop-types";
 import { styled, useTheme, type Theme, SxProps } from "@mui/material";
 import MuiAppBar from "@mui/material/AppBar";
 import Box from "@mui/material/Box";
@@ -9,12 +8,10 @@ import IconButton from "@mui/material/IconButton";
 import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Tooltip from "@mui/material/Tooltip";
-import Typography from "@mui/material/Typography";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import type {} from "@mui/material/themeCssVarsAugmentation";
 import MenuIcon from "@mui/icons-material/Menu";
 import MenuOpenIcon from "@mui/icons-material/MenuOpen";
-import { Link } from "../shared/Link";
 import { NavigationContext, WindowContext } from "../shared/context";
 import { Account, type AccountProps } from "../Account";
 import { DashboardSidebarSubNavigation } from "./DashboardSidebarSubNavigation";
@@ -456,88 +453,4 @@ function DashboardLayout(props: DashboardLayoutProps) {
   );
 }
 
-DashboardLayout.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the dashboard.
-   */
-  children: PropTypes.node,
-  /**
-   * Whether the sidebar should start collapsed in desktop size screens.
-   * @default false
-   */
-  defaultSidebarCollapsed: PropTypes.bool,
-  /**
-   * Whether the sidebar should not be collapsible to a mini variant in desktop and tablet viewports.
-   * @default false
-   */
-  disableCollapsibleSidebar: PropTypes.bool,
-  /**
-   * Whether the navigation bar and menu icon should be hidden
-   * @default false
-   */
-  hideNavigation: PropTypes.bool,
-  /**
-   * Width of the sidebar when expanded.
-   * @default 320
-   */
-  sidebarExpandedWidth: PropTypes.oneOfType([
-    PropTypes.number,
-    PropTypes.string
-  ]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    sidebarFooter: PropTypes.shape({
-      mini: PropTypes.bool.isRequired
-    }),
-    toolbarAccount: PropTypes.shape({
-      localeText: PropTypes.shape({
-        iconButtonAriaLabel: PropTypes.string,
-        signInLabel: PropTypes.string,
-        signOutLabel: PropTypes.string
-      }),
-      slotProps: PropTypes.shape({
-        popover: PropTypes.object,
-        popoverContent: PropTypes.object,
-        preview: PropTypes.object,
-        signInButton: PropTypes.object,
-        signOutButton: PropTypes.object
-      }),
-      slots: PropTypes.shape({
-        popover: PropTypes.elementType,
-        popoverContent: PropTypes.elementType,
-        preview: PropTypes.elementType,
-        signInButton: PropTypes.elementType,
-        signOutButton: PropTypes.elementType
-      })
-    }),
-    toolbarActions: PropTypes.object
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    sidebarFooter: PropTypes.elementType,
-    toolbarAccount: PropTypes.elementType,
-    toolbarActions: PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([
-    PropTypes.arrayOf(
-      PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])
-    ),
-    PropTypes.func,
-    PropTypes.object
-  ])
-} as any;
-
 export { DashboardLayout };

package/src/DashboardLayout/TitleBar.tsx

@@ -20,8 +20,8 @@ export function TitleBar() {
 
   // Application title
   const title = branding?.title;
-  const titleUI = React.useMemo(() => {
-    if (title == null) return;
+  const [titleUI, hasLink] = React.useMemo(() => {
+    if (title == null) return [undefined, true];
 
     if (typeof title === "string" || Array.isArray(title)) {
       let titleString: string;
@@ -34,7 +34,7 @@ export function TitleBar() {
       } else {
         titleString = title;
       }
-      return (
+      return [
         <Typography
           variant="h6"
           sx={{
@@ -46,19 +46,24 @@ export function TitleBar() {
           onClick={clickHandler == null ? undefined : (e) => clickHandler(e)}
         >
           {titleString}
-        </Typography>
-      );
+        </Typography>,
+        true
+      ];
     }
 
-    return title;
+    return [title, false];
   }, [title]);
 
-  return (
-    <Link href="/" style={{ color: "inherit", textDecoration: "none" }}>
-      <Stack direction="row" alignItems="center">
-        {branding?.logo && <LogoContainer>{branding.logo}</LogoContainer>}
-        {titleUI}
-      </Stack>
-    </Link>
-  );
+  if (hasLink) {
+    return (
+      <Link href="/" style={{ color: "inherit", textDecoration: "none" }}>
+        <Stack direction="row" alignItems="center">
+          {branding?.logo && <LogoContainer>{branding.logo}</LogoContainer>}
+          {titleUI}
+        </Stack>
+      </Link>
+    );
+  } else {
+    return titleUI;
+  }
 }

package/src/PageContainer/PageContainer.tsx

@@ -1,6 +1,5 @@
 "use client";
 import * as React from "react";
-import PropTypes from "prop-types";
 import Breadcrumbs from "@mui/material/Breadcrumbs";
 import Container, { ContainerProps } from "@mui/material/Container";
 import Link from "@mui/material/Link";
@@ -137,42 +136,4 @@ function PageContainer(props: PageContainerProps) {
   );
 }
 
-PageContainer.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The breadcrumbs of the page. Leave blank to use the active page breadcrumbs.
-   */
-  breadcrumbs: PropTypes.arrayOf(
-    PropTypes.shape({
-      path: PropTypes.string.isRequired,
-      title: PropTypes.string.isRequired
-    })
-  ),
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * The props used for each slot inside.
-   */
-  slotProps: PropTypes.shape({
-    toolbar: PropTypes.shape({
-      children: PropTypes.node
-    }).isRequired
-  }),
-  /**
-   * The components used for each slot inside.
-   */
-  slots: PropTypes.shape({
-    toolbar: PropTypes.elementType
-  }),
-  /**
-   * The title of the page. Leave blank to use the active page title.
-   */
-  title: PropTypes.string
-} as any;
-
 export { PageContainer };