@canonical/maas-react-components 2.7.2 → 2.8.0

package/dist/sections/Layout/Layout.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
+import { SidePanelTitles } from '../SidePanel';
 type LayoutProps = {
     className?: string;
     children: ReactNode;
@@ -7,10 +8,11 @@ type LayoutProps = {
     isSecondaryNavVisible: boolean;
     navigation: ReactNode;
     secondaryNavigation: ReactNode;
+    sidePanelTitles?: SidePanelTitles;
     statusBar?: ReactNode;
 };
 export declare const Layout: {
-    ({ className, children, pageTitle, view, isSecondaryNavVisible, navigation, secondaryNavigation, statusBar, }: LayoutProps): ReactElement;
+    ({ className, children, pageTitle, view, isSecondaryNavVisible, navigation, secondaryNavigation, sidePanelTitles, statusBar, }: LayoutProps): ReactElement;
     Skeleton: ({ view, }: {
         view: "settings" | "table";
     }) => ReactElement;

package/dist/sections/SidePanel/SidePanel.d.ts

@@ -1,9 +1,11 @@
 import { ReactElement } from 'react';
+export type SidePanelTitles = "auto" | "custom";
 /**
  * Slide-in aside panel rendered at the edge of the page.
  *
  * Reads all state from the nearest `SidePanelContextProvider` via `useSidePanel`.
- * The panel has no props of its own — open it by calling `openSidePanel` from the hook.
+ * Open it by calling `openSidePanel` from the hook. Use `sidePanelTitles="custom"`
+ * when the rendered panel component provides its own visible title.
  *
  * Behaviour:
  * - Collapses automatically when the current route changes
@@ -17,7 +19,7 @@ import { ReactElement } from 'react';
  * - `"large"` — adds the `is-large` CSS modifier
  *
  * @requires SidePanelContextProvider — must be present higher in the tree
- * @requires A React Router context — must be rendered inside a Router
+ * @requires _ React Router context — must be rendered inside a Router
  *
  * @example
  * ```tsx
@@ -35,8 +37,10 @@ import { ReactElement } from 'react';
  * ```
  */
 export declare const SidePanel: {
-    (): ReactElement;
-    Skeleton: ({ hasTitle }: {
+    ({ sidePanelTitles, }: {
+        sidePanelTitles?: SidePanelTitles;
+    }): ReactElement;
+    Skeleton: ({ hasTitle, }: {
         hasTitle?: boolean;
     }) => ReactElement;
 };

package/dist/sections/SidePanel/index.d.ts

@@ -1,3 +1,3 @@
-export { SidePanel } from './SidePanel';
+export { SidePanel, type SidePanelTitles } from './SidePanel';
 export { SidePanelContextProvider, useSidePanel } from './SidePanelContextProvider/SidePanelContextProvider';
 export { lazyLoadSidePanel } from './utils';

package/dist/testing/index.es.js

@@ -1,4 +1,4 @@
-import { y as e } from "../lib-BEVV6FLF.mjs";
+import { v as e } from "../lib-qz4Dneh_.mjs";
 import { jsx as t } from "react/jsx-runtime";
 import { RouterProvider as n, createMemoryRouter as r } from "react-router";
 import { render as i, renderHook as a, screen as o } from "@testing-library/react";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@canonical/maas-react-components",
   "description": "React components for use in MAAS UI projects.",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/canonical/maas-react-components.git"