@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

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

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

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

@@ -0,0 +1,26 @@
+import { ActionItemType } from "../types.js";
+import { registerActionItemComponent } from "../registry.js";
+import { Button, Spinner } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/actions/items/SubmitActionItem.tsx
+const SubmitActionItem = ({ config, isSubmitting }) => {
+	return /* @__PURE__ */ jsxs(Button, {
+		className: config.className,
+		disabled: isSubmitting || config.disabled,
+		onClick: config.onClick,
+		type: "submit",
+		children: [isSubmitting && /* @__PURE__ */ jsx(Spinner, {
+			className: "mr-2",
+			size: "small"
+		}), config.label ?? config.children ?? "Submit"]
+	});
+};
+function registerSubmitActionItem() {
+	registerActionItemComponent("submit", SubmitActionItem);
+}
+
+//#endregion
+export { SubmitActionItem, registerSubmitActionItem };
+//# sourceMappingURL=SubmitActionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitActionItem.js","names":[],"sources":["../../../../../src/components/actions/items/SubmitActionItem.tsx"],"sourcesContent":["import { Button, Spinner } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerActionItemComponent } from \"../registry\";\nimport {\n  ActionItemProps,\n  ActionItemType,\n  SubmitActionItemConfig,\n} from \"../types\";\n\nexport const SubmitActionItem: React.FC<\n  ActionItemProps<SubmitActionItemConfig>\n> = ({ config, isSubmitting }) => {\n  return (\n    <Button\n      className={config.className}\n      disabled={isSubmitting || config.disabled}\n      onClick={config.onClick}\n      type=\"submit\">\n      {isSubmitting && <Spinner className=\"mr-2\" size=\"small\" />}\n      {config.label ?? config.children ?? \"Submit\"}\n    </Button>\n  );\n};\n\nexport function registerSubmitActionItem() {\n  registerActionItemComponent(ActionItemType.SUBMIT, SubmitActionItem);\n}\n"],"mappings":";;;;;;;AAUA,MAAa,oBAER,EAAE,QAAQ,mBAAmB;AAChC,QACE,qBAAC,QAAD;EACE,WAAW,OAAO;EAClB,UAAU,gBAAgB,OAAO;EACjC,SAAS,OAAO;EAChB,MAAK;YAJP,CAKG,gBAAgB,oBAAC,SAAD;GAAS,WAAU;GAAO,MAAK;GAAU,GACzD,OAAO,SAAS,OAAO,YAAY,SAC7B;;;AAIb,SAAgB,2BAA2B;AACzC,uCAAmD,iBAAiB"}

package/dist/esm/components/actions/register.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/actions/register.d.ts
+declare function registerAllActionItems(): void;
+//#endregion
+export { registerAllActionItems };
+//# sourceMappingURL=register.d.ts.map

package/dist/esm/components/actions/register.js

@@ -0,0 +1,20 @@
+import { registerButtonActionItem } from "./items/ButtonActionItem.js";
+import { registerCancelActionItem } from "./items/CancelActionItem.js";
+import { registerCustomActionItem } from "./items/CustomActionItem.js";
+import { registerLinkActionItem } from "./items/LinkActionItem.js";
+import { registerSubmitActionItem } from "./items/SubmitActionItem.js";
+import { registerRetryActionItem } from "./items/RetryActionItem.js";
+
+//#region src/components/actions/register.ts
+function registerAllActionItems() {
+	registerButtonActionItem();
+	registerSubmitActionItem();
+	registerCancelActionItem();
+	registerCustomActionItem();
+	registerLinkActionItem();
+	registerRetryActionItem();
+}
+
+//#endregion
+export { registerAllActionItems };
+//# sourceMappingURL=register.js.map

package/dist/esm/components/actions/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../src/components/actions/register.ts"],"sourcesContent":["import { registerButtonActionItem } from \"./items/ButtonActionItem\";\nimport { registerCancelActionItem } from \"./items/CancelActionItem\";\nimport { registerCustomActionItem } from \"./items/CustomActionItem\";\nimport { registerLinkActionItem } from \"./items/LinkActionItem\";\nimport { registerSubmitActionItem } from \"./items/SubmitActionItem\";\nimport { registerRetryActionItem } from \"./items/RetryActionItem\";\n\nexport function registerAllActionItems() {\n  registerButtonActionItem();\n  registerSubmitActionItem();\n  registerCancelActionItem();\n  registerCustomActionItem();\n  registerLinkActionItem();\n  registerRetryActionItem();\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,yBAAyB;AACvC,2BAA0B;AAC1B,2BAA0B;AAC1B,2BAA0B;AAC1B,2BAA0B;AAC1B,yBAAwB;AACxB,0BAAyB"}

package/dist/esm/components/actions/registry.d.ts

@@ -0,0 +1,14 @@
+import { ActionItemProps, ActionItemType } from "./types.js";
+import { ComponentType } from "react";
+
+//#region src/components/actions/registry.d.ts
+declare function getActionItemComponent(type: ActionItemType): ComponentType<ActionItemProps<any>> | undefined;
+declare function registerActionItemComponent(type: ActionItemType, component: ComponentType<ActionItemProps<any>>): void;
+/**
+ * Clears the action item registry.
+ * Use ONLY for testing purposes.
+ */
+declare function resetRegistryForTesting(): void;
+//#endregion
+export { getActionItemComponent, registerActionItemComponent, resetRegistryForTesting };
+//# sourceMappingURL=registry.d.ts.map

