22.3.0 Beta 2

This release adds a way to cancel an in-progress drag, and includes fixes for drag and drop, virtualization during server-side rendering, the grids, tabs, and the time picker.

New Functionality

• IgxDragDirective
  • Added cancelDrag() method that cancels the drag in progress without dropping. The element returns to where it was before the drag, and a drop area under the dragged element receives only a leave event.
  • Added cancelOnEscape input (default false). When set to true, pressing Escape while dragging cancels the drag.
  • IDragBaseEventArgs has a new cancelled property, which is true for the dragEnd and transitioned events of a canceled drag. If your app moves or reorders items in a dragEnd or transitioned handler, check cancelled there and restore the original state instead. Call transitionToOrigin() in the dragEnd handler to animate the element back.
• IgxChipComponent, IgxChipsAreaComponent
  • For a canceled chip drag (e.g. with chip.dragDirective.cancelDrag()), originalEvent.cancelled of the moveEnd event is true.

Bug Fixes

• IgxDragDirective
  • transitionToOrigin() with a start location equal to the origin location no longer animates. Previously the vertical start position was compared with the horizontal origin.
  • transitionToOrigin() and transitionTo() now emit transitioned right away when the element is already at the target or there is no ghost to animate (e.g. its creation was canceled in ghostCreate). Previously no transitioned was emitted and the next drag did not start correctly.
• IgxForOfDirective
  • Grids and other horizontally virtualized igxFor instances no longer throw ReferenceError: window is not defined during server-side rendering (#17927).
• IgxGridComponent, IgxTreeGridComponent, IgxHierarchicalGridComponent, IgxPivotGridComponent
  • Pressing Escape while dragging a column header over the group-by area no longer groups by that column. A column move canceled with Escape or in a columnMoving handler also no longer prevents the next column move from being dropped (#17745).
  • The advanced filtering dialog has its background and rounded corners again. They were lost with the update to Ignite UI Theming 30.1.0 (#17933).
• IgxTreeGridComponent
  • Setting data before the grid is initialized while autoGenerate is enabled no longer throws an error. In Ignite UI for Web Components this happened when data was set on igc-tree-grid before the element was attached to the page.
• Ignite UI for Web Components grids
  • Writable properties that are not inputs, such as selected of igc-column and totalPages of igc-paginator, are now applied when set on the element. Previously the value was ignored and an NG0303 error was logged.
  • The deprecated getFilterFactory method is now available on igc-grid, as intended for backwards compatibility.
  • Icon changes broadcast from other pages now update only the icons or icon references that match the message's action type.
• IgxTabsComponent
  • Header content with a word longer than the header now wraps within the header instead of overflowing and being clipped on both sides. Header labels are truncated with an ellipsis after the second line.
• IgxTimePickerComponent
  • Loosening or removing minValue or maxValue while the dropdown/dialog is open now selects the time of the picker value, or the time picked but not yet confirmed, again. Previously the time clamped by the earlier minValue or maxValue stayed selected (#17845).

Supply chain

npm audit reported no known vulnerabilities in the delivered dependencies.

Build-environment SBOM diagnostics (best-effort)

The build-environment CycloneDX SBOM is a best-effort inventory of the repository toolchain. npm dependency-tree errors are tolerated there and do not affect the delivered-package SBOM.

npm ls exited with status 1.

invalid: chokidar@5.0.0
code ELSPROBLEMS