refactor: move autoselect config to selection tab

Author: yordan-st

packages/pluggableWidgets/datagrid-web/src/Datagrid.xml

@@ -16,10 +16,6 @@
                     <caption>Refresh time (in seconds)</caption>
                     <description />
                 </property>
-                <property key="autoSelect" type="boolean" defaultValue="false">
-                    <caption>Auto select first row</caption>
-                    <description>Automatically select the first row</description>
-                </property>
             </propertyGroup>
             <propertyGroup caption="Columns">
                 <property key="columns" type="object" isList="true">
@@ -226,6 +222,10 @@
                         <enumerationValue key="rowClick">Row click</enumerationValue>
                     </enumerationValues>
                 </property>
+                <property key="autoSelect" type="boolean" defaultValue="false">
+                    <caption>Auto select first row</caption>
+                    <description>Automatically select the first row</description>
+                </property>
                 <property key="itemSelectionMode" type="enumeration" defaultValue="clear">
                     <caption>Toggle on click</caption>
                     <description>Defines item selection behavior.</description>

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

@@ -100,7 +100,6 @@ export interface DatagridContainerProps {
     tabIndex?: number;
     datasource: ListValue;
     refreshInterval: number;
-    autoSelect: boolean;
     columns: ColumnsType[];
     columnsFilterable: boolean;
     onClickTrigger: OnClickTriggerEnum;
@@ -109,6 +108,7 @@ export interface DatagridContainerProps {
     filtersPlaceholder?: ReactNode;
     itemSelection?: SelectionSingleValue | SelectionMultiValue;
     itemSelectionMethod: ItemSelectionMethodEnum;
+    autoSelect: boolean;
     itemSelectionMode: ItemSelectionModeEnum;
     showSelectAllToggle: boolean;
     enableSelectAll: boolean;
@@ -160,7 +160,6 @@ export interface DatagridPreviewProps {
     translate: (text: string) => string;
     datasource: {} | { caption: string } | { type: string } | null;
     refreshInterval: number | null;
-    autoSelect: boolean;
     columns: ColumnsPreviewType[];
     columnsFilterable: boolean;
     onClickTrigger: OnClickTriggerEnum;
@@ -169,6 +168,7 @@ export interface DatagridPreviewProps {
     filtersPlaceholder: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };
     itemSelection: "None" | "Single" | "Multi";
     itemSelectionMethod: ItemSelectionMethodEnum;
+    autoSelect: boolean;
     itemSelectionMode: ItemSelectionModeEnum;
     showSelectAllToggle: boolean;
     enableSelectAll: boolean;

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

@@ -59,21 +59,21 @@ export function createSelectionHelper(
             add(cleanup);
         }
         if (helper.type === "Single" && config.autoSelect) {
-            const dispose = autorun(() => {
-                const { datasource, selection } = gate.props;
-                const firstItem = datasource.items?.[0];
+            const dispose = autorun(
+                () => {
+                    const { datasource } = 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);
+                    if (!firstItem) return;
+
+                    if (helper.isSelected(firstItem)) {
+                        dispose();
+                    } else {
+                        helper.reduceTo(firstItem);
                     }
-                    dispose();
-                }
-            });
+                },
+                { delay: 100 }
+            );
             add(dispose);
         }
         return disposeAll;