feat(store): use strict projectors for createFeature selectors (#3799)

BREAKING CHANGES:

Projectors of selectors generated by createFeature are strongly typed.

BEFORE:

Projector function arguments of selectors generated by createFeature are not strongly typed:

```ts
const counterFeature = createFeature({
  name: 'counter',
  reducer: createReducer({ count: 0 }),
});

counterFeature.selectCount.projector
// type: (...args: any[]) => number
```

AFTER:

Projector function arguments of selectors generated by createFeature are strongly typed:

```ts
const counterFeature = createFeature({
  name: 'counter',
  reducer: createReducer({ count: 0 }),
});

counterFeature.selectCount.projector
// type: (featureState: { count: number; }) => number
```

modules/store/spec/types/feature_creator.spec.ts

@@ -71,15 +71,15 @@ describe('createFeature()', () => {
       snippet.toInfer('reducer', 'ActionReducer<State, Action>');
       snippet.toInfer(
         'selectProductsState',
-        'MemoizedSelector<Record<string, any>, State, DefaultProjectorFn<State>>'
+        'MemoizedSelector<Record<string, any>, State, (featureState: State) => State>'
       );
       snippet.toInfer(
         'selectProducts',
-        'MemoizedSelector<Record<string, any>, string[] | null, DefaultProjectorFn<string[] | null>>'
+        'MemoizedSelector<Record<string, any>, string[] | null, (featureState: State) => string[] | null>'
       );
       snippet.toInfer(
         'selectQuery',
-        'MemoizedSelector<Record<string, any>, string, DefaultProjectorFn<string>>'
+        'MemoizedSelector<Record<string, any>, string, (featureState: State) => string>'
       );
       snippet.toInfer(
         'productsFeatureKeys',
@@ -107,11 +107,11 @@ describe('createFeature()', () => {
       snippet.toInfer('reducer', 'ActionReducer<{ count: number; }, Action>');
       snippet.toInfer(
         'selectCounterState',
-        'MemoizedSelector<Record<string, any>, { count: number; }, DefaultProjectorFn<{ count: number; }>>'
+        'MemoizedSelector<Record<string, any>, { count: number; }, (featureState: { count: number; }) => { count: number; }>'
       );
       snippet.toInfer(
         'selectCount',
-        'MemoizedSelector<Record<string, any>, number, DefaultProjectorFn<number>>'
+        'MemoizedSelector<Record<string, any>, number, (featureState: { count: number; }) => number>'
       );
     });
 
@@ -231,15 +231,15 @@ describe('createFeature()', () => {
       snippet.toInfer('reducer', 'ActionReducer<BooksState, Action>');
       snippet.toInfer(
         'selectBooksState',
-        'MemoizedSelector<AppState, BooksState, DefaultProjectorFn<BooksState>>'
+        'MemoizedSelector<AppState, BooksState, (featureState: BooksState) => BooksState>'
       );
       snippet.toInfer(
         'selectBooks',
-        'MemoizedSelector<AppState, Book[], DefaultProjectorFn<Book[]>>'
+        'MemoizedSelector<AppState, Book[], (featureState: BooksState) => Book[]>'
       );
       snippet.toInfer(
         'selectLoadState',
-        'MemoizedSelector<AppState, LoadState, DefaultProjectorFn<LoadState>>'
+        'MemoizedSelector<AppState, LoadState, (featureState: BooksState) => LoadState>'
       );
       snippet.toInfer(
         'booksFeatureKeys',
@@ -272,11 +272,11 @@ describe('createFeature()', () => {
       snippet.toInfer('reducer', 'ActionReducer<State, Action>');
       snippet.toInfer(
         'selectFooState',
-        'MemoizedSelector<{ foo: State; }, State, DefaultProjectorFn<State>>'
+        'MemoizedSelector<{ foo: State; }, State, (featureState: State) => State>'
       );
       snippet.toInfer(
         'selectBar',
-        'MemoizedSelector<{ foo: State; }, string, DefaultProjectorFn<string>>'
+        'MemoizedSelector<{ foo: State; }, string, (featureState: State) => string>'
       );
     });
 
@@ -446,11 +446,11 @@ describe('createFeature()', () => {
       snippet.toInfer('reducer', 'ActionReducer<State, Action>');
       snippet.toInfer(
         'selectCounterState',
-        'MemoizedSelector<Record<string, any>, State, DefaultProjectorFn<State>>'
+        'MemoizedSelector<Record<string, any>, State, (featureState: State) => State>'
       );
       snippet.toInfer(
         'selectCount',
-        'MemoizedSelector<Record<string, any>, number, DefaultProjectorFn<number>>'
+        'MemoizedSelector<Record<string, any>, number, (featureState: State) => number>'
       );
       snippet.toInfer(
         'selectCounterState2',
@@ -500,11 +500,11 @@ describe('createFeature()', () => {
       snippet.toInfer('reducer', 'ActionReducer<{ count: number; }, Action>');
       snippet.toInfer(
         'selectCounterState',
-        'MemoizedSelector<Record<string, any>, { count: number; }, DefaultProjectorFn<{ count: number; }>>'
+        'MemoizedSelector<Record<string, any>, { count: number; }, (featureState: { count: number; }) => { count: number; }>'
       );
       snippet.toInfer(
         'selectCount',
-        'MemoizedSelector<Record<string, any>, number, DefaultProjectorFn<number>>'
+        'MemoizedSelector<Record<string, any>, number, (featureState: { count: number; }) => number>'
       );
       snippet.toInfer(
         'selectSquaredCount',
@@ -551,7 +551,7 @@ describe('createFeature()', () => {
       );
       snippet.toInfer(
         'selectCount2',
-        'MemoizedSelector<Record<string, any>, number, DefaultProjectorFn<number>>'
+        'MemoizedSelector<Record<string, any>, number, (featureState: { count1: number; count2: number; }) => number>'
       );
       snippet.toInfer(
         'selectCount10',
@@ -598,11 +598,11 @@ describe('createFeature()', () => {
 
       snippet.toInfer(
         'selectCounter1State',
-        'MemoizedSelector<Record<string, any>, number, DefaultProjectorFn<number>>'
+        'MemoizedSelector<Record<string, any>, number, (featureState: number) => number>'
       );
       snippet.toInfer(
         'selectCounter2State',
-        'MemoizedSelector<Record<string, any>, number, DefaultProjectorFn<number>>'
+        'MemoizedSelector<Record<string, any>, number, (featureState: number) => number>'
       );
       snippet.toInfer(
         'counterFeature1Keys',
@@ -628,7 +628,7 @@ describe('createFeature()', () => {
 
       snippet.toInfer(
         'selectCounterState',
-        'MemoizedSelector<Record<string, any>, number, DefaultProjectorFn<number>>'
+        'MemoizedSelector<Record<string, any>, number, (featureState: number) => number>'
       );
       snippet.toInfer(
         'counterFeatureKeys',

modules/store/src/feature_creator_models.ts

@@ -13,7 +13,8 @@ export type FeatureSelector<
 > = {
   [K in FeatureName as `select${Capitalize<K>}State`]: MemoizedSelector<
     AppState,
-    FeatureState
+    FeatureState,
+    (featureState: FeatureState) => FeatureState
   >;
 };
 
@@ -26,6 +27,7 @@ export type NestedSelectors<
       [K in keyof FeatureState &
         string as `select${Capitalize<K>}`]: MemoizedSelector<
         AppState,
-        FeatureState[K]
+        FeatureState[K],
+        (featureState: FeatureState) => FeatureState[K]
       >;
     };