@adaptabletools/adaptable-react-aggrid 11.0.8 → 11.1.1-canary.0

package/base.css

@@ -1539,8 +1539,12 @@
   overflow: auto;
   display: grid;
   padding: var(--ab-space-2);
-  grid-template-rows: 1fr 1fr;
-  grid-template-columns: 28rem 1fr 1fr;
+  flex: 1 1 0;
+  min-height: 0;
+  grid-template-columns: 28rem 1fr;
+  grid-template-rows: repeat(3, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
   row-gap: var(--ab-space-2);
   column-gap: var(--ab-space-2);
   grid-gap: var(--ab-space-2); }
@@ -1550,18 +1554,13 @@
 .ab-LayoutEditor__ColumnList {
   overflow: auto; }
 .ab-LayoutEditor__ColumnListPanel {
-  grid-row: 1 /3;
-  grid-column: 1 /1;
-  max-height: initial; }
+  grid-area: 1 / 1 / 4 / 2; }
 .ab-LayoutEditor__ColumnSortListPanel {
-  grid-row: 1 /1;
-  grid-column: 2 /2; }
+  grid-area: 1 / 2 / 2 / 3; }
 .ab-LayoutEditor__RowGroupsListPanel {
-  grid-row: 2 / 2;
-  grid-column: 2 /2; }
+  grid-area: 2 / 2 / 3 / 3; }
 .ab-LayoutEditor__PivotListPanel {
-  grid-row: 2 / 2;
-  grid-column: 3 /3; }
+  grid-area: 3 / 2 / 4 / 3; }
 .ab-LayoutEditor__PivotList--empty,
 .ab-LayoutEditor__RowGroupsList--empty,
 .ab-LayoutEditor__ColumnSortList--empty {
@@ -1654,6 +1653,8 @@
   --ab-cmp-adaptable-popup-panel__margin-top: var(--ab-space-2);
   --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
   --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2); }
+:root {
+  --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
 :root {
   --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
   --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
@@ -2745,6 +2746,13 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   cursor: move; }
 .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
   cursor: move; }
+.ab-Window-Modal .ab-Panel__header {
+  cursor: move; }
+.ab-Window-Modal {
+  max-height: 100%;
+  box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow); }
+.ab-Window-Modal .ab-Panel {
+    max-height: initial; }
 .ab-Adaptable-Object-List {
   list-style: none;
   padding: 0; }

package/index.css

@@ -2139,8 +2139,12 @@ template {
   overflow: auto;
   display: grid;
   padding: var(--ab-space-2);
-  grid-template-rows: 1fr 1fr;
-  grid-template-columns: 28rem 1fr 1fr;
+  flex: 1 1 0;
+  min-height: 0;
+  grid-template-columns: 28rem 1fr;
+  grid-template-rows: repeat(3, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
   row-gap: var(--ab-space-2);
   column-gap: var(--ab-space-2);
   grid-gap: var(--ab-space-2); }
@@ -2153,21 +2157,16 @@ template {
   overflow: auto; }
 
 .ab-LayoutEditor__ColumnListPanel {
-  grid-row: 1 /3;
-  grid-column: 1 /1;
-  max-height: initial; }
+  grid-area: 1 / 1 / 4 / 2; }
 
 .ab-LayoutEditor__ColumnSortListPanel {
-  grid-row: 1 /1;
-  grid-column: 2 /2; }
+  grid-area: 1 / 2 / 2 / 3; }
 
 .ab-LayoutEditor__RowGroupsListPanel {
-  grid-row: 2 / 2;
-  grid-column: 2 /2; }
+  grid-area: 2 / 2 / 3 / 3; }
 
 .ab-LayoutEditor__PivotListPanel {
-  grid-row: 2 / 2;
-  grid-column: 3 /3; }
+  grid-area: 3 / 2 / 4 / 3; }
 
 .ab-LayoutEditor__PivotList--empty,
 .ab-LayoutEditor__RowGroupsList--empty,
@@ -2274,6 +2273,9 @@ template {
   --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
   --ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2); }
 
+:root {
+  --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
+
 :root {
   --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
   --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
@@ -3636,6 +3638,16 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
   cursor: move; }
 
+.ab-Window-Modal .ab-Panel__header {
+  cursor: move; }
+
+.ab-Window-Modal {
+  max-height: 100%;
+  box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow); }
+
+.ab-Window-Modal .ab-Panel {
+    max-height: initial; }
+
 .ab-Adaptable-Object-List {
   list-style: none;
   padding: 0; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "11.0.8",
+  "version": "11.1.1-canary.0",
   "description": "React version of the powerful data-agnostic HTML5 datagrid add-on that sits on top of the agGrid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [],
   "license": "SEE LICENSE IN LICENSE.md",
@@ -19,11 +19,11 @@
   },
   "dependencies": {
     "tslib": "^2.0.0",
-    "@adaptabletools/adaptable": "11.0.8"
+    "@adaptabletools/adaptable": "11.1.1-canary.0"
   },
   "peerDependencies": {
-    "@ag-grid-community/all-modules": ">=27.0.0",
-    "@ag-grid-community/react": ">=27.0.0",
+    "@ag-grid-community/all-modules": ">=27.1.0",
+    "@ag-grid-community/react": ">=27.1.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },