@tamagui/radio-headless 2.0.0-rc.8 → 2.0.0

package/dist/esm/useRadioGroup.mjs

@@ -1,5 +1,6 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { isWeb } from "@tamagui/constants";
+import { registerFocusable } from "@tamagui/focusable";
 import { composeEventHandlers } from "@tamagui/helpers";
 import { useLabelContext } from "@tamagui/label";
 import { useControllableState } from "@tamagui/use-controllable-state";
@@ -9,22 +10,22 @@ import { getState } from "./utils.mjs";
 import { jsx } from "react/jsx-runtime";
 function useRadioGroup(params) {
   const {
-      value: valueProp,
-      onValueChange,
-      defaultValue,
-      required,
-      disabled,
-      name,
-      native,
-      accentColor,
-      orientation,
-      ref
-    } = params,
-    [value, setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue,
-      onChange: onValueChange
-    });
+    value: valueProp,
+    onValueChange,
+    defaultValue,
+    required,
+    disabled,
+    name,
+    native,
+    accentColor,
+    orientation,
+    ref
+  } = params;
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
   return {
     providerValue: {
       value,
@@ -42,118 +43,127 @@ function useRadioGroup(params) {
     },
     rovingFocusGroupAttrs: {
       orientation,
-      loop: !0
+      loop: true
     }
   };
 }
