@adaptabletools/adaptable 10.0.4-canary.4 → 11.0.0-canary.2

package/LICENSE.md

@@ -78,7 +78,7 @@ TTL provides the following:
 
 4.1	Under the annual user licence fee includes not less than four scheduled quarterly updates through the duration of user licence period, as well as ad-hoc releases for urgent bug fixes. Client shall install all such updates as soon as reasonably practicable after receipt.
 
-4.2	TTL shall provide support for all vendor grid major version releases within a maximum period of three months of the update.
+4.2	TTL shall provide support for all AG Grid major version releases within a maximum period of three months of the update.
 
 5.	THIRD PARTY SOFTWARE
 

package/agGrid.d.ts

@@ -3,8 +3,8 @@ export default Adaptable;
 export declare const AdaptableNoCodeWizard: typeof import("./src/agGrid/Adaptable").AdaptableNoCodeWizard;
 export declare const AdaptableBooleanExpressionFunctions: Record<import("./src/Utilities/ExpressionFunctions/booleanExpressionFunctions").BooleanFunctionName, import("./types").ExpressionFunction>;
 export declare const AdaptableScalarExpressionFunctions: Record<import("./src/Utilities/ExpressionFunctions/scalarExpressionFunctions").ScalarFunctionName, import("./types").ExpressionFunction>;
-export declare const AdaptableObservableExpressionFunctions: Record<"COL" | "MIN" | "MAX" | "ROW_CHANGE" | "GRID_CHANGE" | "NONE" | "COUNT" | "TIMEFRAME" | "WHERE", import("./types").ExpressionFunction>;
-export declare const AdaptableAggregationExpressionFunctions: Record<"COL" | "EQ" | "NEQ" | "GT" | "LT" | "GTE" | "LTE" | "WHERE" | "SUM", import("./types").ExpressionFunction>;
+export declare const AdaptableObservableExpressionFunctions: Record<"ROW_CHANGE" | "GRID_CHANGE" | "COUNT" | "NONE" | "MIN" | "MAX" | "TIMEFRAME" | "COL" | "WHERE", import("./types").ExpressionFunction>;
+export declare const AdaptableAggregationExpressionFunctions: Record<"EQ" | "NEQ" | "LT" | "GT" | "LTE" | "GTE" | "SUM" | "COL" | "WHERE", import("./types").ExpressionFunction>;
 import { AdaptableNumberEditor } from './src/agGrid/editors/AdaptableNumberEditor';
 import { AdaptableDateEditor } from './src/agGrid/editors/AdaptableDateEditor';
 export { AdaptableNumberEditor, AdaptableDateEditor, AdaptableWizardView };

package/base.css

@@ -1322,7 +1322,7 @@
 :root {
   --ab-cmp-dialog__background: var(--ab-color-defaultbackground, white);
   --ab-cmp-dialog__color: var(--ab-color-text-on-defaultbackground, white);
-  --ab-cmp-dialog-close-button__color: var(--ab-color-text-on-primary);
+  --ab-cmp-dialog-close-button__color: var(--ab-color-accentlight);
   --ab-cmp-dialog__border-radius: var(--ab__border-radius);
   --ab-cmp-dialog__min-height: 60vh; }
 :root {
@@ -1407,7 +1407,7 @@
   --ab-cmp-tabs-active__background: var(--ab-color-primarylight); }
 :root {
   --ab-cmp-panel_header__background: var(--ab-color-primary);
-  --ab-cmp-panel_header__font-size: var(--ab-font-size-2);
+  --ab-cmp-panel_header__font-size: var(--ab-font-size-3);
   --ab-cmp-panel__font-size: var(--ab-font-size-3);
   --ab-cmp-panel__border-radius: var(--ab__border-radius);
   --ab-cmp-panel__padding: var(--ab-space-2);
@@ -1421,6 +1421,7 @@
   --ab-cmp-panel_header--variant-primary__background: var(--ab-color-secondary);
   --ab-cmp-panel_header--variant-primary__color: var(--ab-color-text-on-secondary);
   --ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
+  --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
   --ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
   --ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight); }
 :root {
@@ -1607,6 +1608,54 @@
   --ab-cmp-toolpanel__font-family: var(--ab__font-family); }
 :root {
   --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4); }
