@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

package/dist/cjs/components/actions/registry.cjs

@@ -1,34 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-
-//#region src/components/actions/registry.ts
-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();
-}
-var actionItemRegistry;
-var init_registry = require_rolldown_runtime.__esmMin((() => {
-	actionItemRegistry = /* @__PURE__ */ new Map();
-}));
-
-//#endregion
-init_registry();
-exports.getActionItemComponent = getActionItemComponent;
-Object.defineProperty(exports, 'init_registry', {
-  enumerable: true,
-  get: function () {
-    return init_registry;
-  }
-});
-exports.registerActionItemComponent = registerActionItemComponent;
-exports.resetRegistryForTesting = resetRegistryForTesting;
-//# sourceMappingURL=registry.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"registry.cjs","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":";;;AASA,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;;;;CA5BtB,qCAAqB,IAAI,KAG5B"}

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

@@ -1,14 +0,0 @@
-import { ActionItemProps, ActionItemType } from "./types.cjs";
-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.cts.map

package/dist/cjs/components/actions/types.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-
-//#region src/components/actions/types.ts
-var ActionItemType;
-var init_types = require_rolldown_runtime.__esmMin((() => {
-	ActionItemType = /* @__PURE__ */ function(ActionItemType$1) {
-		/** Standard button action */
-		ActionItemType$1["BUTTON"] = "button";
-		/** Cancel action button */
-		ActionItemType$1["CANCEL"] = "cancel";
-		/** Custom action button */
-		ActionItemType$1["CUSTOM"] = "custom";
-		/** Custom component action */
-		ActionItemType$1["CUSTOM_COMPONENT"] = "custom-component";
-		/** Date picker action */
-		ActionItemType$1["DATE"] = "date";
-		/** File upload action */
-		ActionItemType$1["FILE"] = "file";
-		/** Link action button */
-		ActionItemType$1["LINK"] = "link";
-		/** Submit action button */
-		ActionItemType$1["SUBMIT"] = "submit";
-		/** Retry action button */
-		ActionItemType$1["RETRY"] = "retry";
-		return ActionItemType$1;
-	}({});
-}));
-
-//#endregion
-init_types();
-exports.ActionItemType = ActionItemType;
-Object.defineProperty(exports, 'init_types', {
-  enumerable: true,
-  get: function () {
-    return init_types;
-  }
-});
-//# sourceMappingURL=types.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.cjs","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":";;;;;CAKY,4DAAL;;AAEL;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA"}

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

@@ -1,133 +0,0 @@
-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.cts.map

package/dist/cjs/components/app/AppComponent.cjs

