@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/actions/items/CancelActionItem.spec.js

@@ -0,0 +1,148 @@
+import { ActionItemType, init_types } from "../types.js";
+import { init_registry, registerActionItemComponent } from "../registry.js";
+import { CancelActionItem, init_CancelActionItem, registerCancelActionItem } from "./CancelActionItem.js";
+import { Button } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, 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/components/actions/items/CancelActionItem.spec.tsx
+init_registry();
+init_types();
+init_CancelActionItem();
+vi.mock("@lumeweb/portal-framework-ui-core", () => ({
+	Button: vi.fn(({ children, ...props }) => /* @__PURE__ */ jsx("button", {
+		...props,
+		children
+	})),
+	cn: vi.fn((...classes) => classes.filter(Boolean).join(" ")),
+	Spinner: vi.fn(({ className, size }) => /* @__PURE__ */ jsxs("span", {
+		className,
+		"data-testid": "spinner",
+		children: [
+			"Loading (",
+			size,
+			")"
+		]
+	}))
+}));
+vi.mock("../registry", () => ({
+	registerActionItemComponent: vi.fn(),
+	resetRegistryForTesting: vi.fn()
+}));
+describe("CancelActionItem", () => {
+	afterEach(() => {
+		cleanup();
+		vi.clearAllMocks();
+	});
+	it("renders with default label when no label or children are provided", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, { config: { type: ActionItemType.CANCEL } }));
+		expect(screen.getByRole("button")).toHaveTextContent("Cancel");
+	});
+	it("renders with provided label", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, { config: {
+			label: "Close Dialog",
+			type: ActionItemType.CANCEL
+		} }));
+		expect(screen.getByRole("button")).toHaveTextContent("Close Dialog");
+	});
+	it("renders with provided children", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, { config: {
+			children: /* @__PURE__ */ jsx("span", { children: "Exit" }),
+			type: ActionItemType.CANCEL
+		} }));
+		expect(screen.getByRole("button")).toContainHTML("<span>Exit</span>");
+	});
+	it("prefers label over children", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, { config: {
+			children: /* @__PURE__ */ jsx("span", { children: "Ignored Children" }),
+			label: "Preferred Label",
+			type: ActionItemType.CANCEL
+		} }));
+		expect(screen.getByRole("button")).toHaveTextContent("Preferred Label");
+		expect(screen.getByRole("button")).not.toContainHTML("<span>Ignored Children</span>");
+	});
+	it("calls closeDialog when clicked and no onClick is provided", () => {
+		const mockCloseDialog = vi.fn();
+		render(/* @__PURE__ */ jsx(CancelActionItem, {
+			closeDialog: mockCloseDialog,
+			config: { type: ActionItemType.CANCEL }
+		}));
+		fireEvent.click(screen.getByRole("button"));
+		expect(mockCloseDialog).toHaveBeenCalledTimes(1);
+	});
+	it("calls onClick when clicked and onClick is provided", () => {
+		const mockOnClick = vi.fn();
+		const mockCloseDialog = vi.fn();
+		render(/* @__PURE__ */ jsx(CancelActionItem, {
+			closeDialog: mockCloseDialog,
+			config: {
+				onClick: mockOnClick,
+				type: ActionItemType.CANCEL
+			}
+		}));
+		fireEvent.click(screen.getByRole("button"));
+		expect(mockOnClick).toHaveBeenCalledTimes(1);
+		expect(mockCloseDialog).not.toHaveBeenCalled();
+	});
+	it("is disabled when config.disabled is true", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, { config: {
+			disabled: true,
+			type: ActionItemType.CANCEL
+		} }));
+		expect(screen.getByRole("button")).toBeDisabled();
+	});
+	it("is disabled when isSubmitting is true", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, {
+			config: { type: ActionItemType.CANCEL },
+			isSubmitting: true
+		}));
+		expect(screen.getByRole("button")).toBeDisabled();
+	});
+	it("is disabled when both config.disabled and isSubmitting are true", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, {
+			config: {
+				disabled: true,
+				type: ActionItemType.CANCEL
+			},
+			isSubmitting: true
+		}));
+		expect(screen.getByRole("button")).toBeDisabled();
+	});
+	it("is not disabled when neither config.disabled nor isSubmitting are true", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, {
+			config: {
+				disabled: false,
+				type: ActionItemType.CANCEL
+			},
+			isSubmitting: false
+		}));
+		expect(screen.getByRole("button")).not.toBeDisabled();
+	});
+	it("applies className from config", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, { config: {
+			className: "extra-class",
+			type: ActionItemType.CANCEL
+		} }));
+		expect(screen.getByRole("button")).toHaveClass("extra-class");
+	});
+	it("renders with type='button' and variant='outline'", () => {
+		render(/* @__PURE__ */ jsx(CancelActionItem, { config: { type: ActionItemType.CANCEL } }));
+		expect(screen.getByRole("button")).toHaveAttribute("type", "button");
+		expect(vi.mocked(Button)).toHaveBeenCalledWith(expect.objectContaining({ variant: "outline" }), {});
+	});
+});
+describe("registerCancelActionItem", () => {
+	beforeEach(() => {
+		vi.mocked(registerActionItemComponent).mockClear();
+	});
+	it("should register the CancelActionItem component", () => {
+		registerCancelActionItem();
+		expect(registerActionItemComponent).toHaveBeenCalledTimes(1);
+		expect(registerActionItemComponent).toHaveBeenCalledWith(ActionItemType.CANCEL, CancelActionItem);
+	});
+});
+
+//#endregion
+//# sourceMappingURL=CancelActionItem.spec.js.map