+:root {
+  --ab-cmp-adaptable-popup__background: var(--ab-color-primarylight);
+  --ab-cmp-adaptable-popup--settings__padding: 20px;
+  --ab-cmp-adaptable-popup--settings__height: 90vh;
+  --ab-cmp-adaptable-popup__height: 90vh;
+  --ab-cmp-adaptable-popup__max-height: 1200px;
+  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
+  --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
+  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
+  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
+  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
+  --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
+  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2) var(--ab-space-2);
+  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
+  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
+  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
+  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
+  --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(--ab-color-accentlight);
+  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
+  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
+  --ab-cmp-adaptable-popup-topbar__height: 45px;
+  --ab-cmp-adaptable-popup-topbar__color: var(--ab-color-text-on-secondary);
+  --ab-cmp-adaptable-popup-topbar__font-weight: 500;
+  --ab-cmp-adaptable-popup-topbar__padding: var(--ab-space-3);
+  --ab-cmp-adaptable-popup-topbar-icon__margin-right: var(--ab-space-2);
+  --ab-cmp-adaptable-popup-topbar-icon__color: var(--ab-color-accentlight);
+  --ab-cmp-adaptable-popup-panel__padding: 0 var(--ab-space-2);
+  --ab-cmp-adaptable-popup-panel__margin-bottom: var(--ab-space-3);
+  --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-object-list-tag__margin-right: var(--ab-space-2);
+  --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
+  --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-defaultbackground);
+  --ab-cmp-adaptable-object-list-item__padding: var(--ab-space-3) var(--ab-space-3);
+  --ab-cmp-adaptable-object-list-item__margin-bottom: var(--ab-space-3);
+  --ab-cmp-adaptable-object-list-item-label__padding-top: var(--ab-space-3);
+  --ab-cmp-adaptable-object-list-item-label__width: 130px;
+  --ab-cmp-adaptable-object-list-item-tag__padding: 6px 12px; }
+:root {
+  --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
+  --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
+  --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground); }
+:root {
+  --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground); }
+:root {
+  --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground); }
 .ab-Radio-input:focus + svg rect {
   stroke: var(--ab-color-accent);
   stroke-width: 2; }
@@ -1702,18 +1751,15 @@
   fill: var(--ab-color-text-on-primary);
   color: var(--ab-cmp-dialog__color);
   border-radius: var(--ab-cmp-dialog__border-radius);
-  min-height: var(--ab-cmp-dialog__min-height);
   display: flex;
   flex-flow: column; }
 .ab-Dialog:focus-within, .ab-Dialog:focus {
     box-shadow: var(--ab-focus__box-shadow);
     outline: var(--ab-focus__outline); }
-.ab-Dialog > * {
-    flex: 1; }
 .ab-Dialog__close-button {
     position: absolute;
-    right: 0.7rem;
-    top: 0;
+    right: 6px;
+    top: 6px;
     font-size: var(--ab-font-size-3);
     font-weight: 700;
     line-height: 1;
@@ -1906,6 +1952,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   bottom: 0;
   z-index: 1000;
   font-family: var(--ab__font-family); }
+.ab-Modal.ab-Modal--resizable-and-movable {
+  position: relative; }
 .ab-Modal-backdrop {
   background: var(--ab-cmp-modal-backdrop__background);
   z-index: 900;
@@ -1976,6 +2024,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   display: flex;
   flex-flow: column;
   max-height: var(--ab-cmp-panel__max-height);
+  overflow: auto;
   font-size: var(--ab-cmp-panel__font-size); }
 .ab-Panel .glyphicon {
     -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
@@ -2190,8 +2239,6 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
       pointer-events: none; }
 .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
     box-sizing: border-box; }
-.ab-ChartContainer canvas {
-  left: 0; }
 .ab-WizardPanel > .ab-Panel__body {
   display: flex;
   flex-flow: column; }
@@ -2353,48 +2400,59 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
       display: table-cell; }
 :root {
   --ab-cmp-toggle-button__background: #ccc;
-  --ab-cmp-toggle-button--active__background: var(--ab-color-success); }
+  --ab-cmp-toggle-button--active__background: var(--ab-color-success);
+  --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
+  --ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
+  --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight); }
 .ab-ToggleButton {
   position: relative;
   display: inline-block;
   min-width: 40px;
-  width: 40px;
-  height: 25px; }
+  width: 87px;
+  height: 32px; }
 .ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
     cursor: pointer;
     opacity: 0.85; }
 .ab-ToggleButton__input {
-  opacity: 0;
-  width: 0;
-  height: 0; }
+    opacity: 0;
+    width: 0;
+    height: 0; }
 .ab-ToggleButton__slider {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--ab-cmp-toggle-button__background);
