@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/shared/types/step.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+
+//#region src/components/shared/types/step.ts
+/**
+* Creates a StepEnvironment object with the provided options
+* @param options - Configuration options for the step environment
+* @param options.current - The current step number (1-indexed)
+* @param options.isFirst - Whether the current step is the first step
+* @param options.isLast - Whether the current step is the last step
+* @param options.onNext - Callback function to move to the next step
+* @param options.onPrevious - Callback function to move to the previous step
+* @param options.onRetry - Callback function to retry the current step
+* @param options.jumpTo - Function to jump to a specific step number
+* @param options.total - The total number of steps
+* @returns A StepEnvironment object with the specified configuration
+*/
+function createStepEnvironment(options) {
+	return {
+		current: options.current,
+		isFirst: options.isFirst,
+		isLast: options.isLast,
+		onNext: options.onNext,
+		onPrevious: options.onPrevious,
+		onRetry: options.onRetry,
+		jumpTo: options.jumpTo,
+		total: options.total,
+		retryCount: options.retryCount
+	};
+}
+var init_step = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_step();
+exports.createStepEnvironment = createStepEnvironment;
+Object.defineProperty(exports, 'init_step', {
+  enumerable: true,
+  get: function () {
+    return init_step;
+  }
+});
+//# sourceMappingURL=step.cjs.map