package/dist/esm/components/actions/items/CancelActionItem.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelActionItem.spec.js","names":[],"sources":["../../../../../src/components/actions/items/CancelActionItem.spec.tsx"],"sourcesContent":["// Import the mocked Button component after its mock is defined\nimport { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { cleanup, fireEvent, render, screen } from \"@testing-library/react\"; // Import cleanup\nimport React from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\"; // Import afterEach and beforeEach\n\n// Import the mocked registry function just before the suite that uses it\nimport { registerActionItemComponent } from \"../registry\";\nimport { ActionItemType } from \"../types\";\n// We will mock react-router's Link, so we don't import the actual RouterLink here yet\n// Now import the component and its registration function AFTER the mocks\nimport { CancelActionItem, registerCancelActionItem } from \"./CancelActionItem\";\n// We will mock the registry module, so we don't import the actual registerActionItemComponent here yet\n\n// Mock the Button component from the core library *before* importing CancelActionItem\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Button: vi.fn(({ children, ...props }) => (\n    <button {...props}>{children}</button>\n  )),\n  cn: vi.fn((...classes) => classes.filter(Boolean).join(\" \")), // Also mock cn\n  Spinner: vi.fn(\n    (\n      { className, size }, // Also mock Spinner as it might be used in other item tests\n    ) => (\n      <span className={className} data-testid=\"spinner\">\n        Loading ({size})\n      </span>\n    ),\n  ),\n}));\n\n// Mock the registry module *before* importing registerCancelActionItem\n// Define the mock function *inside* the factory\nvi.mock(\"../registry\", () => ({\n  registerActionItemComponent: vi.fn(), // Define mock here\n  // Keep other exports if needed by other tests in this file, though none currently are\n  resetRegistryForTesting: vi.fn(), // Mock this too if it were used here\n}));\n\ndescribe(\"CancelActionItem\", () => {\n  afterEach(() => {\n    cleanup();\n    vi.clearAllMocks();\n  });\n\n  it(\"renders with default label when no label or children are provided\", () => {\n    render(<CancelActionItem config={{ type: ActionItemType.CANCEL }} />);\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Cancel\");\n  });\n\n  it(\"renders with provided label\", () => {\n    render(\n      <CancelActionItem\n        config={{ label: \"Close Dialog\", type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Close Dialog\");\n  });\n\n  it(\"renders with provided children\", () => {\n    render(\n      <CancelActionItem\n        config={{ children: <span>Exit</span>, type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toContainHTML(\"<span>Exit</span>\");\n  });\n\n  it(\"prefers label over children\", () => {\n    render(\n      <CancelActionItem\n        config={{\n          children: <span>Ignored Children</span>,\n          label: \"Preferred Label\",\n          type: ActionItemType.CANCEL,\n        }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Preferred Label\");\n    expect(screen.getByRole(\"button\")).not.toContainHTML(\n      \"<span>Ignored Children</span>\",\n    );\n  });\n\n  it(\"calls closeDialog when clicked and no onClick is provided\", () => {\n    const mockCloseDialog = vi.fn();\n    render(\n      <CancelActionItem\n        closeDialog={mockCloseDialog}\n        config={{ type: ActionItemType.CANCEL }}\n      />,\n    );\n    fireEvent.click(screen.getByRole(\"button\"));\n    expect(mockCloseDialog).toHaveBeenCalledTimes(1);\n  });\n\n  it(\"calls onClick when clicked and onClick is provided\", () => {\n    const mockOnClick = vi.fn();\n    const mockCloseDialog = vi.fn();\n    render(\n      <CancelActionItem\n        closeDialog={mockCloseDialog}\n        config={{ onClick: mockOnClick, type: ActionItemType.CANCEL }}\n      />,\n    );\n    fireEvent.click(screen.getByRole(\"button\"));\n    expect(mockOnClick).toHaveBeenCalledTimes(1);\n    expect(mockCloseDialog).not.toHaveBeenCalled(); // onClick takes precedence\n  });\n\n  it(\"is disabled when config.disabled is true\", () => {\n    render(\n      <CancelActionItem\n        config={{ disabled: true, type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is disabled when isSubmitting is true\", () => {\n    render(\n      <CancelActionItem\n        config={{ type: ActionItemType.CANCEL }}\n        isSubmitting={true}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is disabled when both config.disabled and isSubmitting are true\", () => {\n    render(\n      <CancelActionItem\n        config={{ disabled: true, type: ActionItemType.CANCEL }}\n        isSubmitting={true}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is not disabled when neither config.disabled nor isSubmitting are true\", () => {\n    render(\n      <CancelActionItem\n        config={{ disabled: false, type: ActionItemType.CANCEL }}\n        isSubmitting={false}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).not.toBeDisabled();\n  });\n\n  it(\"applies className from config\", () => {\n    render(\n      <CancelActionItem\n        config={{ className: \"extra-class\", type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveClass(\"extra-class\");\n  });\n\n  it(\"renders with type='button' and variant='outline'\", () => {\n    render(<CancelActionItem config={{ type: ActionItemType.CANCEL }} />);\n    const button = screen.getByRole(\"button\");\n    expect(button).toHaveAttribute(\"type\", \"button\");\n    // Check if the mock Button was called with the correct variant prop\n    expect(vi.mocked(Button)).toHaveBeenCalledWith(\n      expect.objectContaining({ variant: \"outline\" }),\n      {},\n    );\n  });\n});\n\ndescribe(\"registerCancelActionItem\", () => {\n  // Clear the mock calls on the registry mock before this test suite\n  beforeEach(() => {\n    // Use the imported mock function directly\n    vi.mocked(registerActionItemComponent).mockClear();\n  });\n\n  it(\"should register the CancelActionItem component\", () => {\n    registerCancelActionItem();\n\n    // Assert that the mocked registerActionItemComponent was called\n    expect(registerActionItemComponent).toHaveBeenCalledTimes(1);\n    expect(registerActionItemComponent).toHaveBeenCalledWith(\n      ActionItemType.CANCEL,\n      CancelActionItem,\n    );\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/actions/items/CustomActionItem.d.ts

