@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/TableContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.cjs","names":[],"sources":["../../../src/components/TableContainer.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nexport function TableContainer({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.JSX.Element {\n  return (\n    <div className={cn(\"rounded-lg border p-6 shadow-sm\", className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,eAAe,EAC7B,UACA,aAIoB;AACpB,QACE,2CAAC;EAAI,qDAAc,mCAAmC,UAAU;EAC7D;GACG"}

package/dist/cjs/components/TableContainer.d.cts

@@ -0,0 +1,13 @@
+import React from "react";
+
+//#region src/components/TableContainer.d.ts
+declare function TableContainer({
+  children,
+  className
+}: {
+  children: React.ReactNode;
+  className?: string;
+}): React.JSX.Element;
+//#endregion
+export { TableContainer };
+//# sourceMappingURL=TableContainer.d.cts.map

package/dist/cjs/components/ThemeSwitcher.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_hooks_usePluginMeta = require('../hooks/usePluginMeta.cjs');
+const require_hooks_useTheme = require('../hooks/useTheme.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ThemeSwitcher.tsx
+var ThemeSwitcher;
+var init_ThemeSwitcher = require_rolldown_runtime.__esmMin((() => {
+	require_hooks_usePluginMeta.init_usePluginMeta();
+	require_hooks_useTheme.init_useTheme();
+	ThemeSwitcher = () => {
+		const { setTheme } = require_hooks_useTheme.useThemeIdAndSetter();
+		const themes = require_hooks_usePluginMeta.usePluginMeta("dashboard", "themes");
+		if (!themes) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Button, {
+				size: "icon",
+				variant: "ghost",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.ThemeIcon, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Toggle theme"
+				})]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.PopoverContent, {
+			className: "w-56",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-col space-y-2",
+				children: themes.map((t) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					className: "text-left",
+					onClick: () => setTheme(t.id),
+					variant: "ghost",
+					children: t.name
+				}, t.id))
+			})
+		})] });
+	};
+}));
+
+//#endregion
+init_ThemeSwitcher();
+exports.ThemeSwitcher = ThemeSwitcher;
+Object.defineProperty(exports, 'init_ThemeSwitcher', {
+  enumerable: true,
+  get: function () {
+    return init_ThemeSwitcher;
+  }
+});
+//# sourceMappingURL=ThemeSwitcher.cjs.map

package/dist/cjs/components/ThemeSwitcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.cjs","names":["useThemeIdAndSetter","usePluginMeta","Popover","PopoverTrigger","Button","ThemeIcon","PopoverContent"],"sources":["../../../src/components/ThemeSwitcher.tsx"],"sourcesContent":["import {\n  Button,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  ThemeIcon,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { usePluginMeta } from \"@/hooks/usePluginMeta\";\n// Import the hook that provides the setter\nimport { useThemeIdAndSetter } from \"@/hooks/useTheme\";\n\n// Import Theme from the types file\nimport type { Theme } from \"@/types/theme\";\n\nexport const ThemeSwitcher: React.FC = () => {\n  // Get setTheme from the correct hook\n  const { setTheme } = useThemeIdAndSetter();\n\n  // Get themes list using the Theme type\n  const themes = usePluginMeta<Theme[]>(\"dashboard\", \"themes\");\n\n  if (!themes) {\n    return null;\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button size=\"icon\" variant=\"ghost\">\n          <ThemeIcon className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all\" />\n          <span className=\"sr-only\">Toggle theme</span>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-56\">\n        <div className=\"flex flex-col space-y-2\">\n          {themes.map((t) => (\n            <Button\n              className=\"text-left\"\n              key={t.id}\n              onClick={() => setTheme(t.id)}\n              variant=\"ghost\">\n              {t.name}\n            </Button>\n          ))}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;;;;;;iDASsD;uCAEC;CAK1C,sBAAgC;EAE3C,MAAM,EAAE,aAAaA,4CAAqB;EAG1C,MAAM,SAASC,0CAAuB,aAAa,SAAS;AAE5D,MAAI,CAAC,OACH,QAAO;AAGT,SACE,4CAACC,wDACC,2CAACC;GAAe;aACd,4CAACC;IAAO,MAAK;IAAO,SAAQ;eAC1B,2CAACC,+CAAU,WAAU,4DAA4D,EACjF,2CAAC;KAAK,WAAU;eAAU;MAAmB;KACtC;IACM,EACjB,2CAACC;GAAe,WAAU;aACxB,2CAAC;IAAI,WAAU;cACZ,OAAO,KAAK,MACX,2CAACF;KACC,WAAU;KAEV,eAAe,SAAS,EAAE,GAAG;KAC7B,SAAQ;eACP,EAAE;OAHE,EAAE,GAIA,CACT;KACE;IACS,IACT"}