package/dist/cjs/components/shared/types/step.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.cjs","names":[],"sources":["../../../../../src/components/shared/types/step.ts"],"sourcesContent":["/**\n * Interface representing the environment for a step component\n */\nexport interface StepEnvironment {\n  /**\n   * The current step number (1-indexed)\n   */\n  current: number;\n  \n  /**\n   * Whether the current step is the first step\n   */\n  isFirst: boolean;\n  \n  /**\n   * Whether the current step is the last step\n   */\n  isLast: boolean;\n  \n  /**\n   * Callback function to move to the next step\n   * @returns Promise that resolves when the next step operation is complete\n   */\n  onNext?: () => Promise<void>;\n  \n  /**\n   * Callback function to move to the previous step\n   * @returns Promise that resolves when the previous step operation is complete\n   */\n  onPrevious?: () => Promise<void>;\n  \n  /**\n   * Callback function to retry the current step\n   * @returns Promise that resolves when the retry operation is complete\n   */\n  onRetry?: () => Promise<void>;\n  \n  /**\n   * Jump to a specific step by step number\n   * @param step - The step number to jump to (1-indexed)\n   */\n  jumpTo?: (step: number) => void;\n  \n  /**\n   * The total number of steps\n   */\n  total: number;\n  \n  /**\n   * Number of times the current step has been retried\n   */\n  retryCount: number;\n}\n\n\n\n/**\n * Creates a StepEnvironment object with the provided options\n * @param options - Configuration options for the step environment\n * @param options.current - The current step number (1-indexed)\n * @param options.isFirst - Whether the current step is the first step\n * @param options.isLast - Whether the current step is the last step\n * @param options.onNext - Callback function to move to the next step\n * @param options.onPrevious - Callback function to move to the previous step\n * @param options.onRetry - Callback function to retry the current step\n * @param options.jumpTo - Function to jump to a specific step number\n * @param options.total - The total number of steps\n * @returns A StepEnvironment object with the specified configuration\n */\nexport function createStepEnvironment(options: {\n  /**\n   * The current step number (1-indexed)\n   */\n  current: number;\n  \n  /**\n   * Whether the current step is the first step\n   */\n  isFirst: boolean;\n  \n  /**\n   * Whether the current step is the last step\n   */\n  isLast: boolean;\n  \n  /**\n   * Callback function to move to the next step\n   * @returns Promise that resolves when the next step operation is complete\n   */\n  onNext?: () => Promise<void>;\n  \n  /**\n   * Callback function to move to the previous step\n   * @returns Promise that resolves when the previous step operation is complete\n   */\n  onPrevious?: () => Promise<void>;\n  \n  /**\n   * Callback function to retry the current step\n   * @returns Promise that resolves when the retry operation is complete\n   */\n  onRetry?: () => Promise<void>;\n  \n  /**\n   * Jump to a specific step by step number\n   * @param step - The step number to jump to (1-indexed)\n   */\n  jumpTo?: (step: number) => void;\n  \n  /**\n   * The total number of steps\n   */\n  total: number;\n  \n  /**\n   * Number of times the current step has been retried\n   */\n  retryCount: number;\n}): StepEnvironment {\n  return {\n    current: options.current,\n    isFirst: options.isFirst,\n    isLast: options.isLast,\n    onNext: options.onNext,\n    onPrevious: options.onPrevious,\n    onRetry: options.onRetry,\n    jumpTo: options.jumpTo,\n    total: options.total,\n    retryCount: options.retryCount,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqEA,SAAgB,sBAAsB,SAiDlB;AAClB,QAAO;EACL,SAAS,QAAQ;EACjB,SAAS,QAAQ;EACjB,QAAQ,QAAQ;EAChB,QAAQ,QAAQ;EAChB,YAAY,QAAQ;EACpB,SAAS,QAAQ;EACjB,QAAQ,QAAQ;EAChB,OAAO,QAAQ;EACf,YAAY,QAAQ;EACrB"}

package/dist/cjs/components/shared/types/step.d.cts

@@ -0,0 +1,104 @@
+//#region src/components/shared/types/step.d.ts
+/**
+ * Interface representing the environment for a step component
+ */
+interface StepEnvironment {
+  /**
+   * The current step number (1-indexed)
+   */
+  current: number;
+  /**
+   * Whether the current step is the first step
+   */
+  isFirst: boolean;
+  /**
+   * Whether the current step is the last step
+   */
+  isLast: boolean;
+  /**
+   * Callback function to move to the next step
+   * @returns Promise that resolves when the next step operation is complete
+   */
+  onNext?: () => Promise<void>;
+  /**
+   * Callback function to move to the previous step
+   * @returns Promise that resolves when the previous step operation is complete
+   */
+  onPrevious?: () => Promise<void>;
+  /**
+   * Callback function to retry the current step
+   * @returns Promise that resolves when the retry operation is complete
+   */
+  onRetry?: () => Promise<void>;
+  /**
+   * Jump to a specific step by step number
+   * @param step - The step number to jump to (1-indexed)
+   */
+  jumpTo?: (step: number) => void;
+  /**
+   * The total number of steps
+   */
+  total: number;
+  /**
+   * Number of times the current step has been retried
+   */
+  retryCount: number;
+}
+/**
+ * Creates a StepEnvironment object with the provided options
+ * @param options - Configuration options for the step environment
+ * @param options.current - The current step number (1-indexed)
+ * @param options.isFirst - Whether the current step is the first step
+ * @param options.isLast - Whether the current step is the last step
+ * @param options.onNext - Callback function to move to the next step
+ * @param options.onPrevious - Callback function to move to the previous step
+ * @param options.onRetry - Callback function to retry the current step
+ * @param options.jumpTo - Function to jump to a specific step number
+ * @param options.total - The total number of steps
+ * @returns A StepEnvironment object with the specified configuration
+ */
+declare function createStepEnvironment(options: {
+  /**
+   * The current step number (1-indexed)
+   */
+  current: number;
+  /**
+   * Whether the current step is the first step
+   */
+  isFirst: boolean;
+  /**
+   * Whether the current step is the last step
+   */
+  isLast: boolean;
+  /**
+   * Callback function to move to the next step
+   * @returns Promise that resolves when the next step operation is complete
+   */
+  onNext?: () => Promise<void>;
+  /**
+   * Callback function to move to the previous step
+   * @returns Promise that resolves when the previous step operation is complete
+   */
+  onPrevious?: () => Promise<void>;
+  /**
+   * Callback function to retry the current step
+   * @returns Promise that resolves when the retry operation is complete
+   */
+  onRetry?: () => Promise<void>;
+  /**
+   * Jump to a specific step by step number
+   * @param step - The step number to jump to (1-indexed)
+   */
+  jumpTo?: (step: number) => void;
+  /**
+   * The total number of steps
+   */
+  total: number;
+  /**
+   * Number of times the current step has been retried
+   */
+  retryCount: number;
+}): StepEnvironment;
+//#endregion
+export { StepEnvironment, createStepEnvironment };
+//# sourceMappingURL=step.d.cts.map

package/dist/cjs/components/shared/utils/createEnvironmentReceiver.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+
+//#region src/components/shared/utils/createEnvironmentReceiver.ts
+/**
+* Create an environment receiver for the receiving side
+*
+* This helper function creates a simple receiver that can be used
+* to store and retrieve environment references provided by the framework.
+* It returns an object with the callback to pass to the framework
+* and a function to get the current environment.
+*
+* @returns An object with:
+*   - environmentSyncCallback: The callback to pass to the framework config
+*   - environmentSync: Function to get the current stored environment
+*/
+function createEnvironmentReceiver() {
+	let currentEnvironment = null;
+	const environmentSyncCallback = (environment) => {
+		currentEnvironment = environment;
+	};
+	const environmentSync = () => {
+		return currentEnvironment;
+	};
+	return {
+		environmentSync,
+		environmentSyncCallback
+	};
+}
+var init_createEnvironmentReceiver = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_createEnvironmentReceiver();
+exports.createEnvironmentReceiver = createEnvironmentReceiver;
+Object.defineProperty(exports, 'init_createEnvironmentReceiver', {
+  enumerable: true,
+  get: function () {
+    return init_createEnvironmentReceiver;
+  }
+});
+//# sourceMappingURL=createEnvironmentReceiver.cjs.map

package/dist/cjs/components/shared/utils/createEnvironmentReceiver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEnvironmentReceiver.cjs","names":[],"sources":["../../../../../src/components/shared/utils/createEnvironmentReceiver.ts"],"sourcesContent":["import type { EnvironmentSyncCallback } from \"../types/form\";\nimport type { UnifiedEnvironment } from \"../types/environment\";\n\n/**\n * Create an environment receiver for the receiving side\n *\n * This helper function creates a simple receiver that can be used\n * to store and retrieve environment references provided by the framework.\n * It returns an object with the callback to pass to the framework\n * and a function to get the current environment.\n *\n * @returns An object with:\n *   - environmentSyncCallback: The callback to pass to the framework config\n *   - environmentSync: Function to get the current stored environment\n */\nexport function createEnvironmentReceiver() {\n  let currentEnvironment: UnifiedEnvironment | null = null;\n\n  const environmentSyncCallback: EnvironmentSyncCallback = (environment) => {\n    // Store the environment directly\n    currentEnvironment = environment;\n  };\n\n  const environmentSync = () => {\n    return currentEnvironment;\n  };\n\n  return {\n    environmentSync,\n    environmentSyncCallback,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,SAAgB,4BAA4B;CAC1C,IAAI,qBAAgD;CAEpD,MAAM,2BAAoD,gBAAgB;AAExE,uBAAqB;;CAGvB,MAAM,wBAAwB;AAC5B,SAAO;;AAGT,QAAO;EACL;EACA;EACD"}

package/dist/cjs/components/shared/utils/createEnvironmentReceiver.d.cts

@@ -0,0 +1,24 @@
+import { EnvironmentSyncCallback } from "../types/form.cjs";
+import { UnifiedEnvironment } from "../types/environment.cjs";
+
+//#region src/components/shared/utils/createEnvironmentReceiver.d.ts
+
+/**
+ * Create an environment receiver for the receiving side
+ *
+ * This helper function creates a simple receiver that can be used
+ * to store and retrieve environment references provided by the framework.
+ * It returns an object with the callback to pass to the framework
+ * and a function to get the current environment.
+ *
+ * @returns An object with:
+ *   - environmentSyncCallback: The callback to pass to the framework config
+ *   - environmentSync: Function to get the current stored environment
+ */
+declare function createEnvironmentReceiver(): {
+  environmentSync: () => UnifiedEnvironment | null;
+  environmentSyncCallback: EnvironmentSyncCallback;
+};
+//#endregion
+export { createEnvironmentReceiver };
+//# sourceMappingURL=createEnvironmentReceiver.d.cts.map

package/dist/cjs/components/shared/utils/createForceRerenderReceiver.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+
+//#region src/components/shared/utils/createForceRerenderReceiver.ts
+/**
+* Create a force rerender receiver for the receiving side
+*
+* This helper function creates a simple receiver that can be used
+* to store and call a force rerender method provided by the framework.
+* It returns an object with the callback to pass to the framework
+* and a function to trigger the rerender.
+*
+* @returns An object with:
+*   - forceRerenderCallback: The callback to pass to the framework config
+*   - forceRerender: Function to call when you need to force a rerender
+*/
+function createForceRerenderReceiver() {
+	let forceRerenderMethod = null;
+	const forceRerenderCallback = (rerenderMethod) => {
+		forceRerenderMethod = rerenderMethod;
+	};
+	const forceRerender = () => {
+		if (forceRerenderMethod) forceRerenderMethod();
+	};
+	return {
+		forceRerender,
+		forceRerenderCallback
+	};
+}
+var init_createForceRerenderReceiver = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_createForceRerenderReceiver();
+exports.createForceRerenderReceiver = createForceRerenderReceiver;
+Object.defineProperty(exports, 'init_createForceRerenderReceiver', {
+  enumerable: true,
+  get: function () {
+    return init_createForceRerenderReceiver;
+  }
+});
+//# sourceMappingURL=createForceRerenderReceiver.cjs.map

package/dist/cjs/components/shared/utils/createForceRerenderReceiver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createForceRerenderReceiver.cjs","names":[],"sources":["../../../../../src/components/shared/utils/createForceRerenderReceiver.ts"],"sourcesContent":["import type { ForceRerenderCallback, ForceRerenderMethod } from \"../types/form\";\n\n/**\n * Create a force rerender receiver for the receiving side\n *\n * This helper function creates a simple receiver that can be used\n * to store and call a force rerender method provided by the framework.\n * It returns an object with the callback to pass to the framework\n * and a function to trigger the rerender.\n *\n * @returns An object with:\n *   - forceRerenderCallback: The callback to pass to the framework config\n *   - forceRerender: Function to call when you need to force a rerender\n */\nexport function createForceRerenderReceiver() {\n  let forceRerenderMethod: ForceRerenderMethod | null = null;\n\n  const forceRerenderCallback: ForceRerenderCallback = (rerenderMethod) => {\n    forceRerenderMethod = rerenderMethod;\n  };\n\n  const forceRerender = () => {\n    if (forceRerenderMethod) {\n      forceRerenderMethod();\n    }\n  };\n\n  return {\n    forceRerender,\n    forceRerenderCallback,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,8BAA8B;CAC5C,IAAI,sBAAkD;CAEtD,MAAM,yBAAgD,mBAAmB;AACvE,wBAAsB;;CAGxB,MAAM,sBAAsB;AAC1B,MAAI,oBACF,sBAAqB;;AAIzB,QAAO;EACL;EACA;EACD"}

