@lumeweb/portal-framework-ui 0.1.0 → 0.1.2

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

@@ -1,197 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1,227 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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