@canonical/maas-react-components 2.9.13 → 2.9.14

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

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

package/dist/{lib-BPL6fcmp.mjs → lib-CsaaxjyP.mjs}

@@ -6,7 +6,7 @@ import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
 import { useLocation as re } from "react-router";
 import { useDropzone as ie } from "react-dropzone";
 import { flexRender as I, getCoreRowModel as ae, getExpandedRowModel as oe, getGroupedRowModel as se, useReactTable as ce } from "@tanstack/react-table";
-//#region src/lib/elements/Meter/Meter.tsx
+// src/lib/elements/Meter/Meter.tsx
 var L = {
 	caution: "#F99B11",
 	light: "#F7F7F7",
@@ -96,8 +96,7 @@ fe.Label = ({ className: e, children: t }) => /* @__PURE__ */ P("div", {
 	"data-testid": H.label,
 	children: t
 });
-//#endregion
-//#region src/lib/elements/ExternalLink/ExternalLink.tsx
+// src/lib/elements/ExternalLink/ExternalLink.tsx
 var he = ({ children: e, to: t, ...n }) => /* @__PURE__ */ P(E, {
 	...n,
 	href: t,
@@ -176,8 +175,7 @@ W.Title = ({ children: e, className: t, as: n, ...r }) => /* @__PURE__ */ P(n ||
 	className: M("content-section__footer", t),
 	children: e
 });
-//#endregion
-//#region src/lib/sections/FormSection/FormSection.tsx
+// src/lib/sections/FormSection/FormSection.tsx
 var G = ({ children: e }) => /* @__PURE__ */ P("div", {
 	className: "p-form-section",
 	children: e
@@ -192,8 +190,7 @@ G.Title = ({ children: e }) => /* @__PURE__ */ P("h5", {
 	className: "p-form-section__content",
 	children: e
 });
-//#endregion
-//#region src/lib/sections/InputGroup/InputGroup.tsx
+// src/lib/sections/InputGroup/InputGroup.tsx
 var _e = a(null), ve = ({ children: e }) => {
 	let t = u();
 	return /* @__PURE__ */ P(_e.Provider, {
@@ -221,8 +218,7 @@ ve.Label = ({ children: e }) => {
 		children: e
 	});
 };
-//#endregion
-//#region src/lib/sections/Layout/components/DocumentTitle/DocumentTitle.tsx
+// src/lib/sections/Layout/components/DocumentTitle/DocumentTitle.tsx
 var ye = ({ children: e }) => (l(() => {
 	document.title = t.toArray(e).join("");
 }, [e]), null), be = () => {
@@ -317,8 +313,7 @@ K.Skeleton = ({ hasTitle: e }) => /* @__PURE__ */ F(W, {
 		})
 	]
 });
-//#endregion
-//#region src/lib/sections/SidePanel/SidePanelContextProvider/SidePanelContextProvider.tsx
+// src/lib/sections/SidePanel/SidePanelContextProvider/SidePanelContextProvider.tsx
 var Ce = a(null), q = () => {
 	let e = c(Ce);
 	if (!e) throw Error("useSidePanel must be used within a SidePanelProvider");
@@ -550,8 +545,7 @@ var Ce = a(null), q = () => {
 	})] })]
 });
 Ee.Skeleton = De;
