Merge branch 'master' of https://github.com/IgniteUI/igniteui-angular into nrobakova/refactor-hiding-tests

Author: nrobakova

CHANGELOG.md

@@ -10,6 +10,7 @@ All notable changes for each version of this project will be documented in this
 
 - `IgxInputGroup`
   - **Renamed** `supressInputAutofocus` input to `suppressInputAutofocus`
+  - Clicking on prefix, suffix or label elements in the Input Group will no longer blur and re-focus the input.
 
 ### Themes
 - **Breaking Change**  Change the default `$legacy-support` value to false in the `igx-theme` function.

package-lock.json

@@ -53,11 +53,12 @@
     "@angular/platform-browser-dynamic": "^9.1.0",
     "@angular/router": "^9.1.0",
     "@types/hammerjs": "^2.0.36",
+    "@types/jszip": "^3.1.7",
     "@types/source-map": "0.5.2",
     "classlist.js": "^1.1.20150312",
     "core-js": "^2.6.2",
     "hammerjs": "^2.0.8",
-    "jszip": "^3.1.5",
+    "jszip": "^3.3.0",
     "resize-observer-polyfill": "^1.5.1",
     "rxjs": "^6.5.4",
     "tslib": "^1.10.0",

package.json

@@ -7,6 +7,7 @@
   },
   "whitelistedNonPeerDependencies": [
       "@types/hammerjs",
+      "@types/jszip",
       "hammerjs",
       "jszip",
       "resize-observer-polyfill"

projects/igniteui-angular/ng-package.json

@@ -4,12 +4,12 @@
   "lib": {
     "entryFile": "src/public_api.ts",
     "umdModuleIds": {
-      "jszip/dist/jszip": "JSZip",
       "resize-observer-polyfill": "ResizeObserver"
     }
   },
   "whitelistedNonPeerDependencies": [
       "@types/hammerjs",
+      "@types/jszip",
       "hammerjs",
       "jszip",
       "resize-observer-polyfill"

projects/igniteui-angular/ng-package.prod.json

@@ -67,8 +67,9 @@
     ],
     "dependencies": {
         "@types/hammerjs": "^2.0.36",
+        "@types/jszip": "^3.1.7",
         "hammerjs": "^2.0.8",
-        "jszip": "^3.1.5",
+        "jszip": "^3.3.0",
         "resize-observer-polyfill": "^1.5.1"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -90,6 +90,7 @@ export interface IGridResourceStrings {
     igx_grid_advanced_filter_initial_text?: string;
     igx_grid_advanced_filter_column_placeholder?: string;
     igx_grid_advanced_filter_value_placeholder?: string;
+    igx_grid_pinned_row_indicator?: string;
 }
 
 export const GridResourceStringsEN: IGridResourceStrings = {
@@ -183,5 +184,6 @@ export const GridResourceStringsEN: IGridResourceStrings = {
     igx_grid_advanced_filter_delete_filters: 'Delete filters',
     igx_grid_advanced_filter_initial_text: 'Start with creating a group of conditions linked with "And" or "Or"',
     igx_grid_advanced_filter_column_placeholder: 'Select column',
-    igx_grid_advanced_filter_value_placeholder: 'Value'
+    igx_grid_advanced_filter_value_placeholder: 'Value',
+    igx_grid_pinned_row_indicator: 'Pinned'
 };

projects/igniteui-angular/src/lib/core/i18n/grid-resources.ts

@@ -396,6 +396,10 @@
         @extend %grid-cell--pinned--column-selected !optional;
     }
 
+    @include e(td, $m: row-pinned-first) {
+        @extend %grid-cell--row-pinned-first !optional;
+    }
+
     @include e(td, $m: pinned-chip) {
         @extend %grid-cell--pinned-chip !optional;
     }

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss

@@ -1417,6 +1417,10 @@
         }
     }
 
+    %grid-cell--row-pinned-first {
+        overflow: hidden;
+    }
+
     %grid-cell--pinned-chip {
         margin-#{$right}: rem(12px);
     }

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -93,7 +93,6 @@
         align-items: center;
         background: $splitter-color;
         border: 1px solid $splitter-color;
-        cursor: row-resize;
         z-index: 99;
         opacity: .68;
         transition: opacity .15s $ease-out-quad !important;
@@ -123,7 +122,6 @@
     %igx-splitter-bar--vertical {
         flex-direction: column;
         height: 100%;
-        cursor: col-resize;
 
         &::before {
             @extend %handle-area--vertical;