package/dist/cjs/components/ThemeSwitcher.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/components/ThemeSwitcher.d.ts
+declare const ThemeSwitcher: React.FC;
+//#endregion
+export { ThemeSwitcher };
+//# sourceMappingURL=ThemeSwitcher.d.cts.map

package/dist/cjs/components/ThemedBadge.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ThemedBadge.tsx
+function ThemedBadge({ children, className, config, value, variant, ...restCoreProps }) {
+	const { base = "", dark = "", hover = "", label } = config[value] || {};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: (0, _lumeweb_portal_framework_ui_core.cn)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", base, hover, dark, className),
+		children: children ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Badge, {
+			variant,
+			...restCoreProps,
+			children: label || value.replace(/_/g, " ")
+		})
+	});
+}
+var init_ThemedBadge = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_ThemedBadge();
+exports.ThemedBadge = ThemedBadge;
+Object.defineProperty(exports, 'init_ThemedBadge', {
+  enumerable: true,
+  get: function () {
+    return init_ThemedBadge;
+  }
+});
+//# sourceMappingURL=ThemedBadge.cjs.map

package/dist/cjs/components/ThemedBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedBadge.cjs","names":["Badge"],"sources":["../../../src/components/ThemedBadge.tsx"],"sourcesContent":["import {\n  Badge,\n  type BadgeVariant,\n  cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React, { type ReactNode } from \"react\";\n\nimport { BadgeConfig } from \"@/types\";\n\ninterface ThemedBadgeProps<T extends string> {\n  children?: ReactNode;\n  className?: string;\n  config: BadgeConfig<T>;\n  value: T;\n  variant?: BadgeVariant;\n}\n\nexport function ThemedBadge<T extends string>({\n  children,\n  className,\n  config,\n  value,\n  variant,\n  ...restCoreProps\n}: ThemedBadgeProps<T>) {\n  const { base = \"\", dark = \"\", hover = \"\", label } = config[value] || {};\n\n  const wrapperClassName = cn(\n    \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n    base,\n    hover,\n    dark,\n    className,\n  );\n\n  return (\n    <span className={wrapperClassName}>\n      {children ? (\n        children\n      ) : (\n        <Badge variant={variant} {...restCoreProps}>\n          {label || value.replace(/_/g, \" \")}\n        </Badge>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,YAA8B,EAC5C,UACA,WACA,QACA,OACA,SACA,GAAG,iBACmB;CACtB,MAAM,EAAE,OAAO,IAAI,OAAO,IAAI,QAAQ,IAAI,UAAU,OAAO,UAAU,EAAE;AAUvE,QACE,2CAAC;EAAK,qDARN,8KACA,MACA,OACA,MACA,UACD;YAII,WACC,WAEA,2CAACA;GAAe;GAAS,GAAI;aAC1B,SAAS,MAAM,QAAQ,MAAM,IAAI;IAC5B;GAEL"}

package/dist/cjs/components/ThemedBadge.d.cts

@@ -0,0 +1,23 @@
+import { BadgeConfig } from "../types/badge.cjs";
+import { BadgeVariant } from "@lumeweb/portal-framework-ui-core";
+import { ReactNode } from "react";
+
+//#region src/components/ThemedBadge.d.ts
+interface ThemedBadgeProps<T extends string> {
+  children?: ReactNode;
+  className?: string;
+  config: BadgeConfig<T>;
+  value: T;
+  variant?: BadgeVariant;
+}
+declare function ThemedBadge<T extends string>({
+  children,
+  className,
+  config,
+  value,
+  variant,
+  ...restCoreProps
+}: ThemedBadgeProps<T>): any;
+//#endregion
+export { ThemedBadge };
+//# sourceMappingURL=ThemedBadge.d.cts.map

package/dist/cjs/components/actions/ActionListRenderer.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('./types.cjs');
+const require_components_actions_registry = require('./registry.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/actions/ActionListRenderer.tsx
+var ActionListRenderer;
+var init_ActionListRenderer = require_rolldown_runtime.__esmMin((() => {
+	require_components_actions_registry.init_registry();
+	require_components_actions_types.init_types();
+	ActionListRenderer = ({ actions = [], className, closeDialog, isSubmitting, layout = "horizontal" }) => {
+		if (!actions || actions.length === 0) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, _lumeweb_portal_framework_ui_core.cn)("flex w-full", layout === "vertical" ? "flex-col space-y-3" : "flex-row flex-wrap items-center justify-end gap-4", className),
+			children: actions.map((action, index) => {
+				if (action.type === require_components_actions_types.ActionItemType.CUSTOM_COMPONENT) {
+					const CustomComponent = action.component;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomComponent, {
+						...action.props,
+						closeDialog,
+						isSubmitting
+					}, action.key ?? index);
+				}
+				const ActionComponent = require_components_actions_registry.getActionItemComponent(action.type);
+				if (!ActionComponent) {
+					console.warn(`No component registered for action type: ${action.type}`);
+					return null;
+				}
+				const key = action.key ?? index;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionComponent, {
+					closeDialog,
+					config: action,
+					isSubmitting
+				}, key);
+			})
+		});
+	};
+}));
+
+//#endregion
+init_ActionListRenderer();
+exports.ActionListRenderer = ActionListRenderer;
+Object.defineProperty(exports, 'init_ActionListRenderer', {
+  enumerable: true,
+  get: function () {
+    return init_ActionListRenderer;
+  }
+});
+//# sourceMappingURL=ActionListRenderer.cjs.map

package/dist/cjs/components/actions/ActionListRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionListRenderer.cjs","names":["ActionItemType","getActionItemComponent"],"sources":["../../../../src/components/actions/ActionListRenderer.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { getActionItemComponent } from \"./registry\";\nimport { ActionItemConfig, ActionItemType, ActionListLayout } from \"./types\";\n\ninterface ActionListRendererProps {\n  actions: ActionItemConfig[];\n  className?: string;\n  closeDialog?: () => void;\n  isSubmitting?: boolean;\n  layout?: ActionListLayout;\n}\n\nexport const ActionListRenderer: React.FC<ActionListRendererProps> = ({\n  actions = [],\n  className,\n  closeDialog,\n  isSubmitting,\n  layout = \"horizontal\",\n}) => {\n  if (!actions || actions.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex w-full\",\n        layout === \"vertical\"\n          ? \"flex-col space-y-3\"\n          : \"flex-row flex-wrap items-center justify-end gap-4\",\n        className,\n      )}>\n      {actions.map((action: ActionItemConfig, index) => {\n        if (action.type === ActionItemType.CUSTOM_COMPONENT) {\n          const CustomComponent = action.component;\n          return (\n            <CustomComponent\n              key={action.key ?? index}\n              {...action.props}\n              closeDialog={closeDialog}\n              isSubmitting={isSubmitting}\n            />\n          );\n        }\n\n        const ActionComponent = getActionItemComponent(action.type);\n        if (!ActionComponent) {\n          console.warn(\n            `No component registered for action type: ${action.type}`,\n          );\n          return null;\n        }\n\n        const key = action.key ?? index;\n\n        return (\n          <ActionComponent\n            closeDialog={closeDialog}\n            config={action}\n            isSubmitting={isSubmitting}\n            key={key}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;oDAGoD;8CACyB;CAUhE,sBAAyD,EACpE,UAAU,EAAE,EACZ,WACA,aACA,cACA,SAAS,mBACL;AACJ,MAAI,CAAC,WAAW,QAAQ,WAAW,EACjC,QAAO;AAGT,SACE,2CAAC;GACC,qDACE,eACA,WAAW,aACP,uBACA,qDACJ,UACD;aACA,QAAQ,KAAK,QAA0B,UAAU;AAChD,QAAI,OAAO,SAASA,gDAAe,kBAAkB;KACnD,MAAM,kBAAkB,OAAO;AAC/B,YACE,2CAAC;MAEC,GAAI,OAAO;MACE;MACC;QAHT,OAAO,OAAO,MAInB;;IAIN,MAAM,kBAAkBC,2DAAuB,OAAO,KAAK;AAC3D,QAAI,CAAC,iBAAiB;AACpB,aAAQ,KACN,4CAA4C,OAAO,OACpD;AACD,YAAO;;IAGT,MAAM,MAAM,OAAO,OAAO;AAE1B,WACE,2CAAC;KACc;KACb,QAAQ;KACM;OACT,IACL;KAEJ;IACE"}

package/dist/cjs/components/actions/ActionListRenderer.d.cts

@@ -0,0 +1,15 @@
+import { ActionItemConfig, ActionListLayout } from "./types.cjs";
+import React from "react";
+
+//#region src/components/actions/ActionListRenderer.d.ts
+interface ActionListRendererProps {
+  actions: ActionItemConfig[];
+  className?: string;
+  closeDialog?: () => void;
+  isSubmitting?: boolean;
+  layout?: ActionListLayout;
+}
+declare const ActionListRenderer: React.FC<ActionListRendererProps>;
+//#endregion
+export { ActionListRenderer };
+//# sourceMappingURL=ActionListRenderer.d.cts.map

package/dist/cjs/components/actions/ActionListRenderer.spec.cjs

