@adaptabletools/adaptable 10.0.4-canary.4 → 10.0.4-canary.5

package/index.css

@@ -1892,7 +1892,7 @@ template {
 :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; }
 
@@ -1993,7 +1993,7 @@ template {
 
 :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);
@@ -2007,6 +2007,7 @@ template {
   --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); }
 
@@ -2226,6 +2227,59 @@ template {
 :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; }
@@ -2341,7 +2395,6 @@ template {
   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; }
 
@@ -2354,8 +2407,8 @@ template {
 
 .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;
@@ -2593,6 +2646,9 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   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;
@@ -2678,6 +2734,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 {
@@ -3161,57 +3218,70 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 
 :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);
@@ -3270,6 +3340,25 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     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); }
@@ -3390,6 +3479,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .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;
@@ -3419,6 +3511,124 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .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); }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "10.0.4-canary.4",
+  "version": "10.0.4-canary.5",
   "description": "Powerful data-agnostic HTML5 datagrid add-on that sits on top of an underlying grid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -12,6 +12,7 @@
     "lodash-es": "^4.17.15",
     "normalize.css": "^8.0.1",
     "prop-types": "^15.6.2",
+    "re-resizable": "^6.9.1",
     "react": ">=16.8.0",
     "react-beautiful-dnd": "13.1.0",
     "react-day-picker": "8.0.0-beta.36",
@@ -29,7 +30,7 @@
     "uuid": "^3.3.2"
   },
   "peerDependencies": {
-    "@ag-grid-community/all-modules": ">=26.0.0"
+    "@ag-grid-community/all-modules": ">=26.2.0"
   },
   "keywords": [
     "web-components",

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1642430147795;
+declare const _default: 1643056480240;
 export default _default;

package/publishTimestamp.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = 1642430147795;
+exports.default = 1643056480240;

package/src/AdaptableInterfaces/IAdaptable.d.ts

@@ -121,9 +121,9 @@ export interface IAdaptable {
     getGridData(): any[];
     getFilteredData(): any[];
     loadDataSource(dataSource: any): void;
-    updateRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
-    addRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
-    deleteRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): void;
+    updateRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): Promise<RowNode[]>;
+    addRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): Promise<RowNode[]>;
+    deleteRows(dataRows: any[], dataUpdateConfig?: DataUpdateConfig): Promise<RowNode[]>;
     selectColumn(columnId: string): void;
     selectColumns(columnIds: string[]): void;
     selectAll(): void;

package/src/AdaptableOptions/AdaptableOptions.d.ts

@@ -18,6 +18,7 @@ import { ToolPanelOptions } from './ToolPanelOptions';
 import { FilterOptions } from './FilterOptions';
 import { QueryLanguageOptions } from './QueryLanguageOptions';
 import { DataChangeHistoryOptions } from './DataChangeHistoryOptions';
+import { SettingsPanelOptions } from './SettingsPanelOptions';
 /**
  * Group of property options enabling developers to set up AdapTable at design time to fit precise requirements - provides AG Grid, Predefined Config and other information required to ensure a full, rich user experience
  */
@@ -69,11 +70,11 @@ export interface AdaptableOptions {
      */
     userName?: string;
     /**
-     * The AG Grid object which AdapTable interacts with.  Note: if using React or Angular Wrapper, no need to populate this property (as `gridOptions` is a separate prop and AdapTable wires up everything)
+     * The AG Grid object which AdapTable interacts with.  Note: if using React or Angular Wrapper, no need to populate this property as AdapTable wires it up differently
      *
      * @defaultValue n/a (Mandatory)
      */
-    vendorGrid?: any;
+    agGridOptions?: any;
     /**
      * Options for managing Notifications in AdapTable
      *
@@ -180,4 +181,8 @@ export interface AdaptableOptions {
      * Predicate definitions provided by developers at Design-Time
      */
     customPredicateDefs?: AdaptablePredicateDef[];
+    /**
+     * Setting panel options
+     */
+    settingsPanelOptions?: SettingsPanelOptions;
 }

package/src/AdaptableOptions/DashboardOptions.d.ts

