@canonical/maas-react-components 2.8.1 → 2.8.3

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",