fix(common): relax base typings

Author: Hyperkid123

packages/common/package.json

@@ -20,7 +20,7 @@
   },
   "devDependencies": {},
   "dependencies": {
-    "@data-driven-forms/react-form-renderer": "^4.1.8",
+    "@data-driven-forms/react-form-renderer": "^4.1.10",
     "clsx": "^1.0.4",
     "lodash": "^4.17.23"
   },

packages/common/src/form-template/form-template.tsx

@@ -5,8 +5,8 @@ import { useFormApi, FormSpy, AnyObject } from '@data-driven-forms/react-form-re
 interface FormTemplateRenderProps extends AnyObject {
   formFields: React.ReactNode[];
   schema: {
-    title?: string;
-    description?: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
     label?: string;
   };
 }

packages/common/src/select/select.tsx

@@ -37,6 +37,9 @@ export interface SelectProps<T = OptionValue> {
   menuPortalTarget?: Element;
   showMoreLabel?: string;
   showLessLabel?: string;
+  // Allow any additional props to be passed through to SelectComponent
+  // Different mappers may need different props for their SelectComponent implementations
+  [key: string]: any;
 }
 
 const Select = <T extends OptionValue = OptionValue>({

packages/common/src/wizard/enter-handler.ts

@@ -1,3 +1,4 @@
+import { KeyboardEvent } from 'react';
 import selectNext, { NextStep } from './select-next';
 import { AnyObject } from '@data-driven-forms/react-form-renderer';
 

packages/common/src/wizard/wizard.tsx

@@ -1,4 +1,4 @@
-import React, { useReducer, useEffect } from 'react';
+import React, { useReducer, useEffect, KeyboardEventHandler, KeyboardEvent } from 'react';
 import { useFormApi, WizardContext, AnyObject, Field } from '@data-driven-forms/react-form-renderer';
 
 import get from 'lodash/get';