@adaptabletools/adaptable 11.3.0 → 12.0.0-canary.2

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

@@ -1,4 +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

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.rowDeleteIcon = exports.rowCloneIcon = exports.rowEditIcon = void 0;
+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));
     })));
 }

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/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.js

@@ -20,6 +20,7 @@ const ensurePortalElement = () => {
     portalElement.classList.add('ab-cmp-modal-window');
     document.body.appendChild(portalElement);
 };
+const normalizeTopLeft = (position) => (position < 0 ? 0 : position);
 const getResizePositionDelta = (direction, delta) => {
     const positionDelta = { x: 0, y: 0 };
     const left = -delta.width;
@@ -41,21 +42,26 @@ const getResizePositionDelta = (direction, delta) => {
     return null;
 };
 exports.WindowModal = (props) => {
+    var _a, _b;
     ensurePortalElement();
     const positionDeltaRef = React.useRef(null);
-    const positionRef = React.useRef(props.position);
+    const normalizedPosition = {
+        x: normalizeTopLeft((_a = props.position) === null || _a === void 0 ? void 0 : _a.x),
+        y: normalizeTopLeft((_b = props.position) === null || _b === void 0 ? void 0 : _b.y),
+    };
+    const positionRef = React.useRef(normalizedPosition);
     const stacking = useStacking_1.useStacking();
     /**
      * This is needed because the function called in onDrop is saved when
      * it gets attached to the DOM element event handler.
      * This handler changes only when the underlying node changes.
      */
-    positionRef.current = props.position;
+    positionRef.current = normalizedPosition;
     const style = {
         zIndex: stacking.zIndex,
         position: 'absolute',
-        left: props.position.x,
-        top: props.position.y,
+        left: normalizedPosition.x,
+        top: normalizedPosition.y,
     };
     const handleDrop = (dx, dy) => {
         const newPosition = {
@@ -72,11 +78,11 @@ exports.WindowModal = (props) => {
         onDrop: handleDrop,
     });
     const handleResizeStop = (event, direction, elementRef, delta) => {
-        let newPosition = props.position;
+        let newPosition = normalizedPosition;
         if (positionDeltaRef.current) {
             newPosition = {
-                x: props.position.x + positionDeltaRef.current.x,
-                y: props.position.y + positionDeltaRef.current.y,
+                x: normalizedPosition.x + positionDeltaRef.current.x,
+                y: normalizedPosition.y + positionDeltaRef.current.y,
             };
             positionDeltaRef.current = null;
             applyTransform(0, 0);

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];