@@ -1,195 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_components_dialog_Dialog_context = require('../dialog/Dialog.context.cjs');
-const require_components_dialog_Dialog_renderer = require('../dialog/Dialog.renderer.cjs');
-const require_components_actions_register = require('../actions/register.cjs');
-const require_components_actions_index = require('../actions/index.cjs');
-const require_components_form_register = require('../form/register.cjs');
-const require_components_form_index = require('../form/index.cjs');
-const require_components_Loading = require('../Loading.cjs');
-const require_store_appStore = require('../../store/appStore.cjs');
-const require_store_portalStore = require('../../store/portalStore.cjs');
-const require_components_index = require('../index.cjs');
-let _lumeweb_portal_framework_core = require("@lumeweb/portal-framework-core");
-let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
-let _refinedev_core = require("@refinedev/core");
-let _refinedev_react_router = require("@refinedev/react-router");
-_refinedev_react_router = require_rolldown_runtime.__toESM(_refinedev_react_router);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_router = require("react-router");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/app/AppComponent.tsx
-function AppComponent({ loadNavigation = true, loadRoutes = true, name = "app" }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.FrameworkProvider, {
-		appName: name,
-		configure: (0, react.useCallback)((builder) => {
-			return builder;
-		}, []),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppContent, {
-			loadNavigation,
-			loadRoutes
-		})
-	});
-}
-function AppContent({ loadNavigation = true, loadRoutes = true }) {
-	const { error: frameworkError, framework, isLoading: isFrameworkLoading } = (0, _lumeweb_portal_framework_core.useFramework)();
-	const addMenuItems = require_store_appStore.useAppStore((state) => state.addMenuItems);
-	const error = require_store_appStore.useAppStore((state) => state.error);
-	const isLoading = require_store_appStore.useAppStore((state) => state.isLoading);
-	const pluginConfigs = require_store_appStore.useAppStore((state) => state.pluginConfigs);
-	const routes = require_store_appStore.useAppStore((state) => state.routes);
-	const setError = require_store_appStore.useAppStore((state) => state.setError);
-	const setIsLoading = require_store_appStore.useAppStore((state) => state.setIsLoading);
-	const setPluginConfigs = require_store_appStore.useAppStore((state) => state.setPluginConfigs);
-	const setRoutes = require_store_appStore.useAppStore((state) => state.setRoutes);
-	require_store_portalStore.useFrameworkSync();
-	(0, react.useEffect)(() => {
-		if (!framework || isFrameworkLoading) return;
-		let mounted = true;
-		async function loadData() {
-			setIsLoading(true);
-			setError(null);
-			try {
-				let navigationFeature;
-				let capabilities = [];
-				let routes$1 = [];
-				let navigation = [];
-				if (loadNavigation) navigationFeature = await framework.getFeature((0, _lumeweb_portal_framework_core.createNamespacedId)("core", "navigation"));
-				if (loadRoutes) capabilities = await framework.getCapabilitiesByType("core:refine-config");
-				if (navigationFeature) [routes$1, 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$1);
-					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__ */ (0, react_jsx_runtime.jsx)(LoadingSpinner, {});
-	if (frameworkError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.ErrorDisplay, {
-		error: frameworkError,
-		onRetry: () => window.location.reload()
-	});
-	if (error && (loadNavigation || loadRoutes)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.ErrorDisplay, {
-		error,
-		onRetry: () => window.location.reload()
-	});
-	if (!routes) return null;
-	const combinedPluginConfig = Object.assign({}, ...pluginConfigs);
-	const routerRoutes = (0, react_router.createRoutesFromElements)(Array.isArray(routes) ? routes.map((route) => createRouteElement(route, framework)) : []);
-	function createRouteElement(route, framework$1, child = false) {
-		const LazyComponent = getLazyComponent(route.component ?? "", route.pluginId ?? (0, _lumeweb_portal_framework_core.createNamespacedId)("core", "fallback"), framework$1, route.id);
-		const jsxElement = LazyComponent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LazyComponent, {}) : null;
-		const finalElement = jsxElement ? withRouteContainer(jsxElement, !child)() : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Failed to load element for route ${route.id}`) });
-		const childRoutes = route.children?.map((childRoute) => createRouteElement(childRoute, framework$1, true));
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
-			element: finalElement,
-			errorElement: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.RouteErrorBoundary, {}),
-			index: route.index,
-			path: route.path,
-			children: childRoutes
-		}, route.id);
-	}
-	let router;
-	if (routerRoutes.length > 0) router = (0, react_router.createBrowserRouter)(routerRoutes);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_refinedev_core.Refine, {
-		...combinedPluginConfig,
-		options: (0, _lumeweb_portal_framework_core.getDefaultRefineOptions)(),
-		routerProvider: _refinedev_react_router.default,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_dialog_Dialog_context.DialogProvider, { children: [router && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.RouterProvider, { router }), !router && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_dialog_Dialog_renderer.DialogRenderer, {})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.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__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Missing component/pluginId for route ${routeId}`) });
-	}
-	let componentName;
-	try {
-		if (componentString.includes(":")) componentName = (0, _lumeweb_portal_framework_core.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__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.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__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Invalid component name from: ${componentString}`) });
-	}
-	try {
-		return (0, _lumeweb_portal_framework_core.createRemoteComponentLoader)({
-			componentPath: componentName,
-			pluginId
-		}, framework, {
-			..._lumeweb_portal_framework_core.defaultRemoteOptions,
-			LoadingComponent: require_components_Loading.Loading
-		});
-	} catch (e) {
-		console.error(`Route Error: Failed createRemoteComponentLoader for ${pluginId}:${componentName}`, e);
-		return () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_core.RouteErrorBoundaryFallback, { error: /* @__PURE__ */ new Error(`Failed to create loader for ${pluginId}:${componentName}`) });
-	}
-}
-function LoadingSpinner() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "animate-pulse",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-4 w-3/4 rounded bg-gray-200" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "mt-4 space-y-3",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-gray-200" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-gray-200" })]
-		})]
-	}) });
-}
-function withRouteContainer(element, renderDialog) {
-	return function RouteContainerHOC() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderDialog && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_dialog_Dialog_renderer.DialogRenderer, {}), element] });
-	};
-}
-var init_AppComponent = require_rolldown_runtime.__esmMin((() => {
-	require_components_actions_index.init_actions();
-	require_components_form_index.init_form();
-	require_components_Loading.init_Loading();
-	require_store_appStore.init_appStore();
-	require_store_portalStore.init_portalStore();
-	require_components_index.init_components();
-	require_components_form_register.registerAllFormComponents();
-	require_components_actions_register.registerAllActionItems();
-}));
-
-//#endregion
-init_AppComponent();
-exports.AppComponent = AppComponent;
-Object.defineProperty(exports, 'init_AppComponent', {
-  enumerable: true,
-  get: function () {
-    return init_AppComponent;
-  }
-});
-//# sourceMappingURL=AppComponent.cjs.map

package/dist/cjs/components/app/AppComponent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppComponent.cjs","names":["FrameworkProvider","useAppStore","routes","ErrorDisplay","framework","RouteErrorBoundaryFallback","Route","RouteErrorBoundary","Refine","DialogProvider","RouterProvider","DialogRenderer","Toaster","defaultRemoteOptions","Loading"],"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 { 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  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/cjs/components/app/AppComponent.d.cts

@@ -1,17 +0,0 @@
-//#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.cts.map