value: string | number

mui · Aug 7, 2024 · 57261f4 · 57261f4
1 parent 87e9b02
commit 57261f4
Show file tree

Hide file tree

Showing 9 changed files with 20 additions and 17 deletions.
diff --git a/docs/pages/base-ui/api/radio-group-item.json b/docs/pages/base-ui/api/radio-group-item.json
@@ -1,6 +1,9 @@
 {
   "props": {
-    "value": { "type": { "name": "any" }, "required": true },
+    "value": {
+      "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" },
+      "required": true
+    },
     "className": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;string" } },
     "disabled": { "type": { "name": "bool" }, "default": "false" },
     "readOnly": { "type": { "name": "bool" }, "default": "false" },

diff --git a/docs/pages/base-ui/api/radio-group-root.json b/docs/pages/base-ui/api/radio-group-root.json
@@ -1,14 +1,14 @@
 {
   "props": {
     "className": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;string" } },
-    "defaultValue": { "type": { "name": "any" } },
+    "defaultValue": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
     "disabled": { "type": { "name": "bool" }, "default": "false" },
     "name": { "type": { "name": "string" } },
     "onValueChange": { "type": { "name": "func" } },
     "readOnly": { "type": { "name": "bool" }, "default": "false" },
     "render": { "type": { "name": "union", "description": "element<br>&#124;&nbsp;func" } },
     "required": { "type": { "name": "bool" }, "default": "false" },
-    "value": { "type": { "name": "any" } }
+    "value": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } }
   },
   "name": "RadioGroupRoot",
   "imports": [

diff --git a/packages/mui-base/src/RadioGroup/Item/RadioGroupItem.tsx b/packages/mui-base/src/RadioGroup/Item/RadioGroupItem.tsx
@@ -119,7 +119,7 @@ RadioGroupItem.propTypes /* remove-proptypes */ = {
   /**
    * The unique identifying value of the radio button in the group.
    */
-  value: PropTypes.any.isRequired,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
 } as any;
 
 export { RadioGroupItem };
diff --git a/packages/mui-base/src/RadioGroup/Item/RadioGroupItem.types.ts b/packages/mui-base/src/RadioGroup/Item/RadioGroupItem.types.ts
@@ -10,7 +10,7 @@ export interface RadioGroupItemProps
   /**
    * The unique identifying value of the radio button in the group.
    */
-  value: unknown;
+  value: string | number;
   /**
    * Determines if the item is disabled.
    * @default false

diff --git a/packages/mui-base/src/RadioGroup/Item/useRadioGroupItem.ts b/packages/mui-base/src/RadioGroup/Item/useRadioGroupItem.ts
@@ -5,7 +5,7 @@ import { visuallyHidden } from '../../utils/visuallyHidden';
 import { useRadioGroupRootContext } from '../Root/RadioGroupRootContext';
 
 interface UseRadioGroupItemParameters {
-  value: unknown;
+  value: string | number;
   disabled?: boolean;
   readOnly?: boolean;
   required?: boolean;

diff --git a/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.tsx b/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.tsx
@@ -86,7 +86,7 @@ RadioGroupRoot.propTypes /* remove-proptypes */ = {
   /**
    * The default value of the selected radio button. Use when uncontrolled.
    */
-  defaultValue: PropTypes.any,
+  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * Determines if the radio group is disabled.
    * @default false
@@ -117,7 +117,7 @@ RadioGroupRoot.propTypes /* remove-proptypes */ = {
   /**
    * The value of the selected radio button. Use when controlled.
    */
-  value: PropTypes.any,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 } as any;
 
 export { RadioGroupRoot };
diff --git a/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.types.ts b/packages/mui-base/src/RadioGroup/Root/RadioGroupRoot.types.ts
@@ -29,13 +29,13 @@ export interface RadioGroupRootProps
   /**
    * The value of the selected radio button. Use when controlled.
    */
-  value?: unknown;
+  value?: string | number;
   /**
    * The default value of the selected radio button. Use when uncontrolled.
    */
-  defaultValue?: unknown;
+  defaultValue?: string | number;
   /**
    * Callback fired when the value changes.
    */
-  onValueChange?: (value: unknown, event: React.ChangeEvent<HTMLInputElement>) => void;
+  onValueChange?: (value: string | number, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
diff --git a/packages/mui-base/src/RadioGroup/Root/RadioGroupRootContext.ts b/packages/mui-base/src/RadioGroup/Root/RadioGroupRootContext.ts
@@ -5,9 +5,9 @@ export interface RadioGroupRootContextValue {
   disabled: boolean | undefined;
   readOnly: boolean | undefined;
   required: boolean | undefined;
-  checkedItem: unknown;
-  setCheckedItem: React.Dispatch<React.SetStateAction<unknown>>;
-  onValueChange: (value: unknown, event: React.ChangeEvent<HTMLInputElement>) => void;
+  checkedItem: string | number;
+  setCheckedItem: React.Dispatch<React.SetStateAction<string | number>>;
+  onValueChange: (value: string | number, event: React.ChangeEvent<HTMLInputElement>) => void;
   touched: boolean;
   setTouched: React.Dispatch<React.SetStateAction<boolean>>;
 }

diff --git a/packages/mui-base/src/RadioGroup/Root/useRadioGroupRoot.ts b/packages/mui-base/src/RadioGroup/Root/useRadioGroupRoot.ts
@@ -5,8 +5,8 @@ import { useControlled } from '../../utils/useControlled';
 interface UseRadioGroupRootParameters {
   disabled?: boolean;
   readOnly?: boolean;
-  defaultValue?: string;
-  value?: string;
+  defaultValue?: string | number;
+  value?: string | number;
 }
 /**
  *
@@ -17,7 +17,7 @@ interface UseRadioGroupRootParameters {
 export function useRadioGroupRoot(params: UseRadioGroupRootParameters) {
   const { disabled, defaultValue, readOnly, value: externalValue } = params;
 
-  const [checkedItem, setCheckedItem] = useControlled<unknown>({
+  const [checkedItem, setCheckedItem] = useControlled<string | number>({
     controlled: externalValue,
     default: defaultValue,
     name: 'RadioGroup',