@@ -15,12 +15,12 @@ export interface DashboardOptions {
      */
     canFloat?: boolean;
     /**
-     * Shows Modules dropdown in Dashboard Header (the 'home' icon); each item connects to an AdapTable Module, opening its popup screen
+     * Displays a button which opens the Settings Panel
      *
      * @defaultValue true
      * @gridInfoItem
      */
-    showModulesDropdown?: boolean;
+    showSettingsPanel?: boolean;
     /**
      * Shows Quick Search textbox in the Dashboard Header; the UI component is still subject to the QuickSearch Entitlements
      *

package/src/AdaptableOptions/DataChangeHistoryOptions.d.ts

@@ -4,14 +4,14 @@ import { DataChangedInfo } from '../PredefinedConfig/Common/DataChangedInfo';
  */
 export interface DataChangeHistoryOptions {
     /**
-     * Whether data change history should be active by default; it may be changed at runtime via the UI controls
+     * Whether data change history should be active by default
      *
      * @defaultValue false
      * @gridInfoItem
      */
     activeByDefault?: boolean;
     /**
-     * Function enabling specific data changes to be included/excluded from the Data Change History
+     * Function specifying which data changes to include in Data Change History
      *
      * @defaultValue undefined (all data changes are logged)
      * @gridInfoItem

package/src/AdaptableOptions/EditOptions.d.ts

@@ -11,7 +11,7 @@ export interface EditOptions {
      */
     validateOnServer?: (dataChangedInfo: DataChangedInfo) => Promise<ValidationResult>;
     /**
-     * Displays message after Server Validation; if true, Info Message appears with ValidationMessage sent by ServerValidation; if there is no Validation Message then no popup is displayed
+     * Displays message after Server Validation
      *
      * @defaultValue true
      * @gridInfoItem
@@ -31,7 +31,7 @@ export interface ValidationResult {
      */
     ValidationMessage?: string;
     /**
-     * Value to use for edit (instead one provided by user); can be previous (i.e. unchanged) value or a new value, or left empty to accept the edit
+     * Cell Value to use for after Server Validation
      */
     NewValue?: any;
 }

package/src/AdaptableOptions/ExportOptions.d.ts

@@ -45,7 +45,7 @@ export interface ExportOptions {
      */
     systemExportDestinations?: SystemExportDestinations;
     /**
-     * Whether to add a timestamp ('yyyyMMdd_HHmmss') as a suffix to exported file name
+     * Whether to add a timestamp as a suffix to exported file name
      *
      * @defaultValue false
      * @gridInfoItem

package/src/AdaptableOptions/FilterOptions.d.ts

@@ -32,7 +32,7 @@ export interface FilterOptions {
      */
     indicateFilteredColumns?: boolean;
     /**
-     * Uses Adaptable's Filter Form in Column header menu for all columns if 'true' (the default) or those listed, in preference to AG Grid's Filter Form
+     * Uses Adaptable's Filter Form in Column Menu for all columns if 'true' (the default) or those listed, in preference to AG Grid's Filter Form
      *
      * @defaultValue true
      */
@@ -45,7 +45,7 @@ export interface FilterOptions {
      */
     useAgGridFilterFormStyle?: boolean;
     /**
-     * Use Adaptable's Quick Filter for all columns if 'true' (the default) or those listed, in preference to AG Grid's Floating Filter
+     * Use Adaptable's Quick Filter Bar for all columns if 'true' (the default) or those listed, in preference to AG Grid's Floating Filter
      *
      * @defaultValue true
      * @gridInfoItem

package/src/AdaptableOptions/FinancePluginOptions.d.ts

@@ -28,7 +28,7 @@ export interface FinancePluginOptions {
  */
 export interface InstrumentColumn {
     /**
-     * Column to be defined as an Instrument - its value will provide the `name` property in the FDC3 message
+     * Column defined as an Instrument - its value provides the `name` property in the FDC3 message
      */
     columnId: string;
     /**

package/src/AdaptableOptions/MenuOptions.d.ts

@@ -39,7 +39,7 @@ export interface MenuOptions {
      */
     contextMenuOrder?: ('aggrid' | 'adaptable' | 'user')[];
     /**
-     * A collection of UserMenuItem objects to be added to the Column Header Menu (the one that appears as a dropdown in each Column Header).
+     * A collection of UserMenuItem objects to be added to the Column Menu (the one that appears as a dropdown in each Column Header).
      */
     columnMenuItems?: UserMenuItem<ColumnMenuContext>[];
     /**

package/src/AdaptableOptions/NotificationsOptions.d.ts

@@ -1,7 +1,8 @@
-import { AlertButton, AlertDefinition, FlashingAlertProperties } from '../PredefinedConfig/AlertState';
+import { AlertButton, AlertDefinition } from '../PredefinedConfig/AlertState';
 import { AdaptableAlert } from '../PredefinedConfig/Common/AdaptableAlert';
 import { ButtonContext } from '../PredefinedConfig/Common/AdaptableButton';
 import { AdaptableForm, AdaptableFormData } from '../PredefinedConfig/Common/AdaptableForm';
+import { FlashingCellProperties } from '../PredefinedConfig/FlashingCellState';
 import { DataChangedInfo } from '../types';
 /**
  * Options related to Alerts, System Status Messages and Notifications in Adaptable.
@@ -26,7 +27,7 @@ export interface NotificationsOptions {
      *
      * @defaultValue BackColors: Green (up), Red (down), Gray (neutral), Duration: 500ms
      */
-    flashingAlertDefaultProperties?: FlashingAlertProperties;
+    flashingCellDefaultProperties?: FlashingCellProperties;
     /**
      * Where Notification will appear (if anywhere)
      *
@@ -104,7 +105,7 @@ export interface NotificationsOptions {
      * @defaultValue false
      * @gridInfoItem
      */
-    showSystemStatusMessageAsAlert?: boolean;
+    showSystemStatusMessageNotifications?: boolean;
     /**
      * How many System Status Messages to hold in State; when limit is reached, oldest Message is removed
      *

package/src/AdaptableOptions/SettingsPanelOptions.d.ts

@@ -0,0 +1,75 @@
+import { AdaptableApi, AdaptableFrameworkComponent, AdaptableIcon } from '../../types';
+import { AdaptableSettingsPanel } from '../PredefinedConfig/Common/Types';
+export interface SettingsPanelOptions {
+    /**
+     * Title for the Settings Panel
+     *
+     * @defaultValue 'Settings Panel'
+     * @gridInfoItem
+     */
+    title?: string;
+    /**
+     * Icon for Settings Panel  Can be `ConfigurationIcon`, `ApplicationIcon` or a custom Icon
+     *
+     * @defdefaultValueault 'ConfigurationIcon'
+     */
+    icon?: 'ConfigurationIcon' | 'ApplicationIcon' | AdaptableIcon;
+    /**
+     * Ordered items to display at side of Settings Panel
+     */
+    navigation?: {
+        items?: (AdaptableSettingsPanel | string | '-')[];
+    };
+    /**
+     * Initial position of Settings Panel window
+     *
+     * @defaultValue 'Middle of Screen'
+     */
+    position?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * Initial size of Settings Panel
+     *
+     * @defaultValue 'Computed based on size of screen'
+     */
+    size?: {
+        width: number;
+        height: number;
+    };
+    /**
+     * How Settings Panel behaves: can be 'window' (movable, resizable no backdrop) or 'modal' (centre of screen with backdrop)
+     *
+     * @defaultValue 'window'
+     */
+    type?: 'modal' | 'window';
+    /**
+     * Custom Settings Panels provided by developers at design-time
+     */
+    customSettingsPanels?: CustomSettingsPanel[];
+}
+export interface CustomSettingsPanel {
+    /**
+     * Name appears in Settings Panel Navigation
+     * To be shown you must include it in settingsPanelOptions.navigation.
+     * By default is added to the end.
+     */
+    name: string;
+    /**
+     * Icon rendered inside settings-panel name, inside the navigation
+     */
+    icon?: AdaptableIcon;
+    /**
+     * Function to provide bespoke content when NOT using a Framework wrapper
+     */
+    render?: ({ visible, node, adaptableApi, }: {
+        visible: boolean;
+        node: HTMLDivElement;
+        adaptableApi: AdaptableApi;
+    }) => string | null;
+    /**
+     * Framework-specific (Angular or React) component to be rendered
+     */
+    frameworkComponent?: AdaptableFrameworkComponent;
+}