@yamada-ui/radio 1.2.16-next-20241126134247 → 1.3.0-dev-20241127021420

package/dist/chunk-QAADRIFZ.mjs

@@ -1,177 +0,0 @@
-"use client"
-import {
-  Radio
-} from "./chunk-PUPRIHYJ.mjs";
-import {
-  RadioGroupProvider
-} from "./chunk-6FMV6NX2.mjs";
-
-// src/radio-group.tsx
-import { useFormControl } from "@yamada-ui/form-control";
-import { Flex } from "@yamada-ui/layouts";
-import { useControllableState } from "@yamada-ui/use-controllable-state";
-import {
-  cx,
-  getValidChildren,
-  isObject,
-  mergeRefs,
-  useCallbackRef
-} from "@yamada-ui/utils";
-import { forwardRef, useCallback, useId, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var isEvent = (value) => value && isObject(value) && isObject(value.target);
-var useRadioGroup = ({
-  id,
-  name,
-  defaultValue,
-  isNative,
-  value: valueProp,
-  onChange: onChangeProp,
-  ...props
-}) => {
-  const uuid = useId();
-  id != null ? id : id = uuid;
-  name != null ? name : name = `radio-${id}`;
-  const onChangeRef = useCallbackRef(onChangeProp);
-  const [value, setValue] = useControllableState({
-    defaultValue,
-    value: valueProp,
-    onChange: onChangeRef
-  });
-  const containerRef = useRef(null);
-  const onFocus = useCallback(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    let query = `input:not(:disabled):checked`;
-    let firstInput = container.querySelector(query);
-    if (firstInput) {
-      firstInput.focus();
-    } else {
-      query = `input:not(:disabled)`;
-      firstInput = container.querySelector(query);
-      firstInput == null ? void 0 : firstInput.focus();
-    }
-  }, []);
-  const onChange = useCallback(
-    (evOrValue) => {
-      const nextValue = isEvent(evOrValue) ? evOrValue.target.value : evOrValue;
-      setValue(nextValue);
-    },
-    [setValue]
-  );
-  const getContainerProps = useCallback(
-    (props2 = {}, ref = null) => ({
-      role: "radiogroup",
-      ...props2,
-      ref: mergeRefs(ref, containerRef)
-    }),
-    []
-  );
-  const getRadioProps = useCallback(
-    (props2 = {}, ref = null) => {
-      const checked = props2.value === value;
-      return {
-        ...props2,
-        ref,
-        name,
-        "aria-checked": checked,
-        [isNative ? "checked" : "isChecked"]: (
-          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-          value != null ? checked : void 0
-        ),
-        onChange
-      };
-    },
-    [name, value, onChange, isNative]
-  );
-  return {
-    id,
-    name,
-    props,
-    setValue,
-    value,
-    getContainerProps,
-    getRadioProps,
-    onChange,
-    onFocus
-  };
-};
-var RadioGroup = forwardRef(
-  ({
-    id: idProp,
-    className,
-    colorScheme,
-    size,
-    variant,
-    children,
-    direction = "column",
-    gap,
-    items = [],
-    ...props
-  }, ref) => {
-    const {
-      isDisabled,
-      isInvalid,
-      isReadOnly,
-      isRequired,
-      labelId,
-      ...computedProps
-    } = useFormControl({
-      id: idProp,
-      ...props
-    });
-    const {
-      id,
-      name,
-      props: rest,
-      value,
-      getContainerProps,
-      onChange
-    } = useRadioGroup(computedProps);
-    const validChildren = getValidChildren(children);
-    let computedChildren = [];
-    if (!validChildren.length && items.length) {
-      computedChildren = items.map(({ label, value: value2, ...props2 }, i) => /* @__PURE__ */ jsx(Radio, { value: value2, ...props2, children: label }, i));
-    }
-    return /* @__PURE__ */ jsx(
-      RadioGroupProvider,
-      {
-        value: {
-          name,
-          colorScheme,
-          size,
-          variant,
-          isDisabled,
-          isInvalid,
-          isReadOnly,
-          isRequired,
-          value,
-          onChange
-        },
-        children: /* @__PURE__ */ jsx(
-          Flex,
-          {
-            ref,
-            className: cx("ui-radio-group", className),
-            gap: gap != null ? gap : direction === "row" ? "1rem" : void 0,
-            ...getContainerProps({
-              id,
-              "aria-labelledby": labelId,
-              ...rest
-            }),
-            direction,
-            children: children != null ? children : computedChildren
-          }
-        )
-      }
-    );
-  }
-);
-RadioGroup.displayName = "RadioGroup";
-RadioGroup.__ui__ = "RadioGroup";
-
-export {
-  useRadioGroup,
-  RadioGroup
-};
-//# sourceMappingURL=chunk-QAADRIFZ.mjs.map

