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

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");
@@ -43,6 +42,7 @@ 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
@@ -157,11 +157,13 @@ class agGridHelper {
     createAdaptableColumnFromAgGridColumn(agGridColumn, colsToGroups) {
         const colId = agGridColumn.getColId();
         const colDef = agGridColumn.getColDef();
+        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 : this.gridOptions.columnApi.getDisplayNameForColumn(agGridColumn, 'header');
+        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());
         }
@@ -305,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;
@@ -367,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
@@ -380,7 +385,7 @@ class agGridHelper {
         if (colType) {
             if (Array.isArray(colType)) {
                 colType.forEach((c) => {
-                    if (dataType == Enums_1.DataType.Unknown) {
+                    if (dataType == 'Unknown') {
                         dataType = this.getAbColDefValue(c);
                     }
                 });
@@ -388,50 +393,50 @@ class agGridHelper {
             else {
                 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;
@@ -442,53 +447,52 @@ class agGridHelper {
     }
     getAbColDefValue(colType) {
         if (colType == 'numericColumn') {
-            return Enums_1.DataType.Number;
+            return 'Number';
         }
         if (colType.startsWith('abColDef')) {
             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.layoutApi.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.layoutApi.clearAllColumnFilter();
+                this.adaptable.api.filterApi.clearColumnFilters();
             }
         }
         // if they have selected to clear searches on startup then do it

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

@@ -14,7 +14,7 @@ const react_day_picker_1 = require("react-day-picker");
 function Caption(props) {
     const { displayMonth } = props;
     const context = react_day_picker_1.useDayPicker();
-    const { classNames, numberOfMonths, disableNavigation, styles, onMonthChange, dir, } = context;
+    const { classNames, disableNavigation, styles, onMonthChange, dir } = context;
     const { goToMonth, displayMonths } = react_day_picker_1.useNavigation();
     const handlePreviousClick = () => {
         handleMonthChange(add_1.default(displayMonth, { months: -1 }));

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/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.d.ts

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

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

@@ -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"));
@@ -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];

package/src/metamodel/adaptable.metamodel.d.ts

@@ -31,7 +31,7 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
-    ActionColumnButtonContext: {
+    ActionColumnContext: {
         name: string;
         kind: string;
         description: string;
@@ -756,26 +756,6 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
-    AlertButtonContext: {
-        name: string;
-        kind: string;
-        description: string;
-        properties: ({
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            reference: string;
-            isOptional?: undefined;
-        } | {
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            isOptional: boolean;
-            reference: string;
-        })[];
-    };
     AlertDefinition: {
         name: string;
         kind: string;
@@ -820,6 +800,18 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    AlertFormContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        }[];
+    };
     AlertMessageContext: {
         name: string;
         kind: string;
@@ -1606,6 +1598,31 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    CreatedRowFormInfo: {
+        name: string;
+        kind: string;
+        description: string;
+    };
+    CreateRowFormContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional?: undefined;
+            reference?: undefined;
+        })[];
+    };
     CustomDestination: {
         name: string;
         kind: string;
@@ -1984,6 +2001,18 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    DataSetFormContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        }[];
+    };
     DataUpdateConfig: {
         name: string;
         kind: string;
@@ -2021,6 +2050,16 @@ export declare const ADAPTABLE_METAMODEL: {
             defaultValue: string;
         }[];
     };
+    DeletedRowFormInfo: {
+        name: string;
+        kind: string;
+        description: string;
+    };
+    EditedRowFormInfo: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     EditLookUpPermittedValues: {
         name: string;
         kind: string;
@@ -2059,6 +2098,24 @@ export declare const ADAPTABLE_METAMODEL: {
             defaultValue?: undefined;
         })[];
     };
+    EditRowFormContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference?: undefined;
+        })[];
+    };
     EntitlementOptions: {
         name: string;
         kind: string;
@@ -2103,7 +2160,7 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
-    ExportButtonContext: {
+    ExportFormContext: {
         name: string;
         kind: string;
         description: string;
@@ -2555,6 +2612,18 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
         }[];
     };
+    FormContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        }[];
+    };
     FreeTextColumn: {
         name: string;
         kind: string;
@@ -3676,6 +3745,11 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         })[];
     };
+    RowFormContext: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     RowFormOptions: {
         name: string;
         kind: string;
@@ -3696,6 +3770,16 @@ export declare const ADAPTABLE_METAMODEL: {
             defaultValue: string;
         })[];
     };
+    RowFormSubmittedInfo: {
+        name: string;
+        kind: string;
+        description: string;
+    };
+    RowFormType: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     RowInfo: {
         name: string;
         kind: string;