@daisforge/ui 1.12.0 → 1.12.2

package/chunks/FormDatePickers-_soI8Uaa.mjs

@@ -0,0 +1,503 @@
+import { jsx as I } from "react/jsx-runtime";
+import { useState as M } from "react";
+import { Controller as w } from "react-hook-form";
+import { getRuleValue as Y, getPriorityRequired as p, hasValidationRule as $, useChangedFormContext as O, getIsRequired as ue } from "../formComponents/utils/index.mjs";
+import { DatePicker as se } from "../components/DatePicker/index.mjs";
+import { EmbedIconButton as me, DatePickerRange as ce } from "@salutejs/sdds-finai";
+import ee from "styled-components";
+import { IconCalendarOutline as le } from "@salutejs/plasma-icons";
+const de = {
+  "янв.": 0,
+  "фев.": 1,
+  "мар.": 2,
+  март: 2,
+  марта: 2,
+  "апр.": 3,
+  май: 4,
+  мая: 4,
+  "июн.": 5,
+  июня: 5,
+  июнь: 5,
+  "июл.": 6,
+  июля: 6,
+  июль: 6,
+  "авг.": 7,
+  "сен.": 8,
+  "окт.": 9,
+  "ноя.": 10,
+  "дек.": 11
+}, fe = {
+  января: 0,
+  январь: 0,
+  февраля: 1,
+  февраль: 1,
+  марта: 2,
+  март: 2,
+  апреля: 3,
+  апрель: 3,
+  мая: 4,
+  май: 4,
+  июня: 5,
+  июнь: 5,
+  июля: 6,
+  июль: 6,
+  августа: 7,
+  август: 7,
+  сентября: 8,
+  сентябрь: 8,
+  октября: 9,
+  октябрь: 9,
+  ноября: 10,
+  ноябрь: 10,
+  декабря: 11,
+  декабрь: 11
+}, te = {
+  ...de,
+  ...fe
+}, ge = (e) => Object.keys(e).map((t) => t.replace(".", "\\.")).join("|"), X = `(${ge(te)})`, De = [["MMMM", X, "month-text"], ["MMM", X, "month-text"], ["YYYY", "(\\d{4})", "year"], ["DD", "(\\d{2})", "day"], ["YY", "(\\d{2})", "year"], ["MM", "(\\d{2})", "month-num"]], ye = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Z = /* @__PURE__ */ new Map(), ve = (e) => {
+  let t = e, o = "^";
+  const f = [];
+  for (; t.length > 0; ) {
+    let n = !1;
+    for (const [m, c, l] of De)
+      if (t.startsWith(m)) {
+        o += c, f.push(l), t = t.slice(m.length), n = !0;
+        break;
+      }
+    n || (o += ye(t.charAt(0)), t = t.slice(1));
+  }
+  return o += "$", {
+    regex: new RegExp(o),
+    tokens: f
+  };
+}, Te = (e) => {
+  let t = Z.get(e);
+  return t || (t = ve(e), Z.set(e, t)), t;
+}, be = (e) => e < 100 ? 2e3 + e : e, re = ({
+  date: e,
+  format: t
+}) => {
+  const {
+    regex: o,
+    tokens: f
+  } = Te(t), n = e.match(o);
+  if (!n)
+    return "";
+  try {
+    let m = 1, c = 0, l = (/* @__PURE__ */ new Date()).getFullYear(), g = !1;
+    for (let u = 0; u < f.length; u++) {
+      const s = n[u + 1];
+      if (!s)
+        return "";
+      switch (f[u]) {
+        case "day":
+          if (m = Number(s), Number.isNaN(m))
+            return "";
+          break;
+        case "month-num":
+          if (c = Number(s) - 1, Number.isNaN(c))
+            return "";
+          g = !0;
+          break;
+        case "month-text": {
+          const k = te[s];
+          if (typeof k != "number")
+            return "";
+          c = k, g = !0;
+          break;
+        }
+        case "year":
+          if (l = be(Number(s)), Number.isNaN(l))
+            return "";
+          break;
+        default:
+          break;
+      }
+    }
+    return g ? new Date(l, c, m).toISOString() : "";
+  } catch {
+    return "";
+  }
+}, ae = ({
+  min: e,
+  max: t,
+  required: o,
+  invalidFormatMessage: f,
+  format: n
+}) => {
+  const m = t && Y({
+    rule: t,
+    typeValue: "number"
+  }), c = e && Y({
+    rule: e,
+    typeValue: "number"
+  });
+  return (l) => {
+    let g, u = null;
+    typeof l == "string" && n && (g = re({
+      date: l,
+      format: n
+    }), g && (u = new Date(g))), (l instanceof Date || typeof l == "string" && !n) && (u = new Date(l));
+    const s = u && !Number.isNaN(u.getTime()) ? u.getTime() : null;
+    return s !== null ? typeof c == "number" && s <= c ? typeof e == "object" && "message" in e ? e == null ? void 0 : e.message : !1 : typeof m == "number" && s >= m ? typeof t == "object" && "message" in t ? t == null ? void 0 : t.message : !1 : !0 : l && typeof l == "string" && l.length ? f : o ? typeof o == "object" && "message" in o ? o == null ? void 0 : o.message : !1 : !0;
+  };
+}, Ne = ee(se).withConfig({
+  displayName: "DatePickerStyled"
+})(["width:100%;"]), _e = ({
+  name: e,
+  options: t,
+  portal: o,
+  label: f,
+  onChange: n,
+  textHint: m,
+  format: c = "DD.MM.YYYY",
+  invalidFormatMessage: l = "Формат даты указан не верно",
+  size: g = "s",
+  requiredPlacement: u = "right",
+  maskWithFormat: s = !0,
+  offset: V = [0, 2],
+  leftHelper: k,
+  defaultDate: oe,
+  ref: ne,
+  min: S,
+  max: x,
+  opened: B,
+  required: P,
+  ...r
+}) => {
+  const [H, _] = M(B ?? !1), a = {
+    ...t,
+    required: p({
+      options: t,
+      ruleName: "required"
+    }) ? t == null ? void 0 : t.required : P
+  }, R = {
+    min: (() => {
+      if (S) {
+        const b = S.getTime();
+        return typeof (a == null ? void 0 : a.min) == "object" && "message" in a.min ? {
+          value: b,
+          message: a.min.message
+        } : b;
+      }
+      return $({
+        options: a,
+        ruleName: "min"
+      }) ? a == null ? void 0 : a.min : void 0;
+    })(),
+    max: (() => {
+      if (x) {
+        const b = x.getTime();
+        return typeof (a == null ? void 0 : a.max) == "object" && "message" in a.max ? {
+          value: b,
+          message: a.max.message
+        } : b;
+      }
+      return $({
+        options: a,
+        ruleName: "max"
+      }) ? a == null ? void 0 : a.max : void 0;
+    })(),
+    required: a == null ? void 0 : a.required,
+    invalidFormatMessage: l,
+    format: c
+  }, z = ae(R), G = O({
+    ...a,
+    validate: (b) => {
+      const i = a == null ? void 0 : a.validate;
+      if (i)
+        return i(b);
+      const v = z(b);
+      return v !== !0 ? v : !0;
+    }
+  }), {
+    control: W,
+    rules: K,
+    remOptions: A,
+    clearErrors: C
+  } = G, E = (x == null ? void 0 : x.getTime()) ?? Y({
+    rule: a == null ? void 0 : a.max,
+    typeValue: "number"
+  }), L = (S == null ? void 0 : S.getTime()) ?? Y({
+    rule: a == null ? void 0 : a.min,
+    typeValue: "number"
+  });
+  return /* @__PURE__ */ I(w, { control: W, name: e, rules: K, ...A, render: ({
+    field: {
+      name: b,
+      ref: i,
+      onBlur: v,
+      onChange: D,
+      ...d
+    },
+    fieldState: {
+      error: y
+    }
+  }) => {
+    const F = d == null ? void 0 : d.value, Q = F != null && F !== "" ? F : "";
+    return /* @__PURE__ */ I(Ne, { ...d, label: f, ref: i, maskWithFormat: s, value: Q, format: c, frame: o, max: E && new Date(E) || void 0, min: L && new Date(L) || void 0, offset: V, opened: H, required: !!a.required || void 0, requiredPlacement: u, hasRequiredIndicator: !!a.required || void 0, includeEdgeDates: !0, size: g, usePortal: !!o, valueError: !!y, onChange: (N) => {
+      if (typeof N == "object" && N && "target" in N) {
+        const h = N, j = {
+          target: {
+            value: h.target.value,
+            name: h.target.name,
+            originalDate: h.target.originalDate,
+            isoDate: h.target.isoDate
+          }
+        };
+        n == null || n(j), D(j);
+      } else {
+        const h = N;
+        n == null || n(h), D(h);
+      }
+    }, onCommitDate: (N) => {
+      C(e), D(N), _(!1);
+    }, onToggle: (N) => _(N), leftHelper: y != null && y.message || m ? (y == null ? void 0 : y.message) || m : void 0, ...r });
+  } });
+}, ke = ({
+  datePickerSize: e
+}) => /* @__PURE__ */ I(me, { size: e === "xs" ? "s" : "m", view: "secondary", style: {
+  marginRight: e === "xs" ? "8px" : "12px",
+  marginTop: "2px"
+}, children: /* @__PURE__ */ I(le, { color: "inherit", size: e === "xs" ? "xs" : "s" }) }), Fe = ({
+  required: e,
+  validateRange: t,
+  externalValidates: o
+}) => (f, n) => {
+  const {
+    dateFrom: m,
+    dateTo: c
+  } = f;
+  if (!ue({
+    required: e
+  }))
+    return !0;
+  let g = "поле обязательно";
+  if (typeof e == "string" ? g = e : typeof e == "object" && e.message && (g = e.message), !m && !c)
+    return g;
+  if (m && !c || !m && c)
+    return "Заполните обе даты диапазона";
+  const u = t(f, n);
+  if (typeof u == "string")
+    return u;
+  if (typeof o == "function")
+    return o(f, n);
+  if (o) {
+    for (const s in o)
+      if (Object.prototype.hasOwnProperty.call(o, s)) {
+        const V = o[s];
+        if (V) {
+          const k = V(f, n);
+          if (typeof k == "string")
+            return k;
+        }
+      }
+  }
+  return !0;
+}, he = ({
+  min: e,
+  max: t,
+  required: o,
+  invalidFormatMessage: f,
+  format: n
+}) => {
+  const m = ae({
+    min: e,
+    max: t,
+    required: o,
+    invalidFormatMessage: f,
+    format: n
+  });
+  return (c) => {
+    const {
+      dateFrom: l = void 0,
+      dateTo: g = void 0
+    } = c || {}, u = m(l);
+    if (typeof u == "string")
+      return u;
+    const s = m(g);
+    return typeof s == "string" ? s : !0;
+  };
+}, Ve = ee(ce).withConfig({
+  displayName: "FormDatePickerRangeStyled__DatePickerRangeStyled"
+})(["width:100%;&:where(.popover-target >:first-child,.popover-target,.popover-wrapper){width:100%;}"]), Ae = ({
+  name: e,
+  options: t,
+  portal: o,
+  label: f,
+  onChange: n,
+  textHint: m,
+  format: c = "DD.MM.YYYY",
+  invalidFormatMessage: l = "Формат даты указан не верно",
+  ref: g,
+  min: u,
+  max: s,
+  onChangeFirstValue: V,
+  onChangeSecondValue: k,
+  defaultFirstDate: oe,
+  defaultSecondDate: ne,
+  required: S,
+  ...x
+}) => {
+  const [B, P] = M(!1), r = {
+    ...t,
+    required: p({
+      options: t,
+      ruleName: "required"
+    }) ? t == null ? void 0 : t.required : S
+  }, H = {
+    min: (() => {
+      if (u) {
+        const i = u.getTime();
+        return typeof (r == null ? void 0 : r.min) == "object" && "message" in r.min ? {
+          value: i,
+          message: r.min.message
+        } : i;
+      }
+      return $({
+        options: r,
+        ruleName: "min"
+      }) ? r == null ? void 0 : r.min : void 0;
+    })(),
+    max: (() => {
+      if (s) {
+        const i = s.getTime();
+        return typeof (r == null ? void 0 : r.max) == "object" && "message" in r.max ? {
+          value: i,
+          message: r.max.message
+        } : i;
+      }
+      return $({
+        options: r,
+        ruleName: "max"
+      }) ? r == null ? void 0 : r.max : void 0;
+    })(),
+    required: r == null ? void 0 : r.required,
+    invalidFormatMessage: l
+  }, _ = he({
+    ...H,
+    format: c
+  }), a = Fe({
+    required: r == null ? void 0 : r.required,
+    validateRange: _,
+    externalValidates: r == null ? void 0 : r.validate
+  }), R = O({
+    ...r,
+    validate: (i) => {
+      const v = i ? {
+        dateFrom: i.dateFrom,
+        dateTo: i.dateTo
+      } : {
+        dateFrom: void 0,
+        dateTo: void 0
+      };
+      return a(v, R.getValues());
+    }
+  }), {
+    control: z,
+    rules: G,
+    remOptions: W,
+    clearErrors: K
+  } = R, A = (s == null ? void 0 : s.getTime()) ?? Y({
+    rule: r == null ? void 0 : r.max,
+    typeValue: "number"
+  }), C = (u == null ? void 0 : u.getTime()) ?? Y({
+    rule: r == null ? void 0 : r.min,
+    typeValue: "number"
+  }), E = (i, v, D, d) => {
+    if (!i)
+      return;
+    if (v) {
+      R.setError(`${e}`, {
+        type: "custom",
+        message: "Ошибка значения"
+      }), P(!1);
+      return;
+    }
+    const y = R.getValues(e) || {};
+    re({
+      date: typeof i == "string" ? i : i.toDateString(),
+      format: c
+    }) && D({
+      ...y,
+      [d]: i
+    });
+  }, L = (i, v, D) => E(i, v, D, "dateFrom"), b = (i, v, D) => E(i, v, D, "dateTo");
+  return /* @__PURE__ */ I(w, { control: z, name: e, rules: G, ...W, render: ({
+    field: {
+      value: i,
+      ref: v,
+      ...D
+    },
+    fieldState: {
+      error: d
+    }
+  }) => {
+    var j, J;
+    const {
+      dateFrom: y,
+      dateTo: F
+    } = i || {
+      dateFrom: "",
+      dateTo: ""
+    }, Q = y != null && y !== "" ? y : "", N = F != null && F !== "" ? F : "", h = (d == null ? void 0 : d.message) || ((j = d == null ? void 0 : d.dateFrom) == null ? void 0 : j.message) || ((J = d == null ? void 0 : d.dateTo) == null ? void 0 : J.message);
+    return /* @__PURE__ */ I(
+      Ve,
+      {
+        ...D,
+        ref: v,
+        isDoubleCalendar: !0,
+        closeOnOverlayClick: !0,
+        contentRight: /* @__PURE__ */ I(ke, { datePickerSize: x.size }),
+        value: [Q, N],
+        firstValueError: !!d,
+        format: c,
+        frame: o,
+        label: f,
+        max: A && new Date(A) || void 0,
+        min: C && new Date(C) || void 0,
+        name: e,
+        opened: B,
+        maskWithFormat: !0,
+        required: !!r.required || void 0,
+        requiredPlacement: "right",
+        hasRequiredIndicator: !!r.required || void 0,
+        secondValueError: !!d,
+        usePortal: !!o,
+        onChange: ({
+          target: T
+        }) => {
+          "value" in T && (n == null || n(T.value || ""), d && K(e));
+        },
+        onChangeFirstValue: (T, q = "") => {
+          const U = {
+            ...R.getValues(e) || {},
+            dateFrom: q
+          };
+          D.onChange(U), V == null || V(T);
+        },
+        onChangeSecondValue: (T, q = "") => {
+          const U = {
+            ...R.getValues(e) || {},
+            dateTo: q
+          };
+          D.onChange(U), k == null || k(T);
+        },
+        onCommitSecondDate: (T, q) => b(T, q.error, D.onChange),
+        onCommitFirstDate: (T, q) => L(T, q.error, D.onChange),
+        onToggle: (T) => {
+          P(T);
+        },
+        leftHelper: h || m ? h || m : void 0,
+        ...x
+      }
+    );
+  } });
+};
+var xe = /* @__PURE__ */ ((e) => (e.DATE_IS_SMALLER = "Дата меньше минимальной", e.DATE_IS_BIGGER = "Дата больше максимальной", e.DATE_FORMAT_IS_INVALID = "Формат даты указан не верно", e.DATE_IS_REQUIRED = "Выбор даты обязателен", e))(xe || {});
+export {
+  xe as D,
+  _e as F,
+  Ae as a,
+  Fe as v
+};

