@norges-domstoler/dds-components 18.0.0 → 18.1.0

package/dist/index.mjs

@@ -10700,12 +10700,17 @@ var useRadioButtonGroup = () => {
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
 import { jsx as jsx281, jsxs as jsxs71 } from "react/jsx-runtime";
-var isValueEqualToGroupValueOrFalsy = (value, group) => {
+var getIsChecked = ({
+  value,
+  group,
+  checked
+}) => {
+  if (checked !== void 0) return checked;
   if (typeof value !== "undefined" && value !== null && group) {
     if (typeof value === "number") {
-      return value === Number(group == null ? void 0 : group.value);
+      return value === Number(group.value);
     }
-    return value === (group == null ? void 0 : group.value);
+    return value === group.value;
   }
   return !!value;
 };
@@ -10739,7 +10744,7 @@ var RadioButton = forwardRef87(
     const radioButtonGroup = useRadioButtonGroup();
     const handleChange = (event) => {
       onChange && onChange(event);
-      radioButtonGroup == null ? void 0 : radioButtonGroup.onChange(event);
+      radioButtonGroup == null ? void 0 : radioButtonGroup.onChange(event, event.target.value);
     };
     const describedByIds = [];
     if (radioButtonGroup == null ? void 0 : radioButtonGroup.errorMessageId)
@@ -10748,6 +10753,7 @@ var RadioButton = forwardRef87(
     const isReadOnly = readOnly || (radioButtonGroup == null ? void 0 : radioButtonGroup.readOnly);
     const isDisabled = disabled || (radioButtonGroup == null ? void 0 : radioButtonGroup.disabled);
     const hasError = error || (radioButtonGroup == null ? void 0 : radioButtonGroup.error);
+    const isChecked = getIsChecked({ value, group: radioButtonGroup, checked });
     return /* @__PURE__ */ jsxs71(
       Label2,
       {
@@ -10768,7 +10774,7 @@ var RadioButton = forwardRef87(
               name: name != null ? name : radioButtonGroup == null ? void 0 : radioButtonGroup.name,
               disabled: isDisabled,
               required: required || !!(radioButtonGroup == null ? void 0 : radioButtonGroup.required),
-              checked: typeof checked !== "undefined" ? checked : isValueEqualToGroupValueOrFalsy(value, radioButtonGroup),
+              checked: isChecked,
               onChange: readOnlyChangeHandler(isReadOnly, handleChange),
               value,
               "aria-describedby": describedByIds.length > 0 ? describedByIds.join(" ") : void 0,
@@ -10819,6 +10825,7 @@ var RadioButtonGroupInner = (props, ref) => {
     readOnly = false,
     direction = "row",
     value,
+    defaultValue,
     children,
     required = false,
     onChange,
@@ -10828,13 +10835,22 @@ var RadioButtonGroupInner = (props, ref) => {
     ...rest
   } = props;
   const { "aria-required": ariaRequired = false } = htmlProps;
-  const [groupValue, setGroupValue] = useState25(value);
+  const [uncontrolledValue, setUncontrolledValue] = useState25(
+    defaultValue
+  );
   const generatedId = useId24();
   const uniqueGroupId = groupId != null ? groupId : `${generatedId}-radioButtonGroup`;
-  const handleChange = combineHandlers(
-    (e) => setGroupValue(e.target.value),
-    (e) => onChange && onChange(e, e.target.value)
-  );
+  const isControlled = value !== void 0;
+  const groupValue = isControlled ? value : uncontrolledValue;
+  const handleChange = (e) => {
+    const newValue = e.target.value;
+    if (!isControlled) {
+      setUncontrolledValue(newValue);
+    }
+    if (onChange) {
+      onChange(e, newValue);
+    }
+  };
   const hasErrorMessage = !!errorMessage;
   const showRequiredMarker = required || ariaRequired;
   const tipId = tip && `${uniqueGroupId}-tip`;
@@ -10842,6 +10858,7 @@ var RadioButtonGroupInner = (props, ref) => {
   const contextProps = {
     name,
     disabled,
+    defaultValue,
     error: hasErrorMessage,
     errorMessageId,
     required,