0.31.0 Breaking Changes - SAP/fundamental-ngx Wiki

Approval Flow Phase 3 PR #5302

Before

Approval Flow [checkDueDate]='false' before.

Now

Approval Flow [checkDueDate]='false' after.

QuickView (core) PR #5493

QuickViewGroupItemContentElementDirective usage result

Core library with subpackages PR #5453

Before:

import {DialogModule, DialogService} from '@fundamental-ngx/core';

After:

import {DialogModule, DialogService} from '@fundamental-ngx/core/dialog';

Avatar Group (core) PRs #5074, #5628

Before

<div fd-avatar-group-overflow-body> Content here </div>

After

<div fd-avatar-group-overflow-body [noPadding]="true" [noHorizontalScroll]="true" [noVerticalScroll]="false"> Content here </div>

Before

<fd-avatar [circle]="true" size="s" label="John Doe" tabindex="0"></fd-avatar>

After

<fd-avatar fd-avatar-group-focusable-avatar [circle]="true" size="s" label="John Doe"></fd-avatar>

Before

<fd-avatar label="John Doe" [circle]="true" [border]="true" size="s"></fd-avatar>

After

<fd-avatar label="John Doe" title="John Doe" role="img" [circle]="true" [border]="true" size="s"></fd-avatar>

Before

<fd-popover-control tabindex="0"
                    (click)="handleControlClick($event, overflowPopover)"
                    (keydown)="handleControlKeydown($event, overflowPopover)">

After

<fd-popover-control fd-avatar-group-popover-control
                    [attr.aria-label]="'Has popup type dialog Conjoined avatars, 12 avatars displayed, 8 avatars hidden, activate for complete list'"
                    (click)="handleControlClick($event, overflowPopover)"
                    (keydown)="handleControlKeydown($event, overflowPopover)">

Handle invalid date inside date's components PR #5851

Changing in FdDate class invalid date handling:

Before:

After:

Changing in FdDate class invalid date instance:

Before:

After:

Changing in DateTimePickerComponent class:

Before:

After:

Changing in DatePickerComponent class:

Before:

After: