Breaking Changes - SAP/fundamental-ngx Wiki

The goal of this page is to document all the breaking changes that take place in the library. For minor version bumps, these will be posted here in list format. For feature or major version bumps, independent pages will be set up and linked here to provide more details for the upgrading process.

0.31.0 Breaking Changes

**Wizard generator(platform). #6244

List Component(platform).#6010

Before

<fdp-list [noSeperator]="true">
    <fdp-standard-list-item title="Title1">
    </fdp-standard-list-item>
    <fdp-standard-list-item title="Title2">
    </fdp-standard-list-item>
    <fdp-standard-list-item title="Title3">
    </fdp-standard-list-item>
    <fdp-standard-list-item title="Title4">
    </fdp-standard-list-item>
</fdp-list>

After

<fdp-list [noBorder]="true">
    <fdp-standard-list-item title="Title1">
    </fdp-standard-list-item>
    <fdp-standard-list-item title="Title2">
    </fdp-standard-list-item>
    <fdp-standard-list-item title="Title3">
    </fdp-standard-list-item>
    <fdp-standard-list-item title="Title4">
    </fdp-standard-list-item>
</fdp-list>

Status Indicator(core).#6032

Before

<fd-status-indicator
    id="status_icon_9"
    status="negative"
    size="lg"
    fillPercentage="35"
    [clickable]="false"
    ariaLabel="Euro Status Indicator With Negative Filling"
    ariaRoledescription="Status Indicator"
    role="progressbar"
    ariaValuetext="35%"
    focusable="true"
    title="35% with small size"
    labelPosition="top"
    [hasLabel]="true"
    statusLabel="35%"
    labelSize="lg"
    [path]="euroImage"
    viewBox="0 0 26 25"
>
</fd-status-indicator>

After

<fd-status-indicator
    id="status_icon_9"
    status="negative"
    size="lg"
    fillPercentage="35"
    [clickable]="false"
    ariaLabel="Euro Status Indicator With Negative Filling"
    ariaRoledescription="Status Indicator"
    role="progressbar"
    ariaValuetext="35%"
    focusable="true"
    title="35% with small size"
    labelPosition="top"
    statusLabel="35%"
    labelSize="lg"
    [path]="euroImage"
    viewBox="0 0 26 25"
>
</fd-status-indicator>

Fundamental-ngx/core changes PR #5980

Multi-input(core) changes PR #5959

DialogBase(core) changes PR #5924

Approval Flow Phase 3 PR #5302

DatetimeAdapter changes PR #5502 Optional fromNow function was added to the DatetimeAdapter abstract class. Because there are no truly "optional" abstract functions, any adapter that implements the DatetimeAdapter will need to implement the fromNow function - however if the developer does not wish to use the fromNow function, in their custom adapter they can simply implement it as fromNow: undefined as I've done here for the default FdDatetimeAdapter

QuickView (core) PR #5493

Core library with subpackages PR #5453

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:

0.30.0 Breaking Changes

Card PR #5158

Notification PR #5186

0.29.0 Breaking Changes

Icons PR #5093

i18n PR #5109

0.28.0 Breaking Changes

Popover Directive PR #4701

0.27.0 Breaking Changes

Select PR #4511

Avatar in Card Header PR#4638

Before

<fd-card badge="New" cardType="list">
    <fd-card-header>
        <fd-avatar ariaLabel="avatar image" title="avatar image"></fd-avatar>

After

<fd-card badge="New" cardType="list">
    <fd-card-header>
        <fd-avatar ariaLabel="avatar image" size="s" glyph="cart" title="avatar image"></fd-avatar>

0.26.0 Breaking Changes

Switch PR #4116

0.25.0 Breaking Changes

Tabs PR#4120

Dialog PR#4108

removed DIALOG_CONFIG and DIALOG_REF and made DialogConfig and DialogRef classes injectable

Wizard PR#4082

Added wizard summary page

Form Select Pr#3895

Remove fd-form-select from Form Control

Dialog PR#3902

Remove fd-dialog-title, fd-title should be used

Message Form PR#4009

Remove [compact] input

Remove deprecated File Input PR#4067

Remove badge as a standalone component PR#4068

0.24.0 Breaking Changes

Mega Menu#3782

Remove deprecated Mega Menu. The successor - Menu

Localization Editor #3781

Remove deprecated Localization Editor as it doesn't not in SAP Fiori 3

FormItemComponent #3780

remove a deprecated Input isCheck

0.23.0 Breaking Changes

Layout Grid #3640 Layout grid has been reworked entirely. It is no longer a series of components but rather directives. Here are a few other details:

Popover PR#3570

remove deprecated method isDropdown

Input Group PR#3573

remove deprecated input buttonType from input group

Bar, DateTime Picker, Dialog PR#3662

In Bar component the Input property cosy was renamed to cozy for consistency with other components and Fiori 3 naming. Affected components: DateTime Picker, Dialog (footer and header).

Before:

<div fd-bar barDesign="footer" [cosy]="!compact">

Now:

<div fd-bar barDesign="footer" [cozy]="!compact">

0.22.0 Breaking Changes

(Core) Object Status

(Core) Action Bar

(Core) Info Label

(Core) File Input

(Core) Drag And drop Module

(Core) Buttons

(Core) fundamental-styles version 0.11.0 adoption

(Core) Menu

(Core) Side Navigation

(Platform) Button

(Core) Segmented Button

0.21.0 Breaking Changes

Input Group Number

Loading Spinner

Avatar

Multi Input

Select

Menu

Table #2819

0.19.0 Breaking Changes

Button

Split Button

Action Bar(Platform)

Panel

Menu

Split Button

ShellbarUserMenuComponent

ProductMenuComponent

0.18.0 Breaking Changes

Select

Option

Busy Indicator

0.17.0 Breaking Changes

No breaking changes introduced

0.16.0 Breaking Changes

General

Action Bar

Combobox

Modal

SearchInput

Button

Validation States

Tokenizer/Multi-Input

0.15.0 Breaking Changes

0.14.0 Breaking Changes

0.13.0 Breaking Changes

0.12.0 Breaking Changes

0.11.0 Breaking Changes

0.10.1 Breaking Changes

0.9.0 Breaking Changes

0.8.0 Breaking Changes

0.7.0 Breaking Changes

0.6.0 Breaking Changes

0.5.0 Breaking Changes