Merge pull request #5528 from GeekyAnts/feat/factory-state

feat/factory-state

src/factory/component.tsx

@@ -9,11 +9,12 @@ export default function Factory<P>(
   componentTheme?: ComponentTheme
 ) {
   return React.forwardRef(
-    ({ children, ...props }: P & FactoryComponentProps, ref: any) => {
+    ({ children, state, ...props }: P & FactoryComponentProps, ref: any) => {
       const StyledComponent = useMemo(() => makeStyledComponent(Component), []);
       const calculatedProps = usePropsWithComponentTheme(
         componentTheme ?? {},
-        props
+        props,
+        state
       );
       return (
         <StyledComponent {...(calculatedProps as P)} ref={ref}>

src/factory/types.ts

@@ -1,7 +1,9 @@
 import type { PlatformProps } from '../components/types';
 import type { StyledProps } from '../theme/types';
+import type { IStateProps } from '../hooks/useThemeProps/propsFlattener';
 
 export type FactoryComponentProps = StyledProps &
   PlatformProps<StyledProps> & {
     children?: string | JSX.Element | JSX.Element[];
+    state?: IStateProps;
   };

src/hooks/useThemeProps/usePropsWithComponentTheme.ts

@@ -1,9 +1,11 @@
 import { usePropsResolutionWithComponentTheme } from './usePropsResolution';
 import type { ComponentTheme } from '../../theme';
+import type { IStateProps } from './propsFlattener';
 
 export function usePropsWithComponentTheme(
   localTheme: ComponentTheme,
-  propsReceived: any
+  propsReceived: any,
+  state?: IStateProps
 ) {
-  return usePropsResolutionWithComponentTheme(localTheme, propsReceived);
+  return usePropsResolutionWithComponentTheme(localTheme, propsReceived, state);
 }