@simplybusiness/mobius 5.32.4 → 6.0.0

package/dist/esm/index.js

@@ -3532,12 +3532,14 @@ var Radio = forwardRef39(
     } = props;
     const realDisabled = groupDisabled || isDisabled;
     const isMultiline = label && children;
-    const isDefaultSelected = selected === value || defaultChecked;
+    const isControlled = selected !== void 0;
+    const isChecked = isControlled ? selected === value : defaultChecked;
     const hasIconFirst = useMemo3(() => {
       if (!children || Children7.count(children) === 0) return false;
       const firstChild = Children7.toArray(children)[0];
       if (!isValidElement5(firstChild)) return false;
-      return firstChild.props?.icon !== void 0;
+      const props2 = firstChild.props;
+      return "icon" in props2 && props2.icon !== void 0;
     }, [children]);
     const radioClasses = {
       "--is-disabled": realDisabled,
@@ -3566,6 +3568,15 @@ var Radio = forwardRef39(
       "aria-describedby": _ariaDescribedBy,
       ...rest
     } = otherProps;
+    const handleChange = (event) => {
+      if (onChange) {
+        const adaptedEvent = {
+          ...event.nativeEvent,
+          target: event.target
+        };
+        onChange(adaptedEvent);
+      }
+    };
     return /* @__PURE__ */ jsxs24(Fragment4, { children: [
       /* @__PURE__ */ jsxs24(Label, { className: containerClasses, children: [
         /* @__PURE__ */ jsx51(
@@ -3579,7 +3590,7 @@ var Radio = forwardRef39(
             value,
             tabIndex: 0,
             type: "radio",
-            defaultChecked: isDefaultSelected,
+            ...isControlled ? { checked: isChecked, onChange: handleChange } : { defaultChecked: isChecked },
             name,
             required: isRequired,
             ...rest

package/dist/types/src/components/TextField/adornmentWithClassName.d.ts

@@ -1,2 +1,2 @@
 import type { ReactElement } from "react";
-export declare const adornmentWithClassName: (component?: ReactElement, validationClasses?: string, className?: string) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const adornmentWithClassName: (component?: ReactElement, validationClasses?: string, className?: string) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/mobius",
   "license": "UNLICENSED",
-  "version": "5.32.4",
+  "version": "6.0.0",
   "description": "Core library of Mobius react components",
   "repository": {
     "type": "git",
@@ -46,8 +46,8 @@
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.29.0",
     "@react-types/progress": "^3.5.13",
-    "@simplybusiness/eslint-config": "^0.9.3",
-    "@simplybusiness/eslint-plugin": "^0.3.3",
+    "@simplybusiness/eslint-config": "^1.0.0",
+    "@simplybusiness/eslint-plugin": "^1.0.0",
     "@swc/core": "^1.12.5",
     "@swc/jest": "^0.2.38",
     "@testing-library/dom": "^10.4.0",
@@ -58,8 +58,8 @@
     "@types/jest": "^30.0.0",
     "@types/lodash.debounce": "^4.0.9",
     "@types/node": "^20.19.1",
-    "@types/react": "^18.3.23",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.1.11",
+    "@types/react-dom": "^19.1.8",
     "@typescript-eslint/eslint-plugin": "^8.35.0",
     "@typescript-eslint/parser": "^8.35.0",
     "build-scripts": "^1.0.1",
@@ -71,15 +71,15 @@
     "jest-config": "^30.0.3",
     "jest-environment-jsdom": "^30.0.2",
     "prettier": "^3.6.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "ts-jest": "^29.4.0",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.12",

package/src/components/Radio/Radio.tsx

@@ -83,7 +83,8 @@ const Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(
     } = props;
     const realDisabled = groupDisabled || isDisabled;
     const isMultiline = label && children;
-    const isDefaultSelected = selected === value || defaultChecked;
+    const isControlled = selected !== undefined;
+    const isChecked = isControlled ? selected === value : defaultChecked;
 
     const hasIconFirst = useMemo(() => {
       if (!children || Children.count(children) === 0) return false;
@@ -91,7 +92,8 @@ const Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(
       const firstChild = Children.toArray(children)[0];
       if (!isValidElement(firstChild)) return false;
 
-      return firstChild.props?.icon !== undefined;
+      const props = firstChild.props as Record<string, unknown>;
+      return "icon" in props && props.icon !== undefined;
     }, [children]);
 
     const radioClasses = {
@@ -126,6 +128,18 @@ const Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(
       ...rest
     } = otherProps;
 
+    // Adapter function to convert React's ChangeEvent to our HTMLElementEvent
+    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+      if (onChange) {
+        // Create an HTMLElementEvent-compatible object
+        const adaptedEvent: HTMLElementEvent<HTMLInputElement> = {
+          ...event.nativeEvent,
+          target: event.target,
+        };
+        onChange(adaptedEvent);
+      }
+    };
+
     return (
       <>
         <Label className={containerClasses}>
@@ -138,7 +152,9 @@ const Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(
             value={value}
             tabIndex={0}
             type="radio"
-            defaultChecked={isDefaultSelected}
+            {...(isControlled
+              ? { checked: isChecked, onChange: handleChange }
+              : { defaultChecked: isChecked })}
             name={name}
             required={isRequired}
             {...rest}