@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

package/dist/esm/hooks/useTheme.spec.js

@@ -1,151 +0,0 @@
-import { init_usePluginMeta } from "./usePluginMeta.js";
-import { init_uiStore, useUIStore } from "../store/uiStore.js";
-import { init_theme } from "../utils/theme.js";
-import { init_useTheme, useTheme, useThemeIdAndSetter } from "./useTheme.js";
-import { renderHook } from "@testing-library/react";
-import { beforeEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
-
-//#region src/hooks/useTheme.spec.tsx
-init_uiStore();
-init_theme();
-init_usePluginMeta();
-init_useTheme();
-vi.mock("@/store/uiStore", () => {
-	let mockUIStoreState = { theme: "default" };
-	const mockSetTheme = vi.fn((theme) => {
-		mockUIStoreState.theme = theme;
-	});
-	return {
-		__clearMockSetThemeSpy: () => {
-			mockSetTheme.mockClear();
-		},
-		__getMockUIStoreState: () => mockUIStoreState,
-		__mockSetTheme: mockSetTheme,
-		__resetMockUIStoreState: (newState) => {
-			mockUIStoreState = newState;
-		},
-		useUIStore: vi.fn((selector) => {
-			return selector({
-				...mockUIStoreState,
-				setTheme: mockSetTheme
-			});
-		})
-	};
-});
-vi.mock("./usePluginMeta", () => {
-	const mockUsePluginMeta$1 = vi.fn();
-	return {
-		__mockUsePluginMeta: mockUsePluginMeta$1,
-		usePluginMeta: mockUsePluginMeta$1
-	};
-});
-vi.mock("../utils/theme", () => {
-	const mockGetThemeById$1 = vi.fn();
-	return {
-		__mockGetThemeById: mockGetThemeById$1,
-		applyThemeStyles: vi.fn(),
-		getThemeById: mockGetThemeById$1
-	};
-});
-describe("useThemeIdAndSetter", () => {
-	beforeEach(() => {
-		vi.clearAllMocks();
-		__resetMockUIStoreState({ theme: "default" });
-		__clearMockSetThemeSpy();
-		vi.mocked(useUIStore).mockClear();
-	});
-	it("should return the current theme ID from the UI store", () => {
-		__resetMockUIStoreState({ theme: "dark" });
-		const { result } = renderHook(() => useThemeIdAndSetter());
-		expect(result.current.theme).toBe("dark");
-		expect(useUIStore).toHaveBeenCalled();
-	});
-	it("should return the setTheme function from the UI store", () => {
-		const { result } = renderHook(() => useThemeIdAndSetter());
-		expect(result.current.setTheme).toBe(__mockSetTheme);
-		expect(useUIStore).toHaveBeenCalled();
-	});
-	it("should allow updating the theme via the returned setTheme function", () => {
-		const { result } = renderHook(() => useThemeIdAndSetter());
-		result.current.setTheme("custom");
-		expect(__mockSetTheme).toHaveBeenCalledWith("custom");
-		expect(__getMockUIStoreState().theme).toBe("custom");
-	});
-});
-describe("useTheme", () => {
-	const mockThemes = [
-		{
-			default: true,
-			id: "default",
-			name: "Default"
-		},
-		{
-			id: "dark",
-			name: "Dark"
-		},
-		{
-			id: "custom",
-			name: "Custom"
-		}
-	];
-	beforeEach(() => {
-		vi.clearAllMocks();
-		__resetMockUIStoreState({ theme: "default" });
-		__clearMockSetThemeSpy();
-		mockUsePluginMeta.mockReset();
-		mockGetThemeById.mockReset();
-		mockUsePluginMeta.mockReturnValue(mockThemes);
-		mockGetThemeById.mockImplementation((themes, id) => themes.find((t) => t.id === id));
-	});
-	it("should return the selected theme based on store state and available themes", () => {
-		__resetMockUIStoreState({ theme: "dark" });
-		const { result } = renderHook(() => useTheme());
-		expect(useUIStore).toHaveBeenCalled();
-		expect(mockUsePluginMeta).toHaveBeenCalledWith("dashboard", "themes");
-		expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, "dark");
-		expect(result.current).toEqual({
-			id: "dark",
-			name: "Dark"
-		});
-	});
-	it("should return the default theme if the selected theme is not found", () => {
-		__resetMockUIStoreState({ theme: "non-existent" });
-		mockGetThemeById.mockReturnValue(void 0);
-		const { result } = renderHook(() => useTheme());
-		expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, "non-existent");
-		expect(result.current).toEqual({
-			default: true,
-			id: "default",
-			name: "Default"
-		});
-	});
-	it("should return the first theme if selected and default themes are not found", () => {
-		__resetMockUIStoreState({ theme: "non-existent" });
-		mockGetThemeById.mockReturnValue(void 0);
-		const themesWithoutDefault = mockThemes.map((t) => ({
-			...t,
-			default: void 0
-		}));
-		mockUsePluginMeta.mockReturnValue(themesWithoutDefault);
-		const { result } = renderHook(() => useTheme());
-		expect(mockGetThemeById).toHaveBeenCalledWith(themesWithoutDefault, "non-existent");
-		expect(result.current).toEqual(themesWithoutDefault[0]);
-	});
-	it("should return undefined if no themes are available", () => {
-		mockUsePluginMeta.mockReturnValue(void 0);
-		const { result } = renderHook(() => useTheme());
-		expect(mockUsePluginMeta).toHaveBeenCalledWith("dashboard", "themes");
-		expect(result.current).toBeUndefined();
-		expect(mockGetThemeById).not.toHaveBeenCalled();
-	});
-	it("should return undefined if themes array is empty", () => {
-		mockUsePluginMeta.mockReturnValue([]);
-		const { result } = renderHook(() => useTheme());
-		expect(mockUsePluginMeta).toHaveBeenCalledWith("dashboard", "themes");
-		expect(result.current).toBeUndefined();
-		expect(mockGetThemeById).not.toHaveBeenCalled();
-	});
-});
-
-//#endregion
-//# sourceMappingURL=useTheme.spec.js.map

