added forwardRef to py-repl

Author: KrzysztofZawisla

source/library/components/py-repl/py-repl.tsx

@@ -1,17 +1,26 @@
 import propTypes from "prop-types";
+import { forwardRef, type ForwardedRef } from "react";
 import type { PyReplProperties, PyReplTag } from "./py-repl.types";
 
-const PyRepl: PyReplTag = <T extends object>({
-  autoGenerate = false,
-  children,
-  ...rest
-}: PyReplProperties<T>): JSX.Element => {
-  return (
-    <py-repl {...rest} auto-generate={autoGenerate}>
-      {children}
-    </py-repl>
-  );
-};
+const PyRepl: PyReplTag = forwardRef(
+  <OptionalProperties extends object>(
+    {
+      autoGenerate = false,
+      children,
+      ...rest
+    }: PyReplProperties<OptionalProperties>,
+    reference: ForwardedRef<HTMLElement> | undefined,
+    // eslint-disable-next-line max-params
+  ): JSX.Element => {
+    return (
+      <py-repl ref={reference} {...rest} auto-generate={autoGenerate}>
+        {children}
+      </py-repl>
+    );
+  },
+) as PyReplTag;
+
+PyRepl.displayName = "PyRepl";
 
 PyRepl.propTypes = {
   children: propTypes.string,

source/library/components/py-repl/py-repl.types.ts

@@ -1,4 +1,9 @@
-import { DetailedHTMLProps, HTMLAttributes, WeakValidationMap } from "react";
+import type {
+  DetailedHTMLProps,
+  ForwardedRef,
+  HTMLAttributes,
+  WeakValidationMap,
+} from "react";
 import ReactElementProps from "~types/react-element-properties/react-element-properties";
 
 export type PyReplPropertiesBase = Omit<
@@ -11,11 +16,17 @@ export type PyReplPropertiesBase = Omit<
   children?: string;
 };
 
-export type PyReplProperties<T> = T extends infer T
-  ? T & PyReplPropertiesBase
-  : PyReplPropertiesBase;
+export type PyReplProperties<OptionalProperties> =
+  OptionalProperties extends infer OptionalProperties
+    ? OptionalProperties & PyReplPropertiesBase
+    : PyReplPropertiesBase;
 
 export type PyReplTag = {
-  <T extends object>(properties: PyReplProperties<T>): JSX.Element;
-  propTypes: WeakValidationMap<PyReplPropertiesBase>;
+  <OptionalProperties extends object>(
+    properties: PyReplProperties<OptionalProperties>,
+    reference?: ForwardedRef<HTMLElement>,
+  ): JSX.Element;
+  displayName?: string;
+  defaultProps?: Partial<PyReplPropertiesBase>;
+  propTypes?: WeakValidationMap<PyReplPropertiesBase>;
 };