diff --git a/CHANGELOG.md b/CHANGELOG.md index b06e07fbd89..116132272c9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,80 +3,85 @@ All notable changes for each version of this project will be documented in this file. ## 16.0.0 -### Breaking Changes -- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid` - The following grid properties, deprecated since version 12.1.0 are now removed: - - *evenRowCSS*; - - *oddRowCSS*; - - *page*; - - *paging*; - - *perPage*; - - *totalPages*; - - *isFirstPage*; - - *isLastPage*; - - *pageChange*; - Also the following deprecated grid events are removed. - - *perPageChange*; - - *pagingDone*; - Deprecated methods removed from the grid API are: - - *nextPage*; - - *previousPage*; - - *paginate*; - - *getCellByColumnVisibleIndex*; + ### General - All Ignite UI for Angular components are now exported as `standalone` components. The library still exports `NgModules`, which have been preserved for backward compatibility, but they no longer declare any of the Ignite UI for Angular components, instead they just import and export the `standalone` components. The `standalone` components are still in a preview stage. Some utility directive exports may change in the future and may be missing from the documentation in the initial release, hence the `preview` state of the feature. -Now you can do: - -```typescript -// IGX_GRID_DIRECTIVES exports all grid related components and directives -import { IGX_GRID_DIRECTIVES } from 'igniteui-angular'; - -@Component({ - selector: 'app-grid-sample', - styleUrls: ['grid.sample.scss'], - templateUrl: 'grid.sample.html', - standalone: true, - imports: [IGX_GRID_DIRECTIVES, AsyncPipe] -}) -``` - -or - -```typescript -// Single import of only the component. -import { IgxGridComponent } from 'igniteui-angular'; - -@Component({ - selector: 'app-grid-sample', - styleUrls: ['grid.sample.scss'], - templateUrl: 'grid.sample.html', - standalone: true, - imports: [IgxGridComponent, AsyncPipe] -}) -``` - -or still - -```typescript -// `NgModule` import of the `IgxGridModule` module, which is equivalent to IGX_GRID_DIRECTIVES in terms of exported components and directives. -import { IgxGridModule } from 'igniteui-angular'; - -@Component({ - selector: 'app-grid-sample', - styleUrls: ['grid.sample.scss'], - templateUrl: 'grid.sample.html', - standalone: true, - imports: [IgxGridModule, AsyncPipe] -}) -``` + Now you can do: + + ```typescript + // IGX_GRID_DIRECTIVES exports all grid related components and directives + import { IGX_GRID_DIRECTIVES } from 'igniteui-angular'; + + @Component({ + selector: 'app-grid-sample', + styleUrls: ['grid.sample.scss'], + templateUrl: 'grid.sample.html', + standalone: true, + imports: [IGX_GRID_DIRECTIVES, AsyncPipe] + }) + ``` + + or + + ```typescript + // Single import of only the component. + import { IgxGridComponent } from 'igniteui-angular'; + + @Component({ + selector: 'app-grid-sample', + styleUrls: ['grid.sample.scss'], + templateUrl: 'grid.sample.html', + standalone: true, + imports: [IgxGridComponent, AsyncPipe] + }) + ``` + + or still + + ```typescript + // `NgModule` import of the `IgxGridModule` module, which is equivalent to IGX_GRID_DIRECTIVES in terms of exported components and directives. + import { IgxGridModule } from 'igniteui-angular'; + + @Component({ + selector: 'app-grid-sample', + styleUrls: ['grid.sample.scss'], + templateUrl: 'grid.sample.html', + standalone: true, + imports: [IgxGridModule, AsyncPipe] + }) + ``` - `IgxChip` - - **Behavioral Change** The `igxChip` styles have been revisited and the select container animaton has been removed when selecting/deselecting a chip. + - **Behavioral Change** The `igxChip` styles have been revisited and the select container animation has been removed when selecting/deselecting a chip. - **Behavioral Change** The remove button behavior have been revisited, now when the chip is in `disabled` state the remove button is hidden. - - The `igxChip` have new input `variant` which can take any of the following values: `'primary'`, `'info'`, `'success'`, `'warning'`, `'danger'` - `IgxGrid`, `IgxHierarchicalGrid`: - **Breaking Change** The `IgxHeaderExpandIndicatorDirective` and `IgxHeaderCollapseIndicatorDirective` directives, as well as the `headerExpandIndicatorTemplate` and `headerCollapseIndicatorTemplate` properties have been renamed to `IgxHeaderExpandedIndicatorDirective`, `IgxHeaderCollapsedIndicatorDirective`, `headerExpandedIndicatorTemplate` and `headerCollapsedIndicatorTemplate` respectively to properly reflect their purpose. Automatic migrations are available and will be applied on `ng update`. +- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid` + + **Breaking Changes**: The following grid properties, deprecated since version 12.1.0 are now removed: + - *evenRowCSS*; + - *oddRowCSS*; + - *page*; + - *paging*; + - *perPage*; + - *totalPages*; + - *isFirstPage*; + - *isLastPage*; + + Also the following deprecated grid events are removed. + + - *pageChange*; + - *perPageChange*; + - *pagingDone*; + + Deprecated methods removed from the grid API are: + - *nextPage*; + - *previousPage*; + - *paginate*; + - *getCellByColumnVisibleIndex*; ### New Features +- `IgxChip` + - New input `variant` which can take any of the following values: `'primary'`, `'info'`, `'success'`, `'warning'`, `'danger'` - `IgxExpansionPanel`: - `IgxExpansionPanelTitleDirective` and `IgxExpansionPanelDescriptionDirective` show tooltip of the provided text content. - `IgxDateRangePicker` @@ -88,7 +93,7 @@ import { IgxGridModule } from 'igniteui-angular'; - Added `pivotConfigurationChanged` event triggered any time any of `pivotConfiguration` properties is changed via the UI. - `ISortingExpression` now accepts an optional generic type parameter for type narrowing of the `fieldName` property to keys of the data item, e.g. `ISortingExpression` - `Util` - - Added new `CachedDataCloneStrategy` that allows for cloning object with circular references . + - Added new `CachedDataCloneStrategy` that allows for cloning object with circular references. ## 15.1.0