package/dist/esm/components/actions/registry.js

@@ -0,0 +1,20 @@
+//#region src/components/actions/registry.ts
+const actionItemRegistry = /* @__PURE__ */ new Map();
+function getActionItemComponent(type) {
+	return actionItemRegistry.get(type);
+}
+function registerActionItemComponent(type, component) {
+	if (actionItemRegistry.has(type)) console.warn(`ActionItemComponent type "${type}" is already registered. Overwriting.`);
+	actionItemRegistry.set(type, component);
+}
+/**
+* Clears the action item registry.
+* Use ONLY for testing purposes.
+*/
+function resetRegistryForTesting() {
+	actionItemRegistry.clear();
+}
+
+//#endregion
+export { getActionItemComponent, registerActionItemComponent, resetRegistryForTesting };
+//# sourceMappingURL=registry.js.map

package/dist/esm/components/actions/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","names":[],"sources":["../../../../src/components/actions/registry.ts"],"sourcesContent":["import { ComponentType } from \"react\";\n\nimport type { ActionItemProps, ActionItemType } from \"./types\";\n\nconst actionItemRegistry = new Map<\n  ActionItemType,\n  ComponentType<ActionItemProps<any>>\n>();\n\nexport function getActionItemComponent(\n  type: ActionItemType,\n): ComponentType<ActionItemProps<any>> | undefined {\n  return actionItemRegistry.get(type);\n}\n\nexport function registerActionItemComponent(\n  type: ActionItemType,\n  component: ComponentType<ActionItemProps<any>>,\n) {\n  if (actionItemRegistry.has(type)) {\n    console.warn(\n      `ActionItemComponent type \"${type}\" is already registered. Overwriting.`,\n    );\n  }\n  actionItemRegistry.set(type, component);\n}\n\n/**\n * Clears the action item registry.\n * Use ONLY for testing purposes.\n */\nexport function resetRegistryForTesting() {\n  actionItemRegistry.clear();\n}\n"],"mappings":";AAIA,MAAM,qCAAqB,IAAI,KAG5B;AAEH,SAAgB,uBACd,MACiD;AACjD,QAAO,mBAAmB,IAAI,KAAK;;AAGrC,SAAgB,4BACd,MACA,WACA;AACA,KAAI,mBAAmB,IAAI,KAAK,CAC9B,SAAQ,KACN,6BAA6B,KAAK,uCACnC;AAEH,oBAAmB,IAAI,MAAM,UAAU;;;;;;AAOzC,SAAgB,0BAA0B;AACxC,oBAAmB,OAAO"}

package/dist/esm/components/actions/types.d.ts

@@ -0,0 +1,132 @@
+import { ComponentType, MouseEvent, ReactNode } from "react";
+
+//#region src/components/actions/types.d.ts
+/**
+ * Enum defining the types of action items available
+ */
+declare enum ActionItemType {
+  /** Standard button action */
+  BUTTON = "button",
+  /** Cancel action button */
+  CANCEL = "cancel",
+  /** Custom action button */
+  CUSTOM = "custom",
+  /** Custom component action */
+  CUSTOM_COMPONENT = "custom-component",
+  /** Date picker action */
+  DATE = "date",
+  /** File upload action */
+  FILE = "file",
+  /** Link action button */
+  LINK = "link",
+  /** Submit action button */
+  SUBMIT = "submit",
+  /** Retry action button */
+  RETRY = "retry"
+}
+/**
+ * Union type of all possible action item configurations
+ */
+type ActionItemConfig = ButtonActionItemConfig | CancelActionItemConfig | CustomActionItemConfig | CustomComponentActionItemConfig | LinkActionItemConfig | SubmitActionItemConfig | RetryActionItemConfig;
+/**
+ * Props for ActionItem components
+ */
+interface ActionItemProps<T extends ActionItemConfig = ActionItemConfig> {
+  /** Function to close the parent dialog */
+  closeDialog?: () => void;
+  /** Configuration object for the action item */
+  config: T;
+  /** Whether the action is currently submitting */
+  isSubmitting?: boolean;
+}
+/**
+ * Layout options for action lists
+ */
+type ActionListLayout = "horizontal" | "vertical";
+/**
+ * Configuration for a standard button action item
+ */
+interface ButtonActionItemConfig extends BaseActionItemConfig {
+  /** Click handler for the button */
+  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+  /** Type identifier for button actions */
+  type: ActionItemType.BUTTON;
+}
+/**
+ * Configuration for a cancel action item
+ */
+interface CancelActionItemConfig extends BaseActionItemConfig {
+  /** Click handler for the cancel action */
+  onClick?: () => void;
+  /** Type identifier for cancel actions */
+  type: ActionItemType.CANCEL;
+}
+/**
+ * Configuration for a custom action item
+ */
+interface CustomActionItemConfig extends BaseActionItemConfig {
+  /** Required click handler for custom actions */
+  onClick: () => void;
+  /** Type identifier for custom actions */
+  type: ActionItemType.CUSTOM;
+}
+/**
+ * Configuration for a custom component action item
+ */
+interface CustomComponentActionItemConfig extends BaseActionItemConfig {
+  /** Component to render for this action */
+  component: ComponentType<any>;
+  /** Props to pass to the custom component */
+  props?: Record<string, any>;
+  /** Type identifier for custom component actions */
+  type: ActionItemType.CUSTOM_COMPONENT;
+}
+/**
+ * Configuration for a link action item
+ */
+interface LinkActionItemConfig extends BaseActionItemConfig {
+  /** Whether to reload the document when following the link */
+  reloadDocument?: boolean;
+  /** Target attribute for the link */
+  target?: string;
+  /** URL to navigate to */
+  to: string;
+  /** Type identifier for link actions */
+  type: ActionItemType.LINK;
+}
+/**
+ * Configuration for a submit action item
+ */
+interface SubmitActionItemConfig extends BaseActionItemConfig {
+  /** Type identifier for submit actions */
+  type: ActionItemType.SUBMIT;
+}
+/**
+ * Configuration for a retry action item
+ */
+interface RetryActionItemConfig extends BaseActionItemConfig {
+  /** Click handler for the retry action */
+  onClick?: () => void;
+  /** Type identifier for retry actions */
+  type: ActionItemType.RETRY;
+}
+/**
+ * Base configuration interface for all action items
+ */
+interface BaseActionItemConfig {
+  /** Child elements to render inside the action item */
+  children?: ReactNode;
+  /** CSS class name for styling */
+  className?: string;
+  /** Whether the action item is disabled */
+  disabled?: boolean;
+  /** Unique key for the action item */
+  key?: number | string;
+  /** Label text for the action item */
+  label?: string;
+  /** Type of action item */
+  type: ActionItemType;
+}
+//#endregion
+export { ActionItemConfig, ActionItemProps, ActionItemType, ActionListLayout, ButtonActionItemConfig, CancelActionItemConfig, CustomActionItemConfig, CustomComponentActionItemConfig, LinkActionItemConfig, RetryActionItemConfig, SubmitActionItemConfig };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/actions/types.js

