@adaptabletools/adaptable 11.2.4 → 12.0.0-canary.1

package/src/agGrid/agGridHelper.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.agGridHelper = void 0;
 const tslib_1 = require("tslib");
-const Enums_1 = require("../PredefinedConfig/Common/Enums");
 const Uuid_1 = require("../PredefinedConfig/Uuid");
 const AlertModule_1 = require("../Strategy/AlertModule");
 const BulkUpdateModule_1 = require("../Strategy/BulkUpdateModule");
@@ -11,7 +10,7 @@ const CellSummaryModule_1 = require("../Strategy/CellSummaryModule");
 const ConditionalStyleModule_1 = require("../Strategy/ConditionalStyleModule");
 const CustomSortModule_1 = require("../Strategy/CustomSortModule");
 const DashboardModule_1 = require("../Strategy/DashboardModule");
-const DataSourceModule_1 = require("../Strategy/DataSourceModule");
+const DataSetModule_1 = require("../Strategy/DataSetModule");
 const ExportModule_1 = require("../Strategy/ExportModule");
 const FilterModule_1 = require("../Strategy/FilterModule");
 const FormatColumnModule_1 = require("../Strategy/FormatColumnModule");
@@ -41,6 +40,9 @@ const ChartingModule_1 = require("../Strategy/ChartingModule");
 const PercentBarRenderer_1 = require("./PercentBarRenderer");
 const Helper_1 = require("../Utilities/Helpers/Helper");
 const StatusBarModule_1 = require("../Strategy/StatusBarModule");
