@uva-glass/component-library/dist/components/RadioTabSelector/RadioTabSelector.js

React components UvA

import { jsxs as b, jsx as o } from "react/jsx-runtime";
import { c as n } from "../../clsx-OuTLNxxd.js";
import { useState as y } from "react";
import "../Accordion/Accordion.js";
import "../Buttons/Button.js";
import "../Buttons/LinkButton.js";
import "@react-aria/button";
import "../Checkbox/Checkbox.js";
import { Label as v } from "../Label/Label.js";
import { FeedbackBox as z } from "../FeedbackBox/FeedbackBox.js";
import { ControlsButton as g } from "../ControlsButton/ControlsButton.js";
import "@react-aria/dialog";
import "@react-aria/focus";
import "@react-aria/overlays";
import "../OverlayCloseButton/OverlayCloseButton.js";
import "../GridRow/GridRow.js";
import "../IconButton/IconButton.js";
import "../Input/Input.js";
import "../InputField/InputField.js";
import "react-router";
import "../../TablePlugin-BLbsvcuu.js";
import "../RteEditor/Providers/LanguageProvider.js";
import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
import "../RteEditor/hooks/components/Flyout.js";
import "react-dom";
import "../../index-yEhaxKq-.js";
import "../SearchField/SearchField.js";
import "../SelectListbox/SelectListbox.js";
import "../SelectListbox/SelectProvider.js";
import "../Sortable/components/SortableItem.js";
import "../../SortableProvider-BbwlEPIr.js";
import "../WeekSelector/components/WeekSelectorOptionContainer.js";
import '../../assets/RadioTabSelector.css';const t = {
  "radio-tab-selector-button-bar__container": "_radio-tab-selector-button-bar__container_wuziy_1",
  "radio-tab-selector-button-bar__container--label-left": "_radio-tab-selector-button-bar__container--label-left_wuziy_6",
  "radio-tab-selector-button-bar__container--label-top": "_radio-tab-selector-button-bar__container--label-top_wuziy_12",
  "radio-tab-selector-button-bar__row-container": "_radio-tab-selector-button-bar__row-container_wuziy_18",
  "radio-tab-selector-button-bar__row": "_radio-tab-selector-button-bar__row_wuziy_18",
  "radio-tab-selector-button-bar__row--not-validated": "_radio-tab-selector-button-bar__row--not-validated_wuziy_35"
}, rt = ({
  buttons: l,
  radioGroupName: _,
  defaultValue: c,
  label: i,
  labelPosition: m = "top",
  required: p = !1,
  notValidatedText: a = "",
  onSetValue: s
}) => {
  const [d, u] = y(c || null), w = (r) => {
    u(r.target.value), s(r.target.value);
  };
  return /* @__PURE__ */ b(
    "div",
    {
      className: n(
        t["radio-tab-selector-button-bar__container"],
        t[`radio-tab-selector-button-bar__container--label-${m}`]
      ),
      children: [
        i && /* @__PURE__ */ o(v, { htmlFor: "", required: p, children: i }),
        /* @__PURE__ */ b("div", { className: t["radio-tab-selector-button-bar__row-container"], children: [
          /* @__PURE__ */ o(
            "div",
            {
              className: n(t["radio-tab-selector-button-bar__row"], {
                [t["radio-tab-selector-button-bar__row--not-validated"]]: a
              }),
              children: l.map(({ label: r, value: e, iconName: f, disabled: h }) => /* @__PURE__ */ o(
                g,
                {
                  type: "radio",
                  name: _,
                  label: r,
                  value: e,
                  iconName: f,
                  checked: d === e,
                  disabled: h,
                  onSetValue: w
                },
                `${e}`
              ))
            }
          ),
          a !== "" && /* @__PURE__ */ o(z, { level: "error", feedback: a })
        ] })
      ]
    }
  );
};
export {
  rt as RadioTabSelector
};
//# sourceMappingURL=RadioTabSelector.js.map