@@ -0,0 +1,29 @@
+//#region src/components/actions/types.ts
+/**
+* Enum defining the types of action items available
+*/
+let ActionItemType = /* @__PURE__ */ function(ActionItemType) {
+	/** Standard button action */
+	ActionItemType["BUTTON"] = "button";
+	/** Cancel action button */
+	ActionItemType["CANCEL"] = "cancel";
+	/** Custom action button */
+	ActionItemType["CUSTOM"] = "custom";
+	/** Custom component action */
+	ActionItemType["CUSTOM_COMPONENT"] = "custom-component";
+	/** Date picker action */
+	ActionItemType["DATE"] = "date";
+	/** File upload action */
+	ActionItemType["FILE"] = "file";
+	/** Link action button */
+	ActionItemType["LINK"] = "link";
+	/** Submit action button */
+	ActionItemType["SUBMIT"] = "submit";
+	/** Retry action button */
+	ActionItemType["RETRY"] = "retry";
+	return ActionItemType;
+}({});
+
+//#endregion
+export { ActionItemType };
+//# sourceMappingURL=types.js.map

package/dist/esm/components/actions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/actions/types.ts"],"sourcesContent":["import type { ComponentType, MouseEvent, ReactNode } from \"react\";\n\n/**\n * Enum defining the types of action items available\n */\nexport enum ActionItemType {\n  /** Standard button action */\n  BUTTON = \"button\",\n  /** Cancel action button */\n  CANCEL = \"cancel\",\n  /** Custom action button */\n  CUSTOM = \"custom\",\n  /** Custom component action */\n  CUSTOM_COMPONENT = \"custom-component\",\n  /** Date picker action */\n  DATE = \"date\",\n  /** File upload action */\n  FILE = \"file\",\n  /** Link action button */\n  LINK = \"link\",\n  /** Submit action button */\n  SUBMIT = \"submit\",\n  /** Retry action button */\n  RETRY = \"retry\",\n}\n\n/**\n * Union type of all possible action item configurations\n */\nexport type ActionItemConfig =\n  | ButtonActionItemConfig\n  | CancelActionItemConfig\n  | CustomActionItemConfig\n  | CustomComponentActionItemConfig\n  | LinkActionItemConfig\n  | SubmitActionItemConfig\n  | RetryActionItemConfig;\n\n/**\n * Props for ActionItem components\n */\nexport interface ActionItemProps<\n  T extends ActionItemConfig = ActionItemConfig,\n> {\n  /** Function to close the parent dialog */\n  closeDialog?: () => void;\n  /** Configuration object for the action item */\n  config: T;\n  /** Whether the action is currently submitting */\n  isSubmitting?: boolean;\n}\n\n/**\n * Layout options for action lists\n */\nexport type ActionListLayout = \"horizontal\" | \"vertical\";\n\n/**\n * Configuration for a standard button action item\n */\nexport interface ButtonActionItemConfig extends BaseActionItemConfig {\n  /** Click handler for the button */\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n  /** Type identifier for button actions */\n  type: ActionItemType.BUTTON;\n}\n\n/**\n * Configuration for a cancel action item\n */\nexport interface CancelActionItemConfig extends BaseActionItemConfig {\n  /** Click handler for the cancel action */\n  onClick?: () => void;\n  /** Type identifier for cancel actions */\n  type: ActionItemType.CANCEL;\n}\n\n/**\n * Configuration for a custom action item\n */\nexport interface CustomActionItemConfig extends BaseActionItemConfig {\n  /** Required click handler for custom actions */\n  onClick: () => void;\n  /** Type identifier for custom actions */\n  type: ActionItemType.CUSTOM;\n}\n\n/**\n * Configuration for a custom component action item\n */\nexport interface CustomComponentActionItemConfig extends BaseActionItemConfig {\n  /** Component to render for this action */\n  component: ComponentType<any>;\n  /** Props to pass to the custom component */\n  props?: Record<string, any>;\n  /** Type identifier for custom component actions */\n  type: ActionItemType.CUSTOM_COMPONENT;\n}\n\n/**\n * Configuration for a link action item\n */\nexport interface LinkActionItemConfig extends BaseActionItemConfig {\n  /** Whether to reload the document when following the link */\n  reloadDocument?: boolean;\n  /** Target attribute for the link */\n  target?: string;\n  /** URL to navigate to */\n  to: string;\n  /** Type identifier for link actions */\n  type: ActionItemType.LINK;\n}\n\n/**\n * Configuration for a submit action item\n */\nexport interface SubmitActionItemConfig extends BaseActionItemConfig {\n  /** Type identifier for submit actions */\n  type: ActionItemType.SUBMIT;\n}\n\n/**\n * Configuration for a retry action item\n */\nexport interface RetryActionItemConfig extends BaseActionItemConfig {\n  /** Click handler for the retry action */\n  onClick?: () => void;\n  /** Type identifier for retry actions */\n  type: ActionItemType.RETRY;\n}\n\n/**\n * Base configuration interface for all action items\n */\ninterface BaseActionItemConfig {\n  /** Child elements to render inside the action item */\n  children?: ReactNode;\n  /** CSS class name for styling */\n  className?: string;\n  /** Whether the action item is disabled */\n  disabled?: boolean;\n  /** Unique key for the action item */\n  key?: number | string;\n  /** Label text for the action item */\n  label?: string;\n  /** Type of action item */\n  type: ActionItemType;\n}\n"],"mappings":";;;;AAKA,IAAY,iBAAL;;AAEL;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;KACD"}

