@canonical/maas-react-components 2.8.0 → 2.8.2

package/dist/@canonical/maas-react-components.es.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "../lib-qz4Dneh_.mjs";
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "../lib-CFep0joz.mjs";
 export { t as ContentSection, c as DynamicTable, r as ExternalLink, u as FileUpload, a as FormSection, S as GenericTable, O as InputGroup, p as Layout, m as MainToolbar, n as Meter, b as MultiSelect, C as MultiSelectDropdown, x as Navigation, v as NavigationBar, f as NestedFormGroup, T as Pagination, d as PaginationContainer, D as Placeholder, o as ProgressIndicator, y as QueryInput, l as SidePanel, E as SidePanelContextProvider, _ as Stepper, h as TableCaption, i as defaultFilledColors, w as formatBytes, s as lazyLoadSidePanel, g as meterColor, e as testIds, k as useSidePanel };

package/dist/{lib-qz4Dneh_.mjs → lib-CFep0joz.mjs}

@@ -367,37 +367,40 @@ var Se = a(null), J = () => {
 		fallback: /* @__PURE__ */ P(W, { children: /* @__PURE__ */ P(q.Skeleton, { hasTitle: t }) }),
 		children: /* @__PURE__ */ P(n, { ...e })
 	});
-}, Te = ({ className: e, children: t, pageTitle: n, view: i, isSecondaryNavVisible: a, navigation: o, secondaryNavigation: s, sidePanelTitles: c = "auto", statusBar: l }) => /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ve, { children: n }), /* @__PURE__ */ F(v, { children: [
-	o,
-	/* @__PURE__ */ F(_, {
-		className: e,
-		children: [
-			/* @__PURE__ */ P("h1", {
-				className: "u-visually-hidden",
-				children: n
-			}),
-			/* @__PURE__ */ P("div", {
-				className: M("l-main__nav", { "is-open": a }),
-				children: s
-			}),
-			/* @__PURE__ */ P("div", {
-				className: "l-main__content",
-				children: /* @__PURE__ */ P("div", {
-					className: "row",
+}, Te = ({ id: e, className: t, children: n, pageTitle: i, view: a, isSecondaryNavVisible: o, navigation: s, secondaryNavigation: c, sidePanelTitles: l = "auto", statusBar: u }) => /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ve, { children: i }), /* @__PURE__ */ F(v, {
+	id: e,
+	children: [
+		s,
+		/* @__PURE__ */ F(_, {
+			className: t,
+			children: [
+				/* @__PURE__ */ P("h1", {
+					className: "u-visually-hidden",
+					children: i
+				}),
+				/* @__PURE__ */ P("div", {
+					className: M("l-main__nav", { "is-open": o }),
+					children: c
+				}),
+				/* @__PURE__ */ P("div", {
+					className: "l-main__content",
 					children: /* @__PURE__ */ P("div", {
-						className: "col-12",
-						children: /* @__PURE__ */ P(r, {
-							fallback: /* @__PURE__ */ P(Ee, { view: i }),
-							children: t
+						className: "row",
+						children: /* @__PURE__ */ P("div", {
+							className: "col-12",
+							children: /* @__PURE__ */ P(r, {
+								fallback: /* @__PURE__ */ P(Ee, { view: a }),
+								children: n
+							})
 						})
 					})
 				})
-			})
-		]
-	}),
-	/* @__PURE__ */ P(q, { sidePanelTitles: c }),
-	l
-] })] }), Ee = ({ view: e }) => e === "settings" ? /* @__PURE__ */ F(W, {
+			]
+		}),
+		/* @__PURE__ */ P(q, { sidePanelTitles: l }),
+		u
+	]
+})] }), Ee = ({ view: e }) => e === "settings" ? /* @__PURE__ */ F(W, {
 	"aria-hidden": "true",
 	className: "layout-skeleton",
 	variant: "narrow",

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

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

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

@@ -17,6 +17,6 @@ import { ComponentType } from 'react';
  * keeps `<SidePanel />` mounted (and open) while the chunk loads, and shows the
  * spinner inside the panel.
  */
-export declare const lazyLoadSidePanel: (loader: () => Promise<{
-    default: ComponentType;
+export declare const lazyLoadSidePanel: <P extends Record<string, unknown> = Record<string, unknown>>(loader: () => Promise<{
+    default: ComponentType<P>;
 }>, showSkeletonTitle?: boolean) => ComponentType;

package/dist/testing/index.es.js

@@ -1,4 +1,4 @@
-import { v as e } from "../lib-qz4Dneh_.mjs";
+import { v as e } from "../lib-CFep0joz.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.8.0",
+  "version": "2.8.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/canonical/maas-react-components.git"