-const ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"],
-  useRadioGroupItem = params => {
-    const {
-        radioGroupContext,
-        value,
-        labelledBy: ariaLabelledby,
-        disabled: itemDisabled,
-        ref: refProp,
-        id,
-        onPress,
-        onKeyDown,
-        onFocus
-      } = params,
-      {
-        value: groupValue,
-        disabled,
-        required,
-        onChange,
-        name,
-        native,
-        accentColor
-      } = useContext(radioGroupContext),
-      [button, setButton] = useState(null),
-      hasConsumerStoppedPropagationRef = useRef(!1),
-      ref = useRef(null),
-      composedRefs = useComposedRefs(refProp, node => setButton(node), ref),
-      isArrowKeyPressedRef = useRef(!1),
-      isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
-      checked = groupValue === value,
-      labelId = useLabelContext(button),
-      labelledBy = ariaLabelledby || labelId;
-    useEffect(() => {
-      if (isWeb) {
-        const handleKeyDown = event => {
-            ARROW_KEYS.includes(event.key) && (isArrowKeyPressedRef.current = !0);
-          },
-          handleKeyUp = () => {
-            isArrowKeyPressedRef.current = !1;
-          };
-        return document.addEventListener("keydown", handleKeyDown), document.addEventListener("keyup", handleKeyUp), () => {
-          document.removeEventListener("keydown", handleKeyDown), document.removeEventListener("keyup", handleKeyUp);
-        };
-      }
-    }, []);
-    const isDisabled = disabled || itemDisabled;
-    return {
-      providerValue: {
-        checked
-      },
+const ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+const useRadioGroupItem = params => {
+  const {
+    radioGroupContext,
+    value,
+    labelledBy: ariaLabelledby,
+    disabled: itemDisabled,
+    ref: refProp,
+    id,
+    onPress,
+    onKeyDown,
+    onFocus
+  } = params;
+  const {
+    value: groupValue,
+    disabled,
+    required,
+    onChange,
+    name,
+    native,
+    accentColor
+  } = useContext(radioGroupContext);
+  const [button, setButton] = useState(null);
+  const hasConsumerStoppedPropagationRef = useRef(false);
+  const ref = useRef(null);
+  const composedRefs = useComposedRefs(refProp, node => setButton(node), ref);
+  const isArrowKeyPressedRef = useRef(false);
+  const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
+  const checked = groupValue === value;
+  const labelId = useLabelContext(button);
+  const labelledBy = ariaLabelledby || labelId;
+  useEffect(() => {
+    if (isWeb) {
+      const handleKeyDown = event => {
+        if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
+      };
+      const handleKeyUp = () => {
+        isArrowKeyPressedRef.current = false;
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      document.addEventListener("keyup", handleKeyUp);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("keyup", handleKeyUp);
+      };
+    }
+  }, []);
+  const isDisabled = disabled || itemDisabled;
+  return {
+    providerValue: {
+      checked
+    },
+    checked,
+    isFormControl,
+    bubbleInput: /* @__PURE__ */jsx(BubbleInput, {
+      isHidden: !native,
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
       checked,
-      isFormControl,
-      bubbleInput: /* @__PURE__ */jsx(BubbleInput, {
-        isHidden: !native,
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name,
-        value,
-        checked,
-        required,
-        disabled: isDisabled,
-        ...(isWeb && native && {
-          accentColor,
-          id
-        })
+      required,
+      disabled: isDisabled,
+      ...(isWeb && native && {
+        accentColor,
+        id
+      })
+    }),
+    native,
+    frameAttrs: {
+      "data-state": getState(checked),
+      "data-disabled": isDisabled ? "" : void 0,
+      role: "radio",
+      "aria-labelledby": labelledBy,
+      "aria-checked": checked,
+      "aria-required": required,
+      disabled: isDisabled,
+      ref: composedRefs,
+      ...(isWeb && {
+        type: "button",
+        value
       }),
-      native,
-      frameAttrs: {
-        "data-state": getState(checked),
-        "data-disabled": isDisabled ? "" : void 0,
-        role: "radio",
-        "aria-labelledby": labelledBy,
-        "aria-checked": checked,
-        "aria-required": required,
-        disabled: isDisabled,
-        ref: composedRefs,
-        ...(isWeb && {
-          type: "button",
-          value
-        }),
-        id,
-        onPress: composeEventHandlers(onPress, event => {
-          checked || onChange?.(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      id,
+      onPress: composeEventHandlers(onPress, event => {
+        if (!checked) onChange?.(value);
+        if (isFormControl) {
+          hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+          if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+        }
+      }),
+      ...(isWeb && {
+        onKeyDown: composeEventHandlers(onKeyDown, event => {
+          if (event.key === "Enter" || event.key === " ") {
+            if (!checked) onChange?.(value);
+          }
         }),
-        ...(isWeb && {
-          onKeyDown: composeEventHandlers(onKeyDown, event => {
-            (event.key === "Enter" || event.key === " ") && (checked || onChange?.(value));
-          }),
-          onFocus: composeEventHandlers(onFocus, () => {
-            isArrowKeyPressedRef.current && ref.current?.click();
-          })
+        onFocus: composeEventHandlers(onFocus, () => {
+          if (isArrowKeyPressedRef.current) ref.current?.click();
         })
-      },
-      rovingFocusGroupAttrs: {
-        asChild: "except-style",
-        focusable: !isDisabled,
-        active: checked
-      }
-    };
+      })
+    },
+    rovingFocusGroupAttrs: {
+      asChild: "except-style",
+      focusable: !isDisabled,
+      active: checked
+    }
   };
+};
 function useRadioGroupItemIndicator(params) {
   const {
-      radioGroupItemContext,
-      disabled,
-      ...rest
-    } = params,
-    {
-      checked
-    } = useContext(radioGroupItemContext);
+    radioGroupItemContext,
+    disabled,
+    ...rest
+  } = params;
+  const {
+    checked
+  } = useContext(radioGroupItemContext);
   return {
     checked,
     "data-state": getState(checked),

package/dist/esm/useRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","isWeb","composeEventHandlers","useLabelContext","useControllableState","useContext","useEffect","useRef","useState","BubbleInput","getState","jsx","useRadioGroup","params","value","valueProp","onValueChange","defaultValue","required","disabled","name","native","accentColor","orientation","ref","setValue","prop","defaultProp","onChange","providerValue","frameAttrs","role","rovingFocusGroupAttrs","loop","ARROW_KEYS","useRadioGroupItem","radioGroupContext","labelledBy","ariaLabelledby","itemDisabled","refProp","id","onPress","onKeyDown","onFocus","groupValue","button","setButton","hasConsumerStoppedPropagationRef","composedRefs","node","isArrowKeyPressedRef","isFormControl","closest","checked","labelId","handleKeyDown","event","includes","key","current","handleKeyUp","document","addEventListener","removeEventListener","isDisabled","bubbleInput","isHidden","control","bubbles","type","isPropagationStopped","stopPropagation","click","asChild","focusable","active","useRadioGroupItemIndicator","radioGroupItemContext","rest"],"sources":["../../src/useRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useComposedRefs","isWeb","registerFocusable","composeEventHandlers","useLabelContext","useControllableState","useContext","useEffect","useRef","useState","BubbleInput","getState","jsx","useRadioGroup","params","value","valueProp","onValueChange","defaultValue","required","disabled","name","native","accentColor","orientation","ref","setValue","prop","defaultProp","onChange","providerValue","frameAttrs","role","rovingFocusGroupAttrs","loop","ARROW_KEYS","useRadioGroupItem","radioGroupContext","labelledBy","ariaLabelledby","itemDisabled","refProp","id","onPress","onKeyDown","onFocus","groupValue","button","setButton","hasConsumerStoppedPropagationRef","composedRefs","node","isArrowKeyPressedRef","isFormControl","Boolean","closest","checked","labelId","handleKeyDown","event","includes","key","current","handleKeyUp","document","addEventListener","removeEventListener","isDisabled","bubbleInput","isHidden","control","bubbles","type","isPropagationStopped","stopPropagation","click","asChild","focusable","active","useRadioGroupItemIndicator","radioGroupItemContext","rest"],"sources":["../../src/useRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/useRadioGroup.native.js

@@ -10,22 +10,22 @@ import { BubbleInput } from "./BubbleInput.native.js";
 import { getState } from "./utils.native.js";
 function useRadioGroup(params) {
   var {
-      value: valueProp,
-      onValueChange,
-      defaultValue,
-      required,
-      disabled,
-      name,
-      native,
-      accentColor,
-      orientation,
-      ref
-    } = params,
-    [value, setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue,
-      onChange: onValueChange
-    });
+    value: valueProp,
+    onValueChange,
+    defaultValue,
+    required,
+    disabled,
+    name,
+    native,
+    accentColor,
+    orientation,
+    ref
+  } = params;
+  var [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
   return {
     providerValue: {
       value,
@@ -43,130 +43,142 @@ function useRadioGroup(params) {
     },
     rovingFocusGroupAttrs: {
       orientation,
-      loop: !0
+      loop: true
     }
   };
 }
-var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"],
-  useRadioGroupItem = function (params) {
-    var {
-        radioGroupContext,
-        value,
-        labelledBy: ariaLabelledby,
-        disabled: itemDisabled,
-        ref: refProp,
-        id,
-        onPress,
-        onKeyDown,
-        onFocus
-      } = params,
-      {
-        value: groupValue,
-        disabled,
-        required,
-        onChange,
-        name,
-        native,
-        accentColor
-      } = useContext(radioGroupContext),
-      [button, setButton] = useState(null),
-      hasConsumerStoppedPropagationRef = useRef(!1),
-      ref = useRef(null),
-      composedRefs = useComposedRefs(refProp, function (node) {
-        return setButton(node);
-      }, ref),
-      isArrowKeyPressedRef = useRef(!1),
-      isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
-      checked = groupValue === value,
-      labelId = useLabelContext(button),
-      labelledBy = ariaLabelledby || labelId;
-    useEffect(function () {
-      if (isWeb) {
-        var handleKeyDown = function (event) {
-            ARROW_KEYS.includes(event.key) && (isArrowKeyPressedRef.current = !0);
-          },
-          handleKeyUp = function () {
-            isArrowKeyPressedRef.current = !1;
-          };
-        return document.addEventListener("keydown", handleKeyDown), document.addEventListener("keyup", handleKeyUp), function () {
-          document.removeEventListener("keydown", handleKeyDown), document.removeEventListener("keyup", handleKeyUp);
-        };
-      }
-    }, []), useEffect(function () {
-      if (id && !disabled) return registerFocusable(id, {
-        focusAndSelect: function () {
-          onChange?.(value);
-        },
-        focus: function () {}
-      });
-    }, [id, value, disabled]);
-    var isDisabled = disabled || itemDisabled;
-    return {
-      providerValue: {
-        checked
+var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+var useRadioGroupItem = function (params) {
+  var {
+    radioGroupContext,
+    value,
+    labelledBy: ariaLabelledby,
+    disabled: itemDisabled,
+    ref: refProp,
+    id,
+    onPress,
+    onKeyDown,
+    onFocus
+  } = params;
+  var {
+    value: groupValue,
+    disabled,
+    required,
+    onChange,
+    name,
+    native,
+    accentColor
+  } = useContext(radioGroupContext);
+  var [button, setButton] = useState(null);
+  var hasConsumerStoppedPropagationRef = useRef(false);
+  var ref = useRef(null);
+  var composedRefs = useComposedRefs(refProp, function (node) {
+    return setButton(node);
+  }, ref);
+  var isArrowKeyPressedRef = useRef(false);
+  var isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
+  var checked = groupValue === value;
+  var labelId = useLabelContext(button);
+  var labelledBy = ariaLabelledby || labelId;
+  useEffect(function () {
+    if (isWeb) {
+      var handleKeyDown = function (event) {
+        if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
+      };
+      var handleKeyUp = function () {
+        isArrowKeyPressedRef.current = false;
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      document.addEventListener("keyup", handleKeyUp);
+      return function () {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("keyup", handleKeyUp);
+      };
+    }
+  }, []);
+  useEffect(function () {
+    if (!id) return;
+    if (disabled) return;
+    return registerFocusable(id, {
+      focusAndSelect: function () {
+        onChange === null || onChange === void 0 || onChange(value);
       },
+      focus: function () {}
+    });
+  }, [id, value, disabled]);
+  var isDisabled = disabled || itemDisabled;
+  return {
+    providerValue: {
+      checked
+    },
+    checked,
+    isFormControl,
+    bubbleInput: /* @__PURE__ */_jsx(BubbleInput, {
+      isHidden: !native,
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
       checked,
-      isFormControl,
-      bubbleInput: /* @__PURE__ */_jsx(BubbleInput, {
-        isHidden: !native,
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name,
-        value,
-        checked,
-        required,
-        disabled: isDisabled,
-        ...(isWeb && native && {
-          accentColor,
-          id
-        })
+      required,
+      disabled: isDisabled,
+      ...(isWeb && native && {
+        accentColor,
+        id
+      })
+    }),
+    native,
+    frameAttrs: {
+      "data-state": getState(checked),
+      "data-disabled": isDisabled ? "" : void 0,
+      role: "radio",
+      "aria-labelledby": labelledBy,
+      "aria-checked": checked,
+      "aria-required": required,
+      disabled: isDisabled,
+      ref: composedRefs,
+      ...(isWeb && {
+        type: "button",
+        value
       }),
-      native,
-      frameAttrs: {
-        "data-state": getState(checked),
-        "data-disabled": isDisabled ? "" : void 0,
-        role: "radio",
-        "aria-labelledby": labelledBy,
-        "aria-checked": checked,
-        "aria-required": required,
-        disabled: isDisabled,
-        ref: composedRefs,
-        ...(isWeb && {
-          type: "button",
-          value
-        }),
-        id,
-        onPress: composeEventHandlers(onPress, function (event) {
-          checked || onChange?.(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      id,
+      onPress: composeEventHandlers(onPress, function (event) {
+        if (!checked) onChange === null || onChange === void 0 || onChange(value);
+        if (isFormControl) {
+          hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+          if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+        }
+      }),
+      ...(isWeb && {
+        onKeyDown: composeEventHandlers(onKeyDown, function (event) {
+          if (event.key === "Enter" || event.key === " ") {
+            if (!checked) onChange === null || onChange === void 0 || onChange(value);
+          }
         }),
-        ...(isWeb && {
-          onKeyDown: composeEventHandlers(onKeyDown, function (event) {
-            (event.key === "Enter" || event.key === " ") && (checked || onChange?.(value));
-          }),
-          onFocus: composeEventHandlers(onFocus, function () {
-            if (isArrowKeyPressedRef.current) {
-              var _ref_current;
-              (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
-            }
-          })
+        onFocus: composeEventHandlers(onFocus, function () {
+          if (isArrowKeyPressedRef.current) {
+            var _ref_current;
+            (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
+          }
         })
-      },
-      rovingFocusGroupAttrs: {
-        asChild: "except-style",
-        focusable: !isDisabled,
-        active: checked
-      }
-    };
+      })
+    },
+    rovingFocusGroupAttrs: {
+      asChild: "except-style",
+      focusable: !isDisabled,
+      active: checked
+    }
   };
+};
 function useRadioGroupItemIndicator(params) {
   var {
-      radioGroupItemContext,
-      disabled,
-      ...rest
-    } = params,
-    {
-      checked
-    } = useContext(radioGroupItemContext);
+    radioGroupItemContext,
+    disabled,
+    ...rest
+  } = params;
+  var {
+    checked
+  } = useContext(radioGroupItemContext);
   return {
     checked,
     "data-state": getState(checked),