@@ -0,0 +1,9 @@
+import { ActionItemProps, CustomActionItemConfig } from "../types.js";
+import React from "react";
+
+//#region src/components/actions/items/CustomActionItem.d.ts
+declare const CustomActionItem: React.FC<ActionItemProps<CustomActionItemConfig>>;
+declare function registerCustomActionItem(): void;
+//#endregion
+export { CustomActionItem, registerCustomActionItem };
+//# sourceMappingURL=CustomActionItem.d.ts.map

package/dist/esm/components/actions/items/CustomActionItem.js

@@ -0,0 +1,34 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { ActionItemType, init_types } from "../types.js";
+import { init_registry, registerActionItemComponent } from "../registry.js";
+import { Button } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/actions/items/CustomActionItem.tsx
+function registerCustomActionItem() {
+	registerActionItemComponent(ActionItemType.CUSTOM, CustomActionItem);
+}
+var CustomActionItem;
+var init_CustomActionItem = __esmMin(() => {
+	init_registry();
+	init_types();
+	CustomActionItem = ({ config, isSubmitting }) => {
+		if (!config.onClick) {
+			console.error("CustomActionItem requires an onClick handler in its config.", config);
+			return null;
+		}
+		return /* @__PURE__ */ jsx(Button, {
+			className: config.className,
+			disabled: isSubmitting || config.disabled,
+			onClick: config.onClick,
+			type: "button",
+			children: config.label ?? config.children
+		});
+	};
+});
+
+//#endregion
+init_CustomActionItem();
+export { CustomActionItem, init_CustomActionItem, registerCustomActionItem };
+//# sourceMappingURL=CustomActionItem.js.map