package/dist/esm/components/app/AppComponent.d.ts

@@ -0,0 +1,17 @@
+//#region src/components/app/AppComponent.d.ts
+interface AppComponentProps {
+  /** Whether to load navigation structure (default: true) */
+  loadNavigation?: boolean;
+  /** Whether to load route configurations (default: true) */
+  loadRoutes?: boolean;
+  /** Application name that will be used in the framework (default: "app") */
+  name?: string;
+}
+declare function AppComponent({
+  loadNavigation,
+  loadRoutes,
+  name
+}: AppComponentProps): any;
+//#endregion
+export { AppComponent, AppComponentProps };
+//# sourceMappingURL=AppComponent.d.ts.map

package/dist/esm/components/app/AppComponent.js

@@ -0,0 +1,179 @@
+import { DialogProvider } from "../dialog/Dialog.context.js";
+import { DialogRenderer } from "../dialog/Dialog.renderer.js";
+import { registerAllActionItems } from "../actions/register.js";
+import "../actions/index.js";
+import { registerAllFormComponents } from "../form/register.js";
+import "../form/index.js";
+import { Loading } from "../Loading.js";
+import { useAppStore } from "../../store/appStore.js";
+import { useFrameworkSync } from "../../store/portalStore.js";
+import "../index.js";
+import { ErrorDisplay, FrameworkProvider, RouteErrorBoundary, RouteErrorBoundaryFallback, createNamespacedId, createRemoteComponentLoader, defaultRemoteOptions, getDefaultRefineOptions, parseNamespacedId, useFramework } from "@lumeweb/portal-framework-core";
+import { Toaster } from "@lumeweb/portal-framework-ui-core";
+import { Refine } from "@refinedev/core";
+import routerProvider from "@refinedev/react-router";
+import React, { useCallback, useEffect } from "react";
+import { Route, RouterProvider, createBrowserRouter, createRoutesFromElements } from "react-router";
+import { useIdentifyUser } from "@lumeweb/portal-analytics";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/app/AppComponent.tsx
+registerAllFormComponents();
+registerAllActionItems();
+function AppComponent({ loadNavigation = true, loadRoutes = true, name = "app" }) {
+	return /* @__PURE__ */ jsx(FrameworkProvider, {
+		appName: name,
+		configure: useCallback((builder) => {
+			return builder;
+		}, []),
+		children: /* @__PURE__ */ jsx(AppContent, {
+			loadNavigation,
+			loadRoutes
+		})
+	});
+}
+function AppContent({ loadNavigation = true, loadRoutes = true }) {
+	useIdentifyUser();
+	const { error: frameworkError, framework, isLoading: isFrameworkLoading } = useFramework();
+	const addMenuItems = useAppStore((state) => state.addMenuItems);
+	const error = useAppStore((state) => state.error);
+	const isLoading = useAppStore((state) => state.isLoading);
+	const pluginConfigs = useAppStore((state) => state.pluginConfigs);
+	const routes = useAppStore((state) => state.routes);
+	const setError = useAppStore((state) => state.setError);
+	const setIsLoading = useAppStore((state) => state.setIsLoading);
+	const setPluginConfigs = useAppStore((state) => state.setPluginConfigs);
+	const setRoutes = useAppStore((state) => state.setRoutes);
+	useFrameworkSync();
+	useEffect(() => {
+		if (!framework || isFrameworkLoading) return;
+		let mounted = true;
+		async function loadData() {
+			setIsLoading(true);
+			setError(null);
+			try {
+				let navigationFeature;
+				let capabilities = [];
+				let routes = [];
+				let navigation = [];
+				if (loadNavigation) navigationFeature = await framework.getFeature(createNamespacedId("core", "navigation"));
+				if (loadRoutes) capabilities = await framework.getCapabilitiesByType("core:refine-config");
+				if (navigationFeature) [routes, navigation] = await Promise.all([navigationFeature.getRoutes(), navigationFeature.getNavigation()]);
+				const configs = loadRoutes ? (() => {
+					let lastConfig = [];
+					return capabilities.map((cap) => {
+						const latestConfig = cap.getConfig(lastConfig);
+						lastConfig = Object.assign({}, lastConfig, latestConfig);
+						return lastConfig;
+					});
+				})() : [];
+				if (mounted) {
+					setRoutes(routes);
+					addMenuItems(navigation);
+					setPluginConfigs(configs);
+					setIsLoading(false);
+				}
+			} catch (err) {
+				if (mounted) {
+					setError(err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to load navigation data"));
+					setIsLoading(false);
+				}
+			}
+		}
+		loadData();
+		return () => {
+			mounted = false;
+		};
+	}, [
+		framework,
+		isFrameworkLoading,
+		loadNavigation,
+		loadRoutes,
+		setError,
+		setIsLoading,
+		setRoutes,
+		setPluginConfigs,
+		addMenuItems
+	]);
+	if (isFrameworkLoading || isLoading) return /* @__PURE__ */ jsx(LoadingSpinner, {});
+	if (frameworkError) return /* @__PURE__ */ jsx(ErrorDisplay, {
+		error: frameworkError,
+		onRetry: () => window.location.reload()
+	});
+	if (error && (loadNavigation || loadRoutes)) return /* @__PURE__ */ jsx(ErrorDisplay, {
+		error,
+		onRetry: () => window.location.reload()
+	});
+	if (!routes) return null;
+	const combinedPluginConfig = Object.assign({}, ...pluginConfigs);
+	const routerRoutes = createRoutesFromElements(Array.isArray(routes) ? routes.map((route) => createRouteElement(route, framework)) : []);
+	function createRouteElement(route, framework, child = false) {
+		const LazyComponent = getLazyComponent(route.component ?? "", route.pluginId ?? createNamespacedId("core", "fallback"), framework, route.id);
+		const jsxElement = LazyComponent ? /* @__PURE__ */ jsx(LazyComponent, {}) : null;
+		const finalElement = jsxElement ? withRouteContainer(jsxElement, !child)() : /* @__PURE__ */ jsx(RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Failed to load element for route ${route.id}`) });
+		const childRoutes = route.children?.map((childRoute) => createRouteElement(childRoute, framework, true));
+		return /* @__PURE__ */ jsx(Route, {
+			element: finalElement,
+			errorElement: /* @__PURE__ */ jsx(RouteErrorBoundary, {}),
+			index: route.index,
+			path: route.path,
+			children: childRoutes
+		}, route.id);
+	}
+	let router;
+	if (routerRoutes.length > 0) router = createBrowserRouter(routerRoutes);
+	return /* @__PURE__ */ jsxs(Refine, {
+		...combinedPluginConfig,
+		options: getDefaultRefineOptions(),
+		routerProvider,
+		children: [/* @__PURE__ */ jsxs(DialogProvider, { children: [router && /* @__PURE__ */ jsx(RouterProvider, { router }), !router && /* @__PURE__ */ jsx(DialogRenderer, {})] }), /* @__PURE__ */ jsx(Toaster, {})]
+	});
+}
+function getLazyComponent(componentString, pluginId, framework, routeId) {
+	if (!componentString || !pluginId) {
+		console.error(`Route Error: Missing component string or pluginId for route id ${routeId}`);
+		return () => /* @__PURE__ */ jsx(RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Missing component/pluginId for route ${routeId}`) });
+	}
+	let componentName;
+	try {
+		if (componentString.includes(":")) componentName = parseNamespacedId(componentString).name;
+		else componentName = componentString;
+	} catch (e) {
+		console.error(`Route Error: Failed to parse component string "${componentString}" for route id ${routeId}`, e);
+		return () => /* @__PURE__ */ jsx(RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Invalid component string format: ${componentString}`) });
+	}
+	if (!componentName) {
+		console.error(`Route Error: Could not extract componentName from "${componentString}" for route id ${routeId}`);
+		return () => /* @__PURE__ */ jsx(RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Invalid component name from: ${componentString}`) });
+	}
+	try {
+		return createRemoteComponentLoader({
+			componentPath: componentName,
+			pluginId
+		}, framework, {
+			...defaultRemoteOptions,
+			LoadingComponent: Loading
+		});
+	} catch (e) {
+		console.error(`Route Error: Failed createRemoteComponentLoader for ${pluginId}:${componentName}`, e);
+		return () => /* @__PURE__ */ jsx(RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Failed to create loader for ${pluginId}:${componentName}`) });
+	}
+}
+function LoadingSpinner() {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
+		className: "animate-pulse",
+		children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-gray-200" }), /* @__PURE__ */ jsxs("div", {
+			className: "mt-4 space-y-3",
+			children: [/* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-gray-200" }), /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-gray-200" })]
+		})]
+	}) });
+}
+function withRouteContainer(element, renderDialog) {
+	return function RouteContainerHOC() {
+		return /* @__PURE__ */ jsxs(Fragment, { children: [renderDialog && /* @__PURE__ */ jsx(DialogRenderer, {}), element] });
+	};
+}
+
+//#endregion
+export { AppComponent };
+//# sourceMappingURL=AppComponent.js.map

package/dist/esm/components/app/AppComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppComponent.js","names":[],"sources":["../../../../src/components/app/AppComponent.tsx"],"sourcesContent":["import {\n  Builder,\n  createNamespacedId,\n  createRemoteComponentLoader,\n  defaultRemoteOptions,\n  ErrorDisplay,\n  Framework,\n  FrameworkProvider,\n  getDefaultRefineOptions,\n  NamespacedId,\n  NavigationFeature,\n  NavigationItem,\n  parseNamespacedId,\n  RefineConfigCapability,\n  type RouteDefinition,\n  RouteErrorBoundary,\n  RouteErrorBoundaryFallback,\n  useFramework,\n} from \"@lumeweb/portal-framework-core\";\nimport { Toaster } from \"@lumeweb/portal-framework-ui-core\";\nimport { Refine, RefineProps } from \"@refinedev/core\";\nimport routerProvider from \"@refinedev/react-router\";\nimport React, { type ComponentType, useCallback, useEffect } from \"react\";\nimport {\n  createBrowserRouter,\n  createRoutesFromElements,\n  Route,\n  RouterProvider,\n} from \"react-router\";\n\nimport { useIdentifyUser } from \"@lumeweb/portal-analytics\";\nimport { registerAllActionItems } from \"@/components/actions\";\nimport { registerAllFormComponents } from \"@/components/form\";\nimport { Loading } from \"@/components/Loading\";\nimport { useAppStore } from \"@/store/appStore\";\nimport { useFrameworkSync } from \"@/store/portalStore\";\n\nimport { DialogProvider, DialogRenderer } from \"@/components\";\n\n// Register all form components at module load time\nregisterAllFormComponents();\nregisterAllActionItems();\n\nexport interface AppComponentProps {\n  /** Whether to load navigation structure (default: true) */\n  loadNavigation?: boolean;\n  /** Whether to load route configurations (default: true) */\n  loadRoutes?: boolean;\n  /** Application name that will be used in the framework (default: \"app\") */\n  name?: string;\n}\n\ntype AppContentProps = AppComponentProps;\n\nfunction AppComponent({\n  loadNavigation = true,\n  loadRoutes = true,\n  name = \"app\",\n}: AppComponentProps) {\n  // Memoize the configure function to prevent unnecessary re-renders\n  const configureBuilder = useCallback((builder: Builder) => {\n    return builder;\n  }, []);\n\n  return (\n    <FrameworkProvider appName={name} configure={configureBuilder}>\n      <AppContent loadNavigation={loadNavigation} loadRoutes={loadRoutes} />\n    </FrameworkProvider>\n  );\n}\n\nfunction AppContent({\n  loadNavigation = true,\n  loadRoutes = true,\n}: AppContentProps) {\n  useIdentifyUser();\n  const {\n    error: frameworkError,\n    framework,\n    isLoading: isFrameworkLoading,\n  } = useFramework();\n  const addMenuItems = useAppStore((state) => state.addMenuItems);\n  const error = useAppStore((state) => state.error);\n  const isLoading = useAppStore((state) => state.isLoading);\n  const pluginConfigs = useAppStore((state) => state.pluginConfigs);\n  const routes = useAppStore((state) => state.routes);\n  const setError = useAppStore((state) => state.setError);\n  const setIsLoading = useAppStore((state) => state.setIsLoading);\n  const setPluginConfigs = useAppStore((state) => state.setPluginConfigs);\n  const setRoutes = useAppStore((state) => state.setRoutes);\n  useFrameworkSync();\n  // Load navigation data and plugin configs when framework is ready\n  useEffect(() => {\n    if (!framework || isFrameworkLoading) {\n      return;\n    }\n\n    let mounted = true;\n\n    async function loadData() {\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        // Load navigation feature and capabilities in parallel\n        let navigationFeature: NavigationFeature | undefined;\n        let capabilities: RefineConfigCapability[] = [];\n        let routes: RouteDefinition[] = [];\n        let navigation: NavigationItem[] = [];\n\n        if (loadNavigation) {\n          navigationFeature = await framework!.getFeature<NavigationFeature>(\n            createNamespacedId(\"core\", \"navigation\"),\n          );\n        }\n\n        if (loadRoutes) {\n          capabilities =\n            await framework!.getCapabilitiesByType<RefineConfigCapability>(\n              \"core:refine-config\",\n            );\n        }\n\n        // Load routes and navigation if feature is enabled\n        if (navigationFeature) {\n          [routes, navigation] = await Promise.all([\n            navigationFeature.getRoutes(),\n            navigationFeature.getNavigation(),\n          ]);\n        }\n\n        // Get configs from capabilities if routes are enabled\n        const configs = loadRoutes\n          ? (() => {\n              let lastConfig: Partial<RefineProps> = [] as Partial<RefineProps>;\n              return capabilities.map((cap) => {\n                const latestConfig = cap.getConfig(lastConfig);\n\n                lastConfig = Object.assign({}, lastConfig, latestConfig);\n\n                return lastConfig;\n              });\n            })()\n          : [];\n\n        if (mounted) {\n          setRoutes(routes);\n          addMenuItems(navigation);\n          setPluginConfigs(configs);\n          setIsLoading(false);\n        }\n      } catch (err) {\n        if (mounted) {\n          setError(\n            err instanceof Error\n              ? err\n              : new Error(\"Failed to load navigation data\"),\n          );\n          setIsLoading(false);\n        }\n      }\n    }\n\n    loadData();\n\n    return () => {\n      mounted = false;\n    };\n  }, [\n    framework,\n    isFrameworkLoading,\n    loadNavigation,\n    loadRoutes,\n    setError,\n    setIsLoading,\n    setRoutes,\n    setPluginConfigs,\n    addMenuItems,\n  ]);\n\n  // Show loading state while framework is loading or we're loading navigation\n  if (isFrameworkLoading || isLoading) {\n    return <LoadingSpinner />;\n  }\n\n  // Show framework errors first\n  if (frameworkError) {\n    return (\n      <ErrorDisplay\n        error={frameworkError}\n        onRetry={() => window.location.reload()}\n      />\n    );\n  }\n\n  // Show errors only if features are enabled\n  if (error && (loadNavigation || loadRoutes)) {\n    return (\n      <ErrorDisplay error={error} onRetry={() => window.location.reload()} />\n    );\n  }\n\n  // Wait for navigation data before rendering routes\n  if (!routes) {\n    return null;\n  }\n\n  // Spread plugin configs into a single object for Refine\n  const combinedPluginConfig = Object.assign({}, ...pluginConfigs);\n\n  const routerRoutes = createRoutesFromElements(\n    Array.isArray(routes)\n      ? routes.map((route: RouteDefinition) =>\n          createRouteElement(route, framework!),\n        )\n      : [],\n  );\n\n  function createRouteElement(\n    route: RouteDefinition,\n    framework: Framework,\n    child = false,\n  ): React.ReactNode {\n    const LazyComponent = getLazyComponent(\n      route.component ?? \"\",\n      route.pluginId ?? createNamespacedId(\"core\", \"fallback\"),\n      framework,\n      route.id!,\n    );\n\n    const jsxElement = LazyComponent ? <LazyComponent /> : null;\n    const finalElement = jsxElement ? (\n      withRouteContainer(jsxElement, !child)()\n    ) : (\n      // Use RouteErrorBoundaryFallback directly when component loading fails\n      <RouteErrorBoundaryFallback\n        error={new Error(`Failed to load element for route ${route.id}`)}\n      />\n    );\n\n    const childRoutes = route.children?.map((childRoute: RouteDefinition) =>\n      createRouteElement(childRoute, framework, true),\n    );\n\n    return (\n      // @ts-ignore\n      <Route\n        element={finalElement}\n        errorElement={<RouteErrorBoundary />}\n        index={route.index}\n        key={route.id}\n        path={route.path}>\n        {childRoutes}\n      </Route>\n    );\n  }\n\n  let router;\n\n  if (routerRoutes.length > 0) {\n    router = createBrowserRouter(routerRoutes);\n  }\n\n  const options = {\n    ...combinedPluginConfig,\n    options: getDefaultRefineOptions(),\n    routerProvider,\n  } satisfies Partial<RefineProps>;\n\n  return (\n    <Refine {...options}>\n      <DialogProvider>\n        {router && <RouterProvider router={router} />}\n        {!router && <DialogRenderer />}\n      </DialogProvider>\n      <Toaster />\n    </Refine>\n  );\n}\n\nfunction getLazyComponent(\n  componentString: string | undefined,\n  pluginId: NamespacedId | undefined,\n  framework: Framework, // Pass framework instance\n  routeId: NamespacedId | string, // For logging\n): ComponentType<any> | null {\n  if (!componentString || !pluginId) {\n    console.error(\n      `Route Error: Missing component string or pluginId for route id ${routeId}`,\n    );\n    return () => (\n      <RouteErrorBoundaryFallback\n        error={new Error(`Missing component/pluginId for route ${routeId}`)}\n      />\n    );\n  }\n\n  let componentName: string;\n  try {\n    if (componentString.includes(\":\")) {\n      componentName = parseNamespacedId(componentString as NamespacedId).name;\n    } else {\n      componentName = componentString;\n    }\n  } catch (e) {\n    console.error(\n      `Route Error: Failed to parse component string \"${componentString}\" for route id ${routeId}`,\n      e,\n    );\n    return () => (\n      <RouteErrorBoundaryFallback\n        error={new Error(`Invalid component string format: ${componentString}`)}\n      />\n    );\n  }\n\n  if (!componentName) {\n    console.error(\n      `Route Error: Could not extract componentName from \"${componentString}\" for route id ${routeId}`,\n    );\n    return () => (\n      <RouteErrorBoundaryFallback\n        error={new Error(`Invalid component name from: ${componentString}`)}\n      />\n    );\n  }\n\n  try {\n    //@ts-ignore\n    return createRemoteComponentLoader(\n      { componentPath: componentName, pluginId: pluginId },\n      framework,\n      {\n        ...defaultRemoteOptions,\n        LoadingComponent: Loading,\n      }, // Assuming defaultRemoteOptions is accessible or passed\n    );\n  } catch (e) {\n    console.error(\n      `Route Error: Failed createRemoteComponentLoader for ${pluginId}:${componentName}`,\n      e,\n    );\n    return () => (\n      <RouteErrorBoundaryFallback\n        error={\n          new Error(`Failed to create loader for ${pluginId}:${componentName}`)\n        }\n      />\n    );\n  }\n}\n\nfunction LoadingSpinner() {\n  return (\n    <div>\n      <div className=\"animate-pulse\">\n        <div className=\"h-4 w-3/4 rounded bg-gray-200\"></div>\n        <div className=\"mt-4 space-y-3\">\n          <div className=\"h-4 rounded bg-gray-200\"></div>\n          <div className=\"h-4 rounded bg-gray-200\"></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction withRouteContainer(element: React.ReactNode, renderDialog: boolean) {\n  return function RouteContainerHOC() {\n    return (\n      <>\n        {renderDialog && <DialogRenderer />}\n        {element}\n      </>\n    );\n  };\n}\nexport { AppComponent };\n"],"mappings":"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"}