package/chunks/FormSegmentGroup-C8kROjlQ.mjs

@@ -0,0 +1,168 @@
+import { jsxs as B, jsx as n } from "react/jsx-runtime";
+import { useSegment as M, SegmentGroup as R, SegmentItem as k, BodyXS as D, SegmentProvider as O } from "@salutejs/sdds-finai";
+import { getIsRequired as X, useChangedFormContext as J } from "../formComponents/utils/index.mjs";
+import { Controller as K } from "react-hook-form";
+import { A as L } from "./utils-C5SQhoON.mjs";
+import Q from "lodash.isequal";
+import { useEffect as W } from "react";
+import { TextField as Y } from "../components/TextField/index.mjs";
+import P from "styled-components";
+const $ = {
+  hiddenInput: "form-segment__hidden-input"
+}, Z = P.div.withConfig({
+  displayName: "styled__SegmentGroupContainer"
+})(["width:100%;display:flex;flex-direction:column;gap:8px;"]), U = P(Y).withConfig({
+  displayName: "styled__HiddenTextField"
+})(["&&.", "{.input-wrapper,.input-wrapper *{pointer-events:none;max-height:0;overflow:hidden;padding:0;margin:0;}}& > div{margin-bottom:0;}"], $.hiddenInput);
+function tt(t, e) {
+  return t == null || t === "" ? [] : Array.isArray(t) ? t.map(String) : e ? [String(t)] : [String(t)];
+}
+function et(t, e) {
+  return e ? t : t.length > 0 ? [t[0] ?? ""] : [];
+}
+function rt(t) {
+  const e = {};
+  return t.forEach((r) => {
+    e[r] = (e[r] || 0) + 1;
+  }), t.filter((r) => e[r] <= 1);
+}
+function nt(t) {
+  return t == null || t === "" ? [] : Array.isArray(t) ? t.map(String) : [String(t)];
+}
+function it({
+  value: t,
+  onRHFChange: e,
+  onUserChange: r,
+  selectionMode: i = "single",
+  label: m,
+  titleCaption: u,
+  hintText: y,
+  hintTrigger: x = "hover",
+  hintHasArrow: w = !0,
+  optionsRequired: A,
+  groupProps: F,
+  errorMessage: d,
+  items: C,
+  singleSelectedRequired: p,
+  showError: I = !0
+}) {
+  const c = i === "multiple", {
+    selectedSegmentItems: o
+  } = M();
+  W(() => {
+    const a = tt(t, c);
+    if (!Q([...a].sort(), [...o].sort())) {
+      const l = p ? o : rt(o), s = et(l, c);
+      e(s), r == null || r(s);
+    }
+  }, [o, p]);
+  const {
+    $mode: N,
+    className: q,
+    style: E,
+    ref: G,
+    name: f,
+    disabled: T,
+    onBlur: V,
+    ...g
+  } = F, _ = Array.isArray(t) ? t.join(", ") : String(t ?? ""), h = g.size ?? "s";
+  return /* @__PURE__ */ B(Z, { $mode: N, className: q, style: E, children: [
+    (m || u) && /* @__PURE__ */ n(U, { required: X(A), label: m, value: _, hintHasArrow: w, hintText: y ?? "", hintTrigger: x, className: $.hiddenInput, titleCaption: u, size: h }),
+    /* @__PURE__ */ n("input", { type: "hidden", name: f, value: String(t), ref: G, disabled: T, onBlur: V }),
+    /* @__PURE__ */ n(R, { ...g, selectionMode: i, children: C.map((a) => {
+      const {
+        value: S,
+        ...l
+      } = a, s = String(S);
+      return /* @__PURE__ */ n(
+        k,
+        {
+          value: s,
+          type: "button",
+          ...l
+        },
+        s
+      );
+    }) }),
+    I && d && /* @__PURE__ */ n(D, { color: L("negative"), children: d })
+  ] });
+}
+const ot = (t) => {
+  const {
+    name: e,
+    options: r,
+    onChange: i,
+    singleSelectedRequired: m,
+    selectionMode: u = "single",
+    // пропсы группы
+    view: y,
+    size: x = "s",
+    pilled: w,
+    hasBackground: A,
+    stretch: F,
+    orientation: d,
+    className: C,
+    style: p,
+    // items (сегменты)
+    items: I,
+    // label/hint
+    label: c,
+    titleCaption: o,
+    hintText: N,
+    hintTrigger: q,
+    hintHasArrow: E,
+    showError: G = !0
+  } = t, f = J(r), {
+    control: T,
+    rules: V,
+    remOptions: g
+  } = f;
+  return /* @__PURE__ */ n(K, { control: T, name: e, rules: V, ...g, render: ({
+    field: {
+      onChange: _,
+      value: h,
+      ref: a,
+      onBlur: S,
+      disabled: l,
+      name: s,
+      ...z
+    },
+    fieldState: {
+      error: j
+    }
+  }) => {
+    const b = {
+      ...z,
+      name: e,
+      className: C,
+      style: p,
+      disabled: l,
+      size: x,
+      view: y,
+      pilled: w,
+      hasBackground: A,
+      stretch: F,
+      // важно: у SDDS горизонталь — дефолт, поэтому передаём только 'vertical'
+      orientation: d === "vertical" ? "vertical" : void 0,
+      $mode: d === "vertical" ? "column" : "row",
+      ref: a,
+      onBlur: S
+    }, H = nt(h);
+    return /* @__PURE__ */ n(
+      O,
+      {
+        defaultSelected: H,
+        singleSelectedRequired: m,
+        ...z,
+        children: /* @__PURE__ */ n(it, { value: h, onRHFChange: (v) => _(v), onUserChange: (v) => {
+          i == null || i(v, f);
+        }, label: c, titleCaption: o, hintText: N, hintTrigger: q, hintHasArrow: E, optionsRequired: r, errorMessage: j == null ? void 0 : j.message, groupProps: b, selectionMode: u, items: I, singleSelectedRequired: m, showError: G })
+      },
+      `segment-${e}-${H.join("|")}`
+    );
+  } });
+};
+ot.displayName = "FormSegmentGroup";
+export {
+  ot as F
+};