package/dist/esm/components/actions/items/CustomActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomActionItem.js","names":[],"sources":["../../../../../src/components/actions/items/CustomActionItem.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerActionItemComponent } from \"../registry\";\nimport {\n  ActionItemProps,\n  ActionItemType,\n  CustomActionItemConfig,\n} from \"../types\";\n\nexport const CustomActionItem: React.FC<\n  ActionItemProps<CustomActionItemConfig>\n> = ({ config, isSubmitting }) => {\n  if (!config.onClick) {\n    console.error(\n      \"CustomActionItem requires an onClick handler in its config.\",\n      config,\n    );\n    return null;\n  }\n  return (\n    <Button\n      className={config.className}\n      disabled={isSubmitting || config.disabled}\n      onClick={config.onClick}\n      type=\"button\">\n      {config.label ?? config.children}\n    </Button>\n  );\n};\n\nexport function registerCustomActionItem() {\n  registerActionItemComponent(ActionItemType.CUSTOM, CustomActionItem);\n}\n"],"mappings":";;;;;;;;AA+BA,SAAgB,2BAA2B;AACzC,6BAA4B,eAAe,QAAQ,iBAAiB;;;;gBA7BZ;aAKxC;CAEL,oBAER,EAAE,QAAQ,mBAAmB;AAChC,MAAI,CAAC,OAAO,SAAS;AACnB,WAAQ,MACN,+DACA,OACD;AACD,UAAO;;AAET,SACE,oBAAC;GACC,WAAW,OAAO;GAClB,UAAU,gBAAgB,OAAO;GACjC,SAAS,OAAO;GAChB,MAAK;aACJ,OAAO,SAAS,OAAO;IACjB"}

package/dist/esm/components/actions/items/CustomActionItem.spec.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components/actions/items/CustomActionItem.spec.js

@@ -0,0 +1,151 @@
+import { ActionItemType, init_types } from "../types.js";
+import { init_registry, registerActionItemComponent } from "../registry.js";
+import { CustomActionItem, init_CustomActionItem, registerCustomActionItem } from "./CustomActionItem.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, 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/components/actions/items/CustomActionItem.spec.tsx
+init_registry();
+init_types();
+init_CustomActionItem();
+vi.mock("@lumeweb/portal-framework-ui-core", () => ({
+	Button: vi.fn(({ children, ...props }) => /* @__PURE__ */ jsx("button", {
+		...props,
+		children
+	})),
+	cn: vi.fn((...classes) => classes.filter(Boolean).join(" ")),
+	Spinner: vi.fn(({ className, size }) => /* @__PURE__ */ jsxs("span", {
+		className,
+		"data-testid": "spinner",
+		children: [
+			"Loading (",
+			size,
+			")"
+		]
+	}))
+}));
+vi.mock("../registry", () => ({
+	registerActionItemComponent: vi.fn(),
+	resetRegistryForTesting: vi.fn()
+}));
+describe("CustomActionItem", () => {
+	afterEach(() => {
+		cleanup();
+		vi.clearAllMocks();
+	});
+	it("renders with provided label", () => {
+		render(/* @__PURE__ */ jsx(CustomActionItem, { config: {
+			label: "Do Something",
+			onClick: vi.fn(),
+			type: ActionItemType.CUSTOM
+		} }));
+		expect(screen.getByRole("button")).toHaveTextContent("Do Something");
+	});
+	it("renders with provided children", () => {
+		const mockOnClick = vi.fn();
+		render(/* @__PURE__ */ jsx(CustomActionItem, { config: {
+			children: /* @__PURE__ */ jsx("span", { children: "Click Me" }),
+			onClick: mockOnClick,
+			type: ActionItemType.CUSTOM
+		} }));
+		expect(screen.getByRole("button")).toContainHTML("<span>Click Me</span>");
+	});
+	it("prefers label over children", () => {
+		const mockOnClick = vi.fn();
+		render(/* @__PURE__ */ jsx(CustomActionItem, { config: {
+			children: /* @__PURE__ */ jsx("span", { children: "Ignored Children" }),
+			label: "Preferred Label",
+			onClick: mockOnClick,
+			type: ActionItemType.CUSTOM
+		} }));
+		expect(screen.getByRole("button")).toHaveTextContent("Preferred Label");
+		expect(screen.getByRole("button")).not.toContainHTML("<span>Ignored Children</span>");
+	});
+	it("calls onClick when clicked", () => {
+		const mockOnClick = vi.fn();
+		render(/* @__PURE__ */ jsx(CustomActionItem, { config: {
+			label: "Click",
+			onClick: mockOnClick,
+			type: ActionItemType.CUSTOM
+		} }));
+		fireEvent.click(screen.getByRole("button"));
+		expect(mockOnClick).toHaveBeenCalledTimes(1);
+	});
+	it("is disabled when config.disabled is true", () => {
+		render(/* @__PURE__ */ jsx(CustomActionItem, { config: {
+			disabled: true,
+			onClick: vi.fn(),
+			type: ActionItemType.CUSTOM
+		} }));
+		expect(screen.getByRole("button")).toBeDisabled();
+	});
+	it("is disabled when isSubmitting is true", () => {
+		render(/* @__PURE__ */ jsx(CustomActionItem, {
+			config: {
+				onClick: vi.fn(),
+				type: ActionItemType.CUSTOM
+			},
+			isSubmitting: true
+		}));
+		expect(screen.getByRole("button")).toBeDisabled();
+	});
+	it("is disabled when both config.disabled and isSubmitting are true", () => {
+		render(/* @__PURE__ */ jsx(CustomActionItem, {
+			config: {
+				disabled: true,
+				onClick: vi.fn(),
+				type: ActionItemType.CUSTOM
+			},
+			isSubmitting: true
+		}));
+		expect(screen.getByRole("button")).toBeDisabled();
+	});
+	it("is not disabled when neither config.disabled nor isSubmitting are true", () => {
+		render(/* @__PURE__ */ jsx(CustomActionItem, {
+			config: {
+				disabled: false,
+				onClick: vi.fn(),
+				type: ActionItemType.CUSTOM
+			},
+			isSubmitting: false
+		}));
+		expect(screen.getByRole("button")).not.toBeDisabled();
+	});
+	it("applies className from config", () => {
+		render(/* @__PURE__ */ jsx(CustomActionItem, { config: {
+			className: "extra-class",
+			onClick: vi.fn(),
+			type: ActionItemType.CUSTOM
+		} }));
+		expect(screen.getByRole("button")).toHaveClass("extra-class");
+	});
+	it("renders with type='button'", () => {
+		render(/* @__PURE__ */ jsx(CustomActionItem, { config: {
+			onClick: vi.fn(),
+			type: ActionItemType.CUSTOM
+		} }));
+		expect(screen.getByRole("button")).toHaveAttribute("type", "button");
+	});
+	it("logs an error and returns null if onClick is missing", () => {
+		const consoleErrorSpy = vi.spyOn(console, "error").mockImplementation(() => {});
+		const { container } = render(/* @__PURE__ */ jsx(CustomActionItem, { config: { type: ActionItemType.CUSTOM } }));
+		expect(consoleErrorSpy).toHaveBeenCalledWith("CustomActionItem requires an onClick handler in its config.", expect.any(Object));
+		expect(container).toBeEmptyDOMElement();
+		consoleErrorSpy.mockRestore();
+	});
+});
+describe("registerCustomActionItem", () => {
+	beforeEach(() => {
+		vi.mocked(registerActionItemComponent).mockClear();
+	});
+	it("should register the CustomActionItem component", () => {
+		registerCustomActionItem();
+		expect(registerActionItemComponent).toHaveBeenCalledTimes(1);
+		expect(registerActionItemComponent).toHaveBeenCalledWith(ActionItemType.CUSTOM, CustomActionItem);
+	});
+});
+
+//#endregion
+//# sourceMappingURL=CustomActionItem.spec.js.map

