BP 662: changed ag-grid version to 20.0.0; changed deprecated statements to new statements
diff --git a/package-lock.json b/package-lock.json
index ce74f9a..329fd81 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "bereitschaftsplanung",
-  "version": "7.0.2",
+  "version": "0.8.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -792,15 +792,15 @@
       "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
       "dev": true
     },
-    "ag-grid": {
-      "version": "18.0.1",
-      "resolved": "https://registry.npmjs.org/ag-grid/-/ag-grid-18.0.1.tgz",
-      "integrity": "sha1-5y7i9815BjRm/Jn6Ivf06YgK3aI="
-    },
     "ag-grid-angular": {
-      "version": "18.0.1",
-      "resolved": "https://registry.npmjs.org/ag-grid-angular/-/ag-grid-angular-18.0.1.tgz",
-      "integrity": "sha1-AJWeO+qP6czhOPncPNhdXC7d2U0="
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/ag-grid-angular/-/ag-grid-angular-20.0.0.tgz",
+      "integrity": "sha512-Wpna9jclSt4HlKCNBLKoGJ63K4bdjeY+DkK0J9o+n7k/gMYuucTaL5c4X3NmkQrrQEhgPAbMQ1QQVzIGxA8c2Q=="
+    },
+    "ag-grid-community": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-20.0.0.tgz",
+      "integrity": "sha512-KOvUnZsf1FY/0wt77xNRHJl76nxGwMuVZpEAAQvAsv+TrODXETSP9JcJskVBjr+s5VLvGaxJNfV7JQTc1ZPS5w=="
     },
     "agent-base": {
       "version": "4.2.0",
diff --git a/package.json b/package.json
index 78264a5..d425597 100644
--- a/package.json
+++ b/package.json
@@ -25,8 +25,8 @@
     "@angular/router": "6.1.0",
     "@auth0/angular-jwt": "2.0.0",
     "@ng-bootstrap/ng-bootstrap": "3.3.0",
-    "ag-grid": "18.0.1",
-    "ag-grid-angular": "18.0.1",
+    "ag-grid-angular": "20.0.0",
+    "ag-grid-community": "20.0.0",
     "bootstrap": "4.1.1",
     "classlist.js": "1.1.20150312",
     "core-js": "2.5.4",
diff --git a/src/app/masterdata-management/components/calendarlist/calendarlist.component.html b/src/app/masterdata-management/components/calendarlist/calendarlist.component.html
index 8c4380a..f038d17 100644
--- a/src/app/masterdata-management/components/calendarlist/calendarlist.component.html
+++ b/src/app/masterdata-management/components/calendarlist/calendarlist.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true" [enableSorting]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true" [enableSorting]="true"
         [enableColResize]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)" (rowClicked)="rowClicked($event)" id="calendarGrid">
       </ag-grid-angular>
     </div>
diff --git a/src/app/masterdata-management/components/functionlist/functionlist.component.html b/src/app/masterdata-management/components/functionlist/functionlist.component.html
index 2f820fd..85ac48f 100644
--- a/src/app/masterdata-management/components/functionlist/functionlist.component.html
+++ b/src/app/masterdata-management/components/functionlist/functionlist.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true"
         [enableColResize]="true" [enableSorting]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)"
         (rowClicked)="rowClicked($event)" id="functionGrid">
       </ag-grid-angular>
diff --git a/src/app/masterdata-management/components/locationlist/locationlist.component.html b/src/app/masterdata-management/components/locationlist/locationlist.component.html
index d07ee38..1e9287d 100644
--- a/src/app/masterdata-management/components/locationlist/locationlist.component.html
+++ b/src/app/masterdata-management/components/locationlist/locationlist.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true" [enableSorting]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true" [enableSorting]="true"
         [enableColResize]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)" (rowClicked)="rowClicked($event)" id="locationGrid">
       </ag-grid-angular>
     </div>
diff --git a/src/app/masterdata-management/components/organisationlist/organisationlist.component.html b/src/app/masterdata-management/components/organisationlist/organisationlist.component.html
index c5009d6..4d4d47b 100644
--- a/src/app/masterdata-management/components/organisationlist/organisationlist.component.html
+++ b/src/app/masterdata-management/components/organisationlist/organisationlist.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true"
         [enableColResize]="true" [enableSorting]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)"
         (rowClicked)="rowClicked($event)" id="oragnisationGrid">
       </ag-grid-angular>
diff --git a/src/app/masterdata-management/components/regionlist/regionlist.component.html b/src/app/masterdata-management/components/regionlist/regionlist.component.html
index 6eb955d..7f448c5 100644
--- a/src/app/masterdata-management/components/regionlist/regionlist.component.html
+++ b/src/app/masterdata-management/components/regionlist/regionlist.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true"
         [enableColResize]="true" [enableSorting]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)"
         (rowClicked)="rowClicked($event)" id="regionGrid">
       </ag-grid-angular>