package/dist/esm/hooks/useTheme.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.spec.js","names":["mockUsePluginMeta","mockGetThemeById","mockedUseUIStore"],"sources":["../../../src/hooks/useTheme.spec.tsx"],"sourcesContent":["import { renderHook } from \"@testing-library/react\";\nimport { beforeEach, describe, expect, it, vi } from \"vitest\";\n\n// Import the mocked useUIStore hook\n// Import the mocked functions and state helpers *after* the vi.mock call\nimport {\n  __clearMockSetThemeSpy,\n  __getMockUIStoreState,\n  __mockSetTheme,\n  __resetMockUIStoreState,\n  useUIStore as mockedUseUIStore,\n} from \"@/store/uiStore\";\n\n// Import the mocked function reference after the vi.mock call\nimport { __mockGetThemeById as mockGetThemeById } from \"../utils/theme\";\n// Import the mocked function reference after the vi.mock call\nimport { __mockUsePluginMeta as mockUsePluginMeta } from \"./usePluginMeta\";\n// Import the hook we are actually testing from the source file\n// Import useThemeIdAndSetter and useTheme\nimport { useTheme, useThemeIdAndSetter } from \"./useTheme\";\n\n// Mock dependencies\n// Mock the actual store module (@/store/uiStore)\n// The factory function runs during mock resolution, before test execution.\n// It should define the *mocked exports* of the module.\nvi.mock(\"@/store/uiStore\", () => {\n  // Define the mutable state and the mock function *inside* the factory\n  let mockUIStoreState = { theme: \"default\" };\n  const mockSetTheme = vi.fn((theme: string) => {\n    mockUIStoreState.theme = theme; // Update internal state\n  });\n\n  // Inside the factory: Define the mock implementation of the hook.\n  const useUIStoreSpy = vi.fn((selector) => {\n    // This function is called by the hook under test (useThemeIdAndSetter)\n    // It accesses the *current* state from the mockUIStoreState defined *within* the factory\n    // and applies the selector function passed by the hook.\n    // Also include the setter in the state object for the selector\n    return selector({ ...mockUIStoreState, setTheme: mockSetTheme });\n  });\n\n  return {\n    __clearMockSetThemeSpy: () => {\n      mockSetTheme.mockClear();\n    },\n    __getMockUIStoreState: () => mockUIStoreState,\n    __mockSetTheme: mockSetTheme, // Export the spy itself for assertions\n    // Export helper functions for tests to manage the internal state and spies\n    __resetMockUIStoreState: (newState: { theme: string }) => {\n      mockUIStoreState = newState;\n    },\n    // Export the mocked hook with the name it's expected to have\n    useUIStore: useUIStoreSpy,\n  };\n});\n\n// Mock usePluginMeta as it's used by the other hook (useTheme) in the same file\n// This is necessary because Vitest evaluates the entire module when importing.\nvi.mock(\"./usePluginMeta\", () => {\n  // Define the mock function inside the factory\n  const mockUsePluginMeta = vi.fn();\n  return {\n    // Export the mock function reference for assertions\n    __mockUsePluginMeta: mockUsePluginMeta,\n    usePluginMeta: mockUsePluginMeta,\n  };\n});\n\n// Mock the theme utility function\nvi.mock(\"../utils/theme\", () => {\n  // Declare the mock function inside the factory\n  const mockGetThemeById = vi.fn();\n  return {\n    // Export the mock function reference if needed for assertions outside the factory\n    __mockGetThemeById: mockGetThemeById,\n    applyThemeStyles: vi.fn(), // Mock applyThemeStyles as it's used by withTheme (not tested here)\n    getThemeById: mockGetThemeById,\n  };\n});\n\ndescribe(\"useThemeIdAndSetter\", () => {\n  beforeEach(() => {\n    vi.clearAllMocks();\n    // Reset the mock state using the exported helper function\n    __resetMockUIStoreState({ theme: \"default\" });\n    // Reset the spy using the exported helper function\n    __clearMockSetThemeSpy();\n    vi.mocked(mockedUseUIStore).mockClear();\n  });\n\n  it(\"should return the current theme ID from the UI store\", () => {\n    // Arrange: Modify the mock state using the exported helper function\n    __resetMockUIStoreState({ theme: \"dark\" });\n\n    // Call the hook under test\n    const { result } = renderHook(() => useThemeIdAndSetter());\n\n    // result.current will now be { theme: string, setTheme: Function }\n    expect(result.current.theme).toBe(\"dark\");\n    // Verify that the underlying useUIStore hook was called\n    expect(mockedUseUIStore).toHaveBeenCalled();\n  });\n\n  it(\"should return the setTheme function from the UI store\", () => {\n    // Call the hook under test\n    const { result } = renderHook(() => useThemeIdAndSetter());\n\n    // result.current will now be { theme: string, setTheme: Function }\n    // Expect the function returned by the hook to be the mock function we set inside the factory\n    expect(result.current.setTheme).toBe(__mockSetTheme);\n    // Verify that the underlying useUIStore hook was called\n    expect(mockedUseUIStore).toHaveBeenCalled();\n  });\n\n  it(\"should allow updating the theme via the returned setTheme function\", () => {\n    // Call the hook under test\n    const { result } = renderHook(() => useThemeIdAndSetter());\n\n    // result.current will now be { theme: string, setTheme: Function }\n    result.current.setTheme(\"custom\");\n\n    // Verify that the mock setTheme function was called with the correct argument\n    expect(__mockSetTheme).toHaveBeenCalledWith(\"custom\");\n    // Verify the internal state was updated\n    expect(__getMockUIStoreState().theme).toBe(\"custom\");\n  });\n});\n\ndescribe(\"useTheme\", () => {\n  const mockThemes = [\n    { default: true, id: \"default\", name: \"Default\" },\n    { id: \"dark\", name: \"Dark\" },\n    { id: \"custom\", name: \"Custom\" },\n  ];\n\n  beforeEach(() => {\n    vi.clearAllMocks();\n    // Reset mock state and dependencies\n    __resetMockUIStoreState({ theme: \"default\" }); // Reset UI store theme\n    __clearMockSetThemeSpy(); // Clear the spy\n    mockUsePluginMeta.mockReset();\n    mockGetThemeById.mockReset();\n\n    // Default mock implementations\n    mockUsePluginMeta.mockReturnValue(mockThemes);\n    // Default getThemeById to return the theme matching the ID\n    mockGetThemeById.mockImplementation((themes, id) =>\n      themes.find((t) => t.id === id),\n    );\n  });\n\n  it(\"should return the selected theme based on store state and available themes\", () => {\n    __resetMockUIStoreState({ theme: \"dark\" }); // Set selected theme in store\n\n    const { result } = renderHook(() => useTheme());\n\n    expect(mockedUseUIStore).toHaveBeenCalled(); // useThemeIdAndSetter is called internally\n    expect(mockUsePluginMeta).toHaveBeenCalledWith(\"dashboard\", \"themes\");\n    expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, \"dark\");\n    expect(result.current).toEqual({ id: \"dark\", name: \"Dark\" });\n  });\n\n  it(\"should return the default theme if the selected theme is not found\", () => {\n    __resetMockUIStoreState({ theme: \"non-existent\" }); // Selected theme not in mockThemes\n    mockGetThemeById.mockReturnValue(undefined); // Simulate getThemeById not finding it\n\n    const { result } = renderHook(() => useTheme());\n\n    expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, \"non-existent\");\n    // It should fallback to finding the default theme\n    expect(result.current).toEqual({\n      default: true,\n      id: \"default\",\n      name: \"Default\",\n    });\n  });\n\n  it(\"should return the first theme if selected and default themes are not found\", () => {\n    __resetMockUIStoreState({ theme: \"non-existent\" });\n    mockGetThemeById.mockReturnValue(undefined);\n    // Remove default flag from mockThemes for this test\n    const themesWithoutDefault = mockThemes.map((t) => ({\n      ...t,\n      default: undefined,\n    }));\n    mockUsePluginMeta.mockReturnValue(themesWithoutDefault);\n\n    const { result } = renderHook(() => useTheme());\n\n    expect(mockGetThemeById).toHaveBeenCalledWith(\n      themesWithoutDefault,\n      \"non-existent\",\n    );\n    // It should fallback to the first theme in the list\n    expect(result.current).toEqual(themesWithoutDefault[0]); // Should be the 'default' theme object without the default flag\n  });\n\n  it(\"should return undefined if no themes are available\", () => {\n    mockUsePluginMeta.mockReturnValue(undefined); // No themes available\n\n    const { result } = renderHook(() => useTheme());\n\n    expect(mockUsePluginMeta).toHaveBeenCalledWith(\"dashboard\", \"themes\");\n    expect(result.current).toBeUndefined();\n    expect(mockGetThemeById).not.toHaveBeenCalled(); // Should not try to find themes if none available\n  });\n\n  it(\"should return undefined if themes array is empty\", () => {\n    mockUsePluginMeta.mockReturnValue([]); // Empty themes array\n\n    const { result } = renderHook(() => useTheme());\n\n    expect(mockUsePluginMeta).toHaveBeenCalledWith(\"dashboard\", \"themes\");\n    expect(result.current).toBeUndefined();\n    expect(mockGetThemeById).not.toHaveBeenCalled(); // Should not try to find themes if array is empty\n  });\n});\n\n// Note: Testing the `withTheme` HoC would require separate tests,\n// potentially using `@testing-library/react`'s `render` and mocking\n// DOM manipulation or testing the CSS output directly.\n"],"mappings":"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"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./store\";\nexport * from \"./types\";\nexport * from \"./utils\";\n"],"mappings":""}

package/dist/esm/store/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/store/index.ts"],"sourcesContent":["/**\n * Portal Framework UI Store\n * \n * This barrel file exports all store modules from the portal framework UI library.\n * Use this file to import store modules in a centralized way.\n */\n\n// Application State Store\nexport * from './appStore';\n\n// Portal State Store  \nexport * from './portalStore';\n\n// UI State Store\nexport * from './uiStore';\n\n// Saved Filters Store\nexport * from './saved-filters';"],"mappings":""}

package/dist/esm/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./asyncUtils\";\nexport * from \"./fileSize\";\nexport * from \"./theme\";\n"],"mappings":""}