added forwardRef to py-box

Author: KrzysztofZawisla

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

@@ -1,4 +1,5 @@
 import propTypes from "prop-types";
+import { forwardRef, type ForwardedRef } from "react";
 import type { PyBoxProperties, PyBoxTag } from "./py-box.types";
 
 /**
@@ -7,12 +8,21 @@ import type { PyBoxProperties, PyBoxTag } from "./py-box.types";
  * @param root0.children
  * @deprecated
  */
-const PyBox: PyBoxTag = <T extends object>({
-  children,
-  ...rest
-}: PyBoxProperties<T>): JSX.Element => {
-  return <py-box {...rest}>{children}</py-box>;
-};
+const PyBox: PyBoxTag = forwardRef(
+  <T extends object>(
+    { children, ...rest }: PyBoxProperties<T>,
+    reference: ForwardedRef<HTMLElement> | undefined,
+    // eslint-disable-next-line max-params
+  ): JSX.Element => {
+    return (
+      <py-box ref={reference} {...rest}>
+        {children}
+      </py-box>
+    );
+  },
+) as PyBoxTag;
+
+PyBox.displayName = "PyBox";
 
 PyBox.propTypes = {
   children: propTypes.oneOfType([

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

@@ -1,9 +1,11 @@
 import type {
   DetailedHTMLProps,
   HTMLAttributes,
+  LegacyRef,
   PropsWithChildren,
   WeakValidationMap,
 } from "react";
+
 import type ReactElementProps from "~types/react-element-properties/react-element-properties";
 
 export type PyBoxPropertiesBase = PropsWithChildren<
@@ -19,6 +21,11 @@ export type PyBoxProperties<T> = T extends infer T
   : PyBoxPropertiesBase;
 
 export type PyBoxTag = {
-  <T extends object>(properties: PyBoxProperties<T>): JSX.Element;
-  propTypes: WeakValidationMap<PyBoxPropertiesBase>;
+  <T extends object>(
+    properties: PyBoxProperties<T>,
+    reference: LegacyRef<HTMLElement> | undefined,
+  ): JSX.Element;
+  displayName?: string;
+  defaultProps?: Partial<PyBoxPropertiesBase>;
+  propTypes?: WeakValidationMap<PyBoxPropertiesBase>;
 };