Refactor/e2e data test id and factory defaults

examples/react/src/basic-ui/components/ComponentRegistry.tsx

@@ -1,76 +1,10 @@
 import { createComponentSpec } from "@schepta/core";
 import { InputText } from "./Inputs/InputText";
-import { InputSelect } from "./Inputs/InputSelect";
-import { InputCheckbox } from "./Inputs/InputCheckbox";
-import { InputTextarea } from "./Inputs/InputTextarea";
-import { InputNumber } from "./Inputs/InputNumber";
-import { InputDate } from "./Inputs/InputDate";
-import { FormField } from "./Containers/FormField";
-import { FormSectionContainer } from "./Containers/FormSectionContainer";
-import { FormSectionTitle } from "./Containers/FormSectionTitle";
-import { FormSectionGroupContainer } from "./Containers/FormSectionGroupContainer";
-import { FormSectionGroup } from "./Containers/FormSectionGroup";
 
 export const components = {
   InputText: createComponentSpec({
     id: "InputText",
     type: "field",
     factory: (props, runtime) => InputText,
   }),
-  InputSelect: createComponentSpec({
-    id: "InputSelect",
-    type: "field",
-    factory: (props, runtime) => InputSelect,
-  }),
-  InputCheckbox: createComponentSpec({
-    id: "InputCheckbox",
-    type: "field",
-    factory: (props, runtime) => InputCheckbox,
-  }),
-  InputPhone: createComponentSpec({
-    id: "InputPhone",
-    type: "field",
-    factory: (props, runtime) => InputText,
-    defaultProps: { type: "tel" },
-  }),
-  InputTextarea: createComponentSpec({
-    id: "InputTextarea",
-    type: "field",
-    factory: (props, runtime) => InputTextarea,
-  }),
-  InputNumber: createComponentSpec({
-    id: "InputNumber",
-    type: "field",
-    factory: (props, runtime) => InputNumber,
-  }),
-  InputDate: createComponentSpec({
-    id: "InputDate",
-    type: "field",
-    factory: (props, runtime) => InputDate,
-  }),
-  FormField: createComponentSpec({
-    id: "FormField",
-    type: 'container',
-    factory: (props, runtime) => FormField,
-  }),
-  FormSectionContainer: createComponentSpec({
-    id: "FormSectionContainer",
-    type: "container",
-    factory: (props, runtime) => FormSectionContainer,
-  }),
-  FormSectionTitle: createComponentSpec({
-    id: "FormSectionTitle",
-    type: 'content',
-    factory: (props, runtime) => FormSectionTitle,
-  }),
-  FormSectionGroupContainer: createComponentSpec({
-    id: "FormSectionGroupContainer",
-    type: 'container',
-    factory: (props, runtime) => FormSectionGroupContainer,
-  }),
-  FormSectionGroup: createComponentSpec({
-    id: "FormSectionGroup",
-    type: 'container',
-    factory: (props, runtime) => FormSectionGroup,
-  }),
 };

examples/react/src/basic-ui/components/Forms/FormWithFormik.tsx

@@ -15,8 +15,6 @@ import {
 import { FormikFieldWrapper } from '../formik/FormikFieldWrapper';
 import { FormikFormContainer } from '../formik/FormikFormContainer';
 
-import { components } from '../ComponentRegistry';
-
 interface FormWithFormikProps {
   schema: FormSchema;
 }
@@ -43,7 +41,6 @@ export const FormWithFormik: React.FC<FormWithFormikProps> = ({ schema }) => {
       type: 'FormContainer',
       factory: () => FormikFormContainer,
     }),
-    ...components,
   }), []);
 
   const handleSubmit = (values: Record<string, any>) => {

examples/react/src/basic-ui/components/Forms/FormWithRHF.tsx

@@ -12,8 +12,6 @@ import { createComponentSpec, FormSchema } from '@schepta/core';
 import { RHFFormContainer } from '../rhf/RHFFormContainer';
 import { RHFFieldWrapper } from '../rhf/RHFFieldWrapper';
 
-import { components } from '../ComponentRegistry';
-
 interface FormWithRHFProps {
   schema: FormSchema;
 }
@@ -69,7 +67,7 @@ export const FormWithRHF: React.FC<FormWithRHFProps> = ({ schema }) => {
         </div>
         <FormFactory
           schema={schema}
-          components={{...components, ...rhfComponents}}
+          components={rhfComponents}
           onSubmit={handleSubmit}
           debug={true}
         />

examples/react/src/basic-ui/components/Inputs/InputText.tsx

@@ -1,7 +1,7 @@
 import type { InputTextProps } from '@schepta/factory-react';
 import React from "react";
 
-export const InputText: React.FC<InputTextProps> = ({ label, name, value, onChange, placeholder, ...rest }) => {
+export const InputText: React.FC<InputTextProps> = ({ label, name, value, onChange, placeholder, externalContext, ...rest }) => {
   return (
     <div style={{ marginBottom: "16px" }}>
       {label && (

examples/react/src/basic-ui/components/formik/FormikFormContainer.tsx

@@ -28,6 +28,7 @@ import { useSchepta } from "@schepta/adapter-react";
 export const FormikFormContainer: React.FC<FormContainerProps> = ({
   children,
   onSubmit,
+  ...props
 }) => {
   const { schema } = useSchepta();
   const { initialValues, validate } = useMemo(() => {
@@ -71,7 +72,7 @@ export const FormikFormContainer: React.FC<FormContainerProps> = ({
       onSubmit={handleSubmit}
     >
       {({ isSubmitting, errors, touched }) => (
-        <Form data-test-id="FormContainer">
+        <Form {...props}>
           {children}
           {onSubmit && (
             <div style={{ marginTop: "24px", textAlign: "right" }}>

examples/react/src/basic-ui/components/rhf/RHFFormContainer.tsx

@@ -40,6 +40,7 @@ import { useSchepta } from '@schepta/adapter-react';
 export const RHFFormContainer: React.FC<FormContainerProps> = ({
   children,
   onSubmit,
+  ...props
 }) => {
   const { schema } = useSchepta();
   const { jsonSchema, initialValues } = useMemo(() => 
@@ -68,7 +69,7 @@ export const RHFFormContainer: React.FC<FormContainerProps> = ({
 
     return (
         <FormProvider {...methods}>
-          <form data-test-id="FormContainer" onSubmit={handleFormSubmit}>
+          <form onSubmit={handleFormSubmit} {...props}>
             {children}
             {onSubmit && (
               <div style={{ marginTop: '24px', textAlign: 'right' }}>