@ngrx/component-store - npm Package Versions

16.0.0 (2023-05-09)

Bug Fixes

• component-store: use default equality function for selectSignal (#3884) (5843e7f)
• store: add Signal equal function for immutable object comparison (#3883) (634fdcb)
• store: move Angular Signal interop into State service (#3879) (8cb5795), closes #3869
• store-devtools: add state signal to StateObservable (#3889) (ad6e14a)

Features

• add ng add support for standalone config to NgRx packages (#3881) (58508e3)
• component: add migration for LetModule and PushModule (#3872) (5f07eda)
• component: make LetDirective and PushPipe standalone (#3826) (985d80c), closes #3804
• store: add support of standalone API for ng add store (#3874) (7aec84d)

<a name="16.0.0-rc.1"></a>

16.0.0-rc.1 (2023-05-09)

Bug Fixes

• component-store: use default equality function for selectSignal (#3884) (5843e7f)
• store: add Signal equal function for immutable object comparison (#3883) (634fdcb)
• store: move Angular Signal interop into State service (#3879) (8cb5795), closes #3869

Features

• add ng add support for standalone config to NgRx packages (#3881) (58508e3)
• component: add migration for LetModule and PushModule (#3872) (5f07eda)
• component: make LetDirective and PushPipe standalone (#3826) (985d80c), closes #3804
• store: add support of standalone API for ng add store (#3874) (7aec84d)

<a name="16.0.0-rc.0"></a>

16.0.0-rc.0 (2023-05-04)

Bug Fixes

• data: make non-optimistic add command entity partial (#3859) (93ee1db)

Features

• component-store: add selectSignal options (503e9d8)
• component-store: add selectSignal signature that combines provided signals (#3863) (07ba3fa)
• store: add selectSignal options (0a13c4d)

<a name="16.0.0-beta.0"></a>

16.0.0-beta.0 (2023-04-27)

Bug Fixes

• data: allow 0 to be a valid key (#3830) (e50126d), closes #3828
• effects: run user provided effects defined as injection token (#3851) (cdaeeb6), closes #3848
• store: correctly infer action group events defined as empty object (#3833) (dc78447)
• store-devtools: correctly import state when feature is set to true (#3855) (0df3419), closes #3636

Features

• component-store: add selectSignal method for interop with Angular Signals (#3861) (195d5ac)
• component-store: add tapResponse signature with observer object (#3829) (3a5e5d8)
• effects: accept ObservableInput as concatLatestFrom argument (#3838) (34dd28c)
• router-store: add @nrwl/angular data persistence operators (#3841) (4482751), closes #3777
• router-store: remove deprecated getSelectors method (#3816) (351a75e), closes #3815
• schematics: replace any type with unknown type (#3827) (0ea2933)
• schematics: Use createActionGroup in schematics (#3791) (f6ce20f)
• store: add createMockStore migration (#3810) (ded4240)
• store: add selectSignal method for interop with Angular Signals (#3856) (999dcb6)
• store: preserve the event name case with createActionGroup (#3832) (482fa5d)
• store: remove deprecated createFeature method (#3825) (fd8f347), closes #3814
• store: remove forbidden chars and empty str checks from createActionGroup (#3857) (e37c57b)
• convert entity and router selectors interfaces to types (#3853) (73eb55c)
• store: remove getMockStore in favor of createMockStore (#3835) (8d0ed8e)
• store: use strict projectors for createFeature selectors (#3799) (bafd121)
• update to Angular v16.0.0-next.6 release (#3831) (d7e03df)

BREAKING CHANGES

• store: The event name case is preserved when converting to the action name by using the createActionGroup function.

BEFORE:

All letters of the event name will be lowercase, except for the initial letters of words starting from the second word, which will be uppercase.

const authApiActions = createActionGroup({
  source: 'Auth API',
  events: {
    'LogIn Success': emptyProps(),
    'login failure': emptyProps(),
    'Logout Success': emptyProps(),
    logoutFailure: emptyProps(),
  },
});

// generated actions:
const { loginSuccess, loginFailure, logoutSuccess, logoutfailure } = authApiActions;

AFTER:

The initial letter of the first word of the event name will be lowercase, and the initial letters of the other words will be uppercase. The case of other letters in the event name will remain the same.

const { logInSuccess, loginFailure, logoutSuccess, logoutFailure } = authApiActions;

• store: The createFeature signature with root state is removed in favor of a signature without root state. An automatic migration is added to remove this signature.

BEFORE:

interface AppState {
  users: State;
}

export const usersFeature = createFeature<AppState>({
  name: 'users',
  reducer: createReducer(initialState /* case reducers */),
});

AFTER:

export const usersFeature = createFeature({
  name: 'users',
  reducer: createReducer(initialState /* case reducers */),
});

• router-store: The deprecated getSelectors function has been removed from the @ngrx/router-store package.

BEFORE:

The @ngrx/router-store package exports the getSelectors function.

AFTER:

The @ngrx/router-store package no longer exports the getSelectors function. A migration has been provided to replace existing usage

• schematics: NgRx Schematics do not use any types to define actions, these are replaced with the unknown type.

BEFORE:

Schematics used the any type to declare action payload type.

AFTER:

Schematics use the unknown type to declare action payload type.

• store: The getMockStore function is removed in favor of createMockStore

BEFORE:

import { getMockStore } from '@ngrx/store/testing';
const mockStore = getMockStore();

AFTER:

import { createMockStore } from '@ngrx/store/testing';
const mockStore = createMockStore();

• store: Projectors of selectors generated by createFeature are strongly typed.

BEFORE:

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

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:

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

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

<a name="15.4.0"></a>

15.4.0 (2023-03-16)

Bug Fixes

• data: correctly handle HttpOptions when provided (#3795) (cbdf524), closes #3794
• eslint-plugin: ignore select name within createFeature (#3788) (b58f9a3), closes #3786

Features

• store: rename getMockStore to createMockStore (#3789) (6d615b3), closes #3781
• store: use createFeature in feature schematics (#3776) (9b3647f), closes #3741

<a name="15.3.0"></a>

15.3.0 (2023-02-13)

Bug Fixes

• store: support using factory selectors as extra selectors (#3767) (f4714c3)

Features

• data: Add HttpOptions to EntityActionOptions (#3663) (#3664) (dd745c0)

<a name="15.2.1"></a>

15.2.1 (2023-01-26)

<a name="15.2.0"></a>

15.2.0 (2023-01-26)

Features

• data: add loadWithQuery method (#3717) (06b97bf), closes #3088
• effects: add ability to create functional effects (#3669) (dd76c63), closes #3668
• router-store: add migration for getRouterSelectors (#3753) (a785331)
• router-store: rename getSelectors to getRouterSelectors (#3745) (7ad76b8), closes #3738
• store: add ability to create extra selectors with createFeature (#3744) (e4f873b), closes #3719
• store: add createFeature migration (#3759) (b3c5931)
• store: deprecate createFeature signature with root state (#3756) (ccb3b93), closes #3737

<a name="15.1.0"></a>

15.1.0 (2022-12-21)

Bug Fixes

• component-store: revert throwError usages with factory for RxJS 6 compatibility (726dfb7)
• data: revert throwError usages with factory for RxJS 6 compatibility (a137b59), closes #3702
• eslint-plugin: remove @angular-devkit/schematics dependency (#3710) (f0ae915), closes #3709
• schematics: disable package json peer dep updates during build (#3692) (9cfc103), closes #3691
• store: support using createActionGroup with props typed as unions (#3713) (e75fa1a), closes #3712

Features

• router-store: add new selectRouteDataParam selector (#3673) (#3686) (81bc0d9)
• store: support usingcreateSelector with selectors dictionary (#3703) (5c87dda), closes #3677

<a name="15.0.0"></a>