-  transition: 0.1s;
-  border-radius: var(--ab__border-radius); }
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: var(--ab-cmp-toggle-button__background);
+    transition: 0.1s;
+    border-radius: var(--ab__border-radius); }
 .ab-ToggleButton__slider:before {
-  position: absolute;
-  content: "";
-  width: 19px;
-  height: 19px;
-  left: 3px;
-  top: 3px;
-  border-radius: var(--ab__border-radius);
-  background-color: #fff;
-  -webkit-transition: 0.4s;
-  transition: 0.2s; }
+    position: absolute;
+    content: "";
+    width: 24px;
+    height: 24px;
+    left: 4px;
+    top: 4px;
+    border-radius: var(--ab__border-radius);
+    background-color: #fff;
+    -webkit-transition: 0.4s;
+    transition: 0.2s; }
 .ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
-  background-color: var(--ab-cmp-toggle-button--active__background); }
+    background-color: var(--ab-cmp-toggle-button--active__background); }
 .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
-  transform: translateX(15px); }
+    transform: translateX(54px); }
 .ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
-  box-shadow: var(--ab-focus__box-shadow); }
+    box-shadow: var(--ab-focus__box-shadow); }
 .ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
-  opacity: 0.5; }
+    opacity: 0.5; }
+.ab-ToggleButton .ab-ToggleButton__text {
+    font-size: var(--ab-cmp-toggle-button__font-size);
+    padding-right: var(--ab-space-2);
+    color: var(--ab-cmp-toggle-button__color);
+    font-weight: 600; }
+.ab-ToggleButton--checked .ab-ToggleButton__text {
+    padding-left: var(--ab-space-2);
+    color: var(--ab-cmp-toggle-button--checked__color); }
 .ab-Loader {
   font-size: var(--ab-cmp-loader__font-size);
   margin-top: 8px;
@@ -2444,6 +2502,19 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     font-size: var(--ab-cmp-progress-indicator__font-size);
     font-style: var(--ab-cmp-progress-indicator__font-style);
     font-family: var(--ab-cmp-progress-indicator__font-family); }
+:root {
+  --ab-cmp-Tag__font-size: var(--ab-font-size-3); }
+.ab-Tag {
+  display: inline-flex;
+  font-size: var(--ab-cmp-Tag__font-size); }
+.ab-AdaptableOptions {
+  background: var(--ab-cmp-adaptable-options__background-color); }
+.ab-GridOptions {
+  background: var(--ab-cmp-grid-options__background-color); }
+.ab-GridSummary {
+  background: var(--ab-cmp-grid-summary__background-color); }
+.ab-SystemStatus-Popup-List {
+  background: var(--ab-cmp-system-status-list__background-color); }
 .ab-ObjectCollection__list > * {
   background: var(--ab-cmp-listgroupitem__background);
   color: var(--ab-cmp-listgroupitem__color); }
@@ -2539,6 +2610,8 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   --ab-cmp-panel_body__background: var(--ag-control-panel-background-color); }
 .ab-Dashboard__application-icon {
   margin-right: var(--ab-space-2); }
