@adaptabletools/adaptable 18.0.16 → 18.0.17

package/src/View/Components/FilterForm/QuickFilterValues.js

@@ -123,6 +123,7 @@ export const QuickFilterValues = (props) => {
         }
         return null;
     };
+    const [defaultSize, setDefaultSize] = React.useState(undefined);
     return (React.createElement(OverlayTrigger, { showEvent: showEvent, 
         // cannot hide on blur, because the form input receives the input when this is opened
         hideEvent: "mouseleave", hideDelay: 50, ref: (api) => {
@@ -136,18 +137,24 @@ export const QuickFilterValues = (props) => {
             }
         }, render: ({ targetWidth }) => {
             var _a;
-            return (React.createElement(Resizable, { style: {
+            return (React.createElement(Resizable, { onResizeStop: (_e, _direction, element, _delta) => {
+                    const { width, height } = element.getBoundingClientRect();
+                    setDefaultSize({ width, height });
+                }, defaultSize: defaultSize, style: {
                     fontSize: 'var(--ab-font-size-2)',
                     border: '1px solid var(--ab-color-primarydark)',
                     background: 'var(--ab-color-defaultbackground)',
                     zIndex: 1000,
+                    display: 'flex',
+                    flexFlow: 'column',
+                    flexWrap: 'nowrap',
                 }, enable: {
                     top: false,
                     right: true,
-                    bottom: false,
+                    bottom: true,
                     left: false,
                     topRight: false,
-                    bottomRight: false,
+                    bottomRight: true,
                     bottomLeft: false,
                     topLeft: false,
                 }, minWidth: getPopoverWidth(targetWidth) },
@@ -163,13 +170,7 @@ export const QuickFilterValues = (props) => {
                                 (_a = valuesDropdownRef.current) === null || _a === void 0 ? void 0 : _a.show();
                             });
                         }
-                    }, "data-name": "quick-filter-form", flexDirection: "column", style: {
-                    // fontSize: 'var(--ab-font-size-2)',
-                    // border: '1px solid var(--ab-color-primarydark)',
-                    // background: 'var(--ab-color-defaultbackground)',
-                    // zIndex: 1000,
-                    // width: getPopoverWidth(targetWidth),
-                    } },
+                    }, "data-name": "quick-filter-form", flexDirection: "column", flex: 1, display: 'flex' },
                     React.createElement(Flex, { m: 2 },
                         React.createElement(SimpleButton, { onClick: () => clearColumnFilter() }, "Clear Filter"),
                         ((_a = api.optionsApi.getColumnFilterOptions()) === null || _a === void 0 ? void 0 : _a.autoApplyFilter) == false && (React.createElement(SimpleButton, { ml: 2, onClick: () => {

package/src/agGrid/AdaptableAgGrid.js

@@ -1796,6 +1796,12 @@ export class AdaptableAgGrid {
         if (result == undefined && rowNode.data) {
             result = rowNode.data[this.adaptableOptions.primaryKey];
         }
+        if (result == undefined && rowNode.id != undefined) {
+            // when getPrimaryKeyValueFromRowNode is called for group rows,
+            // which don't have a rowNode.data object, the result is undefined
+            // but we do have an id property on the rowNode object, so we'll use that
+            result = rowNode.id;
+        }
         return result;
     }
     getRawValueFromRowNode(rowNode, columnId) {
@@ -3156,13 +3162,8 @@ export class AdaptableAgGrid {
         return this.ReportService.getCellExportValueFromRawValue(rowNode, rawValue, columnId);
     }
     processCellForExcelExport(rowNode, columnId) {
-        var _a;
         if (this.api.exportApi.internalApi.isVisualDataExportInProgress()) {
-            const cellKey = this.agGridColumnAdapter.getExcelClassNameForCell(columnId, (_a = this.getPrimaryKeyValueFromRowNode(rowNode)) !== null && _a !== void 0 ? _a : rowNode.id
-            // when getPrimaryKeyValueFromRowNode is called for group rows,
-            // which don't have a rowNode.data object, the result is undefined
-            // but we do have an id property on the rowNode object, so we'll use that
-            );
+            const cellKey = this.agGridColumnAdapter.getExcelClassNameForCell(columnId, this.getPrimaryKeyValueFromRowNode(rowNode));
             const isoFormattedDate = this.ReportService.getExcelStyleWithFormattedDate(cellKey);
             if (isoFormattedDate) {
                 // this is a Date cell which will be formatted by Excel

package/src/env.js

@@ -1,5 +1,5 @@
 export default {
     INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1716977338543 || Date.now(),
-    VERSION: "18.0.16" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1717077872080 || Date.now(),
+    VERSION: "18.0.17" || '--current-version--',
 };