package/dist/cjs/components/shared/utils/createForceRerenderReceiver.d.cts

@@ -0,0 +1,23 @@
+import { ForceRerenderCallback } from "../types/form.cjs";
+
+//#region src/components/shared/utils/createForceRerenderReceiver.d.ts
+
+/**
+ * Create a force rerender receiver for the receiving side
+ *
+ * This helper function creates a simple receiver that can be used
+ * to store and call a force rerender method provided by the framework.
+ * It returns an object with the callback to pass to the framework
+ * and a function to trigger the rerender.
+ *
+ * @returns An object with:
+ *   - forceRerenderCallback: The callback to pass to the framework config
+ *   - forceRerender: Function to call when you need to force a rerender
+ */
+declare function createForceRerenderReceiver(): {
+  forceRerender: () => void;
+  forceRerenderCallback: ForceRerenderCallback;
+};
+//#endregion
+export { createForceRerenderReceiver };
+//# sourceMappingURL=createForceRerenderReceiver.d.cts.map

package/dist/cjs/components/shared/utils/index.cjs

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_shared_utils_stepState = require('./stepState.cjs');
+const require_components_shared_utils_createForceRerenderReceiver = require('./createForceRerenderReceiver.cjs');
+const require_components_shared_utils_createEnvironmentReceiver = require('./createEnvironmentReceiver.cjs');
+const require_components_shared_utils_renderFooter = require('./renderFooter.cjs');
+const require_components_shared_utils_renderHeader = require('./renderHeader.cjs');
+
+//#region src/components/shared/utils/index.tsx
+var init_utils = require_rolldown_runtime.__esmMin((() => {
+	init_createForceRerenderReceiver();
+	init_createEnvironmentReceiver();
+	init_renderFooter();
+	init_renderHeader();
+	init_stepState();
+}));
+
+//#endregion
+init_utils();
+exports.calculateStepState = require_components_shared_utils_stepState.calculateStepState;
+exports.createEnvironmentReceiver = require_components_shared_utils_createEnvironmentReceiver.createEnvironmentReceiver;
+exports.createForceRerenderReceiver = require_components_shared_utils_createForceRerenderReceiver.createForceRerenderReceiver;
+exports.createStepClickHandler = require_components_shared_utils_stepState.createStepClickHandler;
+exports.createStepKeyHandler = require_components_shared_utils_stepState.createStepKeyHandler;
+Object.defineProperty(exports, 'init_utils', {
+  enumerable: true,
+  get: function () {
+    return init_utils;
+  }
+});
+exports.renderFooter = require_components_shared_utils_renderFooter.renderFooter;
+exports.renderHeader = require_components_shared_utils_renderHeader.renderHeader;
+exports.resolveAllowStepNavigation = require_components_shared_utils_stepState.resolveAllowStepNavigation;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/shared/utils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../../src/components/shared/utils/index.tsx"],"sourcesContent":["// Force rerender utility\nexport * from \"./createForceRerenderReceiver\";\n\n// Environment sync utility\nexport * from \"./createEnvironmentReceiver\";\n\n// Footer rendering utility\nexport * from \"./renderFooter\";\n\n// Header rendering utility\nexport * from \"./renderHeader\";\n\nexport * from \"./stepState\";\n"],"mappings":""}

