|
3 | 3 | All notable changes for each version of this project will be documented in this file. |
4 | 4 |
|
5 | 5 | ## 18.2.0 |
| 6 | +### General |
| 7 | +- `IFilteringExpressionsTree`, `FilteringExpressionsTree` |
| 8 | + - **Deprecation** The `find` and `findIndex` methods have been deprecated and will be removed in a future version. A `ExpressionsTreeUtil` class has been added which provides the same functionality. |
6 | 9 | ### New Features |
7 | 10 | - `IgxSimpleCombo` |
8 | 11 | - Introduced ability for Simple Combo to automatically select and retain valid input on "Tab" press enhancing user experience by streamlining data entry and reducing the need for manual selection improving form navigation. |
9 | 12 | - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid` |
10 | 13 | - To streamline the sorting of columns with custom formats, a new `FormattedValuesSortingStrategy` has been introduced. This strategy simplifies the sorting process by allowing direct sorting based on formatted values, eliminating the need to extend the `DefaultSortingStrategy` or implement a custom `ISortingStrategy`. This enhancement improves the ease of handling sorting with custom column formatters. |
11 | | - |
12 | 14 | - `IgxCarousel` |
13 | 15 | - Added support for vertical alignment. Can be configured via the `vertical` property. Defaults to `false`. |
14 | 16 | - Added support for showing/hiding the indicator controls (dots). Can be configured via the `indicators` property. Defaults to `true`. |
| 17 | +- `ColumnType`, `IgxColumn` |
| 18 | + - The built-in editors for columns of type `date`, `dateTime` and `time` now use a default input format as per the `IgxGrid`'s `locale`. This is valid both for cell editors and the ones in the filtering UI for all modes - `quickFilter`, `excelStyle` and the Advanced filtering. |
| 19 | + - In case the `pipeArgs.displayFormat` property of a date-time column is set and contains only numeric date-time parts or such that can be handled by the editors, the built-in editors input format is inferred from it. |
| 20 | + - To configure the built-in editors, a new `editorOptions` property is added that allows to pass optional parameters. Accepts an `IColumnEditorOptions` object with the `dateTimeFormat` property, that is used as input format for the editors of |
| 21 | + `date`, `dateTime` and `time` column data types: |
| 22 | + ```ts |
| 23 | + const editorOptions: IColumnEditorOptions = { Field? |
| 24 | + dateTimeFormat: 'MM/dd/YYYY', |
| 25 | + } |
| 26 | + ``` |
| 27 | + ```html |
| 28 | + <igx-column field="sampleDate" dataType="date" [editorOptions]="editorOptions"></igx-column> |
| 29 | + ``` |
| 30 | +- `FieldType` (`IgxQueryBuilder`) |
| 31 | + - Similar to the above, the fields now accept an `editorOptions` object of type `IFieldEditorOptions`. Its `dateTimeFormat` property is used as input format for the query editors of date-time fields. |
| 32 | +- `IgxDateTimeEditor`, `IgxDatePicker`, `IgxTimePicker`, `IgxDateRangePicker` |
| 33 | + - In case the `inputFormat` property is not set, the input format is inferred from |
| 34 | + `displayFormat` if set and if it contains only numeric date-time parts. |
| 35 | +- `IgxTimePicker` |
| 36 | + - The input and display formats are now adjusted based on the locale. For instance, day period time part (AM/PM or a/p) would not be displayed for locales that do not require it. |
| 37 | +- `IgxDateTimeEditor` |
| 38 | + - Added a new `defaultFormatType` property (`date` | `time` | `dateTime`) which configures the date-time parts |
| 39 | + according to the target type that the editor mask includes. Defaults to `date`. |
| 40 | +- `IgxTabs` |
| 41 | + - Added `activation` property to control tab selection. In `auto` mode (default), tabs are selected instantly with Arrow or Home/End keys. In `manual` mode, tabs are focused with keys but only selected with Enter or Space. |
| 42 | +- `IgxGridState` |
| 43 | + - When possible the state directive nows reuses the column that already exists on the grid when restoring the state, instead of creating new column instances every time. This removes the need to set any complex objects manually back on the column on `columnInit`. The only instance where this is still necessary is when the column (or its children in case of column groups) have no `field` property so there's no way to uniquely identify the matching column. |
| 44 | + |
| 45 | +### Themes |
| 46 | +- `Palettes` |
| 47 | + - All palette colors have been migrated to the [CSS relative colors syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors). This means that color consumed as CSS variables no longer need to be wrapped in an `hsl` function. |
| 48 | + |
| 49 | + Example: |
| 50 | + ```css |
| 51 | + /* 18.1.x and before: */ |
| 52 | + background: hsl(var(--igx-primary-600)); |
| 53 | + |
| 54 | + /* 18.2.0+: */ |
| 55 | + background: var(--igx-primary-600); |
| 56 | + ``` |
| 57 | + |
| 58 | + This change also opens up the door for declaring the base (500) variants of each color in CSS from any color, including other CSS variables, whereas before the Sass `palette` function was needed to generate color shades from a base color. |
| 59 | + |
| 60 | + Example: |
| 61 | + ```scss |
| 62 | + /* 18.1.x and before: */ |
| 63 | + $my-palette: palette($primary: #09f, ...); |
| 64 | + |
| 65 | + /* 18.2.0+: */ |
| 66 | + --ig-primary-500: #09f; |
| 67 | + ``` |
| 68 | + |
| 69 | + This change adds to our continuous effort to make theming configurable in CSS as much as it is in Sass. |
15 | 70 |
|
16 | 71 | #### Scrollbar: New CSS variables |
17 | 72 |
|
@@ -44,6 +99,15 @@ For Firefox users, we provide limited scrollbar styling options through the foll |
44 | 99 | - **Behavioral Changes** - the `keyboardSupport` input property now defaults to `false`. |
45 | 100 | - **Deprecation** - the `keyboardSupport` input property has been deprecated and will be removed in a future version. Keyboard navigation with `ArrowLeft`, `ArrowRight`, `Home`, and `End` keys will be supported when focusing the indicators' container via ` Tab`/`Shift+Tab`. |
46 | 101 |
|
| 102 | +- `IgxCombo`: |
| 103 | + - **Breaking Change** The deprecated `filterable` property is replaced with `disableFiltering`. |
| 104 | + - The dropdown search field placeholder is now part of the Combo's localization resources. It now also uses two resource values depending on whether filtering is active, e.g. in the default `en` locale it remains `'Enter a Search Term'`, but changes to `'Add Item'` when `disableFiltering` and `allowCustomValues` are set to true. For that reason, the existing `searchPlaceholder` input is also **deprecated** in favor of the resources. |
| 105 | + - **Deprecation** - `filterable` from the `filteringOptions` has been deprecated in favor of `disableFiltering`. |
| 106 | + |
| 107 | +- `IgxBadge` |
| 108 | + - **Breaking Change** The `$border-width` property has been removed from the badge theme. |
| 109 | + - New outlined variant of the badge component has been added. Users can switch to `outlined` by adding the newly created `outlined` property to a badge. |
| 110 | + |
47 | 111 | ## 18.1.0 |
48 | 112 | ### New Features |
49 | 113 | - `IgxPivotGrid` |
|
0 commit comments