@adaptabletools/adaptable 11.2.4-canary.0 → 12.0.0-canary.0

package/src/agGrid/agGridHelper.d.ts

@@ -3,7 +3,7 @@ import { IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 import { AdaptableColumn, AdaptableColumnGroup } from '../PredefinedConfig/Common/AdaptableColumn';
 import { AdaptableNodeComparerFunction } from '../PredefinedConfig/Common/AdaptableComparerFunction';
 import { DataType } from '../PredefinedConfig/Common/Enums';
-import { AdaptableModule } from '../PredefinedConfig/Common/Types';
+import { AdaptableColumnType, AdaptableModule } from '../PredefinedConfig/Common/Types';
 import { IModule } from '../Strategy/Interface/IModule';
 import { IPPStyle } from '../Utilities/Interface/IPPStyle';
 import { FormatColumn } from '../PredefinedConfig/FormatColumnState';
@@ -26,9 +26,9 @@ export declare class agGridHelper {
     getCleanValue(value: string): string | undefined;
     getRenderedValue(colDef: ColDef, valueToRender: any): any;
     createAdaptableColumnFromAgGridColumn(agGridColumn: Column, colsToGroups: Record<string, AdaptableColumnGroup>): AdaptableColumn;
-    createAdaptableSideBarDefs(showFilterPanel: boolean, showColumnsPanel: boolean): SideBarDef;
-    createAdaptableToolPanel(): ToolPanelDef;
-    orderToolPanels(toolPanelDefs: (ToolPanelDef | string)[]): void;
+    buildAdaptableToolPanelDef(): ToolPanelDef;
+    isSideBarDefObject(sidebarDef: unknown): sidebarDef is SideBarDef;
+    mapToolPanelDefs(toolPanelDefs?: (ToolPanelDef | string)[]): (ToolPanelDef | string)[];
     reselectSelectedCells(): void;
     fireSelectionChangedEvent(): void;
     private isColumnReadonly;
@@ -46,8 +46,8 @@ export declare class agGridHelper {
     private isColumnGrouped;
     private isColumnSparkline;
     private getColumnDataType;
-    private getabColDefValue;
-    getAgGridDataType(dataType: DataType): string;
+    private getAbColDefValue;
+    getAgGridDataType(dataType: DataType): AdaptableColumnType;
     checkShouldClearExistingFiltersOrSearches(): void;
     runAdaptableGroupComparerFunction(): AdaptableNodeComparerFunction;
     getCurrentIPPStyle(): IPPStyle;

package/src/agGrid/agGridHelper.js

@@ -11,7 +11,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 +41,8 @@ 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 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,11 @@ class agGridHelper {
     createAdaptableColumnFromAgGridColumn(agGridColumn, colsToGroups) {
         const colId = agGridColumn.getColId();
         const colDef = agGridColumn.getColDef();
-        const FriendlyName = this.gridOptions.columnApi.getDisplayNameForColumn(agGridColumn, 'header');
+        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 : this.gridOptions.columnApi.getDisplayNameForColumn(agGridColumn, 'header');
         if (!this.initialAgGridColDefs[colId]) {
             this.initialAgGridColDefs[colId] = Object.assign({}, agGridColumn.getUserProvidedColDef());
         }
@@ -203,55 +209,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
@@ -404,12 +381,12 @@ class agGridHelper {
             if (Array.isArray(colType)) {
                 colType.forEach((c) => {
                     if (dataType == Enums_1.DataType.Unknown) {
-                        dataType = this.getabColDefValue(c);
+                        dataType = this.getAbColDefValue(c);
                     }
                 });
             }
             else {
-                dataType = this.getabColDefValue(colType);
+                dataType = this.getAbColDefValue(colType);
             }
             if (dataType != Enums_1.DataType.Unknown) {
                 return dataType;
@@ -463,12 +440,13 @@ 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;
         }
         if (colType.startsWith('abColDef')) {
-            switch (colType) {
+            const abColType = colType;
+            switch (abColType) {
                 case 'abColDefNumber':
                     return Enums_1.DataType.Number;
                 case 'abColDefString':
@@ -508,20 +486,20 @@ class agGridHelper {
     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.layoutApi.getAllColumnFilter())) {
                 LoggingHelper_1.LogAdaptableWarning('Clearing existing Column Filters as "clearFiltersOnStartUp" is true');
-                this.adaptable.api.filterApi.clearAllColumnFilter();
+                this.adaptable.api.layoutApi.clearAllColumnFilter();
             }
         }
         // 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,4 @@
+/// <reference types="react" />
+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,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rowDeleteIcon = exports.rowCloneIcon = exports.rowEditIcon = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("../components/icons");
+const React = tslib_1.__importStar(require("react"));
+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/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/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"));
@@ -153,7 +153,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,