package/dist/cjs/components/shared/utils/index.d.cts

@@ -0,0 +1,6 @@
+import { createForceRerenderReceiver } from "./createForceRerenderReceiver.cjs";
+import { createEnvironmentReceiver } from "./createEnvironmentReceiver.cjs";
+import { FooterRenderConfig, renderFooter } from "./renderFooter.cjs";
+import { HeaderRenderConfig, renderHeader } from "./renderHeader.cjs";
+import { StepState, calculateStepState, createStepClickHandler, createStepKeyHandler, resolveAllowStepNavigation } from "./stepState.cjs";
+export { FooterRenderConfig, HeaderRenderConfig, StepState, calculateStepState, createEnvironmentReceiver, createForceRerenderReceiver, createStepClickHandler, createStepKeyHandler, renderFooter, renderHeader, resolveAllowStepNavigation };

package/dist/cjs/components/shared/utils/renderFooter.cjs

@@ -0,0 +1,114 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_dialog_Dialog_types = require('../../dialog/Dialog.types.cjs');
+const require_components_form_StepControlContext = require('../../form/StepControlContext.cjs');
+const require_components_shared_environment_builders = require('../environment/builders.cjs');
+const require_components_shared_UnifiedFooter = require('../UnifiedFooter.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/shared/utils/renderFooter.tsx
+/**
+* Shared footer rendering utility that standardizes footer rendering
+* across dialogs and forms in the portal framework.
+*
+* This utility handles:
+* - Function-based footers with environment context
+* - Static footer content
+* - Disabled footers (footer: false)
+* - Default UnifiedFooter fallback
+* - Dialog vs standalone contexts
+* - Wizard/step form detection for dialogs
+*/
+function renderFooter(config) {
+	const { className, dialogConfig, footer, formMethods, isDialog = false, onCancel, unifiedFooterConfig } = config;
+	if (footer === false) return null;
+	if (footer && require_components_dialog_Dialog_types.isDialogFooterFunction(footer)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DialogFooter, {
+		className,
+		children: footer(buildFooterEnvironment({
+			dialogConfig,
+			formMethods,
+			isDialog,
+			onCancel,
+			stepControl: require_components_form_StepControlContext.useOptionalStepControlContext()
+		}))
+	});
+	if (footer) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DialogFooter, {
+		className,
+		children: footer
+	});
+	const footerEnvironment = buildFooterEnvironment({
+		dialogConfig,
+		formMethods,
+		isDialog,
+		onCancel,
+		stepControl: require_components_form_StepControlContext.useOptionalStepControlContext()
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DialogFooter, {
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_shared_UnifiedFooter.UnifiedFooter, {
+			config: unifiedFooterConfig || dialogConfig?.formConfig || dialogConfig,
+			environment: footerEnvironment
+		})
+	});
+}
+function buildFooterEnvironment({ dialogConfig, formMethods, isDialog, onCancel, stepControl }) {
+	if (!isDialog || !dialogConfig) return buildStandaloneFooterEnvironment(formMethods, dialogConfig);
+	return buildDialogFooterEnvironment(dialogConfig, formMethods, onCancel, stepControl);
+}
+/**
+* Builds footer environment for standalone contexts
+*/
+function buildStandaloneFooterEnvironment(formMethods, dialogConfig) {
+	const builder = require_components_shared_environment_builders.Environment.footer().standalone();
+	if (formMethods && (!dialogConfig || dialogConfig.formConfig)) return builder.simpleForm({
+		isSubmitting: formMethods?.formState?.isSubmitting || false,
+		methods: formMethods
+	}).build();
+	return builder.buildContainerOnly();
+}
+/**
+* Builds footer environment for dialog contexts
+*/
+function buildDialogFooterEnvironment(dialogConfig, formMethods, onCancel, stepControl) {
+	const builder = require_components_shared_environment_builders.Environment.footer().dialog({
+		dialogConfig,
+		onClose: onCancel || dialogConfig.onClose
+	});
+	if (dialogConfig.formConfig && require_components_dialog_Dialog_types.isWizardFormConfig(dialogConfig.formConfig) && !!stepControl) return builder.wizardForm({
+		isSubmitting: formMethods?.formState?.isSubmitting || false,
+		methods: formMethods
+	}).step({
+		current: stepControl.currentStep,
+		isFirst: stepControl.isFirstStep,
+		isLast: stepControl.isLastStep,
+		onNext: stepControl.handleNext,
+		onPrevious: stepControl.handlePrevious,
+		onRetry: stepControl.handleRetry,
+		total: stepControl.totalSteps,
+		retryCount: stepControl.retryCount
+	}).build();
+	if (formMethods && dialogConfig.formConfig) return builder.simpleForm({
+		isSubmitting: formMethods?.formState?.isSubmitting || false,
+		methods: formMethods
+	}).build();
+	return builder.buildContainerOnly();
+}
+var init_renderFooter = require_rolldown_runtime.__esmMin((() => {
+	require_components_dialog_Dialog_types.init_Dialog_types();
+	require_components_form_StepControlContext.init_StepControlContext();
+	require_components_shared_environment_builders.init_builders();
+	require_components_shared_UnifiedFooter.init_UnifiedFooter();
+}));
+
+//#endregion
+init_renderFooter();
+Object.defineProperty(exports, 'init_renderFooter', {
+  enumerable: true,
+  get: function () {
+    return init_renderFooter;
+  }
+});
+exports.renderFooter = renderFooter;
+//# sourceMappingURL=renderFooter.cjs.map