package/chunks/FormSegmentGroup-DIaBZRWv.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),a=require("@salutejs/sdds-finai"),R=require("../formComponents/utils/index.cjs"),M=require("react-hook-form"),D=require("./utils-DKi1rqLX.cjs"),O=require("lodash.isequal"),X=require("react"),J=require("../components/TextField/index.cjs"),$=require("styled-components"),b={hiddenInput:"form-segment__hidden-input"},K=$.div.withConfig({displayName:"styled__SegmentGroupContainer"})(["width:100%;display:flex;flex-direction:column;gap:8px;"]),L=$(J.TextField).withConfig({displayName:"styled__HiddenTextField"})(["&&.","{.input-wrapper,.input-wrapper *{pointer-events:none;max-height:0;overflow:hidden;padding:0;margin:0;}}& > div{margin-bottom:0;}"],b.hiddenInput);function Q(e,t){return e==null||e===""?[]:Array.isArray(e)?e.map(String):t?[String(e)]:[String(e)]}function W(e,t){return t?e:e.length>0?[e[0]??""]:[]}function Y(e){const t={};return e.forEach(n=>{t[n]=(t[n]||0)+1}),e.filter(n=>t[n]<=1)}function Z(e){return e==null||e===""?[]:Array.isArray(e)?e.map(String):[String(e)]}function U({value:e,onRHFChange:t,onUserChange:n,selectionMode:i="single",label:u,titleCaption:m,hintText:y,hintTrigger:q="hover",hintHasArrow:F=!0,optionsRequired:j,groupProps:w,errorMessage:c,items:A,singleSelectedRequired:p,showError:C=!0}){const g=i==="multiple",{selectedSegmentItems:o}=a.useSegment();X.useEffect(()=>{const d=Q(e,g);if(!O([...d].sort(),[...o].sort())){const l=p?o:Y(o),s=W(l,g);t(s),n==null||n(s)}},[o,p]);const{$mode:I,className:G,style:N,ref:T,name:f,disabled:E,onBlur:V,...S}=w,_=Array.isArray(e)?e.join(", "):String(e??""),h=S.size??"s";return r.jsxs(K,{$mode:I,className:G,style:N,children:[(u||m)&&r.jsx(L,{required:R.getIsRequired(j),label:u,value:_,hintHasArrow:F,hintText:y??"",hintTrigger:q,className:b.hiddenInput,titleCaption:m,size:h}),r.jsx("input",{type:"hidden",name:f,value:String(e),ref:T,disabled:E,onBlur:V}),r.jsx(a.SegmentGroup,{...S,selectionMode:i,children:A.map(d=>{const{value:x,...l}=d,s=String(x);return r.jsx(a.SegmentItem,{value:s,type:"button",...l},s)})}),C&&c&&r.jsx(a.BodyXS,{color:D.getViewColor("negative"),children:c})]})}const B=e=>{const{name:t,options:n,onChange:i,singleSelectedRequired:u,selectionMode:m="single",view:y,size:q="s",pilled:F,hasBackground:j,stretch:w,orientation:c,className:A,style:p,items:C,label:g,titleCaption:o,hintText:I,hintTrigger:G,hintHasArrow:N,showError:T=!0}=e,f=R.useChangedFormContext(n),{control:E,rules:V,remOptions:S}=f;return r.jsx(M.Controller,{control:E,name:t,rules:V,...S,render:({field:{onChange:_,value:h,ref:d,onBlur:x,disabled:l,name:s,...z},fieldState:{error:H}})=>{const k={...z,name:t,className:A,style:p,disabled:l,size:q,view:y,pilled:F,hasBackground:j,stretch:w,orientation:c==="vertical"?"vertical":void 0,$mode:c==="vertical"?"column":"row",ref:d,onBlur:x},P=Z(h);return r.jsx(a.SegmentProvider,{defaultSelected:P,singleSelectedRequired:u,...z,children:r.jsx(U,{value:h,onRHFChange:v=>_(v),onUserChange:v=>{i==null||i(v,f)},label:g,titleCaption:o,hintText:I,hintTrigger:G,hintHasArrow:N,optionsRequired:n,errorMessage:H==null?void 0:H.message,groupProps:k,selectionMode:m,items:C,singleSelectedRequired:u,showError:T})},`segment-${t}-${P.join("|")}`)}})};B.displayName="FormSegmentGroup";exports.FormSegmentGroup=B;