@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1,184 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { useDialog } from "../dialog/Dialog.context.js";
+import { useIsFormDialog } from "../dialog/utils/dialogDetection.js";
+import { adapters, init_adapters } from "./adapters.js";
+import { FormProvider, init_context } from "./context.js";
+import { AdapterType, init_types, isStepFormConfig } from "./types.js";
+import { FormRenderer, init_FormRenderer } from "./FormRenderer.js";
+import { handleFormSubmission, init_core } from "./handlers/core.js";
+import { computeAutoSaveConfig, init_autoSave } from "./utils/autoSave.js";
+import { Environment } from "../shared/environment/builders.js";
+import { UnifiedFooter } from "../shared/UnifiedFooter.js";
+import { renderHeader } from "../shared/utils/renderHeader.js";
+import { useForceRerender } from "../shared/hooks/useForceRerender.js";
+import { init_components } from "../index.js";
+import { Form, cn } from "@lumeweb/portal-framework-ui-core";
+import { AutoSaveIndicator, useNotification } from "@refinedev/core";
+import React, { useEffect, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isElement, isValidElementType } from "react-is";
+
+//#region src/components/form/SchemaForm.tsx
+function SchemaForm({ active = true, closeDialog = () => void 0, config }) {
+	if (!active) return null;
+	const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();
+	const { open: openNotification } = useNotification();
+	const isInDialog = useIsFormDialog();
+	if (!config) throw new Error("SchemaForm requires a form config");
+	const shouldUseRefine = config.adapter === AdapterType.REFINE || config.refine || Boolean(config.refineCoreProps?.resource);
+	const adapterName = shouldUseRefine ? AdapterType.REFINE : config.adapter ?? AdapterType.RHF;
+	const adapter = adapters[adapterName];
+	const autoSaveConfig = computeAutoSaveConfig(config.autoSave);
+	const formInstance = adapter.useForm({
+		defaultValues: config.defaultValues,
+		refineCoreProps: {
+			...config.refineCoreProps,
+			action: config.action,
+			autoSave: autoSaveConfig,
+			errorNotification: config.errorNotification,
+			id: ["edit", "clone"].includes(config.action) ? config.id : void 0,
+			redirectOnSuccess: false,
+			resource: config.resource,
+			successNotification: config.successNotification
+		},
+		validationSchema: config.validationSchema
+	});
+	const autoSaveProps = shouldUseRefine ? "refineCore" in formInstance ? formInstance.refineCore.autoSaveProps : void 0 : void 0;
+	const isActiveDialog = !!(currentDialog?.formConfig && currentDialog.formConfig.formId === config.formId) && isInDialog;
+	useForceRerender(config.forceRerender);
+	useEffect(() => {
+		if (!setFormInstance) return;
+		if (isActiveDialog) setFormInstance(formInstance);
+		return () => {
+			try {
+				setFormInstance(void 0);
+			} catch {}
+		};
+	}, [
+		formInstance,
+		setFormInstance,
+		isActiveDialog
+	]);
+	const cConfig = { ...config };
+	if (cConfig.footerClassName === void 0) cConfig.footerClassName = defaultFooterCss;
+	if (cConfig.footerClassName === false) cConfig.footerClassName = void 0;
+	const finalConfig = useMemo(() => isActiveDialog ? {
+		...currentDialog,
+		formConfig: cConfig
+	} : cConfig, [
+		isActiveDialog,
+		currentDialog,
+		cConfig
+	]);
+	useForceRerender(config.forceRerender);
+	const isRefineWithAutosave = shouldUseRefine && autoSaveConfig?.enabled;
+	return /* @__PURE__ */ jsx(FormProvider, {
+		adapter: adapterName,
+		autoSave: autoSaveProps,
+		config: cConfig,
+		formInstance,
+		children: /* @__PURE__ */ jsx(Form, {
+			...formInstance,
+			children: /* @__PURE__ */ jsxs("form", {
+				className: cn(cConfig.formClassName, {
+					"flex flex-col space-y-4": cConfig.layout === "vertical" || !cConfig.layout,
+					"flex flex-row items-end gap-4": cConfig.layout === "horizontal",
+					"grid gap-4": cConfig.layout === "grid",
+					"space-y-4": cConfig.layout !== "grid"
+				}),
+				onSubmit: formInstance.handleSubmit(async () => {
+					await handleFormSubmission({
+						closeDialog,
+						config: cConfig,
+						currentDialog,
+						formMethods: formInstance,
+						isStep: isStepFormConfig(cConfig),
+						onError: async (error) => {
+							if (adapterName !== "refine" && cConfig.errorNotification) {
+								const notification = typeof cConfig.errorNotification === "function" ? cConfig.errorNotification(error) : cConfig.errorNotification;
+								openNotification?.(notification);
+							}
+						},
+						onSubmit: async (data) => adapter.submitHandler(cConfig, formInstance)
+					});
+				}),
+				children: [
+					renderHeader({
+						actions: cConfig.actions,
+						className: "form-header",
+						description: cConfig.description,
+						header: cConfig.header,
+						isDialog: isActiveDialog,
+						title: cConfig.title,
+						unifiedHeaderConfig: cConfig
+					}),
+					/* @__PURE__ */ jsx(FormRenderer, {
+						fields: cConfig.fields,
+						groups: cConfig.groups
+					}),
+					renderFooter(cConfig.footer, {
+						className: cConfig.footerClassName,
+						closeDialog,
+						config: finalConfig,
+						formMethods: formInstance
+					}, isActiveDialog, currentDialog),
+					isRefineWithAutosave && /* @__PURE__ */ jsx(AutoSaveIndicator, {
+						...autoSaveProps,
+						elements: cConfig.autoSaveStates
+					})
+				]
+			})
+		})
+	});
+}
+function renderFooter(footerConfig, footerProps, isInDialog, currentDialog) {
+	if (footerConfig === void 0) {
+		const { config, formMethods, closeDialog } = footerProps;
+		const isSubmitting = formMethods?.formState?.isSubmitting || false;
+		const footerEnvironment$1 = Environment.footer();
+		if (isInDialog) footerEnvironment$1.dialog({
+			dialogConfig: currentDialog,
+			onClose: config.onCancel || closeDialog
+		});
+		else footerEnvironment$1.standalone();
+		footerEnvironment$1.simpleForm({
+			isSubmitting,
+			methods: formMethods
+		});
+		return /* @__PURE__ */ jsx(UnifiedFooter, {
+			className: footerProps.className,
+			config: { ...config },
+			environment: footerEnvironment$1.build()
+		});
+	}
+	if (footerConfig === false) return null;
+	if (isElement(footerConfig) || isValidElementType(footerConfig)) {
+		if (isElement(footerConfig)) return footerConfig;
+		if (isValidElementType(footerConfig)) return /* @__PURE__ */ jsx(footerConfig, { ...footerProps });
+	}
+	const footerEnvironment = Environment.footer().standalone().simpleForm({
+		isSubmitting: footerProps.formMethods?.formState?.isSubmitting || false,
+		methods: footerProps.formMethods
+	}).build();
+	return /* @__PURE__ */ jsx(UnifiedFooter, {
+		className: footerProps.className,
+		config: footerProps.config,
+		environment: footerEnvironment
+	});
+}
+var defaultFooterCss;
+var init_SchemaForm = __esmMin(() => {
+	init_components();
+	init_adapters();
+	init_context();
+	init_FormRenderer();
+	init_core();
+	init_types();
+	init_autoSave();
+	defaultFooterCss = "pt-4 mt-4 border-t";
+});
+
+//#endregion
+init_SchemaForm();
+export { SchemaForm, init_SchemaForm };
+//# sourceMappingURL=SchemaForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaForm.js","names":["AdapterFormProvider","footerEnvironment"],"sources":["../../../../src/components/form/SchemaForm.tsx"],"sourcesContent":["import type { DefaultValues, FieldValues } from \"react-hook-form\";\n\nimport {\n  Form as AdapterFormProvider,\n  cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport {\n  AutoSaveIndicator,\n  BaseRecord,\n  type FormAction,\n  useNotification,\n} from \"@refinedev/core\";\nimport React, { useEffect, useMemo } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { createFormActions } from \"@/components\";\nimport { DialogConfig, FormDialogConfig, useDialog } from \"@/components\";\nimport { useIsFormDialog } from \"@/components\";\nimport { Environment, renderHeader, UnifiedFooter } from \"@/components\";\nimport { adapters, FormAdapter, UnifiedFormReturnType } from \"./adapters\";\nimport { FormProvider } from \"./context\";\nimport { FormRenderer } from \"./FormRenderer\";\nimport { handleFormSubmission } from \"./handlers/core\";\nimport { AdapterType, type FormConfig, isStepFormConfig } from \"./types\";\nimport { computeAutoSaveConfig } from \"./utils/autoSave\";\nimport { useForceRerender as useSharedForceRerender } from \"@/components\";\n\nconst defaultFooterCss = \"pt-4 mt-4 border-t\";\n\nexport interface SchemaFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  active?: boolean;\n  closeDialog?: () => void;\n  config: FormConfig<TRequest, TResponse>;\n}\n\nexport function SchemaForm<T extends FieldValues = FieldValues>({\n  active = true,\n  closeDialog = () => void 0,\n  config,\n}: SchemaFormProps<T>) {\n  if (!active) {\n    return null;\n  }\n\n  const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();\n  const { open: openNotification } = useNotification();\n  const isInDialog = useIsFormDialog();\n\n  if (!config) throw new Error(\"SchemaForm requires a form config\");\n\n  // Determine adapter - prioritize explicit config, then refine resource presence\n  const shouldUseRefine =\n    config.adapter === AdapterType.REFINE ||\n    config.refine ||\n    Boolean(config.refineCoreProps?.resource);\n  const adapterName = shouldUseRefine\n    ? AdapterType.REFINE\n    : (config.adapter ?? AdapterType.RHF);\n  const adapter = adapters[adapterName] as FormAdapter<T>;\n\n  const autoSaveConfig = computeAutoSaveConfig(config.autoSave);\n\n  const formInstance = adapter.useForm({\n    defaultValues: config.defaultValues as DefaultValues<T>,\n    refineCoreProps: {\n      ...config.refineCoreProps,\n      action: config.action,\n      autoSave: autoSaveConfig,\n      errorNotification: config.errorNotification,\n      id: ([\"edit\", \"clone\"] as FormAction[]).includes(config.action!)\n        ? config.id\n        : undefined,\n      redirectOnSuccess: false,\n      resource: config.resource,\n      successNotification: config.successNotification,\n    },\n    validationSchema: config.validationSchema,\n  });\n\n  const autoSaveProps = shouldUseRefine\n    ? \"refineCore\" in formInstance\n      ? formInstance.refineCore.autoSaveProps\n      : undefined\n    : undefined;\n\n  const isActiveDialog =\n    !!(\n      currentDialog?.formConfig &&\n      currentDialog.formConfig.formId === config.formId\n    ) && isInDialog;\n\n  // Implement forceRerender mechanism\n  useSharedForceRerender(config.forceRerender);\n\n  useEffect(() => {\n    if (!setFormInstance) return;\n    if (isActiveDialog) {\n      setFormInstance(formInstance);\n    }\n    return () => {\n      // clear on unmount or when dialog closes\n      try {\n        setFormInstance(undefined as any);\n      } catch {}\n    };\n  }, [formInstance, setFormInstance, isActiveDialog]);\n\n  const cConfig = { ...config };\n\n  if (cConfig.footerClassName === undefined) {\n    cConfig.footerClassName = defaultFooterCss;\n  }\n\n  if (cConfig.footerClassName === false) {\n    cConfig.footerClassName = undefined;\n  }\n\n  const finalConfig: FormConfig<T> | FormDialogConfig<T> = useMemo(\n    () =>\n      isActiveDialog ? { ...currentDialog!, formConfig: cConfig } : cConfig,\n    [isActiveDialog, currentDialog, cConfig],\n  );\n\n  // Implement forceRerender mechanism\n  useSharedForceRerender(config.forceRerender);\n\n  const isRefineWithAutosave = shouldUseRefine && autoSaveConfig?.enabled;\n\n  return (\n    <FormProvider<T>\n      adapter={adapterName}\n      autoSave={autoSaveProps}\n      config={cConfig}\n      formInstance={formInstance}>\n      <AdapterFormProvider\n        {...(formInstance as unknown as UnifiedFormReturnType<FieldValues>)}>\n        <form\n          className={cn(cConfig.formClassName, {\n            \"flex flex-col space-y-4\":\n              cConfig.layout === \"vertical\" || !cConfig.layout,\n            \"flex flex-row items-end gap-4\": cConfig.layout === \"horizontal\",\n            \"grid gap-4\": cConfig.layout === \"grid\",\n            \"space-y-4\": cConfig.layout !== \"grid\",\n          })}\n          onSubmit={formInstance.handleSubmit(async () => {\n            await handleFormSubmission({\n              closeDialog,\n              config: cConfig,\n              currentDialog,\n              formMethods: formInstance,\n              isStep: isStepFormConfig(cConfig),\n              onError: async (error) => {\n                if (adapterName !== \"refine\" && cConfig.errorNotification) {\n                  const notification =\n                    typeof cConfig.errorNotification === \"function\"\n                      ? cConfig.errorNotification(error)\n                      : cConfig.errorNotification;\n                  openNotification?.(notification);\n                }\n              },\n              onSubmit: async (data) =>\n                adapter.submitHandler(cConfig, formInstance),\n            });\n          })}>\n          {renderHeader({\n            actions: cConfig.actions,\n            className: \"form-header\",\n            description: cConfig.description,\n            header: cConfig.header,\n            isDialog: isActiveDialog,\n            title: cConfig.title,\n            unifiedHeaderConfig: cConfig,\n          })}\n          <FormRenderer fields={cConfig.fields} groups={cConfig.groups} />\n          {renderFooter(\n            cConfig.footer,\n            {\n              className: cConfig.footerClassName,\n              closeDialog,\n              config: finalConfig,\n              formMethods: formInstance,\n            },\n            isActiveDialog,\n            currentDialog,\n          )}\n          {isRefineWithAutosave && (\n            <AutoSaveIndicator\n              {...autoSaveProps!}\n              elements={cConfig.autoSaveStates}\n            />\n          )}\n        </form>\n      </AdapterFormProvider>\n    </FormProvider>\n  );\n}\n\n// Helper function to render footer based on configuration\nfunction renderFooter(\n  footerConfig: any,\n  footerProps: any,\n  isInDialog: boolean,\n  currentDialog?: DialogConfig,\n): React.ReactNode {\n  // If footer is undefined, check if we're in a dialog context\n  if (footerConfig === undefined) {\n    const { config, formMethods, closeDialog } = footerProps;\n    const isSubmitting = formMethods?.formState?.isSubmitting || false;\n\n    const footerEnvironment = Environment.footer();\n\n    if (isInDialog) {\n      footerEnvironment.dialog({\n        dialogConfig: currentDialog,\n        onClose: config.onCancel || closeDialog,\n      });\n    } else {\n      footerEnvironment.standalone();\n    }\n    footerEnvironment.simpleForm({\n      isSubmitting,\n      methods: formMethods,\n    });\n\n    return (\n      <UnifiedFooter\n        className={footerProps.className}\n        config={{ ...config }}\n        environment={footerEnvironment.build()}\n      />\n    );\n  }\n\n  // If footer is false, render nothing\n  if (footerConfig === false) {\n    return null;\n  }\n\n  // If footer is a React element or functional component, render it\n  if (isElement(footerConfig) || isValidElementType(footerConfig)) {\n    // If it's a valid element, render it directly\n    if (isElement(footerConfig)) {\n      return footerConfig;\n    }\n    // If it's a valid component type, instantiate it with footerProps\n    if (isValidElementType(footerConfig)) {\n      const FooterComponent = footerConfig as React.ComponentType<any>;\n      return <FooterComponent {...footerProps} />;\n    }\n  }\n\n  // For any other case, render default unified footer\n  const footerEnvironment = Environment.footer()\n    .standalone()\n    .simpleForm({\n      isSubmitting: footerProps.formMethods?.formState?.isSubmitting || false,\n      methods: footerProps.formMethods,\n    })\n    .build();\n  return (\n    <UnifiedFooter\n      className={footerProps.className}\n      config={footerProps.config}\n      environment={footerEnvironment}\n    />\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,436 @@
+import { DialogTypes, init_Dialog_types } from "../dialog/Dialog.types.js";
+import { useDialog } from "../dialog/Dialog.context.js";
+import { init_dialog } from "../dialog/index.js";
+import { adapters, init_adapters } from "./adapters.js";
+import { FormProvider as FormProvider$1, init_context } from "./context.js";
+import { SchemaForm, init_SchemaForm } from "./SchemaForm.js";
+import { useNotification } from "@refinedev/core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { FormProvider } from "react-hook-form";
+import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
+
+//#region src/components/form/SchemaForm.spec.tsx
+init_dialog();
+init_Dialog_types();
+init_adapters();
+init_context();
+init_SchemaForm();
+vi.mock("./FormRenderer", () => ({ FormRenderer: vi.fn(({ fields }) => /* @__PURE__ */ jsx("div", {
+	"data-testid": "mock-form-renderer",
+	children: fields.map((field) => /* @__PURE__ */ jsx("div", { children: field.label }, field.name))
+})) }));
+vi.mock("../dialog", () => ({ useDialog: vi.fn() }));
+vi.mock("@refinedev/core", () => ({
+	BaseRecord: {},
+	useNotification: vi.fn()
+}));
+vi.mock("./adapters", () => ({ adapters: {
+	refine: {
+		Controller: vi.fn(),
+		FormProvider: ({ children }) => /* @__PURE__ */ jsx(FormProvider, { children }),
+		submitHandler: vi.fn(),
+		useForm: vi.fn()
+	},
+	rhf: {
+		Controller: vi.fn(),
+		FormProvider: ({ children }) => /* @__PURE__ */ jsx(FormProvider, { children }),
+		submitHandler: vi.fn(),
+		useForm: vi.fn()
+	}
+} }));
+vi.mock("./context", () => ({
+	FormProvider: vi.fn(({ adapter, children, config }) => /* @__PURE__ */ jsx("div", {
+		"data-testid": `mock-form-provider-${adapter}`,
+		children
+	})),
+	useFormContext: vi.fn()
+}));
+vi.mock("../actions", () => ({ ActionListRenderer: vi.fn(({ actions }) => /* @__PURE__ */ jsx("div", {
+	"data-testid": "mock-action-list-renderer",
+	children: actions.map((action) => /* @__PURE__ */ jsx("button", { children: action.label }, action.label))
+})) }));
+vi.mock("@lumeweb/portal-framework-ui-core", async (importOriginal) => {
+	return {
+		...await importOriginal(),
+		cn: vi.fn((...classes) => classes.join(" "))
+	};
+});
+const createMockFormMethods = () => ({
+	control: {},
+	formState: { isSubmitting: false },
+	getValues: vi.fn(() => ({})),
+	handleSubmit: vi.fn((onSubmit) => (e) => {
+		e?.preventDefault();
+		return onSubmit({});
+	}),
+	trigger: vi.fn(),
+	watch: vi.fn(() => ({ unsubscribe: vi.fn() }))
+});
+const mockUseDialog = useDialog;
+const mockUseNotification = useNotification;
+const mockAdapters = adapters;
+const mockCustomFormProvider = FormProvider$1;
+describe("SchemaForm", () => {
+	const mockCloseDialog = vi.fn();
+	const mockOpenNotification = vi.fn();
+	const mockSetFormMethods = vi.fn();
+	let mockFormMethods;
+	beforeEach(() => {
+		vi.clearAllMocks();
+		mockFormMethods = createMockFormMethods();
+		mockUseDialog.mockReturnValue({
+			currentDialog: {
+				onSuccess: vi.fn(),
+				type: DialogTypes.FORM
+			},
+			setFormMethods: mockSetFormMethods
+		});
+		mockUseNotification.mockReturnValue({ open: mockOpenNotification });
+		mockAdapters.rhf.useForm.mockReturnValue(mockFormMethods);
+		mockAdapters.refine.useForm.mockReturnValue({
+			...mockFormMethods,
+			refineCore: { onFinish: vi.fn().mockResolvedValue({}) }
+		});
+		mockAdapters.rhf.submitHandler.mockResolvedValue({});
+		mockAdapters.refine.submitHandler.mockResolvedValue({});
+	});
+	afterEach(() => {
+		cleanup();
+		vi.clearAllMocks();
+		vi.resetAllMocks();
+		vi.restoreAllMocks();
+	});
+	const mockConfig = {
+		actionButtons: [{
+			action: "submit",
+			label: "Save"
+		}],
+		fields: [{
+			label: "Field 1",
+			name: "field1"
+		}],
+		onError: vi.fn(),
+		onSubmit: vi.fn().mockResolvedValue({}),
+		onSuccess: vi.fn()
+	};
+	it("throws error if config is missing", () => {
+		expect(() => render(/* @__PURE__ */ jsx(SchemaForm, {}))).toThrow("SchemaForm requires a form config");
+	});
+	it("renders the form with default RHF adapter", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: mockConfig
+		}));
+		expect(mockAdapters.rhf.useForm).toHaveBeenCalledTimes(1);
+		expect(mockAdapters.refine.useForm).not.toHaveBeenCalled();
+		expect(mockCustomFormProvider).toHaveBeenCalledWith(expect.objectContaining({ adapter: "rhf" }), {});
+		expect(screen.getByTestId("mock-rhf-provider")).toBeInTheDocument();
+		expect(screen.getByTestId("mock-form-renderer")).toBeInTheDocument();
+		expect(screen.getByTestId("mock-action-list-renderer")).toBeInTheDocument();
+		expect(screen.getByRole("button", { name: /Save/i })).toBeInTheDocument();
+	});
+	it("uses refine adapter if config.adapter is \"refine\"", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				adapter: "refine"
+			}
+		}));
+		expect(mockAdapters.refine.useForm).toHaveBeenCalledTimes(1);
+		expect(mockAdapters.rhf.useForm).not.toHaveBeenCalled();
+		expect(mockCustomFormProvider).toHaveBeenCalledWith(expect.objectContaining({ adapter: "refine" }), {});
+		expect(screen.getByTestId("mock-refine-provider")).toBeInTheDocument();
+	});
+	it("uses refine adapter if config.refine is true", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				refine: true
+			}
+		}));
+		expect(mockAdapters.refine.useForm).toHaveBeenCalledTimes(1);
+		expect(mockAdapters.rhf.useForm).not.toHaveBeenCalled();
+		expect(mockCustomFormProvider).toHaveBeenCalledWith(expect.objectContaining({ adapter: "refine" }), {});
+		expect(screen.getByTestId("mock-refine-provider")).toBeInTheDocument();
+	});
+	it("uses refine adapter if config.refineCoreProps.resource is present", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				refineCoreProps: { resource: "posts" }
+			}
+		}));
+		expect(mockAdapters.refine.useForm).toHaveBeenCalledTimes(1);
+		expect(mockAdapters.rhf.useForm).not.toHaveBeenCalled();
+		expect(mockCustomFormProvider).toHaveBeenCalledWith(expect.objectContaining({ adapter: "refine" }), {});
+		expect(screen.getByTestId("mock-refine-provider")).toBeInTheDocument();
+	});
+	it("calls setFormMethods with the form methods", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: mockConfig
+		}));
+		expect(mockSetFormMethods).toHaveBeenCalledWith(mockFormMethods);
+	});
+	it("calls adapter submitHandler on form submission", async () => {
+		mockAdapters.rhf.submitHandler.mockResolvedValue({
+			id: 1,
+			name: "test"
+		});
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: mockConfig
+		}));
+		const form = screen.getByTestId("mock-rhf-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockFormMethods.handleSubmit).toHaveBeenCalledTimes(1);
+			expect(mockAdapters.rhf.submitHandler).toHaveBeenCalledWith(mockConfig, mockFormMethods);
+		});
+	});
+	it("calls onSuccess callback on successful submission", async () => {
+		const submitResult = {
+			id: 1,
+			name: "test"
+		};
+		mockAdapters.rhf.submitHandler.mockResolvedValue(submitResult);
+		const mockOnSuccess = vi.fn();
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				onSuccess: mockOnSuccess
+			}
+		}));
+		const form = screen.getByTestId("mock-rhf-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockOnSuccess).toHaveBeenCalledWith(submitResult, mockFormMethods.getValues());
+		});
+	});
+	it("calls dialog onSuccess callback if dialog type is form", async () => {
+		const submitResult = {
+			id: 1,
+			name: "test"
+		};
+		mockAdapters.rhf.submitHandler.mockResolvedValue(submitResult);
+		const mockDialogOnSuccess = vi.fn();
+		mockUseDialog.mockReturnValue({
+			currentDialog: {
+				onSuccess: mockDialogOnSuccess,
+				type: DialogTypes.FORM
+			},
+			setFormMethods: mockSetFormMethods
+		});
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: mockConfig
+		}));
+		const form = screen.getByTestId("mock-rhf-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockDialogOnSuccess).toHaveBeenCalledWith(submitResult, mockFormMethods.getValues());
+		});
+	});
+	it("closes dialog on successful submission by default", async () => {
+		mockAdapters.rhf.submitHandler.mockResolvedValue({});
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: mockConfig
+		}));
+		const form = screen.getByTestId("mock-rhf-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockCloseDialog).toHaveBeenCalledTimes(1);
+		});
+	});
+	it("does not close dialog on successful submission if closeOnSubmit is false", async () => {
+		mockAdapters.rhf.submitHandler.mockResolvedValue({});
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				closeOnSubmit: false
+			}
+		}));
+		const form = screen.getByTestId("mock-rhf-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockAdapters.rhf.submitHandler).toHaveBeenCalled();
+		});
+		await new Promise((resolve) => setTimeout(resolve, 150));
+		expect(mockCloseDialog).not.toHaveBeenCalled();
+	});
+	it("calls onError callback on submission error", async () => {
+		const submitError = /* @__PURE__ */ new Error("Submission failed");
+		mockAdapters.rhf.submitHandler.mockRejectedValue(submitError);
+		const mockOnError = vi.fn();
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				onError: mockOnError
+			}
+		}));
+		const form = screen.getByTestId("mock-rhf-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockOnError).toHaveBeenCalledWith(submitError);
+		});
+	});
+	it("opens notification on submission error for non-refine adapter if errorNotification is configured", async () => {
+		const submitError = /* @__PURE__ */ new Error("Submission failed");
+		mockAdapters.rhf.submitHandler.mockRejectedValue(submitError);
+		const mockErrorNotification = vi.fn(() => ({
+			message: "Failed",
+			type: "error"
+		}));
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				errorNotification: mockErrorNotification
+			}
+		}));
+		const form = screen.getByTestId("mock-rhf-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockErrorNotification).toHaveBeenCalledWith(submitError);
+			expect(mockOpenNotification).toHaveBeenCalledWith({
+				message: "Failed",
+				type: "error"
+			});
+		});
+	});
+	it("does not open notification for refine adapter errors (refine handles its own)", async () => {
+		const submitError = /* @__PURE__ */ new Error("Submission failed");
+		mockAdapters.refine.submitHandler.mockRejectedValue(submitError);
+		const mockErrorNotification = vi.fn(() => ({
+			message: "Failed",
+			type: "error"
+		}));
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				adapter: "refine",
+				errorNotification: mockErrorNotification
+			}
+		}));
+		const form = screen.getByTestId("mock-refine-provider").closest("form");
+		fireEvent.submit(form);
+		await waitFor(() => {
+			expect(mockAdapters.refine.submitHandler).toHaveBeenCalled();
+		});
+		expect(mockErrorNotification).not.toHaveBeenCalled();
+		expect(mockOpenNotification).not.toHaveBeenCalled();
+	});
+	it("renders custom footer if provided as a function", () => {
+		const mockFooter = vi.fn(() => /* @__PURE__ */ jsx("div", {
+			"data-testid": "custom-footer",
+			children: "Custom Footer"
+		}));
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				footer: mockFooter
+			}
+		}));
+		expect(screen.getByTestId("custom-footer")).toBeInTheDocument();
+		expect(mockFooter).toHaveBeenCalledWith(mockFormMethods, mockCloseDialog);
+		expect(screen.queryByTestId("mock-action-list-renderer")).not.toBeInTheDocument();
+	});
+	it("renders custom footer if provided as ReactNode", () => {
+		const customFooterNode = /* @__PURE__ */ jsx("div", {
+			"data-testid": "custom-footer-node",
+			children: "Custom Footer Node"
+		});
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				footer: customFooterNode
+			}
+		}));
+		expect(screen.getByTestId("custom-footer-node")).toBeInTheDocument();
+		expect(screen.queryByTestId("mock-action-list-renderer")).not.toBeInTheDocument();
+	});
+	it("renders action buttons if footer is not provided", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				footer: void 0
+			}
+		}));
+		expect(screen.getByTestId("mock-action-list-renderer")).toBeInTheDocument();
+		expect(screen.getByRole("button", { name: /Save/i })).toBeInTheDocument();
+	});
+	it("renders action buttons if footer is an empty array", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				footer: []
+			}
+		}));
+		expect(screen.getByTestId("mock-action-list-renderer")).toBeInTheDocument();
+		expect(screen.getByRole("button", { name: /Save/i })).toBeInTheDocument();
+	});
+	it("passes actionButtons from config to ActionListRenderer", () => {
+		const actions = [{
+			action: "custom",
+			label: "Action 1"
+		}, {
+			action: "cancel",
+			label: "Action 2"
+		}];
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				actionButtons: actions,
+				footer: void 0
+			}
+		}));
+		expect(screen.getByTestId("mock-action-list-renderer")).toBeInTheDocument();
+		expect(screen.getByRole("button", { name: /Action 1/i })).toBeInTheDocument();
+		expect(screen.getByRole("button", { name: /Action 2/i })).toBeInTheDocument();
+	});
+	it("passes actionButtonsLayout from config to ActionListRenderer", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				actionButtonsLayout: "vertical",
+				footer: void 0
+			}
+		}));
+		expect(screen.getByTestId("mock-action-list-renderer")).toBeInTheDocument();
+		expect(screen.getByTestId("mock-action-list-renderer")).toHaveAttribute("layout", "vertical");
+	});
+	it("applies formClassName and layout classes", () => {
+		render(/* @__PURE__ */ jsx(SchemaForm, {
+			closeDialog: mockCloseDialog,
+			config: {
+				...mockConfig,
+				formClassName: "extra-class",
+				layout: "grid"
+			}
+		}));
+		const formElement = screen.getByTestId("mock-rhf-provider").closest("form");
+		expect(formElement).toHaveClass("space-y-4");
+		expect(formElement).toHaveClass("extra-class");
+		expect(formElement).toHaveClass("grid");
+		expect(formElement).toHaveClass("gap-4");
+	});
+});
+
+//#endregion
+//# sourceMappingURL=SchemaForm.spec.js.map