@adaptabletools/adaptable-react-aggrid 12.1.5 → 12.1.8-canary.0

package/base.css

@@ -1902,55 +1902,6 @@
   --ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
   --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
   --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding); }
-.ab-LayoutEditor {
-  overflow: auto;
-  display: grid;
-  padding: var(--ab-space-2);
-  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); }
-.ab-LayoutEditor,
-  .ab-LayoutEditor * {
-    box-sizing: border-box; }
-.ab-LayoutEditor__ColumnList {
-  overflow: auto; }
-.ab-LayoutEditor__ColumnListPanel {
-  grid-area: 1 / 1 / 4 / 2; }
-.ab-LayoutEditor__ColumnSortListPanel {
-  grid-area: 1 / 2 / 2 / 3; }
-.ab-LayoutEditor__RowGroupsListPanel {
-  grid-area: 2 / 2 / 3 / 3; }
-.ab-LayoutEditor__PivotListPanel {
-  grid-area: 3 / 2 / 4 / 3; }
-.ab-LayoutEditor__PivotList--empty,
-.ab-LayoutEditor__RowGroupsList--empty,
-.ab-LayoutEditor__ColumnSortList--empty {
-  display: flex;
-  flex-flow: column;
-  align-items: center;
-  justify-content: center; }
-.ab-LayoutEditor__PivotList,
-.ab-LayoutEditor__RowGroupsList,
-.ab-LayoutEditor__ColumnSortList {
-  padding-top: var(--ab-space-2); }
-.ab-LayoutEditor__PivotList__column,
-.ab-LayoutEditor__RowGroupsList__column,
-.ab-LayoutEditor__ColumnSortList__column,
-.ab-LayoutEditor__ColumnList__column {
-  background: var(--ab-color-primary);
-  color: var(--ab-color-text-on-primary);
-  margin: 0 0 var(--ab-space-2) 0; }
-.ab-LayoutEditor__PivotList__column,
-.ab-LayoutEditor__RowGroupsList__column,
-.ab-LayoutEditor__ColumnSortList__column {
-  padding-top: var(--ab-space-2);
-  padding-bottom: var(--ab-space-2); }
 :root {
   --ab-cmp-popover__border-radius: var(--ab__border-radius);
   --ab-cmp-popover__background: var(--ab-color-defaultbackground);
@@ -2074,6 +2025,12 @@
   );
   --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
   --ab-cmp-adaptable-layout-wizard-column-input__width: 100%; }
+.ab-PermitedValuesSelector__PopupContent {
+  z-index: 1000;
+  font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
+  border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
+  background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
+  padding: var(--ab-cmp-adaptable-permitted-values-selector__padding); }
 .ab-Radio-input:focus + svg rect {
   stroke: var(--ab-color-accent);
   stroke-width: 2; }
@@ -3238,6 +3195,11 @@ button.ab-StatusBar__SubPanel:hover {
 .ab-Layout-Wizard__ColumnRow__Input {
   max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
   width: var(--ab-cmp-adaptable-layout-wizard-column-input__width); }
+:root {
+  --ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
+  --ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
+  --ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
+  --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1); }
 .ab-alert--error {
   background: var(--ab-color-error); }
 .ab-alert--success {

package/index.css

@@ -2598,66 +2598,6 @@ template {
   --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
   --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding); }
 
-.ab-LayoutEditor {
-  overflow: auto;
-  display: grid;
-  padding: var(--ab-space-2);
-  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); }
-
-.ab-LayoutEditor,
-  .ab-LayoutEditor * {
-    box-sizing: border-box; }
-
-.ab-LayoutEditor__ColumnList {
-  overflow: auto; }
-
-.ab-LayoutEditor__ColumnListPanel {
-  grid-area: 1 / 1 / 4 / 2; }
-
-.ab-LayoutEditor__ColumnSortListPanel {
-  grid-area: 1 / 2 / 2 / 3; }
-
-.ab-LayoutEditor__RowGroupsListPanel {
-  grid-area: 2 / 2 / 3 / 3; }
-
-.ab-LayoutEditor__PivotListPanel {
-  grid-area: 3 / 2 / 4 / 3; }
-
-.ab-LayoutEditor__PivotList--empty,
-.ab-LayoutEditor__RowGroupsList--empty,
-.ab-LayoutEditor__ColumnSortList--empty {
-  display: flex;
-  flex-flow: column;
-  align-items: center;
-  justify-content: center; }
-
-.ab-LayoutEditor__PivotList,
-.ab-LayoutEditor__RowGroupsList,
-.ab-LayoutEditor__ColumnSortList {
-  padding-top: var(--ab-space-2); }
-
-.ab-LayoutEditor__PivotList__column,
-.ab-LayoutEditor__RowGroupsList__column,
-.ab-LayoutEditor__ColumnSortList__column,
-.ab-LayoutEditor__ColumnList__column {
-  background: var(--ab-color-primary);
-  color: var(--ab-color-text-on-primary);
-  margin: 0 0 var(--ab-space-2) 0; }
-
-.ab-LayoutEditor__PivotList__column,
-.ab-LayoutEditor__RowGroupsList__column,
-.ab-LayoutEditor__ColumnSortList__column {
-  padding-top: var(--ab-space-2);
-  padding-bottom: var(--ab-space-2); }
-
 :root {
   --ab-cmp-popover__border-radius: var(--ab__border-radius);
   --ab-cmp-popover__background: var(--ab-color-defaultbackground);
@@ -2798,6 +2738,13 @@ template {
   --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
   --ab-cmp-adaptable-layout-wizard-column-input__width: 100%; }
 
+.ab-PermitedValuesSelector__PopupContent {
+  z-index: 1000;
+  font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
+  border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
+  background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
+  padding: var(--ab-cmp-adaptable-permitted-values-selector__padding); }
+
 .ab-Radio-input:focus + svg rect {
   stroke: var(--ab-color-accent);
   stroke-width: 2; }
@@ -4258,6 +4205,12 @@ button.ab-StatusBar__SubPanel:hover {
   max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
   width: var(--ab-cmp-adaptable-layout-wizard-column-input__width); }
 
+:root {
+  --ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
+  --ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
+  --ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
+  --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1); }
+
 .ab-alert--error {
   background: var(--ab-color-error); }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "12.1.5",
+  "version": "12.1.8-canary.0",
   "description": "React version of AdapTable - the powerful AG Grid add-on that provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [],
   "license": "contact sales@adaptabletools.com for details",
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "tslib": "^2.0.0",
-    "@adaptabletools/adaptable": "12.1.5"
+    "@adaptabletools/adaptable": "12.1.8-canary.0"
   },
   "peerDependencies": {
     "@ag-grid-community/all-modules": ">=27.3.0",