Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(changelog): move sections, formatting, typo #13005

Merged
merged 1 commit into from
May 15, 2023
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
139 changes: 72 additions & 67 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 <igx-grid> 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 <igx-grid> 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`
Expand All @@ -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<MyDataItem>`
- `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

Expand Down