package/dist/esm/components/actions/items/CustomActionItem.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomActionItem.spec.js","names":[],"sources":["../../../../../src/components/actions/items/CustomActionItem.spec.tsx"],"sourcesContent":["import { cleanup, fireEvent, render, screen } from \"@testing-library/react\"; // Import cleanup\nimport React from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\"; // Import afterEach and beforeEach\n\n// Import the mocked Button component after its mock is defined\n// Import the mocked registry function just before the suite that uses it\nimport { registerActionItemComponent } from \"../registry\";\nimport { ActionItemType } from \"../types\";\n// Now import the component and its registration function AFTER the mocks\nimport { CustomActionItem, registerCustomActionItem } from \"./CustomActionItem\";\n// We will mock the registry module, so we don't import the actual registerActionItemComponent here yet\n\n// Mock the Button component from the core library *before* importing CustomActionItem\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Button: vi.fn(({ children, ...props }) => (\n    <button {...props}>{children}</button>\n  )),\n  cn: vi.fn((...classes) => classes.filter(Boolean).join(\" \")), // Also mock cn\n  Spinner: vi.fn(\n    (\n      { className, size }, // Also mock Spinner\n    ) => (\n      <span className={className} data-testid=\"spinner\">\n        Loading ({size})\n      </span>\n    ),\n  ),\n}));\n\n// Mock the registry module *before* importing registerCustomActionItem\n// Define the mock function *inside* the factory\nvi.mock(\"../registry\", () => ({\n  registerActionItemComponent: vi.fn(), // Define mock here\n  resetRegistryForTesting: vi.fn(), // Mock this too if it were used here\n}));\n\ndescribe(\"CustomActionItem\", () => {\n  afterEach(() => {\n    cleanup();\n    vi.clearAllMocks();\n  });\n\n  it(\"renders with provided label\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          label: \"Do Something\",\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Do Something\");\n  });\n\n  it(\"renders with provided children\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          children: <span>Click Me</span>,\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toContainHTML(\"<span>Click Me</span>\");\n  });\n\n  it(\"prefers label over children\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          children: <span>Ignored Children</span>,\n          label: \"Preferred Label\",\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Preferred Label\");\n    expect(screen.getByRole(\"button\")).not.toContainHTML(\n      \"<span>Ignored Children</span>\",\n    );\n  });\n\n  it(\"calls onClick when clicked\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          label: \"Click\",\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n      />,\n    );\n    fireEvent.click(screen.getByRole(\"button\"));\n    expect(mockOnClick).toHaveBeenCalledTimes(1);\n  });\n\n  it(\"is disabled when config.disabled is true\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          disabled: true,\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is disabled when isSubmitting is true\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{ onClick: mockOnClick, type: ActionItemType.CUSTOM }}\n        isSubmitting={true}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is disabled when both config.disabled and isSubmitting are true\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          disabled: true,\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n        isSubmitting={true}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is not disabled when neither config.disabled nor isSubmitting are true\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          disabled: false,\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n        isSubmitting={false}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).not.toBeDisabled();\n  });\n\n  it(\"applies className from config\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{\n          className: \"extra-class\",\n          onClick: mockOnClick,\n          type: ActionItemType.CUSTOM,\n        }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveClass(\"extra-class\");\n  });\n\n  it(\"renders with type='button'\", () => {\n    const mockOnClick = vi.fn();\n    render(\n      <CustomActionItem\n        config={{ onClick: mockOnClick, type: ActionItemType.CUSTOM }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveAttribute(\"type\", \"button\");\n  });\n\n  it(\"logs an error and returns null if onClick is missing\", () => {\n    const consoleErrorSpy = vi\n      .spyOn(console, \"error\")\n      .mockImplementation(() => {});\n    const { container } = render(\n      <CustomActionItem config={{ type: ActionItemType.CUSTOM } as any} />, // Cast to any to simulate missing onClick\n    );\n\n    expect(consoleErrorSpy).toHaveBeenCalledWith(\n      \"CustomActionItem requires an onClick handler in its config.\",\n      expect.any(Object), // The config object\n    );\n    expect(container).toBeEmptyDOMElement();\n\n    consoleErrorSpy.mockRestore();\n  });\n});\n\ndescribe(\"registerCustomActionItem\", () => {\n  // Clear the mock calls on the registry mock before this test suite\n  beforeEach(() => {\n    // Use the imported mock function directly\n    vi.mocked(registerActionItemComponent).mockClear();\n  });\n\n  it(\"should register the CustomActionItem component\", () => {\n    registerCustomActionItem();\n\n    // Assert that the mocked registerActionItemComponent was called\n    expect(registerActionItemComponent).toHaveBeenCalledTimes(1);\n    expect(registerActionItemComponent).toHaveBeenCalledWith(\n      ActionItemType.CUSTOM,\n      CustomActionItem,\n    );\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/actions/items/LinkActionItem.d.ts