package/dist/cjs/components/shared/utils/renderFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFooter.cjs","names":["isDialogFooterFunction","DialogFooter","useOptionalStepControlContext","UnifiedFooter","Environment","isWizardFormConfig"],"sources":["../../../../../src/components/shared/utils/renderFooter.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport { DialogFooter } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { ReactNode } from \"react\";\n\nimport { DialogConfig, isDialogFooterFunction, isWizardFormConfig } from \"../../dialog/Dialog.types\";\nimport { useOptionalStepControlContext } from \"../../form/StepControlContext\";\nimport { isStepFormConfig } from \"../../form/types\";\nimport { Environment } from \"../environment/builders\";\nimport { UnifiedFooter } from \"../UnifiedFooter\";\n\nexport interface FooterRenderConfig<T extends BaseRecord = any> {\n  /** CSS class name for the footer container */\n  className?: string;\n  /** Dialog configuration (required for dialog contexts) */\n  dialogConfig?: DialogConfig<T>;\n  /** Footer configuration - can be false, ReactNode, or function */\n  footer?: ((environment: any) => ReactNode) | false | ReactNode;\n  /** Form methods for form state */\n  formMethods?: any;\n  /** Whether this is rendered in a dialog context */\n  isDialog?: boolean;\n  /** Callback function to handle cancel/close actions */\n  onCancel?: () => void;\n  /** Configuration object for UnifiedFooter */\n  unifiedFooterConfig?: any;\n}\n\n/**\n * Shared footer rendering utility that standardizes footer rendering\n * across dialogs and forms in the portal framework.\n *\n * This utility handles:\n * - Function-based footers with environment context\n * - Static footer content\n * - Disabled footers (footer: false)\n * - Default UnifiedFooter fallback\n * - Dialog vs standalone contexts\n * - Wizard/step form detection for dialogs\n */\nexport function renderFooter<T extends BaseRecord = any>(\n  config: FooterRenderConfig<T>,\n): React.ReactNode {\n  const {\n    className,\n    dialogConfig,\n    footer,\n    formMethods,\n    isDialog = false,\n    onCancel,\n    unifiedFooterConfig,\n  } = config;\n\n  // If footer is explicitly false, don't render anything\n  if (footer === false) {\n    return null;\n  }\n\n  // Handle function-based footers\n  if (footer && isDialogFooterFunction(footer)) {\n    const stepControl = useOptionalStepControlContext();\n    const footerEnvironment = buildFooterEnvironment({\n      dialogConfig,\n      formMethods,\n      isDialog,\n      onCancel,\n      stepControl,\n    });\n\n    const customFooter = footer(footerEnvironment);\n    return <DialogFooter className={className}>{customFooter}</DialogFooter>;\n  }\n\n  // Handle static footer content\n  if (footer) {\n    return <DialogFooter className={className}>{footer}</DialogFooter>;\n  }\n\n  // Default: Use UnifiedFooter system\n  const stepControl = useOptionalStepControlContext();\n  const footerEnvironment = buildFooterEnvironment({\n    dialogConfig,\n    formMethods,\n    isDialog,\n    onCancel,\n    stepControl,\n  });\n\n  return (\n    <DialogFooter className={className}>\n      <UnifiedFooter\n        config={unifiedFooterConfig || dialogConfig?.formConfig || dialogConfig}\n        environment={footerEnvironment}\n      />\n    </DialogFooter>\n  );\n}\n\n// Helper function extracted from current DialogFooterContent\nfunction buildFooterEnvironment<T extends BaseRecord = any>({\n  dialogConfig,\n  formMethods,\n  isDialog,\n  onCancel,\n  stepControl,\n}: {\n  dialogConfig?: DialogConfig<T>;\n  formMethods?: any;\n  isDialog: boolean;\n  onCancel?: () => void;\n  stepControl?: any;\n}) {\n  // Handle standalone context (when not in dialog or dialogConfig is missing)\n  const isStandaloneContext = !isDialog || !dialogConfig;\n  if (isStandaloneContext) {\n    return buildStandaloneFooterEnvironment(formMethods, dialogConfig);\n  }\n\n  // Handle dialog context\n  return buildDialogFooterEnvironment(dialogConfig, formMethods, onCancel, stepControl);\n}\n\n/**\n * Builds footer environment for standalone contexts\n */\nfunction buildStandaloneFooterEnvironment(formMethods: any, dialogConfig: any) {\n  const builder = Environment.footer().standalone();\n  \n  // Add form context only if formMethods exists and dialogConfig.formConfig exists (when dialogConfig is provided)\n  const shouldIncludeFormContext = formMethods && (!dialogConfig || dialogConfig.formConfig);\n  if (shouldIncludeFormContext) {\n    return builder\n      .simpleForm({\n        isSubmitting: formMethods?.formState?.isSubmitting || false,\n        methods: formMethods,\n      })\n      .build();\n  }\n  \n  // Return basic standalone footer without form context\n  return builder.buildContainerOnly();\n}\n\n/**\n * Builds footer environment for dialog contexts\n */\nfunction buildDialogFooterEnvironment(dialogConfig: any, formMethods: any, onCancel: (() => void) | undefined, stepControl: any) {\n  const builder = Environment.footer().dialog({\n    dialogConfig,\n    onClose: onCancel || dialogConfig.onClose,\n  });\n\n  // Check if this is a wizard form with step control\n  const isWizardForm = dialogConfig.formConfig && isWizardFormConfig(dialogConfig.formConfig);\n  const hasStepControl = !!stepControl;\n  \n  if (isWizardForm && hasStepControl) {\n    return builder\n      .wizardForm({\n        isSubmitting: formMethods?.formState?.isSubmitting || false,\n        methods: formMethods,\n      })\n      .step({\n        current: stepControl.currentStep,\n        isFirst: stepControl.isFirstStep,\n        isLast: stepControl.isLastStep,\n        onNext: stepControl.handleNext,\n        onPrevious: stepControl.handlePrevious,\n        onRetry: stepControl.handleRetry,\n        total: stepControl.totalSteps,\n        retryCount: stepControl.retryCount,\n      })\n      .build();\n  }\n\n  // Add simple form context if formMethods and formConfig exist\n  const shouldIncludeSimpleFormContext = formMethods && dialogConfig.formConfig;\n  if (shouldIncludeSimpleFormContext) {\n    return builder\n      .simpleForm({\n        isSubmitting: formMethods?.formState?.isSubmitting || false,\n        methods: formMethods,\n      })\n      .build();\n  }\n\n  // Return dialog footer without form context\n  return builder.buildContainerOnly();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,aACd,QACiB;CACjB,MAAM,EACJ,WACA,cACA,QACA,aACA,WAAW,OACX,UACA,wBACE;AAGJ,KAAI,WAAW,MACb,QAAO;AAIT,KAAI,UAAUA,8DAAuB,OAAO,CAW1C,QAAO,2CAACC;EAAwB;YADX,OARK,uBAAuB;GAC/C;GACA;GACA;GACA;GACA,aANkBC,0EAA+B;GAOlD,CAAC,CAE4C;GAC0B;AAI1E,KAAI,OACF,QAAO,2CAACD;EAAwB;YAAY;GAAsB;CAKpE,MAAM,oBAAoB,uBAAuB;EAC/C;EACA;EACA;EACA;EACA,aANkBC,0EAA+B;EAOlD,CAAC;AAEF,QACE,2CAACD;EAAwB;YACvB,2CAACE;GACC,QAAQ,uBAAuB,cAAc,cAAc;GAC3D,aAAa;IACb;GACW;;AAKnB,SAAS,uBAAmD,EAC1D,cACA,aACA,UACA,UACA,eAOC;AAGD,KAD4B,CAAC,YAAY,CAAC,aAExC,QAAO,iCAAiC,aAAa,aAAa;AAIpE,QAAO,6BAA6B,cAAc,aAAa,UAAU,YAAY;;;;;AAMvF,SAAS,iCAAiC,aAAkB,cAAmB;CAC7E,MAAM,UAAUC,2DAAY,QAAQ,CAAC,YAAY;AAIjD,KADiC,gBAAgB,CAAC,gBAAgB,aAAa,YAE7E,QAAO,QACJ,WAAW;EACV,cAAc,aAAa,WAAW,gBAAgB;EACtD,SAAS;EACV,CAAC,CACD,OAAO;AAIZ,QAAO,QAAQ,oBAAoB;;;;;AAMrC,SAAS,6BAA6B,cAAmB,aAAkB,UAAoC,aAAkB;CAC/H,MAAM,UAAUA,2DAAY,QAAQ,CAAC,OAAO;EAC1C;EACA,SAAS,YAAY,aAAa;EACnC,CAAC;AAMF,KAHqB,aAAa,cAAcC,0DAAmB,aAAa,WAAW,IACpE,CAAC,CAAC,YAGvB,QAAO,QACJ,WAAW;EACV,cAAc,aAAa,WAAW,gBAAgB;EACtD,SAAS;EACV,CAAC,CACD,KAAK;EACJ,SAAS,YAAY;EACrB,SAAS,YAAY;EACrB,QAAQ,YAAY;EACpB,QAAQ,YAAY;EACpB,YAAY,YAAY;EACxB,SAAS,YAAY;EACrB,OAAO,YAAY;EACnB,YAAY,YAAY;EACzB,CAAC,CACD,OAAO;AAKZ,KADuC,eAAe,aAAa,WAEjE,QAAO,QACJ,WAAW;EACV,cAAc,aAAa,WAAW,gBAAgB;EACtD,SAAS;EACV,CAAC,CACD,OAAO;AAIZ,QAAO,QAAQ,oBAAoB;;;2DAtLgE;qEACvB;+DAExB;6DACL"}