@@ -0,0 +1,170 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('./types.cjs');
+const require_components_actions_registry = require('./registry.cjs');
+const require_components_actions_ActionListRenderer = require('./ActionListRenderer.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+react@16.3.1_@testing-library+dom@10.4.0_@types+react-dom@19.2.3_@type_dda5dedfc9a50d1db6bb0a214573fe51/node_modules/@testing-library/react/dist/index.js");
+let _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 = require("/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/ActionListRenderer.spec.tsx
+require_components_actions_ActionListRenderer.init_ActionListRenderer();
+require_components_actions_registry.init_registry();
+require_components_actions_types.init_types();
+const MockCancelActionItem = _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.vi.fn(({ closeDialog, config, isSubmitting }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	"data-testid": "cancel-action",
+	disabled: isSubmitting || config.disabled,
+	onClick: () => {
+		if (config.onClick) config.onClick();
+		else if (closeDialog) closeDialog();
+	},
+	children: config.label || config.children || "Mock Cancel"
+}));
+const MockCustomActionItem = _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.vi.fn(({ config, isSubmitting }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	"data-testid": "custom-action",
+	disabled: isSubmitting || config.disabled,
+	onClick: config.onClick,
+	children: config.label || config.children || "Mock Custom"
+}));
+const MockLinkActionItem = _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.vi.fn(({ config }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+	"data-testid": "link-action",
+	href: config.to,
+	target: config.target,
+	children: config.label || config.children || "Mock Link"
+}));
+const MockSubmitActionItem = _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.vi.fn(({ config, isSubmitting }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+	"data-testid": "submit-action",
+	disabled: isSubmitting || config.disabled,
+	type: "submit",
+	children: [isSubmitting && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": "spinner",
+		children: "Loading..."
+	}), config.label || config.children || "Mock Submit"]
+}));
+(0, _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.describe)("ActionListRenderer", () => {
+	(0, _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.beforeEach)(() => {
+		require_components_actions_registry.resetRegistryForTesting();
+		require_components_actions_registry.registerActionItemComponent(require_components_actions_types.ActionItemType.CANCEL, MockCancelActionItem);
+		require_components_actions_registry.registerActionItemComponent(require_components_actions_types.ActionItemType.CUSTOM, MockCustomActionItem);
+		require_components_actions_registry.registerActionItemComponent(require_components_actions_types.ActionItemType.LINK, MockLinkActionItem);
+		require_components_actions_registry.registerActionItemComponent(require_components_actions_types.ActionItemType.SUBMIT, MockSubmitActionItem);
+		_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.vi.clearAllMocks();
+	});
+	(0, _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.afterEach)(() => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.cleanup)();
+		_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.vi.clearAllMocks();
+	});
+	(0, _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.it)("renders null if no actions are provided", () => {
+		const { container } = (0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, { actions: [] }));
+		(0, _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.expect)(container).toBeEmptyDOMElement();
+	});
+	(0, _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.it)("renders null if actions is undefined", () => {
+		const { container } = (0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, { actions: void 0 }));
+		(0, _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.expect)(container).toBeEmptyDOMElement();
+	});
+	(0, _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.it)("renders action items based on the provided config", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, { actions: [{
+			label: "Close",
+			type: require_components_actions_types.ActionItemType.CANCEL
+		}, {
+			label: "Save",
+			type: require_components_actions_types.ActionItemType.SUBMIT
+		}] }));
+		(0, _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.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("cancel-action")).toHaveTextContent("Close");
+		(0, _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.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("submit-action")).toHaveTextContent("Save");
+	});
+	(0, _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.it)("passes closeDialog and isSubmitting props to action items", () => {
+		const mockCloseDialog = _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.vi.fn();
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, {
+			actions: [{
+				label: "Close",
+				type: require_components_actions_types.ActionItemType.CANCEL
+			}],
+			closeDialog: mockCloseDialog,
+			isSubmitting: true
+		}));
+		(0, _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.expect)(MockCancelActionItem).toHaveBeenCalledWith(_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.expect.objectContaining({
+			closeDialog: mockCloseDialog,
+			isSubmitting: true
+		}), {});
+	});
+	(0, _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.it)("applies horizontal layout by default", () => {
+		const { container } = (0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, { actions: [{
+			label: "Close",
+			type: require_components_actions_types.ActionItemType.CANCEL
+		}, {
+			label: "Save",
+			type: require_components_actions_types.ActionItemType.SUBMIT
+		}] }));
+		const div = container.firstChild;
+		(0, _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.expect)(div).toHaveClass("flex-row");
+		(0, _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.expect)(div).toHaveClass("justify-end");
+		(0, _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.expect)(div).toHaveClass("space-x-3");
+	});
+	(0, _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.it)("applies vertical layout when specified", () => {
+		const { container } = (0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, {
+			actions: [{
+				label: "Close",
+				type: require_components_actions_types.ActionItemType.CANCEL
+			}, {
+				label: "Save",
+				type: require_components_actions_types.ActionItemType.SUBMIT
+			}],
+			layout: "vertical"
+		}));
+		const div = container.firstChild;
+		(0, _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.expect)(div).toHaveClass("flex-col");
+		(0, _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.expect)(div).toHaveClass("space-y-3");
+	});
+	(0, _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.it)("applies custom className", () => {
+		const { container } = (0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, {
+			actions: [{
+				label: "Close",
+				type: require_components_actions_types.ActionItemType.CANCEL
+			}],
+			className: "custom-class"
+		}));
+		const div = container.firstChild;
+		(0, _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.expect)(div).toHaveClass("custom-class");
+	});
+	(0, _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.it)("handles action items with keys", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, { actions: [{
+			key: "cancel-key",
+			label: "Close",
+			type: require_components_actions_types.ActionItemType.CANCEL
+		}, {
+			key: "submit-key",
+			label: "Save",
+			type: require_components_actions_types.ActionItemType.SUBMIT
+		}] }));
+		(0, _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.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("cancel-action")).toBeInTheDocument();
+		(0, _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.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("submit-action")).toBeInTheDocument();
+	});
+	(0, _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.it)("warns and skips rendering for unregistered action types", () => {
+		const consoleWarnSpy = _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.vi.spyOn(console, "warn").mockImplementation(() => {});
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, { actions: [{
+			label: "Unknown",
+			type: "unknown-type"
+		}] }));
+		(0, _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.expect)(consoleWarnSpy).toHaveBeenCalledWith("No component registered for action type: unknown-type");
+		(0, _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.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.queryByText("Unknown")).not.toBeInTheDocument();
+		consoleWarnSpy.mockRestore();
+	});
+	(0, _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.it)("renders custom components when type is CUSTOM_COMPONENT", () => {
+		const CustomComp = ({ text }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-testid": "custom-comp",
+			children: text
+		});
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_ActionListRenderer.ActionListRenderer, { actions: [{
+			component: CustomComp,
+			props: { text: "Hello World" },
+			type: require_components_actions_types.ActionItemType.CUSTOM_COMPONENT
+		}] }));
+		(0, _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.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("custom-comp")).toBeInTheDocument();
+		(0, _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.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("custom-comp")).toHaveTextContent("Hello World");
+	});
+});
+
+//#endregion
+//# sourceMappingURL=ActionListRenderer.spec.cjs.map

