igniteui-angular - npm Package Versions

6.1.3

• General

  • Added ES7 polyfill for Object for IE. This should be added to the polyfills in order for the igxGrid to render under IE.

    import 'core-js/es7/object';
    

• igxTabs

  • selectedIndex property has an @Input setter and can be set both in markup and in code behind.

• igxDropDownItem

  • isSelected has a public setter and is now an @Input property that can be used for template binding.

• igxGrid

  • Breaking change applyNumberCSSClass and columnType getters are removed.
  • isUnary property added to IFilteringOperation
  • igxColumn
    • The footerTemplate property is removed.
  • igxColumnGroup
    • The footerTemplate property is removed.
  • exposed autosize() method on IgxColumnComponent. It allows the user to programatically change the size of a column according to it's largest visible cell.
  • Initializing an igxGrid component without setting height, inside a container without height defined, now causes the grid to render 10 records from the data view or all of the records if there are fewer than 10 available.

• igxCombo

  • Breaking change igxCombo default width is set to 100%
  • Breaking change itemsMaxWidth is renamed to itemsWidth

• igxLinearBar and igxCircularBar

  • exposed step input which determines the update step of the progress indicator. By default it is one percent of the maximum value.
  • IgxCircularBar text input property exposed to set the text to be displayed inside the circular bar.

Bug fixes

• igx-grid - cannot auto-size columns by double-clicking in IE11 #2025
• Animation for removing item from list is very quick, must be more smoothly. #2306
• circular and linear bars - prevent progress exceeding, smooth update when operate with big nums, allow floating point nums, expose step input #2163
• Blank space on the right of igxGrid when there is a hidden column and grid width is 100% #2249
• Igx Combo throws errors when data is set to null or undefined #2300
• Top cell is not positioned aligned to the header, after keyboard navigation #1185
• In carousel when call method remove for selected slide it is still previewed #2182
• In grid paging paginate and page should check if the page is greater than the totalPages #2288
• Typos and inaccuracies in IgxSnackbar's readme. #2250
• The grid enables all the columns to be declared as pinned in the template #1612
• Combo - Keyboard Navigation - Add Item button fires on Keydown.Space #2266
• Reduce the use of MutationObservers in the IgxTextHighlightDirective #2251
• Improve row selection performance #1258
• Filter UI dialog redraws #2038
• Can't navigate from first row cell to selection checkbox with key combination #1937
• Incorrect position pinning of Navigation Drawer #2013
• Keyboard navigation not working correctly whith column moving and cell selection #2086
• Grid Layout is broken when you hide column #2121
• IgxDateFilteringOperand's operation "doesNotEqual" doesn't work if the "equals" operation is localized(modified). #2202
• aside in igx-nav-drawer surpasses height of igx-nav-drawer #1981
• The button for collapse/expand all in groupby is not working correctly #2200
• IgxDropDown Item cannot be set as selected. #2061
• IgxBooleanFilteringOperand doesn't work if the operation 'all' is localized(modified). #2067
• columnMove doesn't work if no data is loaded. #2158
• Combo's clear button should be just an icon #2099
• Default combo width should be 100% #2097
• The combo list disappears after disabling Filtering at runtime #2108
• igx-slider - slider comes to not work well after changing maxValue. #920
• Search match highlight not always scrolled into view #1886
• When groupby row is focused and spacebar is pressed the browser scrolls down, everywhere except Chrome, although it should only collapse the group #1947
• Grid data bind fails initially until window resize #1614
• Localization (i18n) for grid grouping area string #2046
• When delete all records in the last page pager should be changed #2014
• Filter icon in the header changes its position #2036

6.1.2

• igxCombo improvements

  • Remote Data Binding fixes - selection preserving and keyboard navigation.

  For more detailed information see the official igxCombo documentation.

General

• Added jsZip as a Dependency.

Bug Fixes

• Grid Layout is broken when you change displayDensity runtime #2005
• Add empty grid template #2035
• Page Up/Page Down buttons don't scroll the grid #606
• Icon component is not properly exported #2072
• Adding density to chip doesn't make the density style to apply when it is dragged #1846
• Update jszip as dependency #2043
• No message is displayed when there is empty grid data without filtering enabled. #2001
• The only possible range of setting minValue to igxSlider is between [0..99] #2033
• Bootstrap & IgniteUI issues #1548
• Remove tabs from collection -> TabCollectionChange Output #1972
• 6.1.1 error on npm install #2023
• Remote binding combo doesn't store the selected fields when scrolled or collapsed #1944
• Exception is thrown when hovering a chip with a column header #1813
• IgxCombo - Remote Virtualization Keyboard Navigation #1987

6.1.1

• igxTimePicker changes
  • onClose event added.

Bug Fixes