diff --git a/src/app/masterdata-management/components/standbygrouplist/standbygrouplist.component.html b/src/app/masterdata-management/components/standbygrouplist/standbygrouplist.component.html
index 17bc932..97133fd 100644
--- a/src/app/masterdata-management/components/standbygrouplist/standbygrouplist.component.html
+++ b/src/app/masterdata-management/components/standbygrouplist/standbygrouplist.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true" [enableSorting]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true" [enableSorting]="true"
         [enableColResize]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)" (rowClicked)="rowClicked($event)" id="standbyGroupGrid">
       </ag-grid-angular>
     </div>
diff --git a/src/app/masterdata-management/components/standbylisttable/standbylisttable.component.html b/src/app/masterdata-management/components/standbylisttable/standbylisttable.component.html
index 983c8f6..781ad06 100644
--- a/src/app/masterdata-management/components/standbylisttable/standbylisttable.component.html
+++ b/src/app/masterdata-management/components/standbylisttable/standbylisttable.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true"
         [enableColResize]="true" [enableSorting]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)" (rowClicked)="rowClicked($event)"
         id="standbyListGrid">
       </ag-grid-angular>
diff --git a/src/app/masterdata-management/components/userlist/userlist.component.html b/src/app/masterdata-management/components/userlist/userlist.component.html
index 1cdc9af..8853135 100644
--- a/src/app/masterdata-management/components/userlist/userlist.component.html
+++ b/src/app/masterdata-management/components/userlist/userlist.component.html
@@ -25,7 +25,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham" [enableFilter]="true"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham" [enableFilter]="true"
         [enableColResize]="true" [enableSorting]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)" (rowClicked)="rowClicked($event)"
         id="userGrid">
       </ag-grid-angular>
diff --git a/src/app/shared/components/picklist-reactive/picklist-reactive.component.html b/src/app/shared/components/picklist-reactive/picklist-reactive.component.html
index 480f1b8..9dd6fae 100644
--- a/src/app/shared/components/picklist-reactive/picklist-reactive.component.html
+++ b/src/app/shared/components/picklist-reactive/picklist-reactive.component.html
@@ -17,7 +17,7 @@
         <ng-content select="[sourceHeader]"></ng-content>
       </div>
       <div class="card-body">
-        <ag-grid-angular style="height:351px;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham w-100"
+        <ag-grid-angular style="height:351px;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham w-100"
           [enableFilter]="true" [enableSorting]="true" [rowData]="sourceList" [columnDefs]="sourceListColumnDefs" (gridReady)="onGridReadySource($event)"
           [enableColResize]="true" [rowSelection]="rowSelection" pagination="true" paginationPageSize="10" [id]="gridSourceId">
         </ag-grid-angular>
@@ -50,7 +50,7 @@
         </span>
       </div>
       <div class="card-body">
-        <ag-grid-angular style="height:351px;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham w-100"
+        <ag-grid-angular style="height:351px;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham w-100"
           [enableFilter]="true" [enableSorting]="true" [rowData]="targetList" [columnDefs]="targetListColumnDefs" (gridReady)="onGridReadyTarget($event)"
           [enableColResize]="true" [rowSelection]="rowSelection" pagination="true" paginationPageSize="10" [id]="gridTargetId">
         </ag-grid-angular>
diff --git a/src/app/shared/components/picklist-reactive/picklist-reactive.component.ts b/src/app/shared/components/picklist-reactive/picklist-reactive.component.ts
index f9de663..cb9c508 100644
--- a/src/app/shared/components/picklist-reactive/picklist-reactive.component.ts
+++ b/src/app/shared/components/picklist-reactive/picklist-reactive.component.ts
@@ -10,7 +10,8 @@
 import { Component, OnInit, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';
 import { AGGRID_LOCALETEXT } from '@shared/utils/list.util';
 
-import { GridApi } from 'ag-grid';
+import { GridApi } from 'ag-grid-community';
+
 import { AuthenticationService } from '@core/services/authentication.service';
 
 @Component({
diff --git a/src/app/standby-schedule/components/archivelist/archivelist.component.html b/src/app/standby-schedule/components/archivelist/archivelist.component.html
index d68b944..f10aa71 100644
--- a/src/app/standby-schedule/components/archivelist/archivelist.component.html
+++ b/src/app/standby-schedule/components/archivelist/archivelist.component.html
@@ -69,7 +69,7 @@
   </div>
   <div class="row">
     <div class="col-md-12">
-      <ag-grid-angular style="width: 100%;" [localeText]="localeText" [gridAutoHeight]="true" class="ag-theme-balham"
+      <ag-grid-angular style="width: 100%;" [localeText]="localeText" domLayout="autoHeight" class="ag-theme-balham"
         [enableFilter]="true" [enableSorting]="true" [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)"
         [enableColResize]="true" (rowClicked)="rowClicked($event)" id="locationGrid">
       </ag-grid-angular>
diff --git a/src/styles.scss b/src/styles.scss
index 3b9acc9..4bee301 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -10,8 +10,8 @@
 
 $theme-colors: ( "primary": #337ab7, "secondary": #ccdbe6);
 @import "../node_modules/bootstrap/scss/bootstrap";
-@import "~ag-grid/dist/styles/ag-grid.css";
-@import "~ag-grid/dist/styles/ag-theme-balham.css";
+@import "~ag-grid-community/dist/styles/ag-grid.css";
+@import "~ag-grid-community/dist/styles/ag-theme-balham.css";
 body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }