@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/form/FormRenderer.cjs

@@ -0,0 +1,197 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_form_adapters = require('./adapters.cjs');
+const require_components_form_context = require('./context.cjs');
+const require_components_form_fields_registry = require('./fields/registry.cjs');
+const require_components_form_fields_types = require('./fields/types.cjs');
+const require_components_form_fields_index = require('./fields/index.cjs');
+const require_components_form_FormGroup = require('./FormGroup.cjs');
+const require_components_form_autocomplete_rules = require('./autocomplete/rules.cjs');
+const require_components_form_autocomplete_index = require('./autocomplete/index.cjs');
+const require_components_form_StepControlContext = require('./StepControlContext.cjs');
+const require_components_form_types = require('./types.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");
+let react_hook_form = require("react-hook-form");
+let lodash_get = require("lodash/get");
+
+//#region src/components/form/FormRenderer.tsx
+function FormRenderer({ fields = [], groups = [] }) {
+	const { groupedFields, ungroupedFields } = react.default.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 } = require_components_form_context.useFormContext();
+	if (!require_components_form_adapters.adapters[adapterName]) throw new Error(`Form adapter "${String(adapterName)}" is not registered`);
+	const groupOrder = config.groupOrder ?? require_components_form_types.GroupOrder.UNGROUPED_FIRST;
+	const renderGroups = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: groups?.map((group) => {
+		const groupFields = groupedFields[group.id];
+		if (!groupFields?.length) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_FormGroup.FormGroup, {
+			className: group.className,
+			description: group.description,
+			title: group.title,
+			children: groupFields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRenderer, { field }, field.name))
+		}, group.id);
+	}) });
+	const renderUngrouped = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: ungroupedFields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRenderer, { field }, field.name)) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: groupOrder === require_components_form_types.GroupOrder.GROUPS_FIRST ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderGroups(), renderUngrouped()] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderUngrouped(), renderGroups()] }) });
+}
+function FieldRenderer({ field }) {
+	const rhfMethods = (0, react_hook_form.useFormContext)();
+	const { control, getValues, watch } = rhfMethods;
+	const [isVisible, setIsVisible] = (0, react.useState)(true);
+	const [isLoading, setIsLoading] = (0, react.useState)(false);
+	const { config: formConfig } = require_components_form_context.useFormContext();
+	const dependencies = (0, react.useMemo)(() => field.dependencies || [], [field.dependencies]);
+	const autoCompleteValue = (0, react.useMemo)(() => getFieldAutocompleteValue(field, formConfig?.action), [field, formConfig?.action]);
+	(0, react.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 = (0, lodash_get.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__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.FormItem, {
+		className: (0, _lumeweb_portal_framework_ui_core.cn)(field.className, field.itemClassName),
+		children: [
+			field.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.FormLabel, { children: field.label }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.FormControl, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex h-14 items-center justify-center",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Spinner, { size: "small" })
+			}) }),
+			field.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.FormDescription, { children: field.description })
+		]
+	});
+	if (!isVisible) return null;
+	const componentEntry = require_components_form_fields_registry.getFormComponent(field.type);
+	const RegisteredComponent = componentEntry?.component;
+	if (!componentEntry && field.type !== require_components_form_fields_types.FormFieldType.CUSTOM) {
+		console.warn(`No component registered for form field type: ${field.type}`);
+		return null;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.FormField, {
+		control,
+		name: field.name,
+		render: ({ field: formFieldRenderProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.FormItem, {
+			className: (0, _lumeweb_portal_framework_ui_core.cn)(field.className, field.itemClassName),
+			children: [
+				field.label && !componentEntry?.handlesLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.FormLabel, {
+					className: field.labelClassName,
+					children: [field.label, field.required && isVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-destructive",
+						children: "*"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.FormControl, { children: RegisteredComponent ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(field.component, {
+					...formFieldRenderProps,
+					formMethods: rhfMethods,
+					stepEnvironment: require_components_form_StepControlContext.useOptionalStepControlContext() ? {
+						current: require_components_form_StepControlContext.useOptionalStepControlContext()?.currentStep || 0,
+						isFirst: require_components_form_StepControlContext.useOptionalStepControlContext()?.isFirstStep || false,
+						isLast: require_components_form_StepControlContext.useOptionalStepControlContext()?.isLastStep || false,
+						jumpTo: require_components_form_StepControlContext.useOptionalStepControlContext()?.jumpTo,
+						onNext: require_components_form_StepControlContext.useOptionalStepControlContext()?.handleNext,
+						onPrevious: require_components_form_StepControlContext.useOptionalStepControlContext()?.handlePrevious,
+						onRetry: require_components_form_StepControlContext.useOptionalStepControlContext()?.handleRetry,
+						retryCount: require_components_form_StepControlContext.useOptionalStepControlContext()?.retryCount || 0,
+						total: require_components_form_StepControlContext.useOptionalStepControlContext()?.totalSteps || 0
+					} : void 0
+				}) : null }),
+				field.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.FormDescription, { children: field.description }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.FormMessage, {})
+			]
+		})
+	}, field.name);
+}
+function getFieldAutocompleteValue(field, formPurpose) {
+	return field.autocomplete ?? require_components_form_autocomplete_rules.getAutocompleteValue(field, { formPurpose }) ?? field.inputProps?.autocomplete;
+}
+var init_FormRenderer = require_rolldown_runtime.__esmMin((() => {
+	require_components_form_adapters.init_adapters();
+	require_components_form_autocomplete_index.init_autocomplete();
+	require_components_form_context.init_context();
+	require_components_form_fields_index.init_fields();
+	require_components_form_FormGroup.init_FormGroup();
+	require_components_form_StepControlContext.init_StepControlContext();
+	require_components_form_types.init_types();
+}));
+
+//#endregion
+init_FormRenderer();
+exports.FormRenderer = FormRenderer;
+Object.defineProperty(exports, 'init_FormRenderer', {
+  enumerable: true,
+  get: function () {
+    return init_FormRenderer;
+  }
+});
+//# sourceMappingURL=FormRenderer.cjs.map

package/dist/cjs/components/form/FormRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRenderer.cjs","names":["React","useFormContext","adapters","GroupOrder","FormGroup","FormItem","FormLabel","FormControl","Spinner","FormDescription","getFormComponent","FormFieldType","FormField","useOptionalStepControlContext","FormMessage","getAutocompleteValue"],"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/cjs/components/form/FormRenderer.d.cts

@@ -0,0 +1,14 @@
+import { FormFieldConfig, FormGroupType } from "./types.cjs";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/form/FormRenderer.d.ts
+declare function FormRenderer<TRequest extends FieldValues = FieldValues>({
+  fields,
+  groups
+}: {
+  fields?: FormFieldConfig<TRequest>[];
+  groups?: FormGroupType[];
+}): any;
+//#endregion
+export { FormRenderer };
+//# sourceMappingURL=FormRenderer.d.cts.map

package/dist/cjs/components/form/FormRenderer.spec.cjs

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

package/dist/cjs/components/form/FormRenderer.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRenderer.spec.cjs","names":["vi","useFormContext","getFormComponent","RHFFormProvider","FormFieldType","FormRenderer","screen"],"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/cjs/components/form/FormRenderer.spec.d.cts

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