• Exit edit mode when move column through grid API #1932
• IgxListItemComponent and the two template directives are missing from public_api.ts. #1939
• Add Item button disappears after adding same item twice successively. #1938
• onTabItemDeselected is called for every not selected tab item #1952
• Exit edit mode when pin/unpin column through grid API #1933
• Selected combo item doesn't have the proper focused styles #1948
• Time-picker does not open on button-press. #1949
• Custom cell not rendering with grid searching functionality #1931
• Regular highlight makes the highlighted text unreadable when the row is selected. #1852
• DatePicker focus is wrong on select date value #1965
• add sass docs, grid document updates and input-group theme-related fixes #1993
• DatePicker focus handler and AoT build #1994
• Change displayDensity runtime #1974
• Change IgxGrid display density runtime #1998
• Error is thrown when using igx-grid theme without $content-background #1996
• Update npm deploy token #2002

6.1.0

• igxOverlay service added. igxOverlayService allows you to show any component above all elements in page. For more detailed information see the official documentation
• Added igxRadioGroup directive. It allows better control over its child igxRadio components and support template-driven and reactive forms.
• Added column moving feature to igxGrid, enabled on a per-column level. Column moving allows you to reorder the igxGrid columns via standard drag/drop mouse or touch gestures. For more detailed information see the official documentation.
• igx-tab-bar selector removed from IgxBottomNavComponent.
• igxGrid filtering operands
• igxGrid
  • Breaking change filter_multiple method is removed. filter method and filteringExpressionsTree property could be used instead.
  • Breaking change filter method has new signature. It now accepts the following parameters:
    • name - the name of the column to be filtered.
    • value - the value to be used for filtering.
    • conditionOrExpressionTree - (optional) this parameter accepts object of type IFilteringOperation or IFilteringExpressionsTree. If only a simple filtering is required a filtering operation could be passes (see bellow for more info). In case of advanced filtering an expressions tree containing complex filtering logic could be passed.
    • ignoreCase - (optional) - whether the filtering would be case sensitive or not.
  • Breaking change onFilteringDone event now have only one parameter - IFilteringExpressionsTree which contains the filtering state of the filtered column.
  • filter_global method clears all existing filters and applies the new filtering condition to all grid's columns.
  • filtering operands:
    • Breaking change IFilteringExpression condition property is no longer a direct reference to a filtering condition method, instead it's a reference to an IFilteringOperation
    • 5 filtering operand classes are now exposed
      • IgxFilteringOperand is a base filtering operand, which can be inherited when defining custom filtering conditions
      • IgxBooleanFilteringOperand defines all default filtering conditions for boolean types
      • IgxNumberFilteringOperand defines all default filtering conditions for numeric types
      • IgxStringFilteringOperand defines all default filtering conditions for string types
      • IgxDateFilteringOperand defines all default filtering conditions for Date types
    • IgxColumnComponent now exposes a filters property, which takes an IgxFilteringOperand class reference
      • Custom filters can now be provided to grid columns by populating the operations property of the IgxFilteringOperand with operations of IFilteringOperation type

export class IgxCustomFilteringOperand extends IgxFilteringOperand {
    // Making the implementation singleton
    private static _instance: IgxCustomFilteringOperand = null;

    protected constructor() {
        super();
        this.operations = [{
            name: 'custom',
            logic: (target: string) => {
                return target === 'My custom filter';
            }
        }].concat(this.operations); // Keep the empty and notEmpty conditions from base
    }

    // singleton
    // Must implement this method, because the IgxColumnComponent expects it
    public static instance(): IgxCustomFilteringOperand {
        return this._instance || (this._instance = new this());
    }
}

• igxGrid now supports grouping of columns enabling users to create criteria for organizing data records. To explore the functionality start off by setting some columns as groupable:

  <igx-grid [data]="data">
      <igx-column [field]="'ProductName'"></igx-column>
      <igx-column [field]="'ReleaseDate'" [groupable]="true"></igx-column>
  </igx-grid>
  

  For more information, please head over to igxGrid's ReadMe or the official documentation.

• igxGrid now supports multi-column headers allowing you to have multiple levels of columns in the header area of the grid. For more information, head over to official documentation

• igxGrid theme now has support for alternating grid row background and text colors.

• igxGrid now has a toolbar (shown using the showToolbar property) which contains the following features:

  • title (specified using the toolbarTitle property)
  • column hiding feature (enabled using the columnHiding property)
  • column pinning feature (enabled using the columnPinning property)
  • export to excel (enabled using the exportExcel property)
  • export to CSV (enabled using the exportCsv property)

• igxColumn changes:

  • Breaking change filteringExpressions property is removed.

