@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/form/FormRenderer.js

@@ -0,0 +1,190 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { adapters, init_adapters } from "./adapters.js";
+import { init_context, useFormContext as useFormContext$1 } from "./context.js";
+import { getFormComponent } from "./fields/registry.js";
+import { FormFieldType } from "./fields/types.js";
+import { init_fields } from "./fields/index.js";
+import { FormGroup, init_FormGroup } from "./FormGroup.js";
+import { getAutocompleteValue } from "./autocomplete/rules.js";
+import { init_autocomplete } from "./autocomplete/index.js";
+import { init_StepControlContext, useOptionalStepControlContext } from "./StepControlContext.js";
+import { GroupOrder, init_types } from "./types.js";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Spinner, cn } from "@lumeweb/portal-framework-ui-core";
+import React, { useEffect, useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { get } from "lodash/get";
+
+//#region src/components/form/FormRenderer.tsx
+function FormRenderer({ fields = [], groups = [] }) {
+	const { groupedFields, ungroupedFields } = React.useMemo(() => {
+		const grouped = {};
+		const ungrouped = [];
+		groups?.forEach((group) => {
+			grouped[group.id] = [];
+		});
+		fields.forEach((field) => {
+			if (field.group && grouped[field.group]) grouped[field.group].push(field);
+			else ungrouped.push(field);
+		});
+		return {
+			groupedFields: grouped,
+			ungroupedFields: ungrouped
+		};
+	}, [fields, groups]);
+	const { adapter: adapterName, config } = useFormContext$1();
+	if (!adapters[adapterName]) throw new Error(`Form adapter "${String(adapterName)}" is not registered`);
+	const groupOrder = config.groupOrder ?? GroupOrder.UNGROUPED_FIRST;
+	const renderGroups = () => /* @__PURE__ */ jsx(Fragment, { children: groups?.map((group) => {
+		const groupFields = groupedFields[group.id];
+		if (!groupFields?.length) return null;
+		return /* @__PURE__ */ jsx(FormGroup, {
+			className: group.className,
+			description: group.description,
+			title: group.title,
+			children: groupFields.map((field) => /* @__PURE__ */ jsx(FieldRenderer, { field }, field.name))
+		}, group.id);
+	}) });
+	const renderUngrouped = () => /* @__PURE__ */ jsx(Fragment, { children: ungroupedFields.map((field) => /* @__PURE__ */ jsx(FieldRenderer, { field }, field.name)) });
+	return /* @__PURE__ */ jsx(Fragment, { children: groupOrder === GroupOrder.GROUPS_FIRST ? /* @__PURE__ */ jsxs(Fragment, { children: [renderGroups(), renderUngrouped()] }) : /* @__PURE__ */ jsxs(Fragment, { children: [renderUngrouped(), renderGroups()] }) });
+}
+function FieldRenderer({ field }) {
+	const rhfMethods = useFormContext();
+	const { control, getValues, watch } = rhfMethods;
+	const [isVisible, setIsVisible] = useState(true);
+	const [isLoading, setIsLoading] = useState(false);
+	const { config: formConfig } = useFormContext$1();
+	const dependencies = useMemo(() => field.dependencies || [], [field.dependencies]);
+	const autoCompleteValue = useMemo(() => getFieldAutocompleteValue(field, formConfig?.action), [field, formConfig?.action]);
+	useEffect(() => {
+		const subscription = watch((values, { name }) => {
+			if (!dependencies.length || name && dependencies.includes(name)) checkVisibility();
+		});
+		const checkVisibility = async () => {
+			if (!getValues) return;
+			const currentValues = getValues();
+			let shouldShow = true;
+			if (field.requires) {
+				for (const requiredFieldPath in field.requires) if (Object.prototype.hasOwnProperty.call(field.requires, requiredFieldPath)) {
+					const requirement = field.requires[requiredFieldPath];
+					const actualValue = get(currentValues, requiredFieldPath);
+					let requirementMet = false;
+					if (typeof requirement === "function") requirementMet = requirement(actualValue);
+					else requirementMet = actualValue === requirement;
+					if (!requirementMet) {
+						shouldShow = false;
+						break;
+					}
+				}
+			}
+			if (shouldShow && field.show) try {
+				const showPromiseOrValue = field.show(currentValues);
+				if (showPromiseOrValue instanceof Promise) {
+					setIsLoading(true);
+					shouldShow = await showPromiseOrValue;
+					if (isLoading) setIsLoading(false);
+				} else {
+					shouldShow = showPromiseOrValue;
+					if (isLoading) setIsLoading(false);
+				}
+			} catch (error) {
+				console.error(`Error checking show status for field ${String(field.name)}:`, error);
+				shouldShow = false;
+				if (isLoading) setIsLoading(false);
+			}
+			else if (!field.show) {
+				if (isLoading) setIsLoading(false);
+			} else if (isLoading) setIsLoading(false);
+			setIsVisible((prev) => {
+				if (prev !== shouldShow) return shouldShow;
+				return prev;
+			});
+		};
+		checkVisibility();
+		return () => subscription.unsubscribe();
+	}, [
+		dependencies,
+		field,
+		getValues,
+		isLoading,
+		watch
+	]);
+	if (isLoading) return /* @__PURE__ */ jsxs(FormItem, {
+		className: cn(field.className, field.itemClassName),
+		children: [
+			field.label && /* @__PURE__ */ jsx(FormLabel, { children: field.label }),
+			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx("div", {
+				className: "flex h-14 items-center justify-center",
+				children: /* @__PURE__ */ jsx(Spinner, { size: "small" })
+			}) }),
+			field.description && /* @__PURE__ */ jsx(FormDescription, { children: field.description })
+		]
+	});
+	if (!isVisible) return null;
+	const componentEntry = getFormComponent(field.type);
+	const RegisteredComponent = componentEntry?.component;
+	if (!componentEntry && field.type !== FormFieldType.CUSTOM) {
+		console.warn(`No component registered for form field type: ${field.type}`);
+		return null;
+	}
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name: field.name,
+		render: ({ field: formFieldRenderProps }) => /* @__PURE__ */ jsxs(FormItem, {
+			className: cn(field.className, field.itemClassName),
+			children: [
+				field.label && !componentEntry?.handlesLabel && /* @__PURE__ */ jsxs(FormLabel, {
+					className: field.labelClassName,
+					children: [field.label, field.required && isVisible && /* @__PURE__ */ jsx("span", {
+						className: "text-destructive",
+						children: "*"
+					})]
+				}),
+				/* @__PURE__ */ jsx(FormControl, { children: RegisteredComponent ? /* @__PURE__ */ jsx(RegisteredComponent, {
+					...formFieldRenderProps,
+					...field.inputProps,
+					autocomplete: autoCompleteValue,
+					inputClassName: field.inputClassName,
+					label: componentEntry?.handlesLabel ? field.label : void 0,
+					options: field.options,
+					placeholder: field.placeholder,
+					required: field.required,
+					type: field.type
+				}) : field.component ? /* @__PURE__ */ jsx(field.component, {
+					...formFieldRenderProps,
+					formMethods: rhfMethods,
+					stepEnvironment: useOptionalStepControlContext() ? {
+						current: useOptionalStepControlContext()?.currentStep || 0,
+						isFirst: useOptionalStepControlContext()?.isFirstStep || false,
+						isLast: useOptionalStepControlContext()?.isLastStep || false,
+						jumpTo: useOptionalStepControlContext()?.jumpTo,
+						onNext: useOptionalStepControlContext()?.handleNext,
+						onPrevious: useOptionalStepControlContext()?.handlePrevious,
+						onRetry: useOptionalStepControlContext()?.handleRetry,
+						retryCount: useOptionalStepControlContext()?.retryCount || 0,
+						total: useOptionalStepControlContext()?.totalSteps || 0
+					} : void 0
+				}) : null }),
+				field.description && /* @__PURE__ */ jsx(FormDescription, { children: field.description }),
+				/* @__PURE__ */ jsx(FormMessage, {})
+			]
+		})
+	}, field.name);
+}
+function getFieldAutocompleteValue(field, formPurpose) {
+	return field.autocomplete ?? getAutocompleteValue(field, { formPurpose }) ?? field.inputProps?.autocomplete;
+}
+var init_FormRenderer = __esmMin(() => {
+	init_adapters();
+	init_autocomplete();
+	init_context();
+	init_fields();
+	init_FormGroup();
+	init_StepControlContext();
+	init_types();
+});
+
+//#endregion
+init_FormRenderer();
+export { FormRenderer, init_FormRenderer };
+//# sourceMappingURL=FormRenderer.js.map

package/dist/esm/components/form/FormRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRenderer.js","names":["useFormContext","useRHFContext"],"sources":["../../../../src/components/form/FormRenderer.tsx"],"sourcesContent":["import {\n  cn,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Spinner,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { get } from \"lodash/get\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport {\n  FieldValues,\n  Path as ReactHookFormPath,\n  useFormContext as useRHFContext,\n} from \"react-hook-form\";\n\nimport { adapters } from \"./adapters\";\nimport { getAutocompleteValue } from \"./autocomplete\";\nimport { useFormContext } from \"./context\";\nimport { FormFieldType, getFormComponent } from \"./fields\";\nimport { FormGroup } from \"./FormGroup\";\nimport { useOptionalStepControlContext } from \"./StepControlContext\";\nimport { type FormFieldConfig, type FormGroupType, GroupOrder } from \"./types\";\n\ninterface FieldRendererProps<TFieldValues extends FieldValues> {\n  field: FormFieldConfig<TFieldValues>;\n}\n\nexport function FormRenderer<TRequest extends FieldValues = FieldValues>({\n  fields = [],\n  groups = [],\n}: {\n  fields?: FormFieldConfig<TRequest>[];\n  groups?: FormGroupType[];\n}) {\n  // Group fields by their group ID\n  const { groupedFields, ungroupedFields } = React.useMemo(() => {\n    const grouped: Record<string, FormFieldConfig<TRequest>[]> = {};\n    const ungrouped: FormFieldConfig<TRequest>[] = [];\n\n    // Initialize groups\n    groups?.forEach((group) => {\n      grouped[group.id] = [];\n    });\n\n    // Distribute fields\n    fields.forEach((field) => {\n      if (field.group && grouped[field.group]) {\n        grouped[field.group].push(field);\n      } else {\n        ungrouped.push(field);\n      }\n    });\n\n    return { groupedFields: grouped, ungroupedFields: ungrouped };\n  }, [fields, groups]);\n  const { adapter: adapterName, config } = useFormContext();\n  const adapter = adapters[adapterName];\n\n  if (!adapter) {\n    throw new Error(`Form adapter \"${String(adapterName)}\" is not registered`);\n  }\n\n  const groupOrder = config.groupOrder ?? GroupOrder.UNGROUPED_FIRST;\n\n  const renderGroups = () => (\n    <>\n      {groups?.map((group) => {\n        const groupFields = groupedFields[group.id];\n        if (!groupFields?.length) return null;\n\n        return (\n          <FormGroup\n            className={group.className}\n            description={group.description}\n            key={group.id}\n            title={group.title}>\n            {groupFields.map((field) => (\n              <FieldRenderer field={field} key={field.name as string} />\n            ))}\n          </FormGroup>\n        );\n      })}\n    </>\n  );\n\n  const renderUngrouped = () => (\n    <>\n      {ungroupedFields.map((field) => (\n        <FieldRenderer field={field} key={field.name as string} />\n      ))}\n    </>\n  );\n\n  return (\n    <>\n      {groupOrder === GroupOrder.GROUPS_FIRST ? (\n        <>\n          {renderGroups()}\n          {renderUngrouped()}\n        </>\n      ) : (\n        <>\n          {renderUngrouped()}\n          {renderGroups()}\n        </>\n      )}\n    </>\n  );\n}\n\nfunction FieldRenderer<TFieldValues extends FieldValues = FieldValues>({\n  field,\n}: FieldRendererProps<TFieldValues>) {\n  const rhfMethods = useRHFContext<TFieldValues>();\n  const { control, getValues, watch } = rhfMethods;\n  const [isVisible, setIsVisible] = useState(true);\n  const [isLoading, setIsLoading] = useState(false);\n  const { config: formConfig } = useFormContext();\n\n  const dependencies = useMemo(\n    () => field.dependencies || [],\n    [field.dependencies],\n  );\n\n  const autoCompleteValue = useMemo(\n    () => getFieldAutocompleteValue(field, formConfig?.action),\n    [field, formConfig?.action],\n  );\n\n  useEffect(() => {\n    // Subscribe to form changes and check visibility when relevant fields change\n    const subscription = watch((values, { name }) => {\n      // Only check visibility if dependencies are empty (watch all) or changed field is in dependencies\n      if (!dependencies.length || (name && dependencies.includes(name))) {\n        checkVisibility();\n      }\n    });\n\n    const checkVisibility = async () => {\n      if (!getValues) return;\n\n      const currentValues = getValues();\n      let shouldShow = true;\n\n      if (field.requires) {\n        for (const requiredFieldPath in field.requires) {\n          if (\n            Object.prototype.hasOwnProperty.call(\n              field.requires,\n              requiredFieldPath,\n            )\n          ) {\n            const requirement = field.requires[requiredFieldPath];\n            const actualValue = get(currentValues as object, requiredFieldPath);\n\n            let requirementMet = false;\n            if (typeof requirement === \"function\") {\n              requirementMet = requirement(actualValue);\n            } else {\n              requirementMet = actualValue === requirement;\n            }\n\n            if (!requirementMet) {\n              shouldShow = false;\n              break;\n            }\n          }\n        }\n      }\n\n      if (shouldShow && field.show) {\n        try {\n          const showPromiseOrValue = field.show(currentValues);\n          if (showPromiseOrValue instanceof Promise) {\n            setIsLoading(true);\n            shouldShow = await showPromiseOrValue;\n            if (isLoading) setIsLoading(false);\n          } else {\n            shouldShow = showPromiseOrValue;\n            if (isLoading) setIsLoading(false);\n          }\n        } catch (error) {\n          console.error(\n            `Error checking show status for field ${String(field.name)}:`,\n            error,\n          );\n          shouldShow = false;\n          if (isLoading) setIsLoading(false);\n        }\n      } else if (!field.show) {\n        if (isLoading) setIsLoading(false);\n      } else {\n        if (isLoading) setIsLoading(false);\n      }\n\n      setIsVisible((prev) => {\n        if (prev !== shouldShow) return shouldShow;\n        return prev;\n      });\n    };\n\n    checkVisibility(); // Initial check\n\n    return () => subscription.unsubscribe();\n  }, [dependencies, field, getValues, isLoading, watch]);\n\n  if (isLoading) {\n    return (\n      <FormItem className={cn(field.className, field.itemClassName)}>\n        {field.label && <FormLabel>{field.label}</FormLabel>}\n        <FormControl>\n          <div className=\"flex h-14 items-center justify-center\">\n            <Spinner size=\"small\" />\n          </div>\n        </FormControl>\n        {field.description && (\n          <FormDescription>{field.description}</FormDescription>\n        )}\n      </FormItem>\n    );\n  }\n\n  if (!isVisible) {\n    return null;\n  }\n\n  const componentEntry = getFormComponent(field.type);\n  const RegisteredComponent = componentEntry?.component;\n  if (!componentEntry && field.type !== FormFieldType.CUSTOM) {\n    console.warn(`No component registered for form field type: ${field.type}`);\n    return null;\n  }\n\n  return (\n    <FormField<TFieldValues>\n      control={control}\n      key={field.name as string}\n      name={field.name as ReactHookFormPath<TFieldValues>}\n      render={({ field: formFieldRenderProps }) => (\n        <FormItem className={cn(field.className, field.itemClassName)}>\n          {field.label && !componentEntry?.handlesLabel && (\n            <FormLabel className={field.labelClassName}>\n              {field.label}\n              {field.required && isVisible && (\n                <span className=\"text-destructive\">*</span>\n              )}\n            </FormLabel>\n          )}\n          <FormControl>\n            {RegisteredComponent ? (\n              <RegisteredComponent\n                {...formFieldRenderProps}\n                {...field.inputProps}\n                // Derive and include autocomplete\n                autocomplete={autoCompleteValue}\n                inputClassName={field.inputClassName}\n                label={componentEntry?.handlesLabel ? field.label : undefined}\n                options={field.options}\n                placeholder={field.placeholder}\n                required={field.required}\n                type={field.type}\n              />\n            ) : field.component ? (\n              <field.component\n                {...formFieldRenderProps}\n                formMethods={rhfMethods}\n                stepEnvironment={\n                  useOptionalStepControlContext()\n                    ? {\n                        current:\n                          useOptionalStepControlContext()?.currentStep || 0,\n                        isFirst:\n                          useOptionalStepControlContext()?.isFirstStep || false,\n                        isLast:\n                          useOptionalStepControlContext()?.isLastStep || false,\n                        jumpTo: useOptionalStepControlContext()?.jumpTo,\n                        onNext: useOptionalStepControlContext()?.handleNext,\n                        onPrevious:\n                          useOptionalStepControlContext()?.handlePrevious,\n                        onRetry: useOptionalStepControlContext()?.handleRetry,\n                        retryCount:\n                          useOptionalStepControlContext()?.retryCount || 0,\n                        total: useOptionalStepControlContext()?.totalSteps || 0,\n                      }\n                    : undefined\n                }\n              />\n            ) : null}\n          </FormControl>\n          {field.description && (\n            <FormDescription>{field.description}</FormDescription>\n          )}\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n\nfunction getFieldAutocompleteValue(\n  field: FormFieldConfig<any>,\n  formPurpose?: string,\n) {\n  return (\n    field.autocomplete ?? // Explicit field config wins\n    getAutocompleteValue(field, { formPurpose }) ?? // Then try derivation\n    field.inputProps?.autocomplete // Finally, any inputProps value\n  );\n}\n"],"mappings":"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"}