@@ -0,0 +1,9 @@
+import { ActionItemProps, LinkActionItemConfig } from "../types.js";
+import React from "react";
+
+//#region src/components/actions/items/LinkActionItem.d.ts
+declare const LinkActionItem: React.FC<ActionItemProps<LinkActionItemConfig>>;
+declare function registerLinkActionItem(): void;
+//#endregion
+export { LinkActionItem, registerLinkActionItem };
+//# sourceMappingURL=LinkActionItem.d.ts.map

package/dist/esm/components/actions/items/LinkActionItem.js

@@ -0,0 +1,40 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { ActionItemType, init_types } from "../types.js";
+import { init_registry, registerActionItemComponent } from "../registry.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { Link } from "react-router";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/actions/items/LinkActionItem.tsx
+function registerLinkActionItem() {
+	registerActionItemComponent(ActionItemType.LINK, LinkActionItem);
+}
+var LinkActionItem;
+var init_LinkActionItem = __esmMin(() => {
+	init_registry();
+	init_types();
+	LinkActionItem = ({ config }) => {
+		const commonProps = {
+			children: config.label || config.children,
+			className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "text-primary underline-offset-4 hover:underline", config.className),
+			target: config.target
+		};
+		if (config.target === "_blank" || config.reloadDocument || config.to.startsWith("http")) return /* @__PURE__ */ jsx("a", {
+			href: config.to,
+			...commonProps,
+			rel: config.target === "_blank" ? "noopener noreferrer" : void 0,
+			children: commonProps.children
+		});
+		return /* @__PURE__ */ jsx(Link, {
+			to: config.to,
+			...commonProps,
+			children: commonProps.children
+		});
+	};
+});
+
+//#endregion
+init_LinkActionItem();
+export { LinkActionItem, init_LinkActionItem, registerLinkActionItem };
+//# sourceMappingURL=LinkActionItem.js.map