package/dist/cjs/components/actions/ActionListRenderer.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionListRenderer.spec.cjs","names":["vi","ActionItemType","ActionListRenderer","screen","expect"],"sources":["../../../../src/components/actions/ActionListRenderer.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\"; // Import cleanup\nimport React from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\"; // Import afterEach\n\nimport { ActionListRenderer } from \"./ActionListRenderer\";\nimport {\n  registerActionItemComponent,\n  resetRegistryForTesting,\n} from \"./registry\";\nimport { ActionItemConfig, ActionItemType } from \"./types\"; // Import ActionItemConfig\n\n// Mock the individual action item components (keep definitions outside describe)\nconst MockCancelActionItem = vi.fn(({ closeDialog, config, isSubmitting }) => (\n  <button\n    data-testid=\"cancel-action\"\n    disabled={isSubmitting || config.disabled}\n    onClick={() => {\n      if (config.onClick) config.onClick();\n      else if (closeDialog) closeDialog();\n    }}>\n    {config.label || config.children || \"Mock Cancel\"}\n  </button>\n));\nconst MockCustomActionItem = vi.fn(({ config, isSubmitting }) => (\n  <button\n    data-testid=\"custom-action\"\n    disabled={isSubmitting || config.disabled}\n    onClick={config.onClick}>\n    {config.label || config.children || \"Mock Custom\"}\n  </button>\n));\nconst MockLinkActionItem = vi.fn(({ config }) => (\n  <a data-testid=\"link-action\" href={config.to} target={config.target}>\n    {config.label || config.children || \"Mock Link\"}\n  </a>\n));\nconst MockSubmitActionItem = vi.fn(({ config, isSubmitting }) => (\n  <button\n    data-testid=\"submit-action\"\n    disabled={isSubmitting || config.disabled}\n    type=\"submit\">\n    {isSubmitting && <span data-testid=\"spinner\">Loading...</span>}\n    {config.label || config.children || \"Mock Submit\"}\n  </button>\n));\n\ndescribe(\"ActionListRenderer\", () => {\n  beforeEach(() => {\n    resetRegistryForTesting();\n    registerActionItemComponent(ActionItemType.CANCEL, MockCancelActionItem);\n    registerActionItemComponent(ActionItemType.CUSTOM, MockCustomActionItem);\n    registerActionItemComponent(ActionItemType.LINK, MockLinkActionItem);\n    registerActionItemComponent(ActionItemType.SUBMIT, MockSubmitActionItem);\n    vi.clearAllMocks();\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.clearAllMocks();\n  });\n\n  it(\"renders null if no actions are provided\", () => {\n    const { container } = render(<ActionListRenderer actions={[]} />);\n    expect(container).toBeEmptyDOMElement();\n  });\n\n  it(\"renders null if actions is undefined\", () => {\n    const { container } = render(\n      <ActionListRenderer actions={undefined as any} />,\n    );\n    expect(container).toBeEmptyDOMElement();\n  });\n\n  it(\"renders action items based on the provided config\", () => {\n    const actions: ActionItemConfig[] = [\n      { label: \"Close\", type: ActionItemType.CANCEL },\n      { label: \"Save\", type: ActionItemType.SUBMIT },\n    ];\n    render(<ActionListRenderer actions={actions} />);\n\n    expect(screen.getByTestId(\"cancel-action\")).toHaveTextContent(\"Close\");\n    expect(screen.getByTestId(\"submit-action\")).toHaveTextContent(\"Save\");\n  });\n\n  it(\"passes closeDialog and isSubmitting props to action items\", () => {\n    const mockCloseDialog = vi.fn();\n    const actions: ActionItemConfig[] = [\n      { label: \"Close\", type: ActionItemType.CANCEL },\n    ];\n    render(\n      <ActionListRenderer\n        actions={actions}\n        closeDialog={mockCloseDialog}\n        isSubmitting={true}\n      />,\n    );\n\n    expect(MockCancelActionItem).toHaveBeenCalledWith(\n      expect.objectContaining({\n        closeDialog: mockCloseDialog,\n        isSubmitting: true,\n      }),\n      {}, // React context object (often empty in simple renders)\n    );\n  });\n\n  it(\"applies horizontal layout by default\", () => {\n    const actions: ActionItemConfig[] = [\n      { label: \"Close\", type: ActionItemType.CANCEL },\n      { label: \"Save\", type: ActionItemType.SUBMIT },\n    ];\n    const { container } = render(<ActionListRenderer actions={actions} />);\n    const div = container.firstChild;\n    expect(div).toHaveClass(\"flex-row\");\n    expect(div).toHaveClass(\"justify-end\");\n    expect(div).toHaveClass(\"space-x-3\");\n  });\n\n  it(\"applies vertical layout when specified\", () => {\n    const actions: ActionItemConfig[] = [\n      { label: \"Close\", type: ActionItemType.CANCEL },\n      { label: \"Save\", type: ActionItemType.SUBMIT },\n    ];\n    const { container } = render(\n      <ActionListRenderer actions={actions} layout=\"vertical\" />,\n    );\n    const div = container.firstChild;\n    expect(div).toHaveClass(\"flex-col\");\n    expect(div).toHaveClass(\"space-y-3\");\n  });\n\n  it(\"applies custom className\", () => {\n    const actions: ActionItemConfig[] = [\n      { label: \"Close\", type: ActionItemType.CANCEL },\n    ];\n    const { container } = render(\n      <ActionListRenderer actions={actions} className=\"custom-class\" />,\n    );\n    const div = container.firstChild;\n    expect(div).toHaveClass(\"custom-class\");\n  });\n\n  it(\"handles action items with keys\", () => {\n    const actions: ActionItemConfig[] = [\n      { key: \"cancel-key\", label: \"Close\", type: ActionItemType.CANCEL },\n      { key: \"submit-key\", label: \"Save\", type: ActionItemType.SUBMIT },\n    ];\n    render(<ActionListRenderer actions={actions} />);\n    // Check if keys are applied to the rendered components (difficult directly with RTL,\n    // but we can check if the mock was called with the correct config including key if needed,\n    // or rely on React's internal key handling which is assumed to work).\n    // A simpler check is just that the items are rendered.\n    expect(screen.getByTestId(\"cancel-action\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"submit-action\")).toBeInTheDocument();\n  });\n\n  it(\"warns and skips rendering for unregistered action types\", () => {\n    const consoleWarnSpy = vi\n      .spyOn(console, \"warn\")\n      .mockImplementation(() => {});\n    const actions: ActionItemConfig[] = [\n      // Cast the object literal to ActionItemConfig using 'as'\n      {\n        label: \"Unknown\",\n        type: \"unknown-type\" as ActionItemType,\n      } as ActionItemConfig,\n    ];\n    render(<ActionListRenderer actions={actions} />);\n\n    expect(consoleWarnSpy).toHaveBeenCalledWith(\n      \"No component registered for action type: unknown-type\",\n    );\n    expect(screen.queryByText(\"Unknown\")).not.toBeInTheDocument();\n\n    consoleWarnSpy.mockRestore();\n  });\n\n  it(\"renders custom components when type is CUSTOM_COMPONENT\", () => {\n    const CustomComp = ({ text }: { text: string }) => (\n      <div data-testid=\"custom-comp\">{text}</div>\n    );\n    const actions: ActionItemConfig[] = [\n      {\n        component: CustomComp,\n        props: { text: \"Hello World\" },\n        type: ActionItemType.CUSTOM_COMPONENT,\n      },\n    ];\n    render(<ActionListRenderer actions={actions} />);\n\n    expect(screen.getByTestId(\"custom-comp\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"custom-comp\")).toHaveTextContent(\"Hello World\");\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/actions/ActionListRenderer.spec.d.cts

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