• igxGrid API is updated

  • Breaking change deleteRow(rowSelector: any) method will delete the specified row only if the primary key is defined. The method accept rowSelector as a parameter, which is the rowID.
  • Breaking change updateRow(value: any, rowSelector: any) method will update the specified row only if the primary key is defined. The method accept value and rowSelector as a parameter, which is the rowID.
  • Breaking change updateCell(value: any, rowSelector: any, column: string) method will update the specified cell only if the primary key is defined. The method accept value, rowSelector,which is the rowID and column name.
  • getCellByKey(rowSelector: any, columnField: string) method is added to grid's API. This method retuns a cell or undefined only if primary key is defined and search for the specified cell by the rowID and column name.
  • getCellByColumn(rowIndex: number, columnField: string) method is updated. This method returns a cell or undefined by using rowIndex and column name.

• IgxGridRow API is updated:

  • update(value: any) method is added. The method takes as a parameter the new value, which is to be set to the specidied row.
  • delete() method is added. The method removes the specified row from the grid's data source.

• igxCell default editing template is changed according column data type. For more information you can read the specification or the official documentation

• igxCombo component added

  <igx-combo #combo [data]="towns" [displayKey]="'townName'" [valueKey]="'postCode'" [groupKey]="'province'"
      [allowCustomValues]="true" placeholder="Town(s)" searchPlaceholder="Search town..."></igx-combo>
  

  igxCombo features:

    - Data Binding
    - Value Binding
    - Virtualized list
    - Multiple Selection
    - Filtering
    - Grouping
    - Custom values
    - Templates
    - Integration with Template Driven and Reactive Forms
    - Keyboard Navigation
    - Accessibility compliance
  

  For more detailed information see the official igxCombo documentation.

• igxDropdown component added

  <igx-drop-down (onSelection)="onSelection($event)" (onOpening)="onOpening($event)">
      <igx-drop-down-item *ngFor="let item of items" disabled={{item.disabled}} isHeader={{item.header}}>
              {{ item.field }}
      </igx-drop-down-item>
  </igx-drop-down>
  

  igxDropDown displays a scrollable list of items which may be visually grouped and supports selection of a single item. Clicking or tapping an item selects it and closes the Drop Down.

  A walkthrough of how to get started can be found here

  igxDropdown features:

    - Single Selection
    - Grouping
    - Keyboard Navigation
    - Accessibility compliance
  

• igxChip and igxChipsArea components added

  <igx-chips-area>
      <igx-chip *ngFor="let chip of chipList" [id]="chip.id">
          <label igxLabel>{{chip.text}}</label>
      </igx-chip>
  </igx-chips-area>
  

  For more detailed information see the official igxChip documentation.

• igxToggle changes

  • onOpening event added.
  • onClosing event added.

• igxToggleAction new overlaySettings input controls how applicable targets display content. Provides defaults with positioning based on the host element. The closeOnOutsideClick input is deprecated in favor of the new settings and will be removed in the future.

• igxList now supports a 'loading' template which is shown when the list is empty and its new isLoading property is set to true. You can redefine the default loading template by adding an ng-template with the igxDataLoading directive:

  <igx-list [isLoading]="true">
      <ng-template igxDataLoading>
          <p>Please wait, data is loading...</p>
      </ng-template>
  </igx-list>
  

• Breaking changes:

  • Removed submodule imports. All imports are now resolved from the top level igniteui-angular package.
  • igxGrid changes:
    • sort API now accepts params of type ISortingExpression or Array<ISortingExpression>.
  • igxToggle changes
    • collapsed now read-only, markup input is removed.
    • onOpen event renamed to onOpened.
    • onClose event renamed to onClosed.
    • open method does not accept fireEvents optional boolean parameter. Now it accepts only overlaySettings optional parameter of type OverlaySettings.
    • close method does not accept fireEvents optional boolean parameter.
    • toggle method does not accept fireEvents optional boolean parameter. Now it accepts only overlaySettings optional parameter of type OverlaySettings.
  • igxDialog changes
    • open method does not accept fireEvents boolean parameter. Now it accepts only overlaySettings optional parameter of type OverlaySettings.

• Breaking change All properties that were named isDisabled have been renamed to disabled in order to acheive consistency across our component suite. This affects: date-picker, input directive, input-group, dropdown-item, tabbar and time-picker.

• The deprecated igxForRemote input for the igxFor directive is now removed. Setting the required totalItemCount property after receiving the first data chunk is enough to trigger the required functionality.

6.0.4

• igxRadioGroup directive introduced. It allows better control over its child igxRadio components and support template-driven and reactive forms.
• Fixed ReactiveForms validations support for IgxInputGroup. Related issue.

6.0.3

• igxGrid exposing the filteredSortedData method publicly - returns the grid data with current filtering and sorting applied.