+.ab-Dashboard-Popup__Module-Selector {
+  background: var(--ab-cmp-dashboard-module-selector-background); }
 .ab-ToolPanel {
   flex: 1 1 0;
   min-width: 0;
@@ -2561,6 +2634,98 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
     margin-bottom: var(--ab-space-1); }
 .ab-CustomSortWizard__SortOrder .ab-Loader__text {
   font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
+.ab-Adaptable-Popup {
+  background: var(--ab-cmp-adaptable-popup__background);
+  max-height: var(--ab-cmp-adaptable-popup__max-height); }
+.ab-Adaptable-Popup__Navigation {
+  padding-top: 10px;
+  overflow: auto;
+  border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
+  font-family: var(--ab__font-family); }
+.ab-Adaptable-Popup__Navigation__List {
+    list-style: none;
+    padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
+    margin: 0;
+    font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size); }
+.ab-Adaptable-Popup__Navigation__List__Item {
+      padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
+      margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom); }
+.ab-Adaptable-Popup__Navigation__List__Item__Separator {
+        border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
+        margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin); }
+.ab-Adaptable-Popup__Navigation__List__Item__Button {
+        background: none;
+        border: none;
+        width: 100%;
+        text-align: left;
+        cursor: pointer;
+        padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
+        border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
+        color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color); }
+.ab-Adaptable-Popup__Navigation__List__Item__Icon {
+        margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
+.ab-Adaptable-Popup__Navigation__List__Item--active .ab-Adaptable-Popup__Navigation__List__Item__Button {
+        background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
+        color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color); }
+.ab-Adaptable-Popup__TopBar {
+  display: flex;
+  align-items: center;
+  background: var(--ab-cmp-adaptable-popup-topbar__background);
+  height: var(--ab-cmp-adaptable-popup-topbar__height);
+  color: var(--ab-cmp-adaptable-popup-topbar__color);
+  font-weight: var(--ab-cmp-adaptable-popup-topbar__font-weight);
+  padding: var(--ab-cmp-adaptable-popup-topbar__padding);
+  box-sizing: border-box; }
+.ab-Adaptable-Popup__TopBar__Icon {
+  margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right); }
+.ab-Adaptable-Popup__TopBar__Close .ab-Icon {
+  color: var(--ab-cmp-adaptable-popup-topbar-icon__color); }
+.ab-Adaptable-Popup--settings-popup {
+  height: var(--ab-cmp-adaptable-popup--settings__height); }
+.ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
+    top: 9px; }
+.ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
+    padding: var(--ab-cmp-adaptable-popup--settings__padding);
+    min-width: 0; }
+.ab-Adaptable-Popup__Panel__Header {
+  display: flex;
+  padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
+  margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
+  margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top); }
+.ab-Adaptable-Popup__Panel__Header__Title {
+    font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
+.ab-Adaptable-Popup__Panel__Body {
+  padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
+  flex: 1 1 0;
+  min-height: 0;
+  overflow: auto; }
+.ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
+  cursor: move; }
+.ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
+  cursor: move; }
+.ab-Adaptable-Object-List {
+  list-style: none;
+  padding: 0; }
+.ab-Adaptable-Object-List .ab-Tag {
+    margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
+    margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
+    padding: var(--ab-cmp-adaptable-object-list-item-tag__padding); }
+.ab-Adaptable-Object-List__Item {
+    background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
+    padding: var(--ab-cmp-adaptable-object-list-item__padding);
+    margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom); }
+.ab-Adaptable-Object-List__Item__edit-property {
+      visibility: hidden; }
+.ab-Adaptable-Object-List__Item__buttons {
+      padding-left: var(--ab-space-2);
+      min-width: 80px;
+      text-align: right;
+      margin-left: var(--ab-space-3); }
+.ab-Adaptable-Object-List__Item__label {
+      padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
+      width: var(--ab-cmp-adaptable-object-list-item-label__width); }
+.ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
+        visibility: visible; }
 .ab-alert--error {
   background: var(--ab-color-error); }
 .ab-alert--success {
@@ -2588,7 +2753,7 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .ab_div-colour-render-text {
   position: absolute;
   font-weight: normal;
-  font-size: 12p;
+  font-size: 12px;
   z-index: 100; }
 .ab_div-colour-render-div {
   display: inline-block;
@@ -2612,21 +2777,25 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   border-style: none;
   --ab-toast-cmp__shadow-color: var(--ab-color-accent);
   box-shadow: 0 0 7px 2px var(--ab-toast-cmp__shadow-color);
-  background: var(--ab-toast-cmp__shadow-color); }
+  background: var(--ab-toast-cmp__shadow-color);
+  --toastify-text-color-info: var(--ab-color-text-on-primary);
+  --toastify-text-color-success: var(--ab-color-text-on-primary);
+  --toastify-text-color-warning: var(--ab-color-text-on-primary);
+  --toastify-text-color-error: var(--ab-color-text-on-primary);
+  --toastify-color-info: var(--ab-color-info);
+  --toastify-color-success: var(--ab-color-success);
+  --toastify-color-warning: var(--ab-color-warn);
+  --toastify-color-error: var(--ab-color-error); }
 .Toastify__toast-body {
   padding: 0; }
 .Toastify__toast--info {
-  --ab-toast-cmp__shadow-color: var(--ab-color-info);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-info); }
 .Toastify__toast--success {
-  --ab-toast-cmp__shadow-color: var(--ab-color-success);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-success); }
 .Toastify__toast--warning {
-  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-warn); }
 .Toastify__toast--error {
-  --ab-toast-cmp__shadow-color: var(--ab-color-error);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-error); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
 .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,