refactor: rename property and adjust visibility

Author: yordan-st

packages/pluggableWidgets/datagrid-web/src/Datagrid.editorConfig.ts

@@ -170,6 +170,10 @@ function hideSelectionProperties(defaultProperties: Properties, values: Datagrid
             "enableSelectAll"
         ]);
     }
+
+    if (itemSelection !== "Single") {
+        hidePropertyIn(defaultProperties, values, "singleSelectionColumnLabel");
+    }
 }
 
 export const getPreview = (

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

@@ -446,8 +446,8 @@
                         <translation lang="nl_NL">Selecteer alle rijen</translation>
                     </translations>
                 </property>
-                <property key="selectSingleRowLabel" type="textTemplate" required="false">
-                    <caption>Select single row label</caption>
+                <property key="singleSelectionColumnLabel" type="textTemplate" required="false">
+                    <caption>Single selection column label</caption>
                     <description>If single selection is enabled, assistive technology will read this for the selection column header.</description>
                     <translations>
                         <translation lang="en_US">Select single row</translation>

packages/pluggableWidgets/datagrid-web/src/components/CheckboxColumnHeader.tsx

@@ -6,7 +6,7 @@ import { useDatagridConfig, useSelectActions, useSelectionHelper, useTexts } fro
 
 export function CheckboxColumnHeader(): ReactElement {
     const { selectAllCheckboxEnabled, checkboxColumnEnabled } = useDatagridConfig();
-    const { selectSingleRowLabel } = useTexts();
+    const { singleSelectionColumnLabel } = useTexts();
     const selectionHelper = useSelectionHelper();
 
     if (checkboxColumnEnabled === false) {
@@ -19,7 +19,7 @@ export function CheckboxColumnHeader(): ReactElement {
                 <Checkbox />
             </If>
             <If condition={selectionHelper?.type === "Single"}>
-                <span className="sr-only">{selectSingleRowLabel || "Select single row"}</span>
+                <span className="sr-only">{singleSelectionColumnLabel || "Select single row"}</span>
             </If>
         </div>
     );

packages/pluggableWidgets/datagrid-web/src/model/services/Texts.service.ts

@@ -27,8 +27,8 @@ export class TextsService {
         return this.props.selectAllRowsLabel?.value;
     }
 
-    get selectSingleRowLabel(): string | undefined {
-        return this.props.selectSingleRowLabel?.value;
+    get singleSelectionColumnLabel(): string | undefined {
+        return this.props.singleSelectionColumnLabel?.value;
     }
 
     get headerAriaLabel(): string | undefined {

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

@@ -142,7 +142,7 @@ export interface DatagridContainerProps {
     cancelExportLabel?: DynamicValue<string>;
     selectRowLabel?: DynamicValue<string>;
     selectAllRowsLabel?: DynamicValue<string>;
-    selectSingleRowLabel?: DynamicValue<string>;
+    singleSelectionColumnLabel?: DynamicValue<string>;
     selectingAllLabel?: DynamicValue<string>;
     cancelSelectionLabel?: DynamicValue<string>;
     selectedCountTemplateSingular?: DynamicValue<string>;
@@ -209,7 +209,7 @@ export interface DatagridPreviewProps {
     cancelExportLabel: string;
     selectRowLabel: string;
     selectAllRowsLabel: string;
-    selectSingleRowLabel: string;
+    singleSelectionColumnLabel: string;
     selectingAllLabel: string;
     cancelSelectionLabel: string;
     selectedCountTemplateSingular: string;

packages/pluggableWidgets/datagrid-web/typings/MainGateProps.ts

@@ -36,7 +36,7 @@ export type MainGateProps = Pick<
     | "selectAllText"
     | "selectionCounterPosition"
     | "selectRowLabel"
-    | "selectSingleRowLabel"
+    | "singleSelectionColumnLabel"
     | "showNumberOfRows"
     | "showPagingButtons"
     | "storeFiltersInPersonalization"