package/dist/esm/components/form/FormRenderer.spec.d.ts

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

package/dist/esm/components/form/FormRenderer.spec.js

@@ -0,0 +1,225 @@
+import { init_context, useFormContext as useFormContext$1 } from "./context.js";
+import { getFormComponent } from "./fields/registry.js";
+import { FormFieldType } from "./fields/types.js";
+import { init_fields } from "./fields/index.js";
+import { FormRenderer, init_FormRenderer } from "./FormRenderer.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { FormProvider, useForm } from "react-hook-form";
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
+
+//#region src/components/form/FormRenderer.spec.tsx
+init_context();
+init_fields();
+init_FormRenderer();
+vi.mock("./context", () => ({
+	FormProvider: ({ children }) => /* @__PURE__ */ jsx("div", { children }),
+	useFormContext: vi.fn()
+}));
+vi.mock("./fields", () => ({
+	FormFieldType: {
+		CUSTOM: "custom",
+		TEXT: "text"
+	},
+	getFormComponent: vi.fn()
+}));
+vi.mock("@lumeweb/portal-framework-ui-core", async (importOriginal) => {
+	return {
+		...await importOriginal(),
+		Spinner: () => /* @__PURE__ */ jsx("div", {
+			"data-testid": "spinner",
+			children: "Loading..."
+		})
+	};
+});
+vi.mock("./adapters", () => ({ adapters: { rhf: { submitHandler: vi.fn() } } }));
+const mockUseFormContext = useFormContext$1;
+const mockGetComponent = getFormComponent;
+const TestWrapper = ({ children }) => {
+	const methods = useForm();
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(FormProvider, {
+		...methods,
+		children: children(methods)
+	}) });
+};
+describe("FormRenderer", () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		mockUseFormContext.mockReturnValue({
+			adapter: "rhf",
+			config: { fields: [] }
+		});
+		mockGetComponent.mockReturnValue(vi.fn(({ onChange, value }) => /* @__PURE__ */ jsx("input", {
+			"data-testid": "mock-input",
+			onChange,
+			value
+		})));
+	});
+	afterEach(() => {
+		cleanup();
+		vi.clearAllMocks();
+		vi.resetAllMocks();
+		vi.restoreAllMocks();
+	});
+	it.skip("renders fields based on the config", () => {
+		const fields = [{
+			label: "Field 1 Label",
+			name: "field1",
+			type: FormFieldType.TEXT
+		}, {
+			label: "Field 2 Label",
+			name: "field2",
+			type: FormFieldType.TEXT
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => /* @__PURE__ */ jsx(FormRenderer, { fields }) }));
+		expect(screen.getByTestId("form-field-field1")).toBeInTheDocument();
+		expect(screen.getByTestId("form-field-field2")).toBeInTheDocument();
+		expect(screen.getAllByTestId("form-item").length).toBe(2);
+		expect(screen.getAllByTestId("form-label").length).toBe(2);
+		expect(screen.getByText("Field 1 Label")).toBeInTheDocument();
+		expect(screen.getByText("Field 2 Label")).toBeInTheDocument();
+		expect(screen.getAllByTestId("mock-input").length).toBe(2);
+	});
+	it.skip("renders custom component for CUSTOM type", () => {
+		const MockCustomComponent = vi.fn(() => /* @__PURE__ */ jsx("div", {
+			"data-testid": "custom-component",
+			children: "Custom"
+		}));
+		const fields = [{
+			component: MockCustomComponent,
+			label: "Custom Label",
+			name: "customField",
+			type: FormFieldType.CUSTOM
+		}];
+		mockGetComponent.mockReturnValue(void 0);
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => /* @__PURE__ */ jsx(FormRenderer, { fields }) }));
+		expect(screen.getByTestId("form-field-customField")).toBeInTheDocument();
+		expect(screen.getByTestId("custom-component")).toBeInTheDocument();
+		expect(MockCustomComponent).toHaveBeenCalledTimes(1);
+		expect(mockGetComponent).not.toHaveBeenCalledWith(FormFieldType.CUSTOM);
+	});
+	it.skip("shows required indicator if field is required and visible", () => {
+		const fields = [{
+			label: "Required Field",
+			name: "requiredField",
+			required: true,
+			type: FormFieldType.TEXT
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => /* @__PURE__ */ jsx(FormRenderer, { fields }) }));
+		expect(screen.getByText("Required Field").querySelector("span.text-destructive")).toBeInTheDocument();
+	});
+	it.skip("hides the field if requires condition is not met", async () => {
+		const fields = [{
+			dependencies: ["otherField"],
+			label: "Conditional Field",
+			name: "conditionalField",
+			requires: { otherField: "correctValue" },
+			type: FormFieldType.TEXT
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => {
+			methods.setValue("otherField", "wrongValue");
+			return /* @__PURE__ */ jsx(FormRenderer, { fields });
+		} }));
+		await waitFor(() => {
+			expect(screen.queryByTestId("form-field-conditionalField")).not.toBeInTheDocument();
+		});
+	});
+	it.skip("shows the field if requires condition is met", async () => {
+		const fields = [{
+			dependencies: ["otherField"],
+			label: "Conditional Field",
+			name: "conditionalField",
+			requires: { otherField: "correctValue" },
+			type: FormFieldType.TEXT
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => {
+			methods.setValue("otherField", "correctValue");
+			return /* @__PURE__ */ jsx(FormRenderer, { fields });
+		} }));
+		await waitFor(() => {
+			expect(screen.getByTestId("form-field-conditionalField")).toBeInTheDocument();
+		});
+	});
+	it.skip("hides the field if show function returns false", async () => {
+		const fields = [{
+			dependencies: ["otherField"],
+			label: "Conditional Field",
+			name: "conditionalField",
+			show: (values) => !values.otherField,
+			type: FormFieldType.TEXT
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => {
+			methods.setValue("otherField", true);
+			return /* @__PURE__ */ jsx(FormRenderer, { fields });
+		} }));
+		await waitFor(() => {
+			expect(screen.queryByTestId("form-field-conditionalField")).not.toBeInTheDocument();
+		});
+	});
+	it.skip("shows the field if show function returns true", async () => {
+		const fields = [{
+			dependencies: ["otherField"],
+			label: "Conditional Field",
+			name: "conditionalField",
+			show: (values) => !values.otherField,
+			type: FormFieldType.TEXT
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => {
+			methods.setValue("otherField", false);
+			return /* @__PURE__ */ jsx(FormRenderer, { fields });
+		} }));
+		await waitFor(() => {
+			expect(screen.getByTestId("form-field-conditionalField")).toBeInTheDocument();
+		});
+	});
+	it.skip("handles async show function", async () => {
+		const fields = [{
+			dependencies: ["otherField"],
+			label: "Conditional Field",
+			name: "conditionalField",
+			show: async (values) => {
+				await new Promise((resolve) => setTimeout(resolve, 50));
+				return values.otherField;
+			},
+			type: FormFieldType.TEXT
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => {
+			methods.setValue("otherField", true);
+			return /* @__PURE__ */ jsx(FormRenderer, { fields });
+		} }));
+		expect(screen.getByTestId("spinner")).toBeInTheDocument();
+		expect(screen.queryByTestId("form-field-conditionalField")).not.toBeInTheDocument();
+		await waitFor(() => {
+			expect(screen.queryByTestId("spinner")).not.toBeInTheDocument();
+			expect(screen.getByTestId("form-field-conditionalField")).toBeInTheDocument();
+		});
+	});
+	it("logs warning if component type is not registered and not CUSTOM", () => {
+		const consoleSpy = vi.spyOn(console, "warn");
+		mockGetComponent.mockReturnValue(void 0);
+		const fields = [{
+			label: "Unknown Field",
+			name: "unknownField",
+			type: "unknownType"
+		}];
+		render(/* @__PURE__ */ jsx(TestWrapper, { children: (methods) => /* @__PURE__ */ jsx(FormRenderer, { fields }) }));
+		expect(consoleSpy).toHaveBeenCalledWith("No component registered for form field type: unknownType");
+		expect(screen.queryByTestId("form-field-unknownField")).not.toBeInTheDocument();
+		consoleSpy.mockRestore();
+	});
+	it("does not render if adapter is not found (throws error)", () => {
+		mockUseFormContext.mockReturnValue({
+			adapter: "unknownAdapter",
+			config: {}
+		});
+		const fields = [{
+			name: "field1",
+			type: FormFieldType.TEXT
+		}];
+		expect(() => render(/* @__PURE__ */ jsx(FormRenderer, { fields }))).toThrow("Form adapter \"unknownAdapter\" is not registered");
+	});
+});
+
+//#endregion
+//# sourceMappingURL=FormRenderer.spec.js.map

