added forwardRef to py-button

Author: KrzysztofZawisla

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

@@ -5,7 +5,6 @@ import type {
   PropsWithChildren,
   WeakValidationMap,
 } from "react";
-
 import type ReactElementProps from "~types/react-element-properties/react-element-properties";
 
 export type PyBoxPropertiesBase = PropsWithChildren<
@@ -16,13 +15,14 @@ export type PyBoxPropertiesBase = PropsWithChildren<
   }
 >;
 
-export type PyBoxProperties<T> = T extends infer T
-  ? T & PyBoxPropertiesBase
-  : PyBoxPropertiesBase;
+export type PyBoxProperties<OptionalProperties> =
+  OptionalProperties extends infer OptionalProperties
+    ? OptionalProperties & PyBoxPropertiesBase
+    : PyBoxPropertiesBase;
 
 export type PyBoxTag = {
-  <T extends object>(
-    properties: PyBoxProperties<T>,
+  <OptionalProperties extends object>(
+    properties: PyBoxProperties<OptionalProperties>,
     reference: LegacyRef<HTMLElement> | undefined,
   ): JSX.Element;
   displayName?: string;

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

@@ -1,4 +1,5 @@
 import propTypes from "prop-types";
+import { forwardRef, type ForwardedRef } from "react";
 import type { PyButtonProperties, PyButtonTag } from "./py-button.types";
 
 /**
@@ -7,17 +8,21 @@ import type { PyButtonProperties, PyButtonTag } from "./py-button.types";
  * @param root0.label
  * @deprecated
  */
-const PyButton: PyButtonTag = <T extends object>({
-  children,
-  label,
-  ...rest
-}: PyButtonProperties<T>): JSX.Element => {
-  return (
-    <py-button {...rest} label={label}>
-      {children}
-    </py-button>
-  );
-};
+const PyButton: PyButtonTag = forwardRef(
+  <T extends object>(
+    { children, label, ...rest }: PyButtonProperties<T>,
+    reference: ForwardedRef<HTMLElement> | undefined,
+    // eslint-disable-next-line max-params
+  ): JSX.Element => {
+    return (
+      <py-button ref={reference} {...rest} label={label}>
+        {children}
+      </py-button>
+    );
+  },
+) as PyButtonTag;
+
+PyButton.displayName = "PyButton";
 
 PyButton.propTypes = {
   children: propTypes.string.isRequired,

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

@@ -1,9 +1,10 @@
 import type {
   DetailedHTMLProps,
   HTMLAttributes,
+  LegacyRef,
   WeakValidationMap,
 } from "react";
-import ReactElementProps from "~types/react-element-properties/react-element-properties";
+import type ReactElementProps from "~types/react-element-properties/react-element-properties";
 
 export type PyButtonPropertiesBase = Omit<
   ReactElementProps<
@@ -15,11 +16,17 @@ export type PyButtonPropertiesBase = Omit<
   label: string;
 };
 
-export type PyButtonProperties<T> = T extends infer T
-  ? T & PyButtonPropertiesBase
-  : PyButtonPropertiesBase;
+export type PyButtonProperties<OptionalProperties> =
+  OptionalProperties extends infer OptionalProperties
+    ? OptionalProperties & PyButtonPropertiesBase
+    : PyButtonPropertiesBase;
 
 export type PyButtonTag = {
-  <T extends object>(properties: PyButtonProperties<T>): JSX.Element;
-  propTypes: WeakValidationMap<PyButtonPropertiesBase>;
+  <OptionalProperties extends object>(
+    properties: PyButtonProperties<OptionalProperties>,
+    reference: LegacyRef<HTMLElement> | undefined,
+  ): JSX.Element;
+  displayName?: string;
+  defaultProps?: Partial<PyButtonPropertiesBase>;
+  propTypes?: WeakValidationMap<PyButtonPropertiesBase>;
 };