Support connect() usage

[JoshuaKGoldberg]

Had a good brief chat about downsides with @ian-craig, who brought up the good point that only targeted hook usage leaves out all applications that use connect().

In theory it should be possible to support connect(). Let's do it!

[JoshuaKGoldberg]

I investigated a little bit and this seems like it should be doable. Yay!

However, it's going to rely on #6. mapStateToProps calls inline functions and so can't have selectors mapped out nicely the way useSelector does.

Here's a bit of somewhat-working code for just mapStateToProps:

import * as React from "react";

export const mockConnect = (mockSelector) => {
  const mockConnect = (mapStateToProps) => {
    return function createMockConnectedComponent<Props>(Component: React.ComponentType<Props>) {
      return function MockConnectedComponent(props: Props) {
        const stateProps = Object.entries(mapStateToProps?.() ?? {}).reduce(
          (accumulated, [key, selector]) => {
            accumulated[key] = mockSelector(selector);
            return accumulated;
          },
          {},
        );

        return <Component {...stateProps} {...props} />;
      };
    };
  };

  return mockConnect;
};