package/dist/esm/components/actions/items/LinkActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkActionItem.js","names":["RouterLink"],"sources":["../../../../../src/components/actions/items/LinkActionItem.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\nimport { Link as RouterLink } from \"react-router\";\n\nimport { registerActionItemComponent } from \"../registry\";\nimport {\n  ActionItemProps,\n  ActionItemType,\n  LinkActionItemConfig,\n} from \"../types\";\n\nexport const LinkActionItem: React.FC<\n  ActionItemProps<LinkActionItemConfig>\n> = ({ config }) => {\n  const commonProps = {\n    children: config.label || config.children,\n    className: cn(\n      \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n      \"text-primary underline-offset-4 hover:underline\",\n      config.className,\n    ),\n    target: config.target,\n  };\n\n  if (\n    config.target === \"_blank\" ||\n    config.reloadDocument ||\n    config.to.startsWith(\"http\")\n  ) {\n    return (\n      <a\n        href={config.to}\n        {...commonProps}\n        rel={config.target === \"_blank\" ? \"noopener noreferrer\" : undefined}>\n        {commonProps.children}\n      </a>\n    );\n  }\n\n  return (\n    <RouterLink to={config.to} {...commonProps}>\n      {commonProps.children}\n    </RouterLink>\n  );\n};\n\nexport function registerLinkActionItem() {\n  registerActionItemComponent(ActionItemType.LINK, LinkActionItem);\n}\n"],"mappings":";;;;;;;;;AA8CA,SAAgB,yBAAyB;AACvC,6BAA4B,eAAe,MAAM,eAAe;;;;gBA3CR;aAKxC;CAEL,kBAER,EAAE,aAAa;EAClB,MAAM,cAAc;GAClB,UAAU,OAAO,SAAS,OAAO;GACjC,WAAW,GACT,0RACA,mDACA,OAAO,UACR;GACD,QAAQ,OAAO;GAChB;AAED,MACE,OAAO,WAAW,YAClB,OAAO,kBACP,OAAO,GAAG,WAAW,OAAO,CAE5B,QACE,oBAAC;GACC,MAAM,OAAO;GACb,GAAI;GACJ,KAAK,OAAO,WAAW,WAAW,wBAAwB;aACzD,YAAY;IACX;AAIR,SACE,oBAACA;GAAW,IAAI,OAAO;GAAI,GAAI;aAC5B,YAAY;IACF"}

package/dist/esm/components/actions/items/LinkActionItem.spec.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components/actions/items/LinkActionItem.spec.js