package/dist/cjs/components/shared/utils/renderFooter.d.cts

@@ -0,0 +1,37 @@
+import { DialogConfig } from "../../dialog/Dialog.types.cjs";
+import React, { ReactNode } from "react";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/shared/utils/renderFooter.d.ts
+interface FooterRenderConfig<T extends BaseRecord = any> {
+  /** CSS class name for the footer container */
+  className?: string;
+  /** Dialog configuration (required for dialog contexts) */
+  dialogConfig?: DialogConfig<T>;
+  /** Footer configuration - can be false, ReactNode, or function */
+  footer?: ((environment: any) => ReactNode) | false | ReactNode;
+  /** Form methods for form state */
+  formMethods?: any;
+  /** Whether this is rendered in a dialog context */
+  isDialog?: boolean;
+  /** Callback function to handle cancel/close actions */
+  onCancel?: () => void;
+  /** Configuration object for UnifiedFooter */
+  unifiedFooterConfig?: any;
+}
+/**
+ * Shared footer rendering utility that standardizes footer rendering
+ * across dialogs and forms in the portal framework.
+ *
+ * This utility handles:
+ * - Function-based footers with environment context
+ * - Static footer content
+ * - Disabled footers (footer: false)
+ * - Default UnifiedFooter fallback
+ * - Dialog vs standalone contexts
+ * - Wizard/step form detection for dialogs
+ */
+declare function renderFooter<T extends BaseRecord = any>(config: FooterRenderConfig<T>): React.ReactNode;
+//#endregion
+export { FooterRenderConfig, renderFooter };
+//# sourceMappingURL=renderFooter.d.cts.map