+const GeneralConstants = tslib_1.__importStar(require("../Utilities/Constants/GeneralConstants"));
+const UIHelper_1 = tslib_1.__importDefault(require("../View/UIHelper"));
+const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
 const tinycolor = require('tinycolor2');
 /**
  * Adaptable AG Grid implementation is getting really big and unwieldy
@@ -79,7 +81,7 @@ class agGridHelper {
         modules.set(ModuleConstants.ConditionalStyleModuleId, new ConditionalStyleModule_1.ConditionalStyleModule(api));
         modules.set(ModuleConstants.CustomSortModuleId, new CustomSortModule_1.CustomSortModule(api));
         modules.set(ModuleConstants.DataChangeHistoryModuleId, new DataChangeHistoryModule_1.DataChangeHistoryModule(api));
-        modules.set(ModuleConstants.DataSourceModuleId, new DataSourceModule_1.DataSourceModule(api));
+        modules.set(ModuleConstants.DataSetModuleId, new DataSetModule_1.DataSetModule(api));
         modules.set(ModuleConstants.ExportModuleId, new ExportModule_1.ExportModule(api));
         modules.set(ModuleConstants.FilterModuleId, new FilterModule_1.FilterModule(api));
         modules.set(ModuleConstants.FormatColumnModuleId, new FormatColumnModule_1.FormatColumnModule(api));
@@ -155,7 +157,13 @@ class agGridHelper {
     createAdaptableColumnFromAgGridColumn(agGridColumn, colsToGroups) {
         const colId = agGridColumn.getColId();
         const colDef = agGridColumn.getColDef();
-        const FriendlyName = this.gridOptions.columnApi.getDisplayNameForColumn(agGridColumn, 'header');
+        const isActionRowButtonColumn = this.adaptable.api.columnApi.isActionRowButtonColumn(colId);
+        const columnFriendlyName = this.adaptable.adaptableOptions.columnOptions.columnFriendlyName;
+        const customFriendlyName = typeof columnFriendlyName === 'function'
+            ? columnFriendlyName({ colId: colId, agColumn: agGridColumn })
+            : null;
+        const FriendlyName = (customFriendlyName !== null && customFriendlyName !== void 0 ? customFriendlyName : isActionRowButtonColumn) ? GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS_FRIENDLY_NAME
+            : this.gridOptions.columnApi.getDisplayNameForColumn(agGridColumn, 'header');
         if (!this.initialAgGridColDefs[colId]) {
             this.initialAgGridColDefs[colId] = Object.assign({}, agGridColumn.getUserProvidedColDef());
         }
@@ -203,55 +211,26 @@ class agGridHelper {
         }
         return abColumn;
     }
-    createAdaptableSideBarDefs(showFilterPanel, showColumnsPanel) {
-        const toolPanelDef = [];
-        if (showFilterPanel) {
-            const filterToolPanel = {
-                id: 'filters',
-                labelDefault: 'Filters',
-                labelKey: 'filters',
-                iconKey: 'filter',
-                toolPanel: 'agFiltersToolPanel',
-            };
-            toolPanelDef.push(filterToolPanel);
-        }
-        if (showColumnsPanel) {
-            const columnsToolPanel = {
-                id: 'columns',
-                labelDefault: 'Columns',
-                labelKey: 'columns',
-                iconKey: 'columns',
-                toolPanel: 'agColumnsToolPanel',
-            };
-            toolPanelDef.push(columnsToolPanel);
-        }
-        toolPanelDef.push(this.createAdaptableToolPanel());
-        this.orderToolPanels(toolPanelDef);
-        const abSideBarDef = {
-            toolPanels: toolPanelDef,
-            defaultToolPanel: '',
-        };
-        return abSideBarDef;
-    }
-    createAdaptableToolPanel() {
+    buildAdaptableToolPanelDef() {
         return {
-            id: 'adaptable',
-            toolPanel: 'AdaptableToolPanel',
-            labelDefault: this.adaptable.adaptableOptions.toolPanelOptions.adaptableToolPanelTitle,
+            id: GeneralConstants.ADAPTABLE_TOOLPANEL_ID,
+            toolPanel: GeneralConstants.ADAPTABLE_TOOLPANEL_COMPONENT,
+            labelDefault: GeneralConstants.ADAPTABLE,
             labelKey: 'adaptable',
-            iconKey: this.adaptable.adaptableOptions.toolPanelOptions.iconKey,
-            width: this.adaptable.adaptableOptions.toolPanelOptions.width,
-            minWidth: this.adaptable.adaptableOptions.toolPanelOptions.minWidth,
-            maxWidth: this.adaptable.adaptableOptions.toolPanelOptions.maxWidth,
+            iconKey: 'menu',
+            width: UIHelper_1.default.getAdaptableToolPanelWidth(),
+            minWidth: UIHelper_1.default.getAdaptableToolPanelWidth(),
         };
     }
-    orderToolPanels(toolPanelDefs) {
-        const customOrder = this.adaptable.adaptableOptions.toolPanelOptions.toolPanelOrder;
-        toolPanelDefs.sort(function (left, right) {
-            const leftOperand = typeof left === 'string' ? left : left.id;
-            const rightOperand = typeof right === 'string' ? right : right.id;
-            return customOrder.indexOf(leftOperand) - customOrder.indexOf(rightOperand);
-        });
+    isSideBarDefObject(sidebarDef) {
+        var _a;
+        return Array.isArray((_a = sidebarDef) === null || _a === void 0 ? void 0 : _a.toolPanels);
+    }
+    mapToolPanelDefs(toolPanelDefs = []) {
+        // if it's an alias for the adaptable tool panel, map it to a ToolPanelDef, otherwise return it as it is
+        return toolPanelDefs.map((toolPanelDef) => toolPanelDef === GeneralConstants.ADAPTABLE_TOOLPANEL_ID
+            ? this.buildAdaptableToolPanelDef()
+            : toolPanelDef);
     }
     // This method reselects cells - only IF they are in a single column
     // Might be able to change that later
@@ -328,6 +307,9 @@ class agGridHelper {
         if (!colDef) {
             return false;
         }
+        if (colDef.colId === GeneralConstants_1.ADAPTABLE_ROW_ACTION_BUTTONS) {
+            return false;
+        }
         const queryableColumns = this.adaptable.api.queryLanguageApi.getQueryableColumnIds();
         if (ArrayExtensions_1.ArrayExtensions.IsNull(queryableColumns)) {
             return true;
@@ -390,12 +372,12 @@ class agGridHelper {
         // Some columns can have no ID or Title. we return string as a consequence but it needs testing
         if (!column) {
             LoggingHelper_1.LogAdaptableWarning('column is undefined returning String for Type');
-            return Enums_1.DataType.String;
+            return 'String';
         }
-        let dataType = Enums_1.DataType.Unknown;
+        let dataType = 'Unknown';
         // get the column type if already in store (and not unknown)
         const existingColumn = this.adaptable.api.columnApi.getColumnFromId(column.getId(), logWarning);
-        if (existingColumn && existingColumn.dataType != Enums_1.DataType.Unknown) {
+        if (existingColumn && existingColumn.dataType != 'Unknown') {
             return existingColumn.dataType;
         }
         // check for column type
@@ -403,58 +385,58 @@ class agGridHelper {
         if (colType) {
             if (Array.isArray(colType)) {
                 colType.forEach((c) => {
-                    if (dataType == Enums_1.DataType.Unknown) {
-                        dataType = this.getabColDefValue(c);
+                    if (dataType == 'Unknown') {
+                        dataType = this.getAbColDefValue(c);
                     }
                 });
             }
             else {
-                dataType = this.getabColDefValue(colType);
+                dataType = this.getAbColDefValue(colType);
             }
-            if (dataType != Enums_1.DataType.Unknown) {
+            if (dataType != 'Unknown') {
                 return dataType;
             }
         }
         const model = this.gridOptions.api.getModel();
         if (model == null) {
             LoggingHelper_1.LogAdaptableWarning(`No model so returning type "Unknown" for Column: "${column.getColId()}"`);
-            return Enums_1.DataType.Unknown;
+            return 'Unknown';
         }
         let row = model.getRow(0);
         if (row == null) {
             // possible that there will be no data.
             LoggingHelper_1.LogAdaptableWarning(`No data in grid so returning type "Unknown" for Column: "${column.getColId()}"`);
-            return Enums_1.DataType.Unknown;
+            return 'Unknown';
         }
         // if it's a group we need the content of the group
         if (row.group) {
             const childNodes = row.childrenAfterGroup;
             if (ArrayExtensions_1.ArrayExtensions.IsNullOrEmpty(childNodes)) {
                 LoggingHelper_1.LogAdaptableWarning(`No data in grid so returning type "Unknown" for Column: "${column.getColId()}"`);
-                return Enums_1.DataType.Unknown;
+                return 'Unknown';
             }
             row = childNodes[0];
         }
         const value = this.gridOptions.api.getValue(column, row);
         if (value instanceof Date) {
-            dataType = Enums_1.DataType.Date;
+            dataType = 'Date';
         }
         else if (Array.isArray(value) && value.length && typeof value[0] === 'number') {
-            dataType = Enums_1.DataType.Unknown;
+            dataType = 'Unknown';
         }
         else {
             switch (typeof value) {
                 case 'string':
-                    dataType = Enums_1.DataType.String;
+                    dataType = 'String';
                     break;
                 case 'number':
-                    dataType = Enums_1.DataType.Number;
+                    dataType = 'Number';
                     break;
                 case 'boolean':
-                    dataType = Enums_1.DataType.Boolean;
+                    dataType = 'Boolean';
                     break;
                 case 'object':
-                    dataType = Enums_1.DataType.Object;
+                    dataType = 'Object';
                     break;
                 default:
                     break;
@@ -463,65 +445,65 @@ class agGridHelper {
         LoggingHelper_1.LogAdaptableWarning(`No defined type for column '${column.getColId()}'. Defaulting to type of first value: ${dataType}`);
         return dataType;
     }
-    getabColDefValue(colType) {
+    getAbColDefValue(colType) {
         if (colType == 'numericColumn') {
-            return Enums_1.DataType.Number;
+            return 'Number';
         }
         if (colType.startsWith('abColDef')) {
-            switch (colType) {
+            const abColType = colType;
+            switch (abColType) {
                 case 'abColDefNumber':
-                    return Enums_1.DataType.Number;
+                    return 'Number';
                 case 'abColDefString':
-                    return Enums_1.DataType.String;
+                    return 'String';
                 case 'abColDefBoolean':
-                    return Enums_1.DataType.Boolean;
+                    return 'Boolean';
                 case 'abColDefDate':
-                    return Enums_1.DataType.Date;
+                    return 'Date';
                 case 'abColDefObject':
-                    return Enums_1.DataType.Object;
+                    return 'Object';
                 default:
-                    return Enums_1.DataType.Unknown;
+                    return 'Unknown';
             }
         }
-        return Enums_1.DataType.Unknown;
+        return 'Unknown';
     }
     getAgGridDataType(dataType) {
         if (!dataType) {
             return 'abColDefString';
         }
         switch (dataType) {
-            case Enums_1.DataType.Boolean:
+            case 'Boolean':
                 return 'abColDefBoolean';
-            case Enums_1.DataType.Date:
+            case 'Date':
                 return 'abColDefDate';
-            case Enums_1.DataType.Number:
+            case 'Number':
                 return 'abColDefNumber';
-            case Enums_1.DataType.Object:
+            case 'Object':
                 return 'abColDefObject';
-            case Enums_1.DataType.String:
+            case 'String':
                 return 'abColDefString';
-            case Enums_1.DataType.All:
-            case Enums_1.DataType.Unknown:
+            default:
                 return 'abColDefCustom';
         }
     }
     checkShouldClearExistingFiltersOrSearches() {
         // if they have selected to clear column filters on startup then do it
         if (this.adaptable.adaptableOptions.filterOptions.clearFiltersOnStartUp) {
-            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.adaptable.api.filterApi.getAllColumnFilter())) {
+            if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.adaptable.api.filterApi.getColumnFilters())) {
                 LoggingHelper_1.LogAdaptableWarning('Clearing existing Column Filters as "clearFiltersOnStartUp" is true');
-                this.adaptable.api.filterApi.clearAllColumnFilter();
+                this.adaptable.api.filterApi.clearColumnFilters();
             }
         }
         // if they have selected to clear searches on startup then do it
         if (this.adaptable.adaptableOptions.searchOptions.clearSearchesOnStartUp) {
             if (StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.adaptable.api.quickSearchApi.getQuickSearchState().QuickSearchText) ||
                 StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.adaptable.api.queryApi.getCurrentQuery()) ||
-                ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.adaptable.api.dataSourceApi.getAllDataSource())) {
+                ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.adaptable.api.dataSetApi.getAllDataSets())) {
                 LoggingHelper_1.LogAdaptableWarning('Clearing existing Searches as "clearSearchesOnStartUp" is true');
                 this.adaptable.api.quickSearchApi.clearQuickSearch();
                 this.adaptable.api.queryApi.clearCurrentQuery();
-                this.adaptable.api.dataSourceApi.clearDataSource();
+                this.adaptable.api.dataSetApi.clearCurrentDataSet();
             }
         }
     }

package/src/agGrid/agGridMenuHelper.js

@@ -52,6 +52,9 @@ class agGridMenuHelper {
         }));
     }
     buildContextMenu(params, originalgetContextMenuItems) {
+        // we do this in order to refresh the internal state of selected cells (technically query the AG Grid cellRanges)
+        // (right-click selected the current cell, but this was not reflected in the internal state of the selected cells)
+        this.adaptable.setSelectedCells();
         let agGridContextMenuItems = [];
         let adaptableContextMenuItems = [];
         let userContextMenuItems = [];
@@ -240,7 +243,7 @@ class agGridMenuHelper {
                 isSingleSelectedColumn = ArrayExtensions_1.ArrayExtensions.CorrectLength(selectedCellInfo.columns, 1);
             }
         }
-        let selectedRowInfo = this.adaptable.setSelectedRows();
+        let selectedRowInfo = this.adaptable.api.gridApi.getSelectedRowInfo();
         return {
             isSelectedCell: isSelectedCell,
             gridCell: clickedCell,

package/src/agGrid/rowEditIcons.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const rowAddIcon: JSX.Element;
+export declare const rowEditIcon: JSX.Element;
+export declare const rowCloneIcon: JSX.Element;
+export declare const rowDeleteIcon: JSX.Element;

package/src/agGrid/rowEditIcons.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rowDeleteIcon = exports.rowCloneIcon = exports.rowEditIcon = exports.rowAddIcon = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("../components/icons");
+const React = tslib_1.__importStar(require("react"));
+exports.rowAddIcon = React.createElement(icons_1.Icon, { name: "add-row" });
+exports.rowEditIcon = React.createElement(icons_1.Icon, { name: "edit" });
+exports.rowCloneIcon = React.createElement(icons_1.Icon, { name: "clone" });
+exports.rowDeleteIcon = React.createElement(icons_1.Icon, { name: "delete" });

package/src/components/AdaptableFormComponent/AdaptableFormComponent.js

@@ -19,14 +19,15 @@ function AdaptableFormComponentButtons({ formDef, onClick, defaultTone, disabled
                 width: 15,
             },
         };
-        const iconProps = button.icon && Object.assign({}, defaultIconProps, button.icon);
+        const buttonIcon = api.internalApi.getIconForButton(button, context);
+        const iconProps = buttonIcon && Object.assign({}, defaultIconProps, buttonIcon);
         let buttonStyle = api.internalApi.getStyleForButton(button, context ? context : { adaptableApi: api });
         let buttonLabel = api.internalApi.getLabelForButton(button, context ? context : { adaptableApi: api });
         let buttonTooltip = api.internalApi.getTooltipForButton(button, context ? context : { adaptableApi: api });
         return (React.createElement(SimpleButton_1.default, { autoFocus: focusFirstButton && index === 0, disabled: disabledButtons[index], key: index, tooltip: buttonTooltip, tone: (_a = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.tone) !== null && _a !== void 0 ? _a : defaultTone, variant: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.variant, "data-text": buttonLabel, className: buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className, marginLeft: index ? 2 : 0, onClick: () => {
                 onClick(button);
             } },
-            button.icon ? React.createElement("img", Object.assign({}, iconProps)) : null,
+            buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
             buttonLabel));
     })));
 }
@@ -63,17 +64,7 @@ function AdaptableFormComponent({ formDef, data, onChange, onButtonClick, displa
                     label: item.label,
                     onClick: () => setFieldValue(field.name, item.value),
                 }));
-                return (
-                /*
-                  <Dropdown
-                    options={field.Options || []}
-                    value={value}
-                    onChange={(value) => {
-                      setFieldValue(field.Name, value);
-                    }}
-                  ></Dropdown>
-                  */
-                React.createElement(DropdownButton_1.default, { style: {
+                return (React.createElement(DropdownButton_1.default, { style: {
                         width: '100%',
                         whiteSpace: 'nowrap',
                         overflow: 'hidden',
@@ -85,7 +76,7 @@ function AdaptableFormComponent({ formDef, data, onChange, onButtonClick, displa
                         setFieldValue(field.name, event.target.checked);
                     } }));
             case 'textOutput':
-                return React.createElement(rebass_1.Box, { style: { textAlign: 'center' } }, value);
+                return (React.createElement(rebass_1.Box, { paddingLeft: 2, style: { textAlign: 'left' } }, value));
             default:
                 return React.createElement("div", null,
                     "Unknown field type: ",
@@ -95,9 +86,9 @@ function AdaptableFormComponent({ formDef, data, onChange, onButtonClick, displa
     // by default we have 2 columns: label & input
     const columns = (_b = (_a = formDef.config) === null || _a === void 0 ? void 0 : _a.columns) !== null && _b !== void 0 ? _b : [1, 2];
     return (React.createElement(React.Fragment, null,
-        displayTitle && formDef.title && (React.createElement(rebass_1.Box, { fontSize: 5, mb: 2, style: { fontWeight: 'bold' } }, formDef.title)),
-        formDef.description && React.createElement(rebass_1.Box, { mb: 3 }, formDef.description),
-        React.createElement(FormLayout_1.default, { columns: columns }, (_c = formDef.fields) === null || _c === void 0 ? void 0 : _c.map((field, index) => {
+        displayTitle && formDef.title && (React.createElement(rebass_1.Box, { "data-name": "form-title", fontSize: 5, mb: 2, style: { fontWeight: 'bold' } }, formDef.title)),
+        formDef.description && (React.createElement(rebass_1.Box, { "data-name": "form-description", mb: 3 }, formDef.description)),
+        React.createElement(FormLayout_1.default, { "data-name": "form-content", columns: columns, style: { overflow: 'auto' }, paddingRight: 1 }, (_c = formDef.fields) === null || _c === void 0 ? void 0 : _c.map((field, index) => {
             if (Array.isArray(field)) {
                 const rowFields = {};
                 field.map((fieldItem, index) => {
@@ -113,7 +104,7 @@ function AdaptableFormComponent({ formDef, data, onChange, onButtonClick, displa
                     renderField(field)));
             }
         })),
-        formDef.buttons ? (React.createElement(rebass_1.Flex, { marginTop: 3, flexDirection: "row", alignItems: "center", justifyContent: "center" },
+        formDef.buttons ? (React.createElement(rebass_1.Flex, { "data-name": "form-buttons", marginTop: 3, flexDirection: "row", alignItems: "center", justifyContent: "center" },
             React.createElement(AdaptableFormComponentButtons, { focusFirstButton: focusFirstButton, onClick: onButtonClick, disabledButtons: disabledButtons, defaultTone: "success", formDef: formDef, api: api, context: context }))) : null));
 }
 exports.AdaptableFormComponent = AdaptableFormComponent;

package/src/components/Dashboard/DashboardToolbar.js

@@ -11,8 +11,8 @@ function DashboardToolbar(props) {
         React.createElement("div", { className: "ab-Dashboard__toolbar-content" }, props.children),
         React.createElement(rebass_1.Flex, { className: "ab-Dashboard__toolbar-title", flexDirection: "row", alignItems: "center" },
             React.createElement("span", null, props.title),
-            props.showConfigure && (React.createElement(SimpleButton_1.default, { icon: "build", variant: "text", tone: "none", "data-name": "configure", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Configure ${props.title}`, onClick: () => props.onConfigure() })),
+            props.showConfigure && (React.createElement(SimpleButton_1.default, { icon: "build", variant: "text", tone: "none", "data-name": "configure", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Configure ${props.title} Toolbar`, onClick: () => props.onConfigure() })),
             ' ',
-            props.showClose && (React.createElement(SimpleButton_1.default, { style: { alignSelf: 'flex-end' }, disabled: props.accessLevel == 'ReadOnly', "data-name": "close", icon: "clear", variant: "text", tone: "none", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Close ${props.title}`, onClick: () => props.onClose() })))));
+            props.showClose && (React.createElement(SimpleButton_1.default, { style: { alignSelf: 'flex-end' }, disabled: props.accessLevel == 'ReadOnly', "data-name": "close", icon: "clear", variant: "text", tone: "none", iconSize: 16, marginLeft: 1, tooltip: props.tooltip || `Close ${props.title} Toolbar`, onClick: () => props.onClose() })))));
 }
 exports.DashboardToolbar = DashboardToolbar;

package/src/components/Datepicker/index.js

@@ -86,22 +86,23 @@ exports.Datepicker = React.forwardRef((props, ref) => {
             clearValue();
         }, accessLevel: 'Full' })) : null;
     const calendarButton = (React.createElement(SimpleButton_1.default, { disabled: disabled, variant: "text", icon: "calendar", tooltip: "Date", iconSize: 20, px: 0, py: 0, onClick: () => setVisible(true) }));
-    return (React.createElement(OverlayTrigger_1.default, { visible: visible, alignHorizontal: 'left', render: () => (React.createElement(DatepickerOverlay, { onHide: () => setVisible(false), onKeyDown: (e) => {
-                if (e.key === 'Escape' || e.key === 'Enter') {
-                    setVisible(false, e.key);
-                }
-            } },
-            React.createElement(react_day_picker_1.DayPicker, Object.assign({ fixedWeeks: true }, dayPickerProps, { showWeekNumber: showWeekNumber, showOutsideDays: showOutsideDays, mode: "single", month: isNaN(+month) ? new Date() : month, onMonthChange: setMonth, components: { Caption: Caption_1.Caption, CaptionLabel: CaptionLabel_1.CaptionLabel }, onSelect: updateValue, footer: React.createElement(rebass_1.Flex, { justifyContent: "space-between", mt: 2, flexWrap: 'wrap' }, footerButtons) })))) },
-        React.createElement(FieldWrap_1.default, Object.assign({}, boxProps, { style: {
-                borderRadius: style === null || style === void 0 ? void 0 : style.borderRadius,
-                width: style === null || style === void 0 ? void 0 : style.width,
-                maxWidth: style === null || style === void 0 ? void 0 : style.maxWidth,
-            }, onFocus: () => {
-                if (!visible) {
-                    setVisible(true);
-                }
-            } }),
-            React.createElement(Input_1.default, { value: inputValue, placehoder: placeholder !== null && placeholder !== void 0 ? placeholder : dateProps.format, style: style, disabled: disabled, readOnly: true, ref: ref }),
-            !!inputValue ? clearButton : null,
-            calendarButton)));
+    return (React.createElement(rebass_1.Flex, null,
+        React.createElement(OverlayTrigger_1.default, { visible: visible, alignHorizontal: 'left', render: () => (React.createElement(DatepickerOverlay, { onHide: () => setVisible(false), onKeyDown: (e) => {
+                    if (e.key === 'Escape' || e.key === 'Enter') {
+                        setVisible(false, e.key);
+                    }
+                } },
+                React.createElement(react_day_picker_1.DayPicker, Object.assign({ fixedWeeks: true }, dayPickerProps, { showWeekNumber: showWeekNumber, showOutsideDays: showOutsideDays, mode: "single", month: isNaN(+month) ? new Date() : month, onMonthChange: setMonth, components: { Caption: Caption_1.Caption, CaptionLabel: CaptionLabel_1.CaptionLabel }, onSelect: updateValue, footer: React.createElement(rebass_1.Flex, { justifyContent: "space-between", mt: 2, flexWrap: 'wrap' }, footerButtons) })))) },
+            React.createElement(FieldWrap_1.default, Object.assign({}, boxProps, { style: {
+                    borderRadius: style === null || style === void 0 ? void 0 : style.borderRadius,
+                    width: style === null || style === void 0 ? void 0 : style.width,
+                    maxWidth: style === null || style === void 0 ? void 0 : style.maxWidth,
+                }, onFocus: () => {
+                    if (!visible) {
+                        setVisible(true);
+                    }
+                } }),
+                React.createElement(Input_1.default, { value: inputValue, placehoder: placeholder !== null && placeholder !== void 0 ? placeholder : dateProps.format, style: style, disabled: disabled, readOnly: true, ref: ref }),
+                !!inputValue ? clearButton : null,
+                calendarButton))));
 });

package/src/components/InfiniteTable/index.js

@@ -11,3 +11,4 @@ defaultProps.licenseKey = env_1.default.INFINITE_TABLE_LICENSE_KEY;
 defaultProps.sortable = false;
 defaultProps.rowHeight = '--ab-grid-row-height';
 defaultProps.draggableColumns = false;
+defaultProps.keyboardNavigation = false;

package/src/components/List/GridList/index.js

@@ -6,7 +6,7 @@ const InfiniteTable_1 = require("../../../components/InfiniteTable");
 const join_1 = tslib_1.__importDefault(require("../../utils/join"));
 const baseClassName = 'ab-GridList';
 const columnsMap = new Map([
-    ['item', { field: 'item', header: null, flex: 1 }],
+    ['item', { field: 'item', header: null, defaultFlex: 1 }],
 ]);
 const GridList = (props) => {
     var _a;

package/src/components/SelectList.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface SelectListOption {
+    label: string;
+    value: string;
+}
+export interface SelectListProps {
+    options: SelectListOption[];
+    onChange: (option: SelectListOption) => void;
+}
+export declare const SelectList: React.FunctionComponent<SelectListProps>;

package/src/components/SelectList.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectList = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("./SimpleButton"));
+exports.SelectList = (props) => {
+    return (React.createElement(React.Fragment, null, props.options.map((option) => (React.createElement(SimpleButton_1.default, { p: 2, width: '100%', variant: "text", onClick: () => props.onChange(option), key: option.label }, option.label)))));
+};

package/src/components/WindowModal/WindowModal.d.ts

@@ -10,6 +10,8 @@ export declare type WindowModalPosition = {
 export interface WindowModalProps {
     handleSelector: string;
     size: WindowModalSize;
+    minWidth?: number;
+    minHeight?: number;
     position?: WindowModalPosition;
     onChange: (settings: {
         size: {

package/src/components/WindowModal/WindowModal.js

@@ -100,7 +100,7 @@ exports.WindowModal = (props) => {
     return react_dom_1.createPortal(React.createElement("div", { style: style, 
         //@ts-ignore
         ref: targetRef, onMouseDown: stacking.bringInFront },
-        React.createElement(re_resizable_1.Resizable, { onResizeStop: handleResizeStop, onResize: handleResize, bounds: "window", defaultSize: {
+        React.createElement(re_resizable_1.Resizable, { minWidth: props.minWidth, minHeight: props.minHeight, onResizeStop: handleResizeStop, onResize: handleResize, bounds: "window", defaultSize: {
                 width: props.size.width,
                 height: props.size.height,
             } }, props.children)), portalElement);

package/src/components/icons/add-row.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M11 18H13V15H16V13H13V10H11V13H8V15H11ZM18 22H6Q5.175 22 4.588 21.413Q4 20.825 4 20V4Q4 3.175 4.588 2.587Q5.175 2 6 2H14L20 8V20Q20 20.825 19.413 21.413Q18.825 22 18 22ZM13 9V4H6Q6 4 6 4Q6 4 6 4V20Q6 20 6 20Q6 20 6 20H18Q18 20 18 20Q18 20 18 20V9ZM6 4V9V4V9V20Q6 20 6 20Q6 20 6 20Q6 20 6 20Q6 20 6 20V4Q6 4 6 4Q6 4 6 4Z" })));

package/src/components/icons/data-set.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/index.js

@@ -56,7 +56,7 @@ const column_filter_1 = tslib_1.__importDefault(require("./column-filter"));
 const column_info_1 = tslib_1.__importDefault(require("./column-info"));
 const custom_sort_1 = tslib_1.__importDefault(require("./custom-sort"));
 const system_status_1 = tslib_1.__importDefault(require("./system-status"));
-const data_source_1 = tslib_1.__importDefault(require("./data-source"));
+const data_set_1 = tslib_1.__importDefault(require("./data-set"));
 const flashing_cell_1 = tslib_1.__importDefault(require("./flashing-cell"));
 const edit_1 = tslib_1.__importDefault(require("./edit"));
 const equation_1 = tslib_1.__importDefault(require("./equation"));
@@ -132,6 +132,7 @@ const regex_1 = tslib_1.__importDefault(require("./regex"));
 const track_changes_1 = tslib_1.__importDefault(require("./track-changes"));
 const menu_1 = tslib_1.__importDefault(require("./menu"));
 const statusbar_1 = tslib_1.__importDefault(require("./statusbar"));
+const add_row_1 = tslib_1.__importDefault(require("./add-row"));
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
 const quote_1 = tslib_1.__importDefault(require("./quote"));
 const news_1 = tslib_1.__importDefault(require("./news"));
@@ -153,7 +154,7 @@ const allIcons = {
     call: call_1.default,
     instrument: instrument_1.default,
     news: news_1.default,
-    'data-source': data_source_1.default,
+    'data-set': data_set_1.default,
     export: export_1.default,
     campaign: campaign_1.default,
     broadcast: campaign_1.default,
@@ -285,6 +286,7 @@ const allIcons = {
     'track-changes': track_changes_1.default,
     menu: menu_1.default,
     statusbar: statusbar_1.default,
+    'add-row': add_row_1.default,
 };
 Object.keys(allIcons).forEach((name) => {
     const ReactCmp = allIcons[name];