package/dist/chunk-QAADRIFZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["import type { ComponentArgs, PropGetter, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport type { Dict } from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ForwardedRef,\n  ReactElement,\n  RefAttributes,\n} from \"react\"\nimport type { RadioProps } from \"./radio\"\nimport type { RadioGroupContext } from \"./radio-context\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport {\n  cx,\n  getValidChildren,\n  isObject,\n  mergeRefs,\n  useCallbackRef,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useId, useRef } from \"react\"\nimport { Radio } from \"./radio\"\nimport { RadioGroupProvider } from \"./radio-context\"\n\nexport type RadioItem<Y extends number | string = string> = {\n  label?: string\n} & RadioProps<Y>\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport interface UseRadioGroupProps<Y extends number | string = string> {\n  /**\n   * The top-level id string that will be applied to the radios.\n   * The index of the radio will be appended to this top-level id.\n   */\n  id?: string\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * The initial value of the radio group.\n   */\n  defaultValue?: Y\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n  /**\n   * The value of the radio group.\n   */\n  value?: Y\n  /**\n   * The callback fired when any children radio is checked or unchecked.\n   */\n  onChange?: (value: Y) => void\n}\n\nexport const useRadioGroup = <\n  Y extends number | string,\n  M extends Dict = Dict,\n>({\n  id,\n  name,\n  defaultValue,\n  isNative,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...props\n}: M & UseRadioGroupProps<Y>) => {\n  const uuid = useId()\n\n  id ??= uuid\n  name ??= `radio-${id}`\n\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeRef,\n  })\n\n  const containerRef = useRef<any>(null)\n\n  const onFocus = useCallback(() => {\n    const container = containerRef.current\n\n    if (!container) return\n\n    let query = `input:not(:disabled):checked`\n\n    let firstInput = container.querySelector(query) as HTMLElement | undefined\n\n    if (firstInput) {\n      firstInput.focus()\n    } else {\n      query = `input:not(:disabled)`\n      firstInput = container.querySelector(query) as HTMLElement | undefined\n\n      firstInput?.focus()\n    }\n  }, [])\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const nextValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      setValue(nextValue)\n    },\n    [setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"radiogroup\",\n      ...props,\n      ref: mergeRefs(ref, containerRef),\n    }),\n    [],\n  )\n\n  const getRadioProps: PropGetter<\n    { value?: Y },\n    {\n      checked?: boolean\n      isChecked?: boolean\n      value?: Y\n    }\n  > = useCallback(\n    (props = {}, ref = null) => {\n      const checked = props.value === value\n\n      return {\n        ...props,\n        ref,\n        name,\n        \"aria-checked\": checked,\n        [isNative ? \"checked\" : \"isChecked\"]:\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          value != null ? checked : undefined,\n        onChange,\n      }\n    },\n    [name, value, onChange, isNative],\n  )\n\n  return {\n    id,\n    name,\n    props,\n    setValue,\n    value,\n    getContainerProps,\n    getRadioProps,\n    onChange,\n    onFocus,\n  }\n}\n\nexport type UseRadioGroupReturn<Y extends number | string = string> =\n  ReturnType<typeof useRadioGroup<Y>>\n\nexport interface RadioGroupProps<Y extends number | string = string>\n  extends ThemeProps<\"Radio\">,\n    Omit<FlexProps, \"defaultValue\" | \"onChange\">,\n    UseRadioGroupProps<Y>,\n    FormControlOptions {\n  /**\n   * If provided, generate radios based on items.\n   *\n   * @default '[]'\n   */\n  items?: RadioItem<Y>[]\n}\n\nexport const RadioGroup = forwardRef(\n  <Y extends number | string = string>(\n    {\n      id: idProp,\n      className,\n      colorScheme,\n      size,\n      variant,\n      children,\n      direction = \"column\",\n      gap,\n      items = [],\n      ...props\n    }: RadioGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      labelId,\n      ...computedProps\n    } = useFormControl({\n      id: idProp,\n      ...props,\n    })\n    const {\n      id,\n      name,\n      props: rest,\n      value,\n      getContainerProps,\n      onChange,\n    } = useRadioGroup(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Radio key={i} value={value} {...props}>\n          {label}\n        </Radio>\n      ))\n    }\n\n    return (\n      <RadioGroupProvider\n        value={\n          {\n            name,\n            colorScheme,\n            size,\n            variant,\n            isDisabled,\n            isInvalid,\n            isReadOnly,\n            isRequired,\n            value,\n            onChange,\n          } as RadioGroupContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-radio-group\", className)}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            id,\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n          direction={direction}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </RadioGroupProvider>\n    )\n  },\n) as {\n  <Y extends number | string = string>(\n    props: RadioGroupProps<Y> & RefAttributes<HTMLDivElement>,\n  ): ReactElement\n} & ComponentArgs\n\nRadioGroup.displayName = \"RadioGroup\"\nRadioGroup.__ui__ = \"RadioGroup\"\n"],"mappings":"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","names":["props","value"]}