0.32.0 Breaking Changes

Table(platform) #6357

• [navigationButton] input property removed from the fdp-table, setNavigatableRowState, setRowNavigationIndicator, setRowNavigationTarget methods removed from the TableComponent. Use [rowNavigatable] of the fdp-table and listen for (rowNavigate) event. See more in the documentation.

Before

// HTML 
<fdp-table [navigationButton]="true"></fdp-table>

// TS 
...
this.table.setNavigatableRowState(0, true);

this.table.setRowNavigationIndicator(0, true);;

this.table.setRowNavigationTarget(0, '/platform/home');
...

After

<fdp-table [rowNavigatable]="true" (rowNavigate)="onRowNavigate($event)"></fdp-table>

Table(core) #6357

• [navigatable] input property removed from the fd-table-row. [activable], [hoverable] input properties should be used for representing navigatable (interactable) row and now can be used without setting [navigatable].

Before

<tr fd-table-row [navigatable]="true" [activable]="true" [hoverable]="true">
  <i fd-table-icon [glyph]="isRtl ? 'slim-arrow-left' : 'slim-arrow-right'" [navigation]="true"></i>
</tr>

After

<tr fd-table-row [activable]="true" [hoverable]="true">
  <i fd-table-icon [glyph]="isRtl ? 'slim-arrow-left' : 'slim-arrow-right'" [navigation]="true"></i>
</tr>

Split Platform into libraries #6390

• Libraries are built with nx instead of ng;
• All main platform modules are now built as separate sub-packages;
• Recommended way of importing files from the platform library now is following:

import { PlatformButtonModule } from '@fundamental-ngx/platform/button';

• Structure of fundamental-ngx/platform was refactored to allow splitting it into separate sub-packages;
• Platform documentation has been updated with the appropriate import paths;
• TSPath has been updated to reflect all separate submodules paths;
• root tsconfig.json has been renamed to tsconfig.base.json;
• folders from utils has been moved to a separate shared sub-package;
• each library contains own tsconfig.json file with strict mode disabled, and can be enabled on per-package basis;
• Now it is possible to launch module-specific unit tests by using nx test platform-[module-name] command

Toolbar PR #6396

• Added New Directory for toolbar over flow as part of style cleanup fd-toolbar-overflow-button, fd-toolbar-overflow-button-menu

Before

Toolbar overflow button

<button fd-toolbar-item fd-button label="Button" [compact]="true"></button>

After

Toolbar overflow button

<button fd-toolbar-item fd-button fd-toolbar-overflow-button label="Button" [compact]="true"></button>

Before

Toolbar overflow menu button

<button fd-toolbar-item fd-button label="Button" [fdMenu]="true" [compact]="true"></button>

After

Toolbar overflow menu button

<button fd-toolbar-item fd-button fd-toolbar-overflow-button fd-toolbar-overflow-button-menu label="Button" [fdMenu]="true" [compact]="true"></button>

Before

After

Upload Collection PR #6392

• Added Upload Collection component