feat(chekbox-radio-selection-web): rename emptyOptionText to noOptionsText

rahmanunver · rahmanunver · commit 0fa1b166bc57 · 2025-08-25T13:07:04.000+02:00
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.editorPreview.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.editorPreview.tsx
@@ -23,7 +23,7 @@ export const preview = (props: CheckboxRadioSelectionPreviewProps): ReactElement
         readOnlyStyle: props.readOnlyStyle,
         ariaRequired: dynamic(false),
         groupName: dynamic(`${id}-group`),
-        emptyOptionText: "NO OPTIONS AVAILABLE"
+        noOptionsText: "No options available"
     };
 
     // eslint-disable-next-line react-hooks/rules-of-hooks
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.tsx
@@ -19,13 +19,13 @@ export default function CheckboxRadioSelection(props: CheckboxRadioSelectionCont
         readOnlyStyle: props.readOnlyStyle,
         ariaRequired: props.ariaRequired,
         groupName: props.groupName,
-        emptyOptionText: props.emptyOptionText?.value ?? "NO OPTIONS AVAILABLE"
+        noOptionsText: props.noOptionsText?.value ?? "No options available"
     };
 
     return (
         <div className={`widget-checkbox-radio-selection`}>
             {selector.status === "unavailable" ? (
-                <Placeholder emptyOptionText={commonProps.emptyOptionText} />
+                <Placeholder noOptionsText={commonProps.noOptionsText} />
             ) : selector.type === "single" ? (
                 <RadioSelection selector={selector} {...commonProps} />
             ) : (
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.xml b/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.xml
@@ -182,12 +182,12 @@
             <!-- STATIC END-->
             <!-- GENERAL -->
             <propertyGroup caption="General">
-                <property key="emptyOptionText" type="textTemplate" required="false">
-                    <caption>Empty option text</caption>
+                <property key="noOptionsText" type="textTemplate" required="false">
+                    <caption>No option text</caption>
                     <description />
                     <translations>
-                        <translation lang="en_US">NO OPTIONS AVAILABLE</translation>
-                        <translation lang="nl_NL">GEEN OPTIES BESCHIKBAAR</translation>
+                        <translation lang="en_US">No options available</translation>
+                        <translation lang="nl_NL">Geen opties beschikbaar</translation>
                     </translations>
                 </property>
                 <property key="optionsSourceCustomContentType" type="enumeration" defaultValue="no" required="true">
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx
@@ -11,7 +11,7 @@ export function CheckboxSelection({
     ariaRequired,
     readOnlyStyle,
     groupName,
-    emptyOptionText
+    noOptionsText
 }: SelectionBaseProps<MultiSelector>): ReactElement {
     const options = selector.getOptions();
     const currentIds = selector.currentId || [];
@@ -70,7 +70,7 @@ export function CheckboxSelection({
                     </div>
                 );
             })}
-            {options.length === 0 && <Placeholder emptyOptionText={emptyOptionText} />}
+            {options.length === 0 && <Placeholder noOptionsText={noOptionsText} />}
         </div>
     );
 }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/Placeholder.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/Placeholder.tsx
@@ -1,9 +1,9 @@
 import { ReactElement, createElement } from "react";
 
-export function Placeholder({ emptyOptionText }: { emptyOptionText: string }): ReactElement {
+export function Placeholder({ noOptionsText }: { noOptionsText: string }): ReactElement {
     return (
         <div className="form-control widget-checkbox-radio-selection-placeholder">
-            <div className="widget-checkbox-radio-selection-placeholder-content">{emptyOptionText}</div>
+            <div className="widget-checkbox-radio-selection-placeholder-content">{noOptionsText}</div>
         </div>
     );
 }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx
@@ -12,7 +12,7 @@ export function RadioSelection({
     ariaRequired,
     readOnlyStyle,
     groupName,
-    emptyOptionText
+    noOptionsText
 }: SelectionBaseProps<SingleSelector>): ReactElement {
     const asSingleCheckbox = selector.controlType === "checkbox";
 
@@ -88,7 +88,7 @@ export function RadioSelection({
                     </div>
                 );
             })}
-            {options.length === 0 && <Placeholder emptyOptionText={emptyOptionText} />}
+            {options.length === 0 && <Placeholder noOptionsText={noOptionsText} />}
         </div>
     );
 }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Association/AssociationSimpleCaptionsProvider.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Association/AssociationSimpleCaptionsProvider.tsx
@@ -4,7 +4,7 @@ import { OptionsSourceCustomContentTypeEnum } from "../../../typings/CheckboxRad
 import { CaptionsProvider } from "../types";
 
 interface AssociationSimpleCaptionsProviderProps {
-    emptyOptionText?: DynamicValue<string>;
+    noOptionsText?: DynamicValue<string>;
     formattingAttributeOrExpression?: ListAttributeValue<string> | ListExpressionValue<string>;
     customContent?: ListWidgetValue;
     customContentType: OptionsSourceCustomContentTypeEnum;
@@ -22,10 +22,10 @@ export class AssociationSimpleCaptionsProvider implements CaptionsProvider {
     }
 
     updateProps(props: AssociationSimpleCaptionsProviderProps): void {
-        if (!props.emptyOptionText || props.emptyOptionText.status === "unavailable") {
+        if (!props.noOptionsText || props.noOptionsText.status === "unavailable") {
             this.emptyCaption = "";
         } else {
-            this.emptyCaption = props.emptyOptionText.value!;
+            this.emptyCaption = props.noOptionsText.value!;
         }
         this.formatter = props.formattingAttributeOrExpression;
         this.customContent = props.customContent;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Association/BaseAssociationSelector.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Association/BaseAssociationSelector.ts
@@ -28,12 +28,12 @@ export class BaseAssociationSelector<T extends string | string[], R extends Refe
     }
 
     updateProps(props: CheckboxRadioSelectionContainerProps): void {
-        const [attr, ds, captionProvider, emptyOption, clearable, onChangeEvent, customContent, customContentType] =
+        const [attr, ds, captionProvider, noOptions, clearable, onChangeEvent, customContent, customContentType] =
             extractAssociationProps(props);
 
         this._attr = attr as R;
         this.caption.updateProps({
-            emptyOptionText: emptyOption,
+            noOptionsText: noOptions,
             formattingAttributeOrExpression: captionProvider,
             customContent,
             customContentType
@@ -49,8 +49,8 @@ export class BaseAssociationSelector<T extends string | string[], R extends Refe
             !ds ||
             ds.status === "unavailable" ||
             !captionProvider ||
-            !emptyOption ||
-            emptyOption.status === "unavailable"
+            !noOptions ||
+            noOptions.status === "unavailable"
         ) {
             this.status = "unavailable";
             this.currentId = null;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Association/utils.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Association/utils.ts
@@ -36,7 +36,7 @@ export function extractAssociationProps(
             : props.optionsSourceAssociationCaptionExpression!;
 
     // For simplicity, we'll create a basic empty option
-    const emptyOption: DynamicValue<string> = {
+    const noOptions: DynamicValue<string> = {
         status: ValueStatus.Available,
         value: ""
     };
@@ -48,5 +48,5 @@ export function extractAssociationProps(
     const customContent = props.optionsSourceAssociationCustomContent;
     const customContentType = props.optionsSourceCustomContentType;
 
-    return [attr, ds, captionProvider, emptyOption, clearable, onChangeEvent, customContent, customContentType];
+    return [attr, ds, captionProvider, noOptions, clearable, onChangeEvent, customContent, customContentType];
 }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/DatabaseCaptionsProvider.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/DatabaseCaptionsProvider.tsx
@@ -5,7 +5,7 @@ import { OptionsSourceCustomContentTypeEnum } from "../../../typings/CheckboxRad
 import { CaptionsProvider } from "../types";
 
 interface DatabaseCaptionsProviderProps {
-    emptyOptionText?: DynamicValue<string>;
+    noOptionsText?: DynamicValue<string>;
     formattingAttributeOrExpression?: ListAttributeValue<string> | ListExpressionValue<string>;
     customContent?: ListWidgetValue;
     customContentType: OptionsSourceCustomContentTypeEnum;
@@ -25,10 +25,10 @@ export class DatabaseCaptionsProvider implements CaptionsProvider {
     }
 
     updateProps(props: DatabaseCaptionsProviderProps): void {
-        if (!props.emptyOptionText || props.emptyOptionText.status === "unavailable") {
+        if (!props.noOptionsText || props.noOptionsText.status === "unavailable") {
             this.emptyCaption = "";
         } else {
-            this.emptyCaption = props.emptyOptionText.value!;
+            this.emptyCaption = props.noOptionsText.value!;
         }
         this.formatter = props.formattingAttributeOrExpression;
         this.customContent = props.customContent;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/DatabaseMultiSelector.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/DatabaseMultiSelector.ts
@@ -42,7 +42,7 @@ export class DatabaseMultiSelector<T extends string | Big, R extends EditableVal
             customContent,
             customContentType,
             ds,
-            emptyOption,
+            noOptions,
             valueSourceAttribute
         } = extractDatabaseProps(props);
 
@@ -54,7 +54,7 @@ export class DatabaseMultiSelector<T extends string | Big, R extends EditableVal
         this.readOnly = getReadonly(targetAttribute, props.customEditability, props.customEditabilityExpression);
 
         this.caption.updateProps({
-            emptyOptionText: emptyOption,
+            noOptionsText: noOptions,
             formattingAttributeOrExpression: captionProvider,
             customContent,
             customContentType,
@@ -70,7 +70,7 @@ export class DatabaseMultiSelector<T extends string | Big, R extends EditableVal
             valueAttribute: valueSourceAttribute
         });
 
-        if (!ds || ds.status === "unavailable" || !emptyOption || emptyOption.status !== "available") {
+        if (!ds || ds.status === "unavailable" || !noOptions || noOptions.status !== "available") {
             this.status = "unavailable";
             this.currentId = null;
             this.clearable = false;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/DatabaseSingleSelector.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/DatabaseSingleSelector.ts
@@ -43,7 +43,7 @@ export class DatabaseSingleSelector<T extends string | Big, R extends EditableVa
             customContent,
             customContentType,
             ds,
-            emptyOption,
+            noOptions,
             valueSourceAttribute
         } = extractDatabaseProps(props);
 
@@ -55,7 +55,7 @@ export class DatabaseSingleSelector<T extends string | Big, R extends EditableVa
         this.readOnly = getReadonly(targetAttribute, props.customEditability, props.customEditabilityExpression);
 
         this.caption.updateProps({
-            emptyOptionText: emptyOption,
+            noOptionsText: noOptions,
             formattingAttributeOrExpression: captionProvider,
             customContent,
             customContentType,
@@ -71,7 +71,7 @@ export class DatabaseSingleSelector<T extends string | Big, R extends EditableVa
             valueAttribute: valueSourceAttribute
         });
 
-        if (!ds || ds.status === "unavailable" || !emptyOption || emptyOption.status !== "available") {
+        if (!ds || ds.status === "unavailable" || !noOptions || noOptions.status !== "available") {
             this.status = "unavailable";
             this.currentId = null;
             this.clearable = false;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/utils.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Database/utils.ts
@@ -21,7 +21,7 @@ export function extractDatabaseProps(props: CheckboxRadioSelectionContainerProps
     customContent: ListWidgetValue | undefined;
     customContentType: OptionsSourceCustomContentTypeEnum;
     ds: ListValue;
-    emptyOption: DynamicValue<string>;
+    noOptions: DynamicValue<string>;
     valueSourceAttribute: ListAttributeValue<string | Big> | undefined;
 } {
     const targetAttribute = props.databaseAttributeString;
@@ -34,7 +34,7 @@ export function extractDatabaseProps(props: CheckboxRadioSelectionContainerProps
             : props.optionsSourceDatabaseCaptionExpression!;
 
     // For simplicity, we'll create a basic empty option
-    const emptyOption: DynamicValue<string> = {
+    const noOptions: DynamicValue<string> = {
         status: ValueStatus.Available,
         value: ""
     };
@@ -53,7 +53,7 @@ export function extractDatabaseProps(props: CheckboxRadioSelectionContainerProps
         customContent,
         customContentType,
         ds,
-        emptyOption,
+        noOptions,
         valueSourceAttribute
     };
 }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/EnumBool/EnumAndBooleanSimpleCaptionsProvider.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/EnumBool/EnumAndBooleanSimpleCaptionsProvider.tsx
@@ -3,7 +3,7 @@ import { ReactNode } from "react";
 import { CaptionsProvider } from "../types";
 
 interface EnumAndBooleanSimpleCaptionsProviderProps {
-    emptyOptionText?: DynamicValue<string>;
+    noOptionsText?: DynamicValue<string>;
     attribute: EditableValue<string | boolean>;
 }
 
@@ -14,10 +14,10 @@ export class EnumAndBooleanSimpleCaptionsProvider implements CaptionsProvider {
 
     updateProps(props: EnumAndBooleanSimpleCaptionsProviderProps): void {
         this.attr = props.attribute;
-        if (!props.emptyOptionText || props.emptyOptionText.status === "unavailable") {
+        if (!props.noOptionsText || props.noOptionsText.status === "unavailable") {
             this.emptyCaption = "";
         } else {
-            this.emptyCaption = props.emptyOptionText.value!;
+            this.emptyCaption = props.noOptionsText.value!;
         }
     }
 
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/EnumBool/EnumBooleanSingleSelector.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/EnumBool/EnumBooleanSingleSelector.ts
@@ -31,20 +31,20 @@ export class EnumBooleanSingleSelector implements SingleSelector {
     }
 
     updateProps(props: CheckboxRadioSelectionContainerProps): void {
-        const [attr, emptyOption, clearable, filterType] = extractEnumerationProps(props);
+        const [attr, noOptions, clearable, filterType] = extractEnumerationProps(props);
         this._attr = attr;
 
         this.caption.updateProps({
             attribute: attr,
-            emptyOptionText: emptyOption
+            noOptionsText: noOptions
         });
 
         this.options._updateProps({
             attribute: attr,
             filterType
         });
 
-        if (!attr || attr.status === "unavailable" || !emptyOption || emptyOption.status === "unavailable") {
+        if (!attr || attr.status === "unavailable" || !noOptions || noOptions.status === "unavailable") {
             this.status = "unavailable";
             this.currentId = null;
             this.clearable = true;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/EnumBool/utils.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/EnumBool/utils.ts
@@ -7,7 +7,7 @@ export function extractEnumerationProps(
     const attribute = props.optionsSourceType === "enumeration" ? props.attributeEnumeration : props.attributeBoolean;
 
     // For simplicity, we'll create a basic empty option
-    const emptyOption: DynamicValue<string> = {
+    const noOptions: DynamicValue<string> = {
         status: ValueStatus.Available,
         value: ""
     };
@@ -18,5 +18,5 @@ export function extractEnumerationProps(
     // No filtering needed for radio buttons/checkboxes
     const filterType = "none" as const;
 
-    return [attribute, emptyOption, clearable, filterType];
+    return [attribute, noOptions, clearable, filterType];
 }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Preview/SimpleCaptionsProvider.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Preview/SimpleCaptionsProvider.tsx
@@ -4,7 +4,7 @@ import { OptionsSourceCustomContentTypeEnum } from "../../../typings/CheckboxRad
 import { CaptionsProvider } from "../types";
 
 interface Props {
-    emptyOptionText?: DynamicValue<string>;
+    noOptionsText?: DynamicValue<string>;
     formattingAttributeOrExpression: ListExpressionValue<string> | ListAttributeValue<string>;
     customContent?: ListWidgetValue | undefined;
     customContentType: OptionsSourceCustomContentTypeEnum;
@@ -23,10 +23,10 @@ export class SimpleCaptionsProvider implements CaptionsProvider {
     ) {}
 
     updateProps(props: Props): void {
-        if (!props.emptyOptionText || props.emptyOptionText.status === "unavailable") {
+        if (!props.noOptionsText || props.noOptionsText.status === "unavailable") {
             this.emptyCaption = "";
         } else {
-            this.emptyCaption = props.emptyOptionText.value!;
+            this.emptyCaption = props.noOptionsText.value!;
         }
 
         this.formatter = props.formattingAttributeOrExpression;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Static/StaticCaptionsProvider.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Static/StaticCaptionsProvider.tsx
@@ -7,7 +7,7 @@ import {
 import { CaptionsProvider } from "../types";
 
 interface StaticCaptionsProviderProps {
-    emptyOptionText?: DynamicValue<string>;
+    noOptionsText?: DynamicValue<string>;
     customContentType: OptionsSourceCustomContentTypeEnum;
     caption?: string;
 }
@@ -23,10 +23,10 @@ export class StaticCaptionsProvider implements CaptionsProvider {
     }
 
     updateProps(props: StaticCaptionsProviderProps): void {
-        if (!props.emptyOptionText || props.emptyOptionText.status === "unavailable") {
+        if (!props.noOptionsText || props.noOptionsText.status === "unavailable") {
             this.emptyCaption = "";
         } else {
-            this.emptyCaption = props.emptyOptionText.value!;
+            this.emptyCaption = props.noOptionsText.value!;
         }
         this.customContentType = props.customContentType;
     }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Static/StaticSingleSelector.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Static/StaticSingleSelector.ts
@@ -35,10 +35,10 @@ export class StaticSingleSelector implements SingleSelector {
     }
 
     updateProps(props: CheckboxRadioSelectionContainerProps): void {
-        const [attr, ds, emptyOption, clearable, onChangeEvent, customContentType] = extractStaticProps(props);
+        const [attr, ds, noOptions, clearable, onChangeEvent, customContentType] = extractStaticProps(props);
         this._attr = attr;
         this.caption.updateProps({
-            emptyOptionText: emptyOption,
+            noOptionsText: noOptions,
             customContentType,
             caption: this._attr.displayValue
         });
@@ -53,8 +53,8 @@ export class StaticSingleSelector implements SingleSelector {
             !ds ||
             ds[0].staticDataSourceValue.status === "unavailable" ||
             ds[0].staticDataSourceCaption.status === "unavailable" ||
-            !emptyOption ||
-            emptyOption.status === "unavailable"
+            !noOptions ||
+            noOptions.status === "unavailable"
         ) {
             this.status = "unavailable";
             this.currentId = null;
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Static/utils.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/Static/utils.ts
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/types.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/src/helpers/types.ts
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/typings/CheckboxRadioSelectionProps.d.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/typings/CheckboxRadioSelectionProps.d.ts