@@ -0,0 +1,171 @@
+import { ActionItemType, init_types } from "../types.js";
+import { init_registry, registerActionItemComponent } from "../registry.js";
+import { LinkActionItem, init_LinkActionItem, registerLinkActionItem } from "./LinkActionItem.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, 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/components/actions/items/LinkActionItem.spec.tsx
+init_registry();
+init_types();
+init_LinkActionItem();
+vi.mock("react-router", () => ({ Link: vi.fn(({ children, to, ...props }) => /* @__PURE__ */ jsx("a", {
+	"data-testid": "mock-router-link",
+	href: to,
+	...props,
+	children
+})) }));
+vi.mock("@lumeweb/portal-framework-ui-core", () => ({
+	Button: vi.fn(({ children, ...props }) => /* @__PURE__ */ jsx("button", {
+		...props,
+		children
+	})),
+	cn: vi.fn((...classes) => classes.filter(Boolean).join(" ")),
+	Spinner: vi.fn(({ className, size }) => /* @__PURE__ */ jsxs("span", {
+		className,
+		"data-testid": "spinner",
+		children: [
+			"Loading (",
+			size,
+			")"
+		]
+	}))
+}));
+vi.mock("../registry", () => ({
+	registerActionItemComponent: vi.fn(),
+	resetRegistryForTesting: vi.fn()
+}));
+describe("LinkActionItem", () => {
+	afterEach(() => {
+		cleanup();
+		vi.clearAllMocks();
+	});
+	it("renders as an <a> tag for external http links", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "External",
+			to: "http://example.com",
+			type: ActionItemType.LINK
+		} }));
+		const link = screen.getByRole("link");
+		expect(link).toHaveAttribute("href", "http://example.com");
+		expect(link).toHaveTextContent("External");
+		expect(screen.queryByTestId("mock-router-link")).not.toBeInTheDocument();
+	});
+	it("renders as an <a> tag for external https links", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "External",
+			to: "https://example.com",
+			type: ActionItemType.LINK
+		} }));
+		expect(screen.getByRole("link")).toHaveAttribute("href", "https://example.com");
+		expect(screen.queryByTestId("mock-router-link")).not.toBeInTheDocument();
+	});
+	it("renders as an <a> tag when target is _blank", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "New Tab",
+			target: "_blank",
+			to: "/internal-path",
+			type: ActionItemType.LINK
+		} }));
+		const link = screen.getByRole("link");
+		expect(link).toHaveAttribute("href", "/internal-path");
+		expect(link).toHaveAttribute("target", "_blank");
+		expect(link).toHaveAttribute("rel", "noopener noreferrer");
+		expect(screen.queryByTestId("mock-router-link")).not.toBeInTheDocument();
+	});
+	it("renders as an <a> tag when reloadDocument is true", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "Reload",
+			reloadDocument: true,
+			to: "/internal-path",
+			type: ActionItemType.LINK
+		} }));
+		expect(screen.getByRole("link")).toHaveAttribute("href", "/internal-path");
+		expect(screen.queryByTestId("mock-router-link")).not.toBeInTheDocument();
+	});
+	it("renders as RouterLink for internal paths by default", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "Dashboard",
+			to: "/dashboard",
+			type: ActionItemType.LINK
+		} }));
+		const link = screen.getByTestId("mock-router-link");
+		expect(link).toHaveAttribute("href", "/dashboard");
+		expect(link).toHaveTextContent("Dashboard");
+		expect(link).not.toHaveAttribute("target");
+		expect(link).not.toHaveAttribute("rel");
+		expect(screen.queryByRole("link", { name: "Dashboard" })).toBeInTheDocument();
+	});
+	it("renders with provided label", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "Click Here",
+			to: "/path",
+			type: ActionItemType.LINK
+		} }));
+		expect(screen.getByRole("link", { name: "Click Here" })).toBeInTheDocument();
+	});
+	it("renders with provided children", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			children: /* @__PURE__ */ jsx("span", { children: "Go" }),
+			to: "/path",
+			type: ActionItemType.LINK
+		} }));
+		expect(screen.getByRole("link", { name: "Go" })).toBeInTheDocument();
+		expect(screen.getByRole("link")).toContainHTML("<span>Go</span>");
+	});
+	it("prefers label over children", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			children: /* @__PURE__ */ jsx("span", { children: "Ignored Children" }),
+			label: "Preferred Label",
+			to: "/path",
+			type: ActionItemType.LINK
+		} }));
+		expect(screen.getByRole("link")).toHaveTextContent("Preferred Label");
+		expect(screen.getByRole("link")).not.toContainHTML("<span>Ignored Children</span>");
+	});
+	it("applies className from config", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			className: "extra-class",
+			label: "Link",
+			to: "/path",
+			type: ActionItemType.LINK
+		} }));
+		const link = screen.getByRole("link");
+		expect(link).toHaveClass("extra-class");
+		expect(link).toHaveClass("inline-flex");
+		expect(link).toHaveClass("text-primary");
+	});
+	it("applies target attribute correctly for <a> tags", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "Self",
+			target: "_self",
+			to: "http://example.com",
+			type: ActionItemType.LINK
+		} }));
+		expect(screen.getByRole("link")).toHaveAttribute("target", "_self");
+		expect(screen.getByRole("link")).not.toHaveAttribute("rel");
+	});
+	it("does not apply rel attribute for non-_blank targets", () => {
+		render(/* @__PURE__ */ jsx(LinkActionItem, { config: {
+			label: "Self",
+			target: "_self",
+			to: "http://example.com",
+			type: ActionItemType.LINK
+		} }));
+		expect(screen.getByRole("link")).not.toHaveAttribute("rel");
+	});
+});
+describe("registerLinkActionItem", () => {
+	beforeEach(() => {
+		registerActionItemComponent.mockClear();
+	});
+	it("should register the LinkActionItem component", () => {
+		registerLinkActionItem();
+		expect(registerActionItemComponent).toHaveBeenCalledTimes(1);
+		expect(registerActionItemComponent).toHaveBeenCalledWith(ActionItemType.LINK, LinkActionItem);
+	});
+});
+
+//#endregion
+//# sourceMappingURL=LinkActionItem.spec.js.map