@canonical/maas-react-components 2.7.1 → 2.7.2

package/dist/testing/index.es.js

@@ -1,129 +1,112 @@
-import { screen as c, renderHook as v, render as h } from "@testing-library/react";
-import u from "@testing-library/user-event";
-import { vi as t } from "vitest";
-import { jsx as l } from "react/jsx-runtime";
-import { QueryClient as f, QueryClientProvider as y } from "@tanstack/react-query";
-import { c as k } from "../QueryInput-D7uXzKgr.mjs";
-import "@canonical/react-components";
-import "react";
-import "classnames";
-import "react-dropzone";
-import "@tanstack/react-table";
-import { createMemoryRouter as d, RouterProvider as m } from "react-router";
-import { setupServer as P } from "msw/node";
-const V = async (r, e) => {
-  if (expect(
-    c.queryByRole("tooltip", { name: e })
-  ).not.toBeInTheDocument(), !r)
-    throw new Error("expectTooltipOnHover: the element was null or undefined");
-  await u.hover(r), r.querySelector("i") && await u.hover(r.querySelector("i")), await t.waitFor(
-    () => expect(c.getAllByRole("tooltip", { name: e })).toHaveLength(
-      1
-    )
-  );
-}, F = () => {
-  t.doMock("@tanstack/react-query", async () => ({
-    ...await t.importActual("@tanstack/react-query"),
-    useQuery: t.fn().mockReturnValueOnce({
-      data: null,
-      isPending: !0,
-      failureReason: void 0,
-      isFetched: !1
-    })
-  })), afterEach(() => {
-    t.doUnmock("@tanstack/react-query");
-  });
-}, W = async () => {
-  const r = t.spyOn(
-    await import("../@canonical/maas-react-components.es.js"),
-    // the library's own barrel export
-    "useSidePanel"
-  ), e = t.fn(), a = t.fn();
-  let n = !1;
-  const i = () => ({
-    isOpen: n,
-    title: "",
-    size: "regular",
-    component: null,
-    props: {},
-    openSidePanel: e,
-    closeSidePanel: a,
-    setSidePanelSize: t.fn()
-  });
-  return beforeEach(() => {
-    t.clearAllMocks(), n = !1, e.mockImplementation(() => {
-      n = !0, r.mockReturnValue(i());
-    }), a.mockImplementation(() => {
-      n = !1, r.mockReturnValue(i());
-    }), r.mockReturnValue(i());
-  }), { mockOpen: e, mockClose: a };
-}, b = (r, e) => {
-  const a = new f({
-    defaultOptions: { queries: { retry: !1, staleTime: 1 / 0 } }
-  }), n = e == null ? void 0 : e.AdditionalProviders;
-  return {
-    result: v(r, {
-      wrapper: ({ children: i }) => /* @__PURE__ */ l(y, { client: a, children: /* @__PURE__ */ l(k, { children: n ? /* @__PURE__ */ l(n, { children: i }) : i }) })
-    }).result,
-    queryClient: a
-  };
-}, L = (r, e) => {
-  const a = new f({
-    defaultOptions: { queries: { retry: !1, staleTime: 1 / 0 } }
-  }), n = d(
-    [{ path: (e == null ? void 0 : e.pattern) ?? "*", element: r }],
-    { initialEntries: (e == null ? void 0 : e.initialEntries) || ["/"] }
-  ), i = e == null ? void 0 : e.AdditionalProviders, s = h(/* @__PURE__ */ l(m, { router: n }), {
-    wrapper: ({ children: o }) => /* @__PURE__ */ l(y, { client: a, children: /* @__PURE__ */ l(k, { children: i ? /* @__PURE__ */ l(i, { children: o }) : o }) }),
-    ...e
-  });
-  return { result: s, rerender: (o) => {
-    const p = d(
-      [{ path: (e == null ? void 0 : e.pattern) ?? "*", element: o }],
-      { initialEntries: (e == null ? void 0 : e.initialEntries) || ["/"] }
-    );
-    return s.rerender(/* @__PURE__ */ l(m, { router: p }));
-  }, router: n };
-}, Q = (r, e, ...a) => {
-  r.setConfig({ baseUrl: e });
-  const n = P(...a);
-  return beforeAll(() => {
-    n.listen({ onUnhandledRequest: "error" });
-  }), afterEach(() => {
-    n.resetHandlers();
-  }), afterAll(() => {
-    n.close();
-  }), n;
-}, U = (r, e) => {
-  const a = t.fn();
-  return t.spyOn(r, e).mockImplementation(() => ({
-    mutate: a,
-    mutateAsync: t.fn(),
-    data: void 0,
-    variables: void 0,
-    error: null,
-    isError: !1,
-    isPending: !1,
-    isIdle: !0,
-    isSuccess: !1,
-    status: "idle",
-    reset: t.fn()
-  })), afterEach(() => {
-    t.clearAllMocks();
-  }), a;
-}, z = async (r = "Loading", e) => await t.waitFor(
-  () => expect(
-    c.queryByText(new RegExp(r, "i"))
-  ).not.toBeInTheDocument(),
-  e
-);
-export {
-  V as expectTooltipOnHover,
-  F as mockIsPending,
-  W as mockSidePanel,
-  b as renderHookWithProviders,
-  L as renderWithProviders,
-  Q as setupMockServer,
-  U as spyOnMutation,
-  z as waitForLoading
-};
+import { y as e } from "../lib-BEVV6FLF.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";
+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
+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));
+}, p = () => {
+	c.doMock("@tanstack/react-query", async () => ({
+		...await c.importActual("@tanstack/react-query"),
+		useQuery: c.fn().mockReturnValueOnce({
+			data: null,
+			isPending: !0,
+			failureReason: void 0,
+			isFetched: !1
+		})
+	})), afterEach(() => {
+		c.doUnmock("@tanstack/react-query");
+	});
+}, m = async () => {
+	let e = c.spyOn(await import("../@canonical/maas-react-components.es.js"), "useSidePanel"), t = c.fn(), n = c.fn(), r = !1, i = () => ({
+		isOpen: r,
+		title: "",
+		size: "regular",
+		component: null,
+		props: {},
+		openSidePanel: t,
+		closeSidePanel: n,
+		setSidePanelSize: c.fn()
+	});
+	return beforeEach(() => {
+		c.clearAllMocks(), r = !1, t.mockImplementation(() => {
+			r = !0, e.mockReturnValue(i());
+		}), n.mockImplementation(() => {
+			r = !1, e.mockReturnValue(i());
+		}), e.mockReturnValue(i());
+	}), {
+		mockOpen: t,
+		mockClose: n
+	};
+}, h = (n, r) => {
+	let i = new l({ defaultOptions: { queries: {
+		retry: !1,
+		staleTime: Infinity
+	} } }), o = r?.AdditionalProviders;
+	return {
+		result: a(n, { wrapper: ({ children: n }) => /* @__PURE__ */ t(u, {
+			client: i,
+			children: /* @__PURE__ */ t(e, { children: o ? /* @__PURE__ */ t(o, { children: n }) : n })
+		}) }).result,
+		queryClient: i
+	};
+}, g = (a, o) => {
+	let s = new l({ defaultOptions: { queries: {
+		retry: !1,
+		staleTime: Infinity
+	} } }), c = r([{
+		path: o?.pattern ?? "*",
+		element: a
+	}], { initialEntries: o?.initialEntries || ["/"] }), d = o?.AdditionalProviders, f = i(/* @__PURE__ */ t(n, { router: c }), {
+		wrapper: ({ children: n }) => /* @__PURE__ */ t(u, {
+			client: s,
+			children: /* @__PURE__ */ t(e, { children: d ? /* @__PURE__ */ t(d, { children: n }) : n })
+		}),
+		...o
+	});
+	return {
+		result: f,
+		rerender: (e) => {
+			let i = r([{
+				path: o?.pattern ?? "*",
+				element: e
+			}], { initialEntries: o?.initialEntries || ["/"] });
+			return f.rerender(/* @__PURE__ */ t(n, { router: i }));
+		},
+		router: c
+	};
+}, _ = (e, t, ...n) => {
+	e.setConfig({ baseUrl: t });
+	let r = d(...n);
+	return beforeAll(() => {
+		r.listen({ onUnhandledRequest: "error" });
+	}), afterEach(() => {
+		r.resetHandlers();
+	}), afterAll(() => {
+		r.close();
+	}), r;
+}, v = (e, t) => {
+	let n = c.fn();
+	return c.spyOn(e, t).mockImplementation(() => ({
+		mutate: n,
+		mutateAsync: c.fn(),
+		data: void 0,
+		variables: void 0,
+		error: null,
+		isError: !1,
+		isPending: !1,
+		isIdle: !0,
+		isSuccess: !1,
+		status: "idle",
+		reset: c.fn()
+	})), afterEach(() => {
+		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/dist/testing/mockSidePanel.d.ts

@@ -1,7 +1,8 @@
+import { Mock } from 'vitest';
 /**
  * Mocks the `useSidePanel` hook, returning `mockOpen`/`mockClose` spies.
  */
 export declare const mockSidePanel: () => Promise<{
-    mockOpen: import('vitest').Mock<(...args: any[]) => any>;
-    mockClose: import('vitest').Mock<(...args: any[]) => any>;
+    mockOpen: Mock<(...args: unknown[]) => unknown>;
+    mockClose: Mock<(...args: unknown[]) => unknown>;
 }>;

package/dist/testing/spyOnMutation.d.ts

@@ -1,3 +1,4 @@
+import { Mock } from 'vitest';
 /**
  * Spies on a given mutation hook to observe the mutate function.
  *
@@ -5,4 +6,4 @@
  * @param methodName - The name of the mutation hook to spy on.
  * @returns A mock `mutate` function that can be observed with `expect`.
  */
-export declare const spyOnMutation: (obj: unknown, methodName: string) => import('vitest').Mock<(...args: any[]) => any>;
+export declare const spyOnMutation: (obj: unknown, methodName: string) => Mock<(...args: unknown[]) => unknown>;

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export interface AsProp<C extends ElementType> {
+    as?: C;
+}

package/dist/utils/formatBytes/formatBytes.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { formatBytes } from '..';
 declare const meta: Meta<typeof formatBytes>;
 export default meta;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@canonical/maas-react-components",
   "description": "React components for use in MAAS UI projects.",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/canonical/maas-react-components.git"
@@ -63,14 +63,11 @@
     "@remix-run/router": "^1.23.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
+    "@storybook/addon-a11y": "^10.5.8",
+    "@storybook/addon-docs": "^10.5.8",
+    "@storybook/addon-links": "^10.5.8",
+    "@storybook/react": "^10.5.8",
+    "@storybook/react-vite": "^10.5.8",
     "@tanstack/react-query": "^5.100.11",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^16.3.0",
@@ -78,7 +75,7 @@
     "@types/react-dom": "^19.1.3",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
-    "@vitejs/plugin-react": "^4.1.0",
+    "@vitejs/plugin-react": "^6.0.5",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-typescript": "^3.6.1",
@@ -88,7 +85,7 @@
     "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^10.5.8",
     "eslint-plugin-unused-imports": "^3.2.0",
     "jsdom": "^26.0.0",
     "msw": "^2.14.6",
@@ -99,13 +96,13 @@
     "react-dom": "^19.1.0",
     "sass": "^1.85.1",
     "semantic-release": "^24.2.3",
-    "storybook": "^8.6.12",
+    "storybook": "^10.5.8",
     "storybook-addon-tags": "^0.0.1",
     "stylelint": "^15.11.0",
     "stylelint-config-standard-scss": "^11.1.0",
-    "vite": "^6.2.1",
+    "vite": "^8.0.16",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.8"
+    "vitest": "^4.1.10"
   },
   "overrides": {
     "@canonical/react-components": {
@@ -127,7 +124,7 @@
     "react-dom": "^19.1.0",
     "react-dropzone": "^14.3.8",
     "react-router": ">=6.0.0",
-    "vitest": "^3.0.0"
+    "vitest": "^4.0.0"
   },
   "peerDependenciesMeta": {
     "@testing-library/react": {