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

React components UvA

import { jsxs as c, jsx as t, Fragment as b } from "react/jsx-runtime";
import { c as g } from "../../clsx-OuTLNxxd.js";
import "react";
import "../Buttons/Button.js";
import "../Buttons/LinkButton.js";
import "@react-aria/button";
import "../Checkbox/Checkbox.js";
import { Label as x } from "../Label/Label.js";
import "@react-aria/dialog";
import "@react-aria/focus";
import "@react-aria/overlays";
import "../OverlayCloseButton/OverlayCloseButton.js";
import { FeedbackBox as h } from "../FeedbackBox/FeedbackBox.js";
import "../GridRow/GridRow.js";
import "../IconButton/IconButton.js";
import "../Input/Input.js";
import "../InputField/InputField.js";
import "react-router";
import "../../TablePlugin-MjKuocl4.js";
import "../RteEditor/Providers/LanguageProvider.js";
import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
import "../RteEditor/hooks/components/Flyout.js";
import "../../index-B3c5pcHk.js";
import "../SelectListbox/SelectListbox.js";
import "../SelectListbox/SelectProvider.js";
import "../Sortable/components/SortableItem.js";
import "../../SortableProvider-Ck_XnBVq.js";
import '../../assets/FormInput.css';const o = {
  "form-input__container": "_form-input__container_g2j8x_1",
  "form-input__container--label-left": "_form-input__container--label-left_g2j8x_7",
  "form-input__container--label-top": "_form-input__container--label-top_g2j8x_18",
  "form-input__input-feedback-container": "_form-input__input-feedback-container_g2j8x_25",
  "form-input__input-container": "_form-input__input-container_g2j8x_35",
  "form-input__input": "_form-input__input_g2j8x_25"
}, U = ({
  id: i,
  label: n,
  labelPosition: f = "top",
  type: e = "text",
  required: l = !1,
  notValidatedText: p = "",
  onChange: m,
  noContainer: u = !1,
  customInput: _
}) => {
  const s = (r) => ["e", "E", "+", "-"].includes(r.key) && r.preventDefault(), d = (r) => {
    typeof m == "function" && m(r.target.value);
  }, a = /* @__PURE__ */ c(b, { children: [
    n && /* @__PURE__ */ t(x, { htmlFor: i, required: l, alignRight: !0, children: n }),
    /* @__PURE__ */ c("div", { className: o["form-input__input-feedback-container"], children: [
      _ || /* @__PURE__ */ t("div", { className: o["form-input__input-container"], children: /* @__PURE__ */ t(
        "input",
        {
          id: i,
          type: e,
          ...e === "number" && { onKeyDown: s },
          onChange: d,
          className: o["form-input__input"]
        }
      ) }),
      p !== "" && /* @__PURE__ */ t(h, { level: "error", feedback: p })
    ] })
  ] });
  return u ? a : /* @__PURE__ */ t("div", { className: g(o["form-input__container"], o[`form-input__container--label-${f}`]), children: a });
};
export {
  U as FormInput
};
//# sourceMappingURL=FormInput.js.map