@adaptabletools/adaptable 23.0.19 → 23.0.21

package/src/agGrid/AdaptableAgGrid.d.ts

@@ -109,6 +109,12 @@ export declare class AdaptableAgGrid implements IAdaptable {
     private listenerSortChanged;
     private listenerColumnGroupOpened;
     private layoutManager;
+    /**
+     * Stable AG Grid `rowSelection.checkboxes` wrapper for `LayoutOptions.isRowSelectionCheckboxVisible`.
+     * Cached so layout re-applies do not create a new function identity (avoids needless refreshCells).
+     * `null` = not yet resolved; `undefined` = Options callback not provided.
+     */
+    private rowSelectionCheckboxesOverride;
     private columnMinMaxValuesCache;
     renderReactRoot: RenderReactRootFn;
     private unmountReactRoot?;
@@ -147,6 +153,12 @@ export declare class AdaptableAgGrid implements IAdaptable {
     private normaliseLayoutState;
     private normaliseToolPanelState;
     private getCurrentLayoutModel;
+    /**
+     * Highest-precedence override for AG Grid `rowSelection.checkboxes`, sourced from
+     * `LayoutOptions.isRowSelectionCheckboxVisible`.
+     * Returns a stable function identity for the lifetime of this Adaptable instance.
+     */
+    private getRowSelectionCheckboxesOverride;
     silentUpdateCurrentLayoutModel(layoutModel?: TableLayoutModel | PivotLayoutModel): void;
     getDefaultColumnWidthForCol(columnId: string): number;
     /**
@@ -279,6 +291,7 @@ export declare class AdaptableAgGrid implements IAdaptable {
     autoSizeColumns(columnIds?: string[]): void;
     autoSizeAllColumns(): void;
     getDistinctValuesForColumn(column: AdaptableColumn): Promise<GridCell[]>;
+    private getSelectedInFilterValues;
     getDistinctFilterValuesForColumn(options: {
         column: AdaptableColumn;
         currentSearchValue: string;

package/src/agGrid/AdaptableAgGrid.js

@@ -9,7 +9,8 @@ import { applyDefaultAdaptableOptions } from '../AdaptableOptions/DefaultAdaptab
 import { resolveContainerElement } from '../Utilities/resolveContainerElement';
 import { AgGridAdapter } from './AgGridAdapter';
 import * as GeneralConstants from '../Utilities/Constants/GeneralConstants';
-import { AG_GRID_GRAND_TOTAL_ROW_ID, AG_GRID_GROUPED_COLUMN, AUTOGENERATED_PK_COLUMN, ERROR_LAYOUT, GROUP_PATH_SEPARATOR, HALF_SECOND, QUARTER_SECOND, } from '../Utilities/Constants/GeneralConstants';
+import { AG_GRID_GRAND_TOTAL_ROW_ID, AG_GRID_GROUPED_COLUMN, AG_GRID_SELECTION_COLUMN, AUTOGENERATED_PK_COLUMN, ERROR_LAYOUT, GROUP_PATH_SEPARATOR, HALF_SECOND, QUARTER_SECOND, } from '../Utilities/Constants/GeneralConstants';
+import { generateSelectionColumn } from '../Api/Implementation/ColumnApiImpl';
 import { DataService } from '../Utilities/Services/DataService';
 import { AdaptableStore } from '../Redux/Store/AdaptableStore';
 import { AdaptableApiImpl } from '../Api/Implementation/AdaptableApiImpl';
@@ -202,6 +203,7 @@ export class AdaptableAgGrid {
     listenerSortChanged;
     listenerColumnGroupOpened;
     layoutManager;
+    rowSelectionCheckboxesOverride = null;
     columnMinMaxValuesCache = {};
     renderReactRoot = (node, container) => defaultRenderReactRoot(node, container);
     unmountReactRoot;
@@ -420,7 +422,7 @@ export class AdaptableAgGrid {
                     lockPosition: false,
                 };
             }
-            gridOptions.rowSelection = LayoutManager.getGridOptionForRowSelectionFromLayout(layoutModel.RowSelection, gridOptions.rowSelection);
+            gridOptions.rowSelection = LayoutManager.getGridOptionForRowSelectionFromLayout(layoutModel.RowSelection, gridOptions.rowSelection, this.getRowSelectionCheckboxesOverride());
         }
         this.lifecycleState = 'initAgGrid';
         this.agGridAdapter.initialGridOptions = gridOptions;
@@ -438,6 +440,7 @@ export class AdaptableAgGrid {
             gridApi: agGridApi,
             debugId: this.adaptableOptions.adaptableId,
             initialRowSelection,
+            getRowSelectionCheckboxesOverride: () => this.getRowSelectionCheckboxesOverride(),
         });
         this.silentUpdateCurrentLayoutModel(layoutModel);
         if (isPivotLayoutModel(layoutModel)) {
@@ -604,6 +607,36 @@ export class AdaptableAgGrid {
         }
         return layoutStateToLayoutModel(currentLayout);
     }
+    getRowSelectionCheckboxesOverride() {
+        if (this.rowSelectionCheckboxesOverride !== null) {
+            return this.rowSelectionCheckboxesOverride;
+        }
+        const isVisible = this.adaptableOptions.layoutOptions?.isRowSelectionCheckboxVisible;
+        if (typeof isVisible !== 'function') {
+            this.rowSelectionCheckboxesOverride = undefined;
+            return undefined;
+        }
+        this.rowSelectionCheckboxesOverride = (params) => {
+            const columnId = params.column?.getColId?.() ?? params.colDef?.colId ?? params.colDef?.field;
+            let column = this.api.columnApi.getColumnForColDef(params.colDef) ??
+                (columnId != null ? this.api.columnApi.getColumnWithColumnId(columnId) : undefined);
+            if (!column && columnId === AG_GRID_SELECTION_COLUMN) {
+                column = generateSelectionColumn();
+            }
+            if (!column) {
+                return false;
+            }
+            const context = {
+                ...this.api.internalApi.buildBaseContext(),
+                layout: this.api.layoutApi.getCurrentLayout(),
+                column,
+                rowNode: params.node,
+                data: params.data,
+            };
+            return isVisible(context);
+        };
+        return this.rowSelectionCheckboxesOverride;
+    }
     silentUpdateCurrentLayoutModel(layoutModel = this.getCurrentLayoutModel()) {
         if (!layoutModel) {
             return;
@@ -2339,6 +2372,18 @@ export class AdaptableAgGrid {
     async getDistinctValuesForColumn(column) {
         return this.getDistinctGridCellsForColumn(column);
     }
+    getSelectedInFilterValues(column) {
+        const columnFilterApi = this.api.filterApi.columnFilterApi;
+        const columnFilter = columnFilterApi.getColumnFilterForColumn(column.columnId);
+        const filterHandler = columnFilterApi.internalApi.getAdaptableFilterHandler(column.columnId);
+        const inputs = (columnFilter?.Predicates ?? [])
+            .filter((predicate) => predicate.PredicateId === 'In' || predicate.PredicateId === 'NotIn')
+            .flatMap((predicate) => (Array.isArray(predicate.Inputs) ? predicate.Inputs : []));
+        return inputs.map((value) => {
+            const known = filterHandler?.getRememberedLazyInFilterValue(value);
+            return known ?? { value, label: value == null ? '' : String(value) };
+        });
+    }
     async getDistinctFilterValuesForColumn(options) {
         const { column, previousResult } = options;
         const offset = options.offset ?? 0;
@@ -2393,6 +2438,9 @@ export class AdaptableAgGrid {
                 previousFilterResult: previousResult,
                 offset,
                 limit,
+                get selectedValues() {
+                    return self.getSelectedInFilterValues(column);
+                },
                 get currentSearchValue() {
                     return options.currentSearchValue;
                 },
@@ -3334,6 +3382,7 @@ export class AdaptableAgGrid {
         this.__prevLayoutForRefresh = undefined;
         this.layoutManager?.destroy();
         this.layoutManager = null;
+        this.rowSelectionCheckboxesOverride = null;
         clearPredicateDefMapMemo();
         const agGridApi = this.agGridAdapter?.getAgGridApi();
         if (agGridApi && !agGridApi.isDestroyed()) {

package/src/agGrid/AdaptableFilterHandler.d.ts

@@ -1,12 +1,13 @@
 import { DoesFilterPassParams, FilterHandler, FilterHandlerParams } from 'ag-grid-enterprise';
 import { AdaptableApi } from '../Api/AdaptableApi';
-import { InFilterValueResult } from '../AdaptableOptions/FilterOptions';
+import { InFilterValue, InFilterValueResult } from '../AdaptableOptions/FilterOptions';
 import { ColumnFilter } from '../types';
 export declare class AdaptableFilterHandler implements FilterHandler<any, any, ColumnFilter> {
     private adaptableApi;
     colId: string;
     private filterDisplayValuesResult;
     private previousFilterDisplayValuesResult;
+    private rememberedInFilterValues;
     constructor(adaptableApi: AdaptableApi);
     init(params: FilterHandlerParams): void;
     doesFilterPass(params: DoesFilterPassParams<any, any, ColumnFilter>): boolean;
@@ -22,6 +23,9 @@ export declare class AdaptableFilterHandler implements FilterHandler<any, any, C
         offset?: number;
         limit?: number;
     }): Promise<InFilterValueResult>;
+    private rememberSelectedLazyInFilterValues;
+    getRememberedLazyInFilterValues(): InFilterValue[];
+    getRememberedLazyInFilterValue(value: any): InFilterValue | undefined;
     onNewRowsLoaded(): void;
     onAnyFilterChanged(): void;
     resetFilterDisplayValues(): void;

package/src/agGrid/AdaptableFilterHandler.js

@@ -3,6 +3,7 @@ export class AdaptableFilterHandler {
     colId;
     filterDisplayValuesResult;
     previousFilterDisplayValuesResult;
+    rememberedInFilterValues = new Map();
     constructor(adaptableApi) {
         this.adaptableApi = adaptableApi;
     }
@@ -44,6 +45,7 @@ export class AdaptableFilterHandler {
         return this.fetchFilterDisplayValues(options);
     }
     async fetchFilterDisplayValues(options) {
+        this.rememberSelectedLazyInFilterValues(undefined);
         return this.adaptableApi.gridApi.internalApi
             .getDistinctFilterDisplayValuesForColumn({
             columnId: this.colId,
@@ -55,10 +57,51 @@ export class AdaptableFilterHandler {
             limit: options.limit,
         })
             .then((result) => {
+            this.rememberSelectedLazyInFilterValues(result);
             this.filterDisplayValuesResult = result;
             return result;
         });
     }
+    rememberSelectedLazyInFilterValues(result) {
+        if (!this.adaptableApi.optionsApi.getFilterOptions().customInFilterValues) {
+            return;
+        }
+        const paginatedResult = result ?? this.getLastCachedFilterDisplayValues();
+        if (paginatedResult?.hasMore === undefined) {
+            return;
+        }
+        const columnFilter = this.adaptableApi.filterApi.columnFilterApi.getColumnFilterForColumn(this.colId);
+        const selectedInputs = new Set((columnFilter?.Predicates ?? [])
+            .filter((predicate) => predicate.PredicateId === 'In' || predicate.PredicateId === 'NotIn')
+            .flatMap((predicate) => (Array.isArray(predicate.Inputs) ? predicate.Inputs : [])));
+        for (const value of this.rememberedInFilterValues.keys()) {
+            if (!selectedInputs.has(value)) {
+                this.rememberedInFilterValues.delete(value);
+            }
+        }
+        if (!selectedInputs.size) {
+            return;
+        }
+        const visit = (values) => {
+            if (!values) {
+                return;
+            }
+            for (const item of values) {
+                if (selectedInputs.has(item.value)) {
+                    this.rememberedInFilterValues.set(item.value, item);
+                }
+                visit(item.children);
+            }
+        };
+        visit(this.getLastCachedFilterDisplayValues()?.values);
+        visit(result?.values);
+    }
+    getRememberedLazyInFilterValues() {
+        return Array.from(this.rememberedInFilterValues.values());
+    }
+    getRememberedLazyInFilterValue(value) {
+        return this.rememberedInFilterValues.get(value);
+    }
     onNewRowsLoaded() {
         this.resetFilterDisplayValues();
     }
@@ -83,5 +126,6 @@ export class AdaptableFilterHandler {
     destroy() {
         this.filterDisplayValuesResult = undefined;
         this.previousFilterDisplayValuesResult = undefined;
+        this.rememberedInFilterValues.clear();
     }
 }

package/src/components/Combobox/comboboxUtils.d.ts

@@ -57,6 +57,12 @@ export type ComboboxCommonProps<T extends ComboboxItemType> = {
      * is cleared on close and every open starts from the full list.
      */
     persistFilterOnReopen?: boolean;
+    /**
+     * Extra items used only to resolve selected values that are not in `items`
+     * (e.g. selected In Filter values hidden by the current search page).
+     * Not shown in the dropdown list.
+     */
+    lookupItems?: T[];
     /**
      * Custom filter function, or `null` to disable built-in filtering
      * (e.g. when options are already filtered server-side).

package/src/components/Combobox/comboboxUtils.js

@@ -17,7 +17,7 @@ export function valueToItem(stringValue, lookup) {
 export function valueToItems(stringValues, lookup) {
     if (stringValues == null)
         return undefined;
-    return stringValues.map((v) => lookup.get(v)).filter(Boolean);
+    return stringValues.map((v) => lookup.get(v) ?? { value: v, label: String(v ?? '') });
 }
 export function toStringValue(item) {
     return item?.value ?? null;

package/src/components/Combobox/index.js

@@ -196,9 +196,18 @@ const useGetAllItems = (props) => {
             ?
                 [].concat(props.items)
             : props.items;
+    const lookupItems = props.lookupItems;
     const itemByValue = useMemo(() => {
-        return new Map(allItems.map((item) => [item.value, item]));
-    }, [allItems]);
+        const map = new Map(allItems.map((item) => [item.value, item]));
+        if (lookupItems) {
+            for (const item of lookupItems) {
+                if (!map.has(item.value)) {
+                    map.set(item.value, item);
+                }
+            }
+        }
+        return map;
+    }, [allItems, lookupItems]);
     const creatableInput = useCreatable(props, allItems, itemByValue);
     const { inputValue, onInputValueChange } = useMenulistFilterInput(props, {
         inputValue: creatableInput.inputValue,

package/src/env.js

@@ -1,5 +1,5 @@
 export default {
     NEXT_PUBLIC_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: 1786011703539 || Date.now(),
-    VERSION: "23.0.19" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1787139899825 || Date.now(),
+    VERSION: "23.0.21" || '--current-version--',
 };

package/src/layout-manager/src/index.d.ts

@@ -1,4 +1,4 @@
-import { ColDef, ColumnState, GridApi, GridOptions, GridState } from 'ag-grid-enterprise';
+import { CheckboxSelectionCallbackParams, ColDef, ColumnState, GridApi, GridOptions, GridState } from 'ag-grid-enterprise';
 import { PivotLayoutModel, TableLayoutModel } from './LayoutManagerModel';
 import { LMEmitter } from './LMEmitter';
 import { LayoutRowSelection } from '../../AdaptableState/LayoutState';
@@ -11,6 +11,11 @@ export type LayoutManagerOptions = {
     debugId: string;
     layoutChangeDebounce?: number;
     initialRowSelection?: GridOptions['rowSelection'];
+    /**
+     * Highest-precedence override for `rowSelection.checkboxes` (from LayoutOptions).
+     * When this returns a function, it replaces layout/gridOptions checkbox config.
+     */
+    getRowSelectionCheckboxesOverride?: () => ((params: CheckboxSelectionCallbackParams) => boolean) | undefined;
 };
 type ApplyLayoutOptions = {
     skipApplyRowGroupsExpandedState?: boolean;
@@ -29,6 +34,7 @@ export declare class LayoutManager<DATA_TYPE = any> extends LMEmitter {
     private supressGlobalAgGridEventTimeoutId;
     private layoutManagerDebugId;
     private initialRowSelection;
+    private getRowSelectionCheckboxesOverride?;
     constructor(options: LayoutManagerOptions);
     destroy(): void;
     private setupEvents;
@@ -73,12 +79,16 @@ export declare class LayoutManager<DATA_TYPE = any> extends LMEmitter {
     applyColumnDefsChanges(layout: TableLayoutModel | PivotLayoutModel): boolean;
     private applyColumnSizingColumnDefsChanges;
     static readonly SELECTION_COLUMN_ID = "ag-Grid-SelectionColumn";
-    static getGridOptionForRowSelectionFromLayout(layoutRowSelection: LayoutRowSelection | false | undefined, baseGridRowSelection: GridOptions['rowSelection']): GridOptions['rowSelection'] | undefined;
+    static getGridOptionForRowSelectionFromLayout(layoutRowSelection: LayoutRowSelection | false | undefined, baseGridRowSelection: GridOptions['rowSelection'], checkboxesOverride?: ((params: CheckboxSelectionCallbackParams) => boolean) | undefined): GridOptions['rowSelection'] | undefined;
     static isSelectionColumnInNonFirstPosition(tableColumns: string[] | undefined): boolean;
     static shouldUnlockSelectionColumnPosition(layout: TableLayoutModel): boolean;
     private ensureSelectionColumnPositionUnlocked;
     private getRowSelectionFromGrid;
     private applyRowSelection;
+    /**
+     * Columns that render selection checkboxes for the current rowSelection config.
+     */
+    private getRowSelectionCheckboxColumnIds;
     private applyTableLayout;
     private getRowGroupNodePathsAs;
     applyRowGroupValues(RowGroupValues: TableLayoutModel['RowGroupValues'], rowGroupedColumns: string[]): void;

package/src/layout-manager/src/index.js

@@ -152,6 +152,7 @@ export class LayoutManager extends LMEmitter {
     supressGlobalAgGridEventTimeoutId = null;
     layoutManagerDebugId;
     initialRowSelection;
+    getRowSelectionCheckboxesOverride;
     constructor(options) {
         super({ debugId: options.debugId });
         this.layoutChangeDebounce = options.layoutChangeDebounce ?? 0;
@@ -161,6 +162,7 @@ export class LayoutManager extends LMEmitter {
             }).bind(this);
         }
         this.initialRowSelection = options.initialRowSelection;
+        this.getRowSelectionCheckboxesOverride = options.getRowSelectionCheckboxesOverride;
         this.setOptions(options);
         this.gridApi.setGridOption('enableStrictPivotColumnOrder', true);
         this.setupEvents();
@@ -307,6 +309,9 @@ export class LayoutManager extends LMEmitter {
     setOptions(options) {
         this.gridApi = options.gridApi;
         this.layoutManagerDebugId = options.debugId;
+        if (options.getRowSelectionCheckboxesOverride !== undefined) {
+            this.getRowSelectionCheckboxesOverride = options.getRowSelectionCheckboxesOverride;
+        }
     }
     getLayoutModelFromGrid() {
         return this.isInPivotMode()
@@ -1070,12 +1075,22 @@ export class LayoutManager extends LMEmitter {
         return false;
     }
     static SELECTION_COLUMN_ID = 'ag-Grid-SelectionColumn';
-    static getGridOptionForRowSelectionFromLayout(layoutRowSelection, baseGridRowSelection) {
+    static getGridOptionForRowSelectionFromLayout(layoutRowSelection, baseGridRowSelection, checkboxesOverride) {
         if (layoutRowSelection === false) {
             return undefined;
         }
         if (layoutRowSelection == null) {
-            return baseGridRowSelection;
+            if (!checkboxesOverride) {
+                return baseGridRowSelection;
+            }
+            const current = baseGridRowSelection && typeof baseGridRowSelection !== 'string'
+                ? baseGridRowSelection
+                : {};
+            return {
+                ...current,
+                checkboxes: checkboxesOverride,
+                hideDisabledCheckboxes: true,
+            };
         }
         const current = baseGridRowSelection && typeof baseGridRowSelection !== 'string'
             ? baseGridRowSelection
@@ -1084,7 +1099,11 @@ export class LayoutManager extends LMEmitter {
         if (layoutRowSelection.Mode != null) {
             updated.mode = layoutRowSelection.Mode;
         }
-        if (layoutRowSelection.Checkboxes != null) {
+        if (checkboxesOverride) {
+            updated.checkboxes = checkboxesOverride;
+            updated.hideDisabledCheckboxes = true;
+        }
+        else if (layoutRowSelection.Checkboxes != null) {
             updated.checkboxes = layoutRowSelection.Checkboxes;
         }
         if (layoutRowSelection.GroupSelectMode != null) {
@@ -1170,20 +1189,39 @@ export class LayoutManager extends LMEmitter {
         return result;
     }
     applyRowSelection(layout) {
-        const rowSelection = LayoutManager.getGridOptionForRowSelectionFromLayout(layout.RowSelection, this.initialRowSelection);
+        const rowSelection = LayoutManager.getGridOptionForRowSelectionFromLayout(layout.RowSelection, this.initialRowSelection, this.getRowSelectionCheckboxesOverride?.());
         const prevRowSelection = this.gridApi.getGridOption('rowSelection');
         this.gridApi.setGridOption('rowSelection', rowSelection);
         if (typeof prevRowSelection === 'object' &&
             typeof rowSelection === 'object' &&
-            rowSelection.checkboxes !== prevRowSelection.checkboxes) {
-            const selectionColumn = this.gridApi.getColumn(LayoutManager.SELECTION_COLUMN_ID);
-            if (selectionColumn) {
+            rowSelection?.checkboxes !== prevRowSelection?.checkboxes) {
+            const columnsToRefresh = this.getRowSelectionCheckboxColumnIds(rowSelection, layout);
+            if (columnsToRefresh.length) {
                 this.gridApi.refreshCells({
-                    columns: [LayoutManager.SELECTION_COLUMN_ID],
+                    columns: columnsToRefresh,
                 });
             }
         }
     }
+    getRowSelectionCheckboxColumnIds(rowSelection, layout) {
+        const checkboxInGroupColumn = (typeof rowSelection === 'object' &&
+            rowSelection.checkboxLocation === 'autoGroupColumn') ||
+            (layout.RowSelection &&
+                typeof layout.RowSelection === 'object' &&
+                layout.RowSelection.CheckboxInGroupColumn === true);
+        if (checkboxInGroupColumn) {
+            const autoGroupColIds = this.gridApi
+                .getColumns()
+                ?.map((col) => col.getColId())
+                .filter((colId) => colId === AUTO_GROUP_COLUMN_ID__SINGLE ||
+                colId.startsWith(AUTO_GROUP_COLUMN_ID__MULTI_PREFIX)) ?? [];
+            return autoGroupColIds;
+        }
+        if (this.gridApi.getColumn(LayoutManager.SELECTION_COLUMN_ID)) {
+            return [LayoutManager.SELECTION_COLUMN_ID];
+        }
+        return [];
+    }
     applyTableLayout(layout, options) {
         this.withSuppressColumnAnimation(() => {
             this.ensureSelectionColumnPositionUnlocked(layout);

package/src/types.d.ts

@@ -28,7 +28,7 @@ export type { CellSummaryOptions } from './AdaptableOptions/CellSummaryOptions';
 export type { CustomSortOptions, ColumnValuesComparer } from './AdaptableOptions/CustomSortOptions';
 export type { NoteOptions, NotableCellContext } from './AdaptableOptions/NoteOptions';
 export type { CommentOptions, CommentableCellContext, CommentLoadContext, } from './AdaptableOptions/CommentOptions';
-export type { LayoutOptions, LayoutViewOptions, LayoutTagOptions, LayoutExtendedContext, AutoGenerateTagsForLayoutsContext, PivotPreviewColumnsContext, TableLayoutCreationDefaultProperties, PivotLayoutCreationDefaultProperties, LayoutCreationDefaultProperties, LayoutCreationDefaultPropertiesContext, } from './AdaptableOptions/LayoutOptions';
+export type { LayoutOptions, LayoutViewOptions, LayoutTagOptions, LayoutExtendedContext, AutoGenerateTagsForLayoutsContext, PivotPreviewColumnsContext, TableLayoutCreationDefaultProperties, PivotLayoutCreationDefaultProperties, LayoutCreationDefaultProperties, LayoutCreationDefaultPropertiesContext, LayoutRowSelectionContext, } from './AdaptableOptions/LayoutOptions';
 export type { ChartingOptions, ChartContainer, ExternalChartingContext, ExternalChartingOptions, SaveChartBehaviour, } from './AdaptableOptions/ChartingOptions';
 export type { OpenFinPluginOptions } from './AdaptableOptions/OpenFinPluginOptions';
 export type { InteropioPluginOptions } from './AdaptableOptions/InteropioPluginOptions';