17.1.0-rc.0

17.1.0

New Features

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • Added a new output - rowClick that fires when the user clicks on a row element of the grid, including group rows
• IgxTree
  • Added new property toggleNodeOnClick that determines whether clicking over a node will change its expanded state or not. Set to false by default.
• IgxPivotGrid
  • IPivotDimension interface now exposes a property called displayName similar to the one in the IPivotValue interface. This property is optional and will be displayed inside the chips for rows and columns in the IgxPivotGrid. If the displayName property is not set, memberName will be used as a fallback.
• IgxHierarchicalGrid, IgxGridToolbar
  • The declaration of child layout toolbar templates no longer require explicit grid reference so the following:

    <igx-row-island>
      <igx-grid-toolbar [grid]="childGrid" *igxGridToolbar="let childGrid">

    can be simplified like:

    <igx-row-island>
      <igx-grid-toolbar *igxGridToolbar>

  • With this change the grid property of the IgxGridToolbar has been deprecated as it's no longer needed and will be removed in a future version.
• New directive - igxIconButton directive that provides a way to use an icon as a fully functional button has been added. The new igxIconButton comes in three types - flat, outlined and contained (default). All igxButton's with type icon will be automatically migrated to the new igxIconButton's with ng update.
• IgxButton
  • Behavioral Change buttonSelected event is now emitted not only when a button gets selected, but also when it gets deselected. However, the event is no longer being emitted on initialization. If this event was used in a scenario where it is assumed that the button gets selected, it's a good idea the logic to be branched now based on eventArgs.selected condition.

General

• igxButton:
  • Breaking Change The raised type of the igxButton directive has been renamed to contained. Automatic migrations are available and will be applied on ng update.
  • The igxButtonColor and igxButtonBackground input properties have been deprecated and will be removed in a future version.
• IgxForOf
  • Unified logic for vertical and horizontal virtualization such as - caching, updating, max browser size exceeding.
  • Added new method - addScroll that can shift the scroll thumb by the specified amount in pixels (negative number to scroll to previous, positive to scroll next). Similar to addScrollTop but works for both vertical and horizontal virtualization.
• IgxTextHighlightDirective is now correctly tree-shaken out of the bundle when not used.
  • Breaking Change A new IgxTextHighlightService is now exposed and methods setActiveHighlight and clearActiveHighlight have been moved to it.
• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • Tree-shaking of the grids has been improved:
    • The igx-paginator, igx-grid-toolbar and igx-action-strip components should now correctly tree-shake when not used in a grid.
  • Breaking Changes
    • rowAdd and rowDelete events now emit event argument of type IRowDataCancelableEventArgs instead of IGridEditEventArgs. The two interfaces are still compatible, however redundant for these events properties cellID, newValue, oldValue, isAddRow are deprecated in IRowDataCancelableEventArgs and will be removed in a future version. Switching to the correct new interfaces should reveal any deprecated use that can be safely removed.
  • Deprecations
    • rowID property has been deprecated in the following interfaces: IGridEditDoneEventArgs, IPathSegment, IRowToggleEventArgs, IPinRowEventArgs, IgxAddRowParent and will be removed in a future version. Use rowKey instead.
    • primaryKey property has been deprecated in the following interfaces: IRowDataEventArgs, IGridEditDoneEventArgs. Use rowKey instead.
    • data property has been deprecated in the following interfaces: IRowDataEventArgs. Use rowData instead.
• HammerJS is now an optional dependency, which means apps no longer need to install and include it for related components to work. Touch-specific handling on some components is still dependent on HammerJS setup, but will be disabled without. The setup is now also an option when adding Ignite UI for Angular to existing projects via the ng add command.

What's Changed

• chore(migartions): add "igniteui-angular-extras" to ng update group by @Lipata in #13925
• IgxGridState: does not restore collapsible column groups by @valeriatoneva in #13895
• Make HammerJs optional. by @MayaKirova in #13905
• feat(text-highlight): implement disposal by @kdinev in #13927

Full Changelog: 17.1.0-beta.3...17.1.0-rc.0