package/dist/cjs/components/actions/actionHelpers.cjs

@@ -0,0 +1,201 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('./types.cjs');
+const require_components_dialog_Dialog_types = require('../dialog/Dialog.types.cjs');
+const require_components_dialog_index = require('../dialog/index.cjs');
+
+//#region src/components/actions/actionHelpers.ts
+/**
+* Action creation utilities for common dialog and form patterns.
+*
+* These helpers provide a consistent way to create action configurations
+* while maintaining type safety and reducing boilerplate.
+*
+* @example
+* ```tsx
+* const { cancel, submit, back, next } = createActionHelpers();
+*
+* const actions = [
+*   cancel(handleClose),
+*   submit(handleSubmit, "Save", isSubmitting),
+*   back(handlePrevious),
+*   next(handleNext)
+* ];
+* ```
+*/
+function createActionHelpers() {
+	return {
+		back: (onClick, label = "Back", disabled = false) => ({
+			disabled,
+			label,
+			onClick,
+			type: require_components_actions_types.ActionItemType.BUTTON
+		}),
+		button: (onClick, label = "Button", disabled = false) => ({
+			disabled,
+			label,
+			onClick,
+			type: require_components_actions_types.ActionItemType.BUTTON
+		}),
+		cancel: (onClick, label = "Cancel") => ({
+			label,
+			onClick,
+			type: require_components_actions_types.ActionItemType.CANCEL
+		}),
+		custom: (type, onClick, label = "Custom", options = {}) => ({
+			label,
+			onClick,
+			type,
+			...options
+		}),
+		next: (onClick, label = "Next") => ({
+			label,
+			onClick,
+			type: require_components_actions_types.ActionItemType.SUBMIT
+		}),
+		retry: (onClick, label = "Retry") => ({
+			label,
+			onClick,
+			type: require_components_actions_types.ActionItemType.RETRY
+		}),
+		submit: (onClick, label = "Submit", isSubmitting = false) => ({
+			label,
+			loading: isSubmitting,
+			onClick,
+			type: require_components_actions_types.ActionItemType.SUBMIT
+		})
+	};
+}
+/**
+* Creates standard dialog actions (Cancel + Submit/Continue)
+*/
+function createDialogActions(config) {
+	const { button, cancel, submit } = createActionHelpers();
+	const actions = [];
+	if (config.type === require_components_dialog_Dialog_types.DialogTypes.ALERT) {
+		actions.push(cancel(config.onConfirm, config.confirmLabel || "OK"));
+		return actions;
+	}
+	const isConfirm = config.type === "confirm";
+	const isForm = config.type === "form";
+	const isWizardForm = config.type === "wizard_form";
+	const isCustom = config.type === "custom";
+	if (config.onCancel) actions.push(cancel(config.onCancel, config.cancelLabel));
+	if (config.onConfirm) {
+		const isFormType = isForm || isWizardForm || isCustom;
+		const defaultLabel = isForm || isWizardForm ? "Submit" : "Continue";
+		const label = config.confirmLabel || defaultLabel;
+		if (isConfirm) actions.push(cancel(config.onConfirm, label));
+		else if (isFormType) actions.push(submit(config.onConfirm, label, config.isSubmitting));
+		else actions.push(button(config.onConfirm, label));
+	}
+	return actions;
+}
+/**
+* Creates form-specific actions with optional cancel button
+*/
+function createFormActions(config) {
+	const { cancel, submit } = createActionHelpers();
+	const actions = [];
+	if (config.showCancel && config.onCancel) actions.push(cancel(config.onCancel, config.cancelLabel));
+	if (config.onSubmit) actions.push(submit(config.onSubmit, config.submitLabel, config.isSubmitting));
+	return actions;
+}
+/**
+* Creates wizard-specific actions with conditional Back/Next/Submit buttons
+*/
+function createWizardActions(config) {
+	const { back, cancel, next, submit } = createActionHelpers();
+	const actions = [];
+	if (!config.isFirst && config.onPrevious) actions.push(back(config.onPrevious));
+	if (config.isLast && config.onSubmit) {
+		const evaluationContext = {
+			formMethods: config.formMethods,
+			stepContext: { isLastStep: config.isLast },
+			wizardConfig: config
+		};
+		const evaluatedSubmitLabel = evaluateSubmitLabel(config.submitLabel, evaluationContext);
+		actions.push(submit(config.onSubmit, evaluatedSubmitLabel || "Continue", config.isSubmitting));
+	} else if (config.onNext) actions.push(next(config.onNext));
+	if (config.onClose) actions.push(cancel(config.onClose));
+	return actions;
+}
+/**
+* Creates step-specific actions with Previous and Next buttons
+*/
+function createStepActions(config) {
+	const { back, cancel, next, submit } = createActionHelpers();
+	const actions = [];
+	actions.push(back(config.onPrevious, "Previous", config.isFirst));
+	if (config.isLast) {
+		const evaluationContext = {
+			formMethods: config.formMethods,
+			stepContext: { isLastStep: config.isLast }
+		};
+		const evaluatedSubmitLabel = evaluateSubmitLabel(config.submitLabel, evaluationContext);
+		actions.push(submit(config.onNext, evaluatedSubmitLabel || "Submit", config.isSubmitting));
+	} else actions.push(next(config.onNext));
+	if (config.onClose) actions.push(cancel(config.onClose));
+	return actions;
+}
+/**
+* Evaluates dynamic submit label if it's a function, otherwise returns static label
+* Enhanced to handle wizard step-specific labels
+*/
+function evaluateSubmitLabel(submitLabel, context = {}) {
+	const { formMethods, stepContext, wizardConfig } = context;
+	if (wizardConfig && stepContext) {
+		const stepLabel = evaluateWizardStepLabel(wizardConfig, stepContext, formMethods);
+		if (stepLabel !== void 0) return stepLabel;
+		const wizardLabel = evaluateWizardFormLabel(wizardConfig, stepContext, formMethods);
+		if (wizardLabel !== void 0) return wizardLabel;
+	}
+	return evaluateFormLabel(submitLabel, formMethods);
+}
+/**
+* Evaluates simple form submit label
+*/
+function evaluateFormLabel(submitLabel, formMethods) {
+	if (!submitLabel) return void 0;
+	if (typeof submitLabel === "function" && formMethods?.getValues && typeof formMethods.getValues === "function") return submitLabel(formMethods.getValues());
+	if (typeof submitLabel === "string") return submitLabel;
+}
+/**
+* Evaluates wizard form-level submit label
+*/
+function evaluateWizardFormLabel(wizardConfig, stepContext, formMethods) {
+	const { isLastStep } = stepContext;
+	if (!isLastStep || !wizardConfig.submitLabel) return void 0;
+	if (typeof wizardConfig.submitLabel === "function" && formMethods?.getValues) return wizardConfig.submitLabel(formMethods.getValues());
+	if (typeof wizardConfig.submitLabel === "string") return wizardConfig.submitLabel;
+}
+/**
+* Evaluates wizard step-specific submit label
+*/
+function evaluateWizardStepLabel(wizardConfig, stepContext, formMethods) {
+	const { currentStep } = stepContext;
+	if (currentStep === void 0) return void 0;
+	const stepSubmitLabel = wizardConfig.steps?.[currentStep - 1]?.submitLabel;
+	if (!stepSubmitLabel) return void 0;
+	if (typeof stepSubmitLabel === "function" && formMethods?.getValues) return stepSubmitLabel(formMethods.getValues());
+	if (typeof stepSubmitLabel === "string") return stepSubmitLabel;
+}
+var init_actionHelpers = require_rolldown_runtime.__esmMin((() => {
+	require_components_actions_types.init_types();
+	require_components_dialog_index.init_dialog();
+}));
+
+//#endregion
+init_actionHelpers();
+exports.createActionHelpers = createActionHelpers;
+exports.createDialogActions = createDialogActions;
+exports.createFormActions = createFormActions;
+exports.createStepActions = createStepActions;
+exports.createWizardActions = createWizardActions;
+exports.evaluateSubmitLabel = evaluateSubmitLabel;
+Object.defineProperty(exports, 'init_actionHelpers', {
+  enumerable: true,
+  get: function () {
+    return init_actionHelpers;
+  }
+});
+//# sourceMappingURL=actionHelpers.cjs.map