-//#endregion
-//#region src/lib/sections/MainToolbar/MainToolbar.tsx
+// src/lib/sections/MainToolbar/MainToolbar.tsx
 function Oe(t) {
 	let [n, r] = e.useState(null), i = e.useRef(null), a = e.useCallback(() => {
 		if (t.current) {
@@ -590,7 +584,7 @@ je.Title = ({ as: e, children: t, className: n, ...r }) => /* @__PURE__ */ P(e |
 }), je.Controls = ({ children: t }) => {
 	let n = e.useContext(ke), [r, i] = e.useContext(Ae), a = e.useRef(null);
 	return e.useEffect(() => {
-		!a.current || !n || i(a.current.getBoundingClientRect().width > n.width);
+		a.current && n && i(a.current.getBoundingClientRect().width > n.width);
 	}, [
 		i,
 		n,
@@ -609,8 +603,7 @@ je.Title = ({ as: e, children: t, className: n, ...r }) => /* @__PURE__ */ P(e |
 		children: t
 	})] });
 };
-//#endregion
-//#region src/lib/sections/Navigation/Banner/Banner.tsx
+// src/lib/sections/Navigation/Banner/Banner.tsx
 var Me = ({ children: e }) => /* @__PURE__ */ P(N, { children: e }), Ne = ({ isCollapsed: e, setIsCollapsed: t, className: n }) => /* @__PURE__ */ P(A, {
 	className: "p-side-navigation__tooltip-wrapper",
 	message: /* @__PURE__ */ F(N, { children: [
@@ -728,8 +721,7 @@ var Me = ({ children: e }) => /* @__PURE__ */ P(N, { children: e }), Ne = ({ isC
 	})
 });
 J.Header = Ue, J.Banner = Me, J.Drawer = Ie, J.Controls = Fe, J.CollapseToggle = Ne, J.Content = Pe, J.Footer = Le, J.List = Ve, J.Item = ze, J.Group = He, J.Link = We, J.Text = Ze, J.Icon = Re, J.Label = Be, J.Logo = Ge, J.LogoTag = Je, J.LogoIcon = Ke, J.LogoName = qe, J.LogoText = Ye, Qe.MenuButton = Xe;
-//#endregion
-//#region src/lib/components/FadeInDown/FadeInDown.tsx
+// src/lib/components/FadeInDown/FadeInDown.tsx
 var $e = ({ children: e, className: t, isVisible: n }) => /* @__PURE__ */ P("div", {
 	className: M("fade-in--down", t),
 	"aria-hidden": n ? "false" : "true",
@@ -1142,8 +1134,7 @@ var $e = ({ children: e, className: t, isVisible: n }) => /* @__PURE__ */ P("div
 	});
 };
 Y.Body = ht, Y.Loading = mt;
-//#endregion
-//#region src/lib/components/TableCaption/TableCaption.tsx
+// src/lib/components/TableCaption/TableCaption.tsx
 var gt = ({ children: e }) => /* @__PURE__ */ P("caption", { children: /* @__PURE__ */ P("div", {
 	className: "p-strip",
 	children: e
@@ -1164,8 +1155,7 @@ gt.Title = ({ children: e }) => /* @__PURE__ */ P("div", {
 		children: /* @__PURE__ */ P("p", { children: e })
 	})
 });
-//#endregion
-//#region src/lib/components/GenericTable/components/SortingIndicator/SortingIndicator.tsx
+// src/lib/components/GenericTable/components/SortingIndicator/SortingIndicator.tsx
 var _t = ({ header: e }) => ({
 	asc: /* @__PURE__ */ P(C, {
 		name: "chevron-up",
@@ -1208,8 +1198,7 @@ X.Left = ({ children: e }) => /* @__PURE__ */ P("strong", {
 	className: "u-flex u-flex--wrap u-flex--column-x-small controls-bar__right",
 	children: e
 });
-//#endregion
-//#region src/lib/components/GenericTable/components/PaginationBar/PaginationBar.tsx
+// src/lib/components/GenericTable/components/PaginationBar/PaginationBar.tsx
 var yt = ({ currentPage: e, itemsPerPage: t, totalItems: n, handlePageSizeChange: r, dataContext: i, setCurrentPage: a, isPending: o, pageSizes: s = [
 	20,
 	30,
@@ -1285,15 +1274,7 @@ var yt = ({ currentPage: e, itemsPerPage: t, totalItems: n, handlePageSizeChange
 	let t = m(null), n = m(null);
 	return l(() => {
 		let n = t.current;
-		if (!n || e) return;
-		let r = [
-			"button:not([disabled])",
-			"input:not([disabled])",
-			"select:not([disabled])",
-			"textarea:not([disabled])",
-			"a[href]"
-		].join(", ");
-		n.querySelectorAll(r).forEach((e) => {
+		n && !e && n.querySelectorAll("button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href]").forEach((e) => {
 			e.getAttribute("tabindex") !== "-1" && (e.tabIndex = 0);
 		});
 	}), d(() => {
@@ -1508,8 +1489,7 @@ var yt = ({ currentPage: e, itemsPerPage: t, totalItems: n, handlePageSizeChange
 	});
 };
 Z.All = Tt, Z.Group = Et;
-//#endregion
-//#region src/lib/components/GenericTable/utils/processColumnDefs.tsx
+// src/lib/components/GenericTable/utils/processColumnDefs.tsx
 var Dt = ({ canSelect: e, initialColumns: t, groupBy: n, getSubRows: r, selection: i, showChevron: a }) => {
 	let o = [...t];
 	if (e && i) {
@@ -2036,5 +2016,4 @@ var Dt = ({ canSelect: e, initialColumns: t, groupBy: n, getSubRows: r, selectio
 		unit: l[d]
 	};
 };
-//#endregion
 export { H as A, W as C, fe as D, he as E, le as O, G as S, ge as T, Te as _, Y as a, K as b, at as c, nt as d, et as f, Ee as g, je as h, gt as i, L as k, rt as l, Qe as m, Lt as n, ut as o, J as p, Mt as r, lt as s, Rt as t, tt as u, we as v, U as w, ve as x, q as y };

package/dist/testing/index.es.js

@@ -1,4 +1,4 @@
-import { v as e } from "../lib-BPL6fcmp.mjs";
+import { v as e } from "../lib-CsaaxjyP.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";
@@ -6,7 +6,7 @@ import s from "@testing-library/user-event";
 import { vi as c } from "vitest";
 import { QueryClient as l, QueryClientProvider as u } from "@tanstack/react-query";
 import { setupServer as d } from "msw/node";
-//#region src/lib/testing/expectTooltipOnHover.ts
+// src/lib/testing/expectTooltipOnHover.ts
 var f = async (e, t) => {
 	if (expect(o.queryByRole("tooltip", { name: t })).not.toBeInTheDocument(), !e) throw Error("expectTooltipOnHover: the element was null or undefined");
 	await s.hover(e), e.querySelector("i") && await s.hover(e.querySelector("i")), await c.waitFor(() => expect(o.getAllByRole("tooltip", { name: t })).toHaveLength(1));
@@ -108,5 +108,4 @@ var f = async (e, t) => {
 		c.clearAllMocks();
 	}), n;
 }, y = async (e = "Loading", t) => await c.waitFor(() => expect(o.queryByText(new RegExp(e, "i"))).not.toBeInTheDocument(), t);
-//#endregion
 export { f as expectTooltipOnHover, p as mockIsPending, m as mockSidePanel, h as renderHookWithProviders, g as renderWithProviders, _ as setupMockServer, v as spyOnMutation, y as waitForLoading };

package/package.json

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