@canonical/maas-react-components 2.8.3 → 2.8.4

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-CFep0joz.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-C9ig--7u.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/components/GenericTable/components/ColumnHeader/ColumnHeader.d.ts

@@ -2,6 +2,7 @@ import { ReactElement } from 'react';
 import { Header } from '@tanstack/react-table';
 type TableHeaderProps<T> = {
     header: Header<T, unknown>;
+    isLoading?: boolean;
 };
-declare const ColumnHeader: <T>({ header }: TableHeaderProps<T>) => ReactElement;
+declare const ColumnHeader: <T>({ header, isLoading, }: TableHeaderProps<T>) => ReactElement;
 export default ColumnHeader;

package/dist/{lib-CFep0joz.mjs → lib-C9ig--7u.mjs}

@@ -1160,21 +1160,22 @@ var gt = ({ header: e }) => ({
 		name: "chevron-down",
 		children: "descending"
 	})
-})[e?.column?.getIsSorted()] ?? null, _t = ({ header: e }) => {
-	let t = e.column.getCanSort(), n = e.column.columnDef.meta, r = n?.isInteractiveHeader, i = I(e.column.columnDef.header, e.getContext());
+})[e?.column?.getIsSorted()] ?? null, _t = ({ header: e, isLoading: t }) => {
+	let n = e.column.getCanSort(), r = e.column.columnDef.meta, i = r?.isInteractiveHeader, a = I(e.column.columnDef.header, e.getContext());
 	return /* @__PURE__ */ P("th", {
-		"aria-hidden": n?.headerAriaHidden || void 0,
-		"aria-label": n?.headerAriaLabel,
+		"aria-hidden": r?.headerAriaHidden || void 0,
+		"aria-label": r?.headerAriaLabel,
 		className: M("p-column-header", e.column.id),
-		children: t && !r ? /* @__PURE__ */ P(y, {
+		children: n && !i ? /* @__PURE__ */ P(y, {
 			appearance: "link",
 			className: "p-button--column-header",
 			onClick: e.column.getToggleSortingHandler(),
+			tabIndex: t ? -1 : 0,
 			type: "button",
-			children: /* @__PURE__ */ F(N, { children: [i, /* @__PURE__ */ P(gt, { header: e })] })
+			children: /* @__PURE__ */ F(N, { children: [a, /* @__PURE__ */ P(gt, { header: e })] })
 		}) : /* @__PURE__ */ F("span", {
 			className: "p-container--column-header",
-			children: [i, t && !r && /* @__PURE__ */ P(gt, { header: e })]
+			children: [a, n && !i && /* @__PURE__ */ P(gt, { header: e })]
 		})
 	}, e.id);
 }, X = ({ children: e, "aria-label": t = "Table controls" }) => /* @__PURE__ */ P("section", {
@@ -1717,7 +1718,10 @@ var Et = ({ canSelect: e, initialColumns: t, groupBy: n, getSubRows: r, selectio
 			children: [/* @__PURE__ */ P("thead", { children: B.getHeaderGroups().map((e) => /* @__PURE__ */ P("tr", {
 				"aria-rowindex": 1,
 				role: "row",
-				children: e.headers.filter(c).map((e, t) => /* @__PURE__ */ F(n, { children: [/* @__PURE__ */ P(_t, { header: e }), R && u && (!C && t === 2 || C && t === 3) ? /* @__PURE__ */ P("th", {
+				children: e.headers.filter(c).map((e, t) => /* @__PURE__ */ F(n, { children: [/* @__PURE__ */ P(_t, {
+					header: e,
+					isLoading: d
+				}), R && u && (!C && t === 2 || C && t === 3) ? /* @__PURE__ */ P("th", {
 					"aria-hidden": "true",
 					className: "p-generic-table__select-alignment",
 					role: "columnheader"

package/dist/testing/index.es.js

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