package/dist/esm/components/data-table/BaseTable.d.ts

@@ -0,0 +1,86 @@
+import { TableLayoutType, ToolbarConfig } from "./DataTable.types.js";
+import { ComponentSize } from "@lumeweb/portal-framework-ui-core";
+import { BaseRecord } from "@refinedev/core";
+import React from "react";
+import { Cell, ColumnDef, Row, Table as Table$1 } from "@tanstack/react-table";
+import { UseTableReturnType } from "@refinedev/react-table";
+
+//#region src/components/data-table/BaseTable.d.ts
+interface ActionColumnCellProps<TData> {
+  row: Row<TData>;
+}
+type ActionColumnDef<TData> = ColumnDef<TData, unknown> & {
+  /** Function to render cell content */cell: (props: ActionColumnCellProps<TData>) => React.ReactNode;
+};
+interface BaseTableRefineProps<TData extends BaseRecord> {
+  /** Refine table instance */
+  refineTable?: UseTableReturnType<TData, any>["refineCore"];
+}
+interface BaseTableCommonProps<TData extends BaseRecord> {
+  /** Whether table is in loading state */
+  isLoading?: boolean;
+  /** Toolbar configuration */
+  toolbarConfig?: ToolbarConfig<TData>;
+}
+type BaseTableCommonPropsType<TData extends BaseRecord> = TableInteractionProps<TData> & TablePaginationConfigProps & TableStateProps<TData> & TableStylingProps & BaseTableRefineProps<TData> & BaseTableCommonProps<TData>;
+type BaseTablePaginationConfig = boolean | TablePaginationProps;
+type BaseTableProps<TData extends BaseRecord> = BaseTableWithDataProps<TData> | BaseTableWithTableProps<TData>;
+type BaseTableWithDataProps<TData extends BaseRecord> = BaseTableCommonPropsType<TData> & TableDataProps<TData> & {
+  table?: never;
+};
+type BaseTableWithTableProps<TData extends BaseRecord> = BaseTableCommonPropsType<TData> & TableInstanceProps<TData> & {
+  actionColumn?: never;
+  columns?: never;
+  data?: never;
+};
+interface TableDataProps<TData> {
+  /** Optional action column configuration */
+  actionColumn?: ActionColumnDef<TData>;
+  columns: ColumnDef<TData>[];
+  data: TData[];
+}
+interface TableInstanceProps<TData extends BaseRecord> {
+  table: Table$1<TData>;
+  refineTable?: UseTableReturnType<TData, any>["refineCore"];
+}
+interface TableInteractionProps<TData> {
+  getCellProps?: (cell: Cell<TData, unknown>) => React.HTMLAttributes<HTMLTableCellElement>;
+  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;
+  onRowClick?: (row: Row<TData>) => void;
+}
+interface TablePaginationConfigProps {
+  /** Pagination configuration */
+  pagination?: BaseTablePaginationConfig;
+}
+interface TablePaginationProps {
+  /** Custom pagination component */
+  component?: React.ReactNode;
+  /** Whether pagination is enabled */
+  enabled?: boolean;
+}
+interface TableStateProps<TData> {
+  emptyState?: ((colSpan: number) => React.ReactNode) | React.ReactNode;
+  emptyStateMessage?: string;
+  loadingState?: ((colSpan: number) => React.ReactNode) | React.ReactNode;
+  loadingStateMessage?: string;
+}
+interface TableResponsiveProps {
+  responsive?: boolean;
+  layoutType?: TableLayoutType;
+  hideColumnsOnMobile?: string[];
+  mobileBreakpoint?: ComponentSize | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+}
+interface TableHeaderFooterProps {
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+}
+interface TableStylingProps extends TableResponsiveProps, TableHeaderFooterProps {
+  className?: string;
+}
+interface BaseTableLayoutPropsBase<TData extends BaseRecord> extends TableInteractionProps<TData>, TableStateProps<TData>, TableHeaderFooterProps, TableStylingProps, BaseTableCommonProps<TData>, TablePaginationConfigProps {
+  table: Table$1<TData>;
+}
+declare function BaseTable<TData extends object>(props: BaseTableProps<TData>): any;
+//#endregion
+export { ActionColumnCellProps, ActionColumnDef, BaseTable, BaseTableCommonProps, BaseTableCommonPropsType, BaseTableLayoutPropsBase, BaseTablePaginationConfig, BaseTableProps, BaseTableRefineProps, BaseTableWithDataProps, BaseTableWithTableProps, TableDataProps, TableHeaderFooterProps, TableInstanceProps, TableInteractionProps, TablePaginationConfigProps, TablePaginationProps, TableResponsiveProps, TableStateProps, TableStylingProps };
+//# sourceMappingURL=BaseTable.d.ts.map