1714: Adds component matcher file

Author: Ruben van Leeuwen

frontend/packages/pydantic-forms/src/components/componentMatcher.tsx

@@ -0,0 +1,36 @@
+import { TextField } from '@/components/fields';
+import { getMatcher } from '@/core/helper';
+import type {
+    ElementMatch,
+    Properties,
+    PydanticFormComponents,
+    PydanticFormsContextConfig,
+} from '@/types';
+
+export const componentMatcher = (
+    properties: Properties,
+    customComponentMatcher: PydanticFormsContextConfig['componentMatcher'],
+): PydanticFormComponents => {
+    const matcher = getMatcher(customComponentMatcher);
+
+    const components: PydanticFormComponents = Object.entries(properties).map(
+        ([, pydanticFormField]) => {
+            const matchedComponent = matcher(pydanticFormField);
+
+            const ElementMatch: ElementMatch = matchedComponent
+                ? matchedComponent.ElementMatch
+                : {
+                      Element: TextField,
+                      isControlledElement: true,
+                  };
+
+            // Defaults to textField when there are no matches
+            return {
+                Element: ElementMatch,
+                pydanticFormField: pydanticFormField,
+            };
+        },
+    );
+
+    return components;
+};