fix: defer selection to correct moment of execution

Author: yordan-st

packages/pluggableWidgets/datagrid-web/typings/DatagridProps.d.ts

@@ -7,12 +7,6 @@ import { ComponentType, CSSProperties, ReactNode } from "react";
 import { ActionValue, DynamicValue, EditableValue, ListValue, ListActionValue, ListAttributeValue, ListAttributeListValue, ListExpressionValue, ListWidgetValue, SelectionSingleValue, SelectionMultiValue } from "mendix";
 import { Big } from "big.js";
 
-export type ItemSelectionMethodEnum = "checkbox" | "rowClick";
-
-export type ItemSelectionModeEnum = "toggle" | "clear";
-
-export type LoadingTypeEnum = "spinner" | "skeleton";
-
 export type ShowContentAsEnum = "attribute" | "dynamicText" | "customContent";
 
 export type ExportTypeEnum = "default" | "number" | "date" | "boolean";
@@ -106,15 +100,7 @@ export interface DatagridContainerProps {
     tabIndex?: number;
     datasource: ListValue;
     refreshInterval: number;
-    itemSelection?: SelectionSingleValue | SelectionMultiValue;
-    itemSelectionMethod: ItemSelectionMethodEnum;
     autoSelect: boolean;
-    itemSelectionMode: ItemSelectionModeEnum;
-    showSelectAllToggle: boolean;
-    keepSelection: boolean;
-    clearSelectionButtonLabel?: DynamicValue<string>;
-    loadingType: LoadingTypeEnum;
-    refreshIndicator: boolean;
     columns: ColumnsType[];
     columnsFilterable: boolean;
     onClickTrigger: OnClickTriggerEnum;
@@ -174,15 +160,7 @@ export interface DatagridPreviewProps {
     translate: (text: string) => string;
     datasource: {} | { caption: string } | { type: string } | null;
     refreshInterval: number | null;
-    itemSelection: "None" | "Single" | "Multi";
-    itemSelectionMethod: ItemSelectionMethodEnum;
     autoSelect: boolean;
-    itemSelectionMode: ItemSelectionModeEnum;
-    showSelectAllToggle: boolean;
-    keepSelection: boolean;
-    clearSelectionButtonLabel: string;
-    loadingType: LoadingTypeEnum;
-    refreshIndicator: boolean;
     columns: ColumnsPreviewType[];
     columnsFilterable: boolean;
     onClickTrigger: OnClickTriggerEnum;

packages/shared/widget-plugin-grid/src/selection/createSelectionHelper.ts

@@ -60,10 +60,19 @@ export function createSelectionHelper(
         }
         if (helper.type === "Single" && config.autoSelect) {
             const dispose = autorun(() => {
-                const firstItem = gate.props.datasource.items?.[0];
-                if (!firstItem) return;
-                helper.reduceTo(firstItem);
-                dispose();
+                const { datasource, selection } = gate.props;
+                const firstItem = datasource.items?.[0];
+
+                if (datasource.status === "available") {
+                    if (firstItem && !selection?.selection) {
+                        setTimeout(() => {
+                            if (!gate.props.selection?.selection) {
+                                (gate.props.selection as SelectionSingleValue)?.setSelection(firstItem);
+                            }
+                        }, 0);
+                    }
+                    dispose();
+                }
             });
             add(dispose);
         }