chore: rename selection controls to checkbox radio selection

Author: gjulivan

packages/pluggableWidgets/selection-controls-web/.prettierrc.js renamed to packages/pluggableWidgets/checkbox-radio-selection-web/.prettierrc.js

@@ -10,7 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Added
 
-- Initial release of Selection Controls widget
+- Initial release of Checkbox Radio Selection widget
 - Support for radio button lists (single selection)
 - Support for checkbox lists (multiple selection)
 - Context data source support (associations)

packages/pluggableWidgets/selection-controls-web/CHANGELOG.md renamed to packages/pluggableWidgets/checkbox-radio-selection-web/CHANGELOG.md

@@ -1,4 +1,4 @@
-# Selection Controls
+# Checkbox Radio Selection
 
 A widget for displaying radio button lists (single selection) and checkbox lists (multiple selection) based on different data sources.
 
@@ -20,7 +20,7 @@ The widget supports various data source types:
 
 ## Usage
 
-1. Add the Selection Controls widget to your page
+1. Add the Checkbox Radio Selection widget to your page
 2. Configure the data source (Context, Database, or Static)
 3. Set up caption and value attributes
 4. Configure selection method (single or multiple)

packages/pluggableWidgets/selection-controls-web/README.md renamed to packages/pluggableWidgets/checkbox-radio-selection-web/README.md

@@ -1,6 +1,6 @@
 {
-    "name": "@mendix/selection-controls-web",
-    "widgetName": "SelectionControls",
+    "name": "@mendix/checkbox-radio-selection-web",
+    "widgetName": "CheckboxRadioSelection",
     "version": "1.0.0",
     "description": "Configurable radio buttons and check box widget",
     "copyright": "© Mendix Technology BV 2025. All rights reserved.",
@@ -14,20 +14,20 @@
         "mendixHost": "http://localhost:8080"
     },
     "mxpackage": {
-        "name": "SelectionControls",
+        "name": "CheckboxRadioSelection",
         "type": "widget",
-        "mpkName": "com.mendix.widget.web.SelectionControls.mpk"
+        "mpkName": "com.mendix.widget.web.CheckboxRadioSelection.mpk"
     },
     "packagePath": "com.mendix.widget.web",
     "marketplace": {
         "minimumMXVersion": "10.7.0",
         "appNumber": 219304,
-        "appName": "Selection Controls",
+        "appName": "Checkbox Radio Selection",
         "reactReady": true
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "selection-controls-web"
+        "branchName": "checkbox-radio-selection-web"
     },
     "scripts": {
         "prebuild": "rui-create-translation",

packages/pluggableWidgets/selection-controls-web/e2e/SelectionControls.spec.js renamed to packages/pluggableWidgets/checkbox-radio-selection-web/e2e/SelectionControls.spec.js

@@ -9,12 +9,12 @@ import {
     text,
     svgImage
 } from "@mendix/widget-plugin-platform/preview/structure-preview-api";
-import { SelectionControlsPreviewProps } from "../typings/SelectionControlsProps";
+import { CheckboxRadioSelectionPreviewProps } from "../typings/CheckboxRadioSelectionProps";
 import { getCustomCaption } from "./helpers/utils";
 import IconRadioButtonSVG from "./assets/radiobutton.svg";
 import IconCheckboxSVG from "./assets/checkbox.svg";
 
-const DATABASE_SOURCE_CONFIG: Array<keyof SelectionControlsPreviewProps> = [
+const DATABASE_SOURCE_CONFIG: Array<keyof CheckboxRadioSelectionPreviewProps> = [
     "optionsSourceDatabaseCaptionAttribute",
     "optionsSourceDatabaseCaptionExpression",
     "optionsSourceDatabaseCaptionType",
@@ -26,7 +26,7 @@ const DATABASE_SOURCE_CONFIG: Array<keyof SelectionControlsPreviewProps> = [
     "onChangeDatabaseEvent"
 ];
 
-const ASSOCIATION_SOURCE_CONFIG: Array<keyof SelectionControlsPreviewProps> = [
+const ASSOCIATION_SOURCE_CONFIG: Array<keyof CheckboxRadioSelectionPreviewProps> = [
     "optionsSourceAssociationCaptionAttribute",
     "optionsSourceAssociationCaptionExpression",
     "optionsSourceAssociationCaptionType",
@@ -36,7 +36,7 @@ const ASSOCIATION_SOURCE_CONFIG: Array<keyof SelectionControlsPreviewProps> = [
 ];
 
 export function getProperties(
-    values: SelectionControlsPreviewProps & { Editability?: unknown },
+    values: CheckboxRadioSelectionPreviewProps & { Editability?: unknown },
     defaultProperties: Properties
 ): Properties {
     // Basic property hiding logic - can be expanded later
@@ -144,24 +144,24 @@ function getIconPreview(isMultiSelect: boolean): ContainerProps {
     );
 }
 
-export function getPreview(values: SelectionControlsPreviewProps, isDarkMode: boolean): StructurePreviewProps {
+export function getPreview(values: CheckboxRadioSelectionPreviewProps, isDarkMode: boolean): StructurePreviewProps {
     const palette = structurePreviewPalette[isDarkMode ? "dark" : "light"];
     const structurePreviewChildren: StructurePreviewProps[] = [];
-    let readOnly = values.readOnly;
+    // let readOnly = values.readOnly;
 
     // Handle custom content dropzones when enabled
     if (values.optionsSourceCustomContentType !== "no") {
         if (values.source === "context" && values.optionsSourceType === "association") {
             structurePreviewChildren.push(
                 dropzone(
-                    dropzone.placeholder("Configure the selection controls: Place widgets here"),
+                    dropzone.placeholder("Configure the checkbox radio selection: Place widgets here"),
                     dropzone.hideDataSourceHeaderIf(false)
                 )(values.optionsSourceAssociationCustomContent)
             );
         } else if (values.source === "database") {
             structurePreviewChildren.push(
                 dropzone(
-                    dropzone.placeholder("Configure the selection controls: Place widgets here"),
+                    dropzone.placeholder("Configure the checkbox radio selection: Place widgets here"),
                     dropzone.hideDataSourceHeaderIf(false)
                 )(values.optionsSourceDatabaseCustomContent)
             );
@@ -175,7 +175,7 @@ export function getPreview(values: SelectionControlsPreviewProps, isDarkMode: bo
                     })(
                         dropzone(
                             dropzone.placeholder(
-                                `Configure the selection controls: Place widgets for option ${value.staticDataSourceCaption} here`
+                                `Configure the checkbox radio selection: Place widgets for option ${value.staticDataSourceCaption} here`
                             ),
                             dropzone.hideDataSourceHeaderIf(false)
                         )(value.staticDataSourceCustomContent)
@@ -186,9 +186,9 @@ export function getPreview(values: SelectionControlsPreviewProps, isDarkMode: bo
     }
 
     // Handle database-specific read-only logic
-    if (values.source === "database" && values.databaseAttributeString.length === 0) {
-        readOnly = values.customEditability === "never";
-    }
+    // if (values.source === "database" && values.databaseAttributeString.length === 0) {
+    //     readOnly = values.customEditability === "never";
+    // }
 
     // If no custom content dropzones, show default preview
     if (structurePreviewChildren.length === 0) {