All files / src/contexts withPropsAPI.tsx

100% Statements 11/11
66.67% Branches 2/3
100% Functions 5/5
100% Lines 9/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 281x 1x           1x       1x   1x     1x 1x   1x           1x    
import * as React from "react";
import { IPropsAPI, PropsAPIContext } from "./PropsAPIContext";
 
export interface IWithPropsAPIProps {
  propsAPI?: IPropsAPI;
}
 
export function withPropsAPI<T extends IWithPropsAPIProps = IWithPropsAPIProps>(
  WrappedComponent: React.ComponentType<T>
): React.ComponentClass<T> {
  const displayName =
    WrappedComponent.displayName || WrappedComponent.name || "Component";
 
  return class ComponentWithTheme extends React.Component<T> {
    public static displayName = `withPropsAPI(${displayName})`;
 
    public render(): React.ReactNode {
      return (
        <PropsAPIContext.Consumer>
          {value => (
            <WrappedComponent propsAPI={value} {...(this.props as T)} />
          )}
        </PropsAPIContext.Consumer>
      );
    }
  };
}