package/dist/cjs/components/shared/utils/renderHeader.cjs

@@ -0,0 +1,135 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_dialog_Dialog_types = require('../../dialog/Dialog.types.cjs');
+const require_components_form_StepControlContext = require('../../form/StepControlContext.cjs');
+const require_components_shared_environment_builders = require('../environment/builders.cjs');
+const require_components_shared_UnifiedHeader = require('../UnifiedHeader.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/shared/utils/renderHeader.tsx
+/**
+* Shared header rendering utility that standardizes header rendering
+* across dialogs and forms in the portal framework.
+*
+* This utility handles:
+* - Function-based headers with environment context
+* - Static header content
+* - Disabled headers (header: false)
+* - Default UnifiedHeader fallback
+* - Dialog vs standalone contexts
+* - Wizard/step form detection for dialogs
+*/
+function renderHeader(config) {
+	const { actions, className, description, dialogConfig, header, isDialog = false, title, unifiedHeaderConfig } = config;
+	if (header === false) return null;
+	if (header && require_components_dialog_Dialog_types.isDialogHeaderFunction(header)) {
+		let headerEnvironment;
+		if (isDialog && dialogConfig) if (dialogConfig.formConfig && "steps" in dialogConfig.formConfig) {
+			const stepControl = require_components_form_StepControlContext.useOptionalStepControlContext();
+			if (stepControl) headerEnvironment = require_components_shared_environment_builders.Environment.header().dialog({
+				dialogConfig,
+				onClose: dialogConfig.onClose
+			}).content({
+				actions,
+				description,
+				title
+			}).wizardNavigation({
+				current: stepControl.currentStep,
+				progressStyle: "timeline",
+				steps: dialogConfig.formConfig.steps,
+				total: stepControl.totalSteps
+			}).build();
+			else headerEnvironment = require_components_shared_environment_builders.Environment.header().dialog({
+				dialogConfig,
+				onClose: dialogConfig.onClose
+			}).content({
+				actions,
+				description,
+				title
+			}).noneNavigation().build();
+		} else headerEnvironment = require_components_shared_environment_builders.Environment.header().dialog({
+			dialogConfig,
+			onClose: dialogConfig.onClose
+		}).content({
+			actions,
+			description,
+			title
+		}).noneNavigation().build();
+		else headerEnvironment = require_components_shared_environment_builders.Environment.header().standalone().content({
+			actions,
+			description,
+			title
+		}).noneNavigation().build();
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className,
+			children: header(headerEnvironment)
+		});
+	}
+	if (header) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: header
+	});
+	let unifiedHeaderEnvironment;
+	if (isDialog && dialogConfig) if (dialogConfig.formConfig && "steps" in dialogConfig.formConfig) {
+		const stepControl = require_components_form_StepControlContext.useOptionalStepControlContext();
+		if (stepControl) unifiedHeaderEnvironment = require_components_shared_environment_builders.Environment.header().dialog({
+			dialogConfig,
+			onClose: dialogConfig.onClose
+		}).content({
+			actions,
+			description,
+			title
+		}).wizardNavigation({
+			current: stepControl.currentStep,
+			progressStyle: "timeline",
+			steps: dialogConfig.formConfig.steps,
+			total: stepControl.totalSteps
+		}).build();
+		else unifiedHeaderEnvironment = require_components_shared_environment_builders.Environment.header().dialog({
+			dialogConfig,
+			onClose: dialogConfig.onClose
+		}).content({
+			actions,
+			description,
+			title
+		}).noneNavigation().build();
+	} else unifiedHeaderEnvironment = require_components_shared_environment_builders.Environment.header().dialog({
+		dialogConfig,
+		onClose: dialogConfig.onClose
+	}).content({
+		actions,
+		description,
+		title
+	}).noneNavigation().build();
+	else unifiedHeaderEnvironment = require_components_shared_environment_builders.Environment.header().standalone().content({
+		actions,
+		description,
+		title
+	}).noneNavigation().build();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_shared_UnifiedHeader.UnifiedHeader, {
+		config: unifiedHeaderConfig || {
+			actions,
+			description,
+			title
+		},
+		environment: unifiedHeaderEnvironment
+	});
+}
+var init_renderHeader = require_rolldown_runtime.__esmMin((() => {
+	require_components_dialog_Dialog_types.init_Dialog_types();
+	require_components_form_StepControlContext.init_StepControlContext();
+	require_components_shared_environment_builders.init_builders();
+	require_components_shared_UnifiedHeader.init_UnifiedHeader();
+}));
+
+//#endregion
+init_renderHeader();
+Object.defineProperty(exports, 'init_renderHeader', {
+  enumerable: true,
+  get: function () {
+    return init_renderHeader;
+  }
+});
+exports.renderHeader = renderHeader;
+//# sourceMappingURL=renderHeader.cjs.map