@fremtind/jkl-radio-button-react/build/esm/BaseRadioButton.js

Jøkul react radio button components

var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source)
    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
      target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(source)) {
      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
        target[prop] = source[prop];
    }
  return target;
};
import { useId } from "@fremtind/jkl-react-hooks";
import cn from "classnames";
import React, { forwardRef } from "react";
const BaseRadioButton = forwardRef((props, ref) => {
  const _a = props, {
    id,
    className,
    checked,
    children,
    label,
    density,
    inline,
    invalid,
    name,
    value,
    onChange
  } = _a, rest = __objRest(_a, [
    "id",
    "className",
    "checked",
    "children",
    "label",
    "density",
    "inline",
    "invalid",
    "name",
    "value",
    "onChange"
  ]);
  const inputId = useId(id || "jkl-radio-button", { generateSuffix: !id });
  return /* @__PURE__ */ React.createElement(
    "div",
    {
      className: cn("jkl-radio-button", className, {
        "jkl-radio-button--inline": inline,
        "jkl-radio-button--error": invalid
      }),
      "data-density": density
    },
    /* @__PURE__ */ React.createElement(
      "input",
      __spreadProps(__spreadValues({
        name,
        ref
      }, rest), {
        id: inputId,
        className: "jkl-radio-button__input",
        type: "radio",
        onChange,
        value,
        checked
      })
    ),
    /* @__PURE__ */ React.createElement(
      "label",
      {
        "data-testid": "jkl-radio-button__label-tag",
        htmlFor: inputId,
        className: "jkl-radio-button__label"
      },
      /* @__PURE__ */ React.createElement("span", { "aria-hidden": true, className: "jkl-radio-button__dot" }),
      /* @__PURE__ */ React.createElement("span", { className: "jkl-radio-button__text" }, label || children)
    )
  );
});
BaseRadioButton.displayName = "BaseRadioButton";
export {
  BaseRadioButton
};
//# sourceMappingURL=BaseRadioButton.js.map