Merge remote-tracking branch 'remotes/origin/bpenkov/pickers-base-par…

…ent' into pickers-refactoring
IgniteUI · Mar 1, 2021 · 1312e8f · 1312e8f
2 parents 12ac3ef + 9926d39
commit 1312e8f
Show file tree

Hide file tree

Showing 196 changed files with 6,111 additions and 2,782 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -24,7 +24,7 @@
         "no-shadow": "off",
         "@typescript-eslint/no-shadow": ["error"],
         "no-unused-vars": "off",
-        "@typescript-eslint/no-unused-vars": ["warn", { "varsIgnorePattern": "_" }],
+        "@typescript-eslint/no-unused-vars": ["warn", { "varsIgnorePattern": "_" , "argsIgnorePattern": "^_"}],
         "@typescript-eslint/consistent-type-definitions": "error",
         "@typescript-eslint/dot-notation": "off",
         "@typescript-eslint/explicit-member-accessibility": [

diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml
@@ -23,6 +23,8 @@ jobs:
         uses: actions/checkout@v2
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v1
+        with:
+            node-version: ${{ matrix.node-version }}
       - name: Install packages
         run: npm ci
       - name: Lint

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,62 +1,156 @@
 # Ignite UI for Angular Change Log
 
 All notable changes for each version of this project will be documented in this file.
+## 11.1.1
+
+### New Features
+- `IgxAutocomplete`
+    - Exported the component instance in the template with the name `igxAutocomplete`.
+
+    ```html
+    <input type="text" [igxAutocomplete]="townsPanel" #autocompleteRef="igxAutocomplete"/>
+    ```
+
 ## 11.1.0
-### General
-- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
-    - The following new events are introduced: `sorting`, `filtering`, `columnPinned`, `columnVisibilityChanging`.
-    - **Behavioral Change** -
-    - `onColumnPinning` to emit `IPinColumnCancellableEventArgs` instead of `IPinColumnEventArgs`.
 
 ### New Features
 - `IgxDropDown`
     - The `igx-drop-down-item` now allows for `igxPrefix`, `igxSuffix` and `igx-divider` directives to be passed as `ng-content` and they will be renderer accordingly in the item's content.
 - `IgxGrid`
     - Added support for exporting grouped data.
-- `IgxInput` now supports `type="file"` and its styling upon all themes.  
+- `IgxTreeGrid`
+    - Added `multipleCascade` row selection mode. In this mode, selecting a record results in the selection of all its children recursively. When only some children are selected, their parent's checkbox is in an indeterminate state.
+
+
+        ```html
+        <igx-tree-grid [rowSelection]="'multipleCascade'">           
+        </igx-tree-grid>
+        ```
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - Support for `currency` type columns is added in the grid.
+    - Support for `percent` type columns is added in the grid.
+    - Added support for filtering based on the formatted cell values using the `FormattedValuesFilteringStrategy` for `IgxGrid`/`IgxHierarchicalGrid` and `TreeGridFormattedValuesFilteringStrategy` for `IgxTreeGrid`.
+    - The following new events are introduced: `sorting`, `filtering`, `columnPinned`, `columnVisibilityChanging`.
+    - **Behavioral Change** -
+    - `onColumnPinning` to emit `IPinColumnCancellableEventArgs` instead of `IPinColumnEventArgs`.
+    - `Column pinning`, `Column moving`, `paging` interactions now discard the editing value, instead of committing it.
+    - `Column Resizing` now does not exit edit mode.
+- `IgxInput` now supports `type="file"` and its styling upon all themes.
    _Note: validation of file type input is not yet supported._
+- `igxSplitter` now has the following additional outputs: 
+    - `resizeStart` - Emits when pane resizing starts.
+    - `resizing`- Emits while panes are being resized.
+    - `resizeEnd` - Emits when pane resizing ends.
+
+    All emit with the two panes affected by the resize operation as arguments.
 
 ### General
+- **Breaking Change** - Many outputs are renamed with the introduction of new rules in Ignite UI for Angular's naming convention. Please, ensure that when you update to 11.1 you do so through
+    ```
+    ng update igniteui-angular
+    ```
+    or execute the update migrations manually afterwards
+    ```
+    ng update igniteui-angular --migrate-only
+    ```
+    This will ensure your application is updated to use the new output names.
+- `IgxCheckbox, IgxRadio, IgxSwitch` now follow the Google Material spec for focus behavior. See [checkbox](https://material.io/components/checkboxes), [radio](https://material.io/components/radio-buttons), and [switch](https://material.io/components/switches).
 - `IgxDialog`
     - The dialog content has been moved inside the dialog window container in the template. This means that if you have added something in-between the opening and closing tags of the dialog, you may have to adjust its styling a bit since that content is now rendered inside a container that has padding on it.
 - `IgxCalendar`
+    - **Breaking Change**
     - A new string enumeration `IgxCalendarView` is exported. Either the new one or the current `CalendarView` can be used. `CalendarView` will be deprecated in a future release.
-    - `onSelection` is now `selected` 
+    - `onSelection` is now `selected`
     - `onViewChanging` is now `viewChanging`
     - `onDateSelection` is now `dateSelection`
     - `onYearSelection` is now `yearSelection`
     - `onMonthSelection` is now `monthSelection`
 - `IgxYearsViewComponent`
+    - **Breaking Change**
     - `onSelection` is now `selected`
     - `onYearSelection` is now `yearSelection`
 - `IgxDaysViewComponent`
+    - **Breaking Change**
     - `onDateSelection` is now `dateSelection`
     - `onViewChanging` is now `viewChanging`
 - `IgxMonthsViewComponent`
+    - **Breaking Change**
     - `onSelection` is now `selected`
     - `onMonthSelection` is now `monthSelection`
 - `IgxMonthPickerComponent`
+    - **Breaking Change**
     - `onSelection` is now `selected`
 - `IgxRadioGroup`
     - Added new property `alignment` that determines the radio group alignment. Available options are `horizontal` (default) and `vertical`.
 - `IgxDialog`
     - Added new `onOpened` and `onClosed` events.
 - `IgxIcon`
-    - **Deprecated** - The `color` input property has been deprecated. 
+    - **Deprecated** - The `color` input property has been deprecated.
     - **Renamed inputs**
         `isActive` to `active`
         `fontSet` to `family`
 - `IgxToast`
-    - **Breaking Change** - 
+    - **Breaking Change** -
     `show` and `hide` methods have been deprecated. `open` and `close` should be used instead.
     `onShowing`,`onShown`,`onHiding` and `onHiden` events have been deprecated. `onOpening`, `onOpened`, `onClosing` and `onClosed`should be used instead.
 - `IgxInputGroup`
     - Added new property `theme` that allows you to set the theme explicitly and at runtime.
 - `IgxSnackbar`
     - `show` and `hide` methods have been deprecated. `open` and `close` should be used instead.
+- `IgxSplitter`
+    - **Breaking Change** - the `onToggle` output is deprecated. A new output is introduced to replace it - `collapsedChange`. This allows for the `collapsed` state to be two-way bindable using the syntax ```[(collapsed)]="paneCollapse"```
+- `IgxChip`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onMoveStart` to `moveStart`
+        - `onMoveEnd` to `moveEnd`
+        - `onRemove` to `remove`
+        - `onClick` to `chipClick`
+        - `onSelection` to `selectedChanging`
+        - `onSelectionDone` to `selectedChanged`
+        - `onKeyDown` to `keyDown`
+        - `onDragEnter` to `dragEnter`
+- `IgxChipArea`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onReorder` to `reorder`
+        - `onSelection` to `selectionChange`
+        - `onMoveStart` to `moveStart`
+        - `onMoveEnd` to `moveEnd`
 - `IgxGrid`, `IgxHierarchicalGrid`, `IgxTreeGrid`
     - Added new property `selectRowOnClick` that determines whether clicking over a row will change its selection state or not. Set to `true` by default.
     - `GridPagingMode` enum members rename - `local` to `Local` and `remote` to `Remote`. Example:  `GridPagingMode.Local`.
+- IgxButton
+    - IgxIcon(s) placed in a button now include margin if there are one or more sibling elements to give them some breathing room. The amount of margin applied depends on the display density of the button.
+- `IgxListComponent`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onLeftPan` to `leftPan`
+        - `onRightPan` to `rightPan`
+        - `onPanStateChange` to `panStateChange`
+        - `onItemClicked` to `itemClicked`
+- `IgxNavbarComponent`
+    - **Breaking Change** - The `onAction` output is renamed to `action`.
+- `IgxTabsComponent`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onTabItemSelected` to `tabItemSelected`
+        - `onTabItemDeselected` to `tabItemDeselected`
+- `IgxTooltipTargetDirective`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onTooltipShow` to `tooltipShow`
+        - `onTooltipHide` to `tooltipHide`
+- `IgxBaseExporter`, `IgxExcelExporterService`, `IgxCsvExporterService`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onColumnExport` to `columnExporting`
+        - `onRowExport` to `rowExporting`
+        - `onExportEnded` to `exportEnded`
+
+## 11.0.15
+
+### New Features
+- `IgxAutocomplete`
+    - Exported the component instance in the template with the name `igxAutocomplete`.
+
+    ```html
+    <input type="text" [igxAutocomplete]="townsPanel" #autocompleteRef="igxAutocomplete"/>
+    ```
 
 ## 11.0.4
 
@@ -95,6 +189,16 @@ All notable changes for each version of this project will be documented in this
 - `IgxOverlay`
     - New functionality to automatically determine the correct animation that is needed when showing an overlay content. This is used with Auto Position strategy, where the `IgxOverlay` content is flipped, depending on the available space.
 
+## 10.2.15
+
+### New Features
+- `IgxAutocomplete`
+    - Exported the component instance in the template with the name `igxAutocomplete`.
+
+    ```html
+    <input type="text" [igxAutocomplete]="townsPanel" #autocompleteRef="igxAutocomplete"/>
+    ```
+
 ## 10.2.0
 
 ### General

diff --git a/ROADMAP.md b/ROADMAP.md
@@ -2,7 +2,26 @@
 
 # Current Milestone
 
-## Milestone 14 (Due by November, 2020)
+## Milestone 15 (Due by February, 2021)
+
+1. Filters should support filtering by formatted value [#8009](https://github.com/IgniteUI/igniteui-angular/issues/8009)
+2. **[DONE]** Support changing theme dynamically on Input Group [#8619](https://github.com/IgniteUI/igniteui-angular/issues/8619)
+3. **[DONE]** Icon inputs should have same names in code and view files [#8769](https://github.com/IgniteUI/igniteui-angular/issues/8769)
+4. **[DONE]** Key + scroll for horizontal scroll in igx-grid [#6566](https://github.com/IgniteUI/igniteui-angular/issues/6566)
+5. **[DONE]** Export Excel current igx-grid ordered by Group By [#5927](https://github.com/IgniteUI/igniteui-angular/issues/5927)
+6. Auto select children in tree grid [#8040](https://github.com/IgniteUI/igniteui-angular/issues/8040)
+7. Currency and Percent type of a Column [#8331](https://github.com/IgniteUI/igniteui-angular/issues/8331)
+8. **[DONE]** Introduce selectRowOnClick property that determines whether a row will be selected on click [#8633](https://github.com/IgniteUI/igniteui-angular/issues/8633)
+9. **[DONE]** Carousel accessibility improvements [#8202](https://github.com/IgniteUI/igniteui-angular/issues/8202)
+10. Datetime or Time in avaliable type of column [#7678](https://github.com/IgniteUI/igniteui-angular/issues/7678)
+
+## Going down the road
+
+1. Date & Time Picker Refactoring
+2. Tabs and Bottom Nav Components Refactoring
+3. Tree component
+
+## Milestone 14 (Released November 11th, 2020)
 
 1. **[DONE]** Grid Toolbar refactoring [#8055](https://github.com/IgniteUI/igniteui-angular/issues/8055)
 2. **[DONE]** Expose an event that indicates that the Grid is fully loaded [#7924](https://github.com/IgniteUI/igniteui-angular/issues/7924)
@@ -14,14 +33,6 @@
 8. **[DONE]** Improve the chart color palette generation [#8447](https://github.com/IgniteUI/igniteui-angular/issues/8447)
 9. **[DONE]** Auto position strategy use wrong animation when flipped [#8238](https://github.com/IgniteUI/igniteui-angular/issues/8238)
 
-## Going down the road
-
-1. Tile Manager
-2. Visual Cell merging [#3514](https://github.com/IgniteUI/igniteui-angular/issues/3514)
-3. RTL Support across Ignite UI for Angular components [#5905](https://github.com/IgniteUI/igniteui-angular/issues/5905)
-4. Scheduler component [#8097](https://github.com/IgniteUI/igniteui-angular/pull/8479/files)
-5. IgxInput directive to style file type input [#6544](https://github.com/IgniteUI/igniteui-angular/issues/6544)
-
 ## Milestone 13 (Released October 20th, 2020)
 
 1. **[DONE]** Move PositionSettings to OverlaySettings [#7807](https://github.com/IgniteUI/igniteui-angular/issues/7807)