package/dist/esm/components/form/FormRenderer.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRenderer.spec.js","names":["useFormContext","useRHFForm","RHFFormProvider"],"sources":["../../../../src/components/form/FormRenderer.spec.tsx"],"sourcesContent":["import { cleanup, render, screen, waitFor } from \"@testing-library/react\";\nimport React from \"react\";\n// Import real RHF components and hooks\nimport {\n  FormProvider as RHFFormProvider,\n  useForm as useRHFForm,\n} from \"react-hook-form\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\n\nimport { useFormContext } from \"./context\";\nimport { FormFieldType, getFormComponent } from \"./fields\";\nimport { FormRenderer } from \"./FormRenderer\";\nimport { FormFieldConfig } from \"./types\";\n\n// Mock dependencies\nvi.mock(\"./context\", () => ({\n  // Mock custom FormProvider if it's used in the component under test's rendering tree\n  // FormRenderer uses it, so we keep this mock simple\n  FormProvider: ({ children }: any) => <div>{children}</div>,\n  useFormContext: vi.fn(),\n}));\nvi.mock(\"./fields\", () => ({\n  FormFieldType: {\n    CUSTOM: \"custom\",\n    TEXT: \"text\",\n    // Add other types as needed for tests\n  },\n  getFormComponent: vi.fn(),\n}));\n// Do NOT mock react-hook-form entirely. We need the real FormProvider and useForm.\n// We will use the real hooks and components in our test wrapper.\n\nvi.mock(\"@lumeweb/portal-framework-ui-core\", async (importOriginal) => {\n  const actual =\n    await importOriginal<typeof import(\"@lumeweb/portal-framework-ui-core\")>();\n  return {\n    ...actual,\n    Spinner: () => <div data-testid=\"spinner\">Loading...</div>,\n    // Keep other real exports like FormItem, FormLabel, etc.\n  };\n});\nvi.mock(\"./adapters\", () => ({\n  adapters: {\n    rhf: {\n      // We don't need to mock useForm or FormProvider here, SchemaForm handles that.\n      // FormRenderer uses the real RHF context provided by the wrapper.\n      submitHandler: vi.fn(),\n    },\n  },\n}));\n\n// Mock our custom useFormContext\nconst mockUseFormContext = useFormContext as vi.Mock;\n// Mock getFormComponent\nconst mockGetComponent = getFormComponent as vi.Mock;\n\n// Create a proper wrapper that provides the REAL RHF context and exposes methods\nconst TestWrapper = ({\n  children,\n}: {\n  children: (methods: ReturnType<typeof useRHFForm>) => React.ReactNode;\n}) => {\n  // Use the real RHF useForm hook\n  const methods = useRHFForm();\n  return (\n    <div>\n      {/* Use the real RHF FormProvider and pass the real methods */}\n      <RHFFormProvider {...methods}>{children(methods)}</RHFFormProvider>\n    </div>\n  );\n};\n\ndescribe(\"FormRenderer\", () => {\n  beforeEach(() => {\n    // Clear all mocks\n    vi.clearAllMocks();\n\n    // Setup custom form context mock - DO NOT provide RHF methods here\n    mockUseFormContext.mockReturnValue({\n      adapter: \"rhf\",\n      config: { fields: [] },\n      // methods are NOT provided by the custom context in this test setup\n      // FormRenderer gets RHF methods from the real useRHFContext\n    });\n\n    // Setup component mock\n    mockGetComponent.mockReturnValue(\n      vi.fn(({ onChange, value }) => (\n        <input data-testid=\"mock-input\" onChange={onChange} value={value} />\n      )),\n    );\n  });\n\n  afterEach(() => {\n    cleanup();\n    vi.clearAllMocks();\n    vi.resetAllMocks();\n    vi.restoreAllMocks();\n  });\n\n  it.skip(\"renders fields based on the config\", () => {\n    const fields: FormFieldConfig<any>[] = [\n      { label: \"Field 1 Label\", name: \"field1\", type: FormFieldType.TEXT },\n      { label: \"Field 2 Label\", name: \"field2\", type: FormFieldType.TEXT },\n    ];\n\n    render(\n      <TestWrapper>\n        {(methods) => <FormRenderer fields={fields} />}\n      </TestWrapper>,\n    );\n\n    // Expect the real RHF Controller to be used, which is mocked internally by RHF\n    // We check for the data-testid added by our mock of the RHF Controller\n    expect(screen.getByTestId(\"form-field-field1\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"form-field-field2\")).toBeInTheDocument();\n    // Check for elements rendered by the mocked RHF components (FormItem, FormLabel, etc.)\n    expect(screen.getAllByTestId(\"form-item\").length).toBe(2);\n    expect(screen.getAllByTestId(\"form-label\").length).toBe(2);\n    expect(screen.getByText(\"Field 1 Label\")).toBeInTheDocument();\n    expect(screen.getByText(\"Field 2 Label\")).toBeInTheDocument();\n    expect(screen.getAllByTestId(\"mock-input\").length).toBe(2);\n  });\n\n  it.skip(\"renders custom component for CUSTOM type\", () => {\n    const MockCustomComponent = vi.fn(() => (\n      <div data-testid=\"custom-component\">Custom</div>\n    ));\n    const fields: FormFieldConfig<any>[] = [\n      {\n        component: MockCustomComponent,\n        label: \"Custom Label\",\n        name: \"customField\",\n        type: FormFieldType.CUSTOM,\n      },\n    ];\n\n    // Ensure getFormComponent is not called for CUSTOM type\n    mockGetComponent.mockReturnValue(undefined);\n\n    render(\n      <TestWrapper>\n        {(methods) => <FormRenderer fields={fields} />}\n      </TestWrapper>,\n    );\n\n    expect(screen.getByTestId(\"form-field-customField\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"custom-component\")).toBeInTheDocument();\n    expect(MockCustomComponent).toHaveBeenCalledTimes(1);\n    expect(mockGetComponent).not.toHaveBeenCalledWith(FormFieldType.CUSTOM);\n  });\n\n  it.skip(\"shows required indicator if field is required and visible\", () => {\n    const fields: FormFieldConfig<any>[] = [\n      {\n        label: \"Required Field\",\n        name: \"requiredField\",\n        required: true,\n        type: FormFieldType.TEXT,\n      },\n    ];\n\n    render(\n      <TestWrapper>\n        {(methods) => <FormRenderer fields={fields} />}\n      </TestWrapper>,\n    );\n\n    const label = screen.getByText(\"Required Field\");\n    expect(label.querySelector(\"span.text-destructive\")).toBeInTheDocument();\n  });\n\n  it.skip(\"hides the field if requires condition is not met\", async () => {\n    const fields: FormFieldConfig<any>[] = [\n      {\n        dependencies: [\"otherField\"],\n        label: \"Conditional Field\",\n        name: \"conditionalField\",\n        requires: { otherField: \"correctValue\" },\n        type: FormFieldType.TEXT,\n      },\n    ];\n\n    // Render with TestWrapper and get methods\n    render(\n      <TestWrapper>\n        {(methods) => {\n          // Set the value that does NOT meet the requirement\n          methods.setValue(\"otherField\", \"wrongValue\");\n          return <FormRenderer fields={fields} />;\n        }}\n      </TestWrapper>,\n    );\n\n    await waitFor(() => {\n      expect(\n        screen.queryByTestId(\"form-field-conditionalField\"),\n      ).not.toBeInTheDocument();\n    });\n  });\n\n  it.skip(\"shows the field if requires condition is met\", async () => {\n    const fields: FormFieldConfig<any>[] = [\n      {\n        dependencies: [\"otherField\"],\n        label: \"Conditional Field\",\n        name: \"conditionalField\",\n        requires: { otherField: \"correctValue\" },\n        type: FormFieldType.TEXT,\n      },\n    ];\n\n    // Render with TestWrapper and get methods\n    render(\n      <TestWrapper>\n        {(methods) => {\n          // Set the value that MEETS the requirement\n          methods.setValue(\"otherField\", \"correctValue\");\n          return <FormRenderer fields={fields} />;\n        }}\n      </TestWrapper>,\n    );\n\n    await waitFor(() => {\n      expect(\n        screen.getByTestId(\"form-field-conditionalField\"),\n      ).toBeInTheDocument();\n    });\n  });\n\n  it.skip(\"hides the field if show function returns false\", async () => {\n    const fields: FormFieldConfig<any>[] = [\n      {\n        dependencies: [\"otherField\"],\n        label: \"Conditional Field\",\n        name: \"conditionalField\",\n        show: (values) => !values.otherField,\n        type: FormFieldType.TEXT,\n      },\n    ];\n\n    // Render with TestWrapper and get methods\n    render(\n      <TestWrapper>\n        {(methods) => {\n          // Set the value that makes show return false\n          methods.setValue(\"otherField\", true);\n          return <FormRenderer fields={fields} />;\n        }}\n      </TestWrapper>,\n    );\n\n    await waitFor(() => {\n      expect(\n        screen.queryByTestId(\"form-field-conditionalField\"),\n      ).not.toBeInTheDocument();\n    });\n  });\n\n  it.skip(\"shows the field if show function returns true\", async () => {\n    const fields: FormFieldConfig<any>[] = [\n      {\n        dependencies: [\"otherField\"],\n        label: \"Conditional Field\",\n        name: \"conditionalField\",\n        show: (values) => !values.otherField,\n        type: FormFieldType.TEXT,\n      },\n    ];\n\n    // Render with TestWrapper and get methods\n    render(\n      <TestWrapper>\n        {(methods) => {\n          // Set the value that makes show return true\n          methods.setValue(\"otherField\", false);\n          return <FormRenderer fields={fields} />;\n        }}\n      </TestWrapper>,\n    );\n\n    await waitFor(() => {\n      expect(\n        screen.getByTestId(\"form-field-conditionalField\"),\n      ).toBeInTheDocument();\n    });\n  });\n\n  it.skip(\"handles async show function\", async () => {\n    const fields: FormFieldConfig<any>[] = [\n      {\n        dependencies: [\"otherField\"],\n        label: \"Conditional Field\",\n        name: \"conditionalField\",\n        show: async (values) => {\n          await new Promise((resolve) => setTimeout(resolve, 50)); // Simulate async work\n          return values.otherField;\n        },\n        type: FormFieldType.TEXT,\n      },\n    ];\n\n    render(\n      <TestWrapper>\n        {(methods) => {\n          // Set the value that makes show return true after async\n          methods.setValue(\"otherField\", true);\n          return <FormRenderer fields={fields} />;\n        }}\n      </TestWrapper>,\n    );\n\n    // Should show spinner initially\n    expect(screen.getByTestId(\"spinner\")).toBeInTheDocument();\n    expect(\n      screen.queryByTestId(\"form-field-conditionalField\"),\n    ).not.toBeInTheDocument();\n\n    // Should show field after async resolves\n    await waitFor(() => {\n      expect(screen.queryByTestId(\"spinner\")).not.toBeInTheDocument();\n      expect(\n        screen.getByTestId(\"form-field-conditionalField\"),\n      ).toBeInTheDocument();\n    });\n  });\n\n  it(\"logs warning if component type is not registered and not CUSTOM\", () => {\n    const consoleSpy = vi.spyOn(console, \"warn\");\n    mockGetComponent.mockReturnValue(undefined); // Ensure it's not found\n\n    const fields: FormFieldConfig<any>[] = [\n      {\n        label: \"Unknown Field\",\n        name: \"unknownField\",\n        type: \"unknownType\" as FormFieldType,\n      },\n    ];\n\n    render(\n      <TestWrapper>\n        {(methods) => <FormRenderer fields={fields} />}\n      </TestWrapper>,\n    );\n\n    expect(consoleSpy).toHaveBeenCalledWith(\n      \"No component registered for form field type: unknownType\",\n    );\n    expect(\n      screen.queryByTestId(\"form-field-unknownField\"),\n    ).not.toBeInTheDocument();\n\n    consoleSpy.mockRestore();\n  });\n\n  it(\"does not render if adapter is not found (throws error)\", () => {\n    mockUseFormContext.mockReturnValue({\n      adapter: \"unknownAdapter\",\n      config: {},\n    });\n    const fields: FormFieldConfig<any>[] = [\n      { name: \"field1\", type: FormFieldType.TEXT },\n    ];\n\n    // This test does not use the TestWrapper, so no change needed here.\n    expect(() => render(<FormRenderer fields={fields} />)).toThrow(\n      'Form adapter \"unknownAdapter\" is not registered',\n    );\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/form/SchemaForm.d.ts

@@ -0,0 +1,18 @@
+import { FormConfig } from "./types.js";
+import { BaseRecord } from "@refinedev/core";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/form/SchemaForm.d.ts
+interface SchemaFormProps<TRequest extends FieldValues = FieldValues, TResponse extends BaseRecord = any> {
+  active?: boolean;
+  closeDialog?: () => void;
+  config: FormConfig<TRequest, TResponse>;
+}
+declare function SchemaForm<T extends FieldValues = FieldValues>({
+  active,
+  closeDialog,
+  config
+}: SchemaFormProps<T>): any;
+//#endregion
+export { SchemaForm, SchemaFormProps };
+//# sourceMappingURL=SchemaForm.d.ts.map