@wix/form-elements 1.54.0 → 1.56.0

package/dist/component/date-time-input-field-rac-DnOkBj7w.js

@@ -1,421 +0,0 @@
-import { RicosViewer as ae } from "@wix/ricos/viewer";
-import E from "classnames";
-import t, { useMemo as T, useState as $, useCallback as H, useRef as U } from "react";
-import { ag as g, ad as j, aa as B, H as Q, a0 as J, r as m, aq as O, a4 as G, K as ne, w as re, a7 as le, x as K, ai as q } from "./form-DaOKiR16.js";
-import { parseTime as oe } from "@internationalized/date";
-import { UNSAFE_PortalProvider as se } from "react-aria";
-import { ListBoxItem as ie, ListBox as ce, Select as me, TextField as W, TimeField as de, SelectValue as ue, Input as X, DateInput as pe, DateSegment as k } from "react-aria-components";
-import { f as d, a as R } from "./find-child-C60k4CxG.js";
-import { g as Ee } from "./helpers-HmkkXrh2.js";
-import { D as fe, E as he } from "./field-error-headless-Dm5UCOBb.js";
-import { L as be } from "./field-label-headless-C7mDzdLq.js";
-import { F as ge } from "./fieldset-headless-CD3fds9J.js";
-import { N as Ie, S as _e } from "./non-modal-popover-DtIMXHbe.js";
-import { C as De } from "./chevron-down-icon-CcpVm6B-.js";
-import { E as ye } from "./error-icon-hZxQ6DEy.js";
-import { H as Ne } from "./custom-focus-class-_483Pkwp.js";
-import { s as p } from "./field-rac.module-DAPTqFDM.js";
-import { r as S, H as Le, q as Y, u as Te, l as Oe, h as Fe } from "./form-element-classes-Bi-nNM8q.js";
-const o = ({ children: e, className: a }) => {
-  const { id: n, required: r, onBlur: s, onFocus: l, FieldLayout: i } = g(), { inputId: u, labelId: c, ariaDescribedBy: h } = j(), { regionalFormat: b } = B(), D = T(() => Q(b).filter(J).map((M) => M.toUpperCase()), [
-    b
-  ]), C = d(e, o.Label), V = d(e, o.Description), L = d(e, o.Error), _ = {
-    [m.MONTH]: d(e, o.Month),
-    [m.DAY]: d(e, o.Day),
-    [m.YEAR]: d(e, o.Year)
-  }, y = d(e, o.Time);
-  return /* @__PURE__ */ t.createElement(i, {
-    fieldId: n,
-    renderLabel: () => R(C, {
-      as: "div"
-    }),
-    renderInput: () => /* @__PURE__ */ t.createElement(ge, {
-      id: u,
-      ariaLabelledBy: c,
-      ariaDescribedBy: h,
-      required: r,
-      onBlur: s,
-      onFocus: l,
-      className: a
-    }, _[D[0]], _[D[1]], _[D[2]], y),
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L, V)
-  });
-}, F = ({ children: e, className: a }) => {
-  const { disabled: n, readOnly: r, showDateLabels: s, hidePlaceholder: l } = g(), { labelId: i } = N(m.MONTH), { partValue: u, partError: c, onPartChange: h } = P(m.MONTH), { t: b } = O(), [D, C] = $(!1), [V, L] = $(null), _ = l ? void 0 : b("field.date.placeholder.month"), y = H((x) => {
-    r || h(typeof x == "string" ? x : "");
-  }, [
-    h,
-    r
-  ]), M = H((x) => {
-    C(x && !r);
-  }, [
-    r
-  ]), Z = d(e, F.Label), ee = d(e, F.Trigger), te = d(e, F.Options);
-  return /* @__PURE__ */ t.createElement("div", {
-    className: a,
-    "data-date-field": !0
-  }, s ? Z : null, /* @__PURE__ */ t.createElement("div", {
-    ref: L,
-    style: {
-      display: "contents"
-    }
-  }), /* @__PURE__ */ t.createElement(se, {
-    getContainer: () => V
-  }, /* @__PURE__ */ t.createElement(me, {
-    "aria-labelledby": s ? i : void 0,
-    value: u || null,
-    onChange: y,
-    isDisabled: n,
-    isInvalid: c,
-    placeholder: _,
-    isOpen: D,
-    onOpenChange: M
-  }, ee, te)));
-}, Pe = ({ className: e }) => /* @__PURE__ */ t.createElement(z, {
-  datePart: m.MONTH,
-  className: e
-}), Ce = ({ children: e, className: a }) => {
-  const { id: n, readOnly: r } = g(), { inputId: s } = N(m.MONTH), { partError: l, isFirstPart: i } = P(m.MONTH), u = U(null);
-  return q(() => {
-    var c;
-    i && ((c = u.current) == null || c.focus());
-  }, n), /* @__PURE__ */ t.createElement(_e, {
-    ref: u,
-    id: s,
-    className: a,
-    "data-hook": m.MONTH,
-    "data-invalid": l || void 0,
-    "data-readonly": r || void 0
-  }, /* @__PURE__ */ t.createElement(ue, null), e);
-}, w = ({ children: e, className: a }) => {
-  const { language: n } = B(), r = T(() => Ee(n), [
-    n
-  ]), s = d(e, w.Option) ?? /* @__PURE__ */ t.createElement(w.Option, null);
-  return /* @__PURE__ */ t.createElement(Ie, {
-    className: a,
-    containerPadding: 0,
-    offset: 0
-  }, /* @__PURE__ */ t.createElement(ce, null, r.map((l, i) => R(s, {
-    key: String(i + 1),
-    value: String(i + 1),
-    label: l
-  }))));
-}, Me = ({ className: e, ...a }) => {
-  const { value: n, label: r } = a;
-  return /* @__PURE__ */ t.createElement(ie, {
-    className: e,
-    id: n,
-    textValue: r
-  }, r);
-};
-F.Label = Pe;
-F.Trigger = Ce;
-F.Options = w;
-w.Option = Me;
-const A = ({ children: e, className: a }) => {
-  const { disabled: n, readOnly: r, showDateLabels: s } = g(), { labelId: l } = N(m.DAY), { partValue: i, partError: u, onPartChange: c } = P(m.DAY), h = d(e, A.Label), b = d(e, A.Input);
-  return /* @__PURE__ */ t.createElement("div", {
-    className: a,
-    "data-date-field": !0
-  }, s && h, /* @__PURE__ */ t.createElement(W, {
-    "aria-labelledby": s ? l : void 0,
-    value: i,
-    onChange: c,
-    isDisabled: n,
-    isReadOnly: r,
-    isInvalid: u
-  }, b));
-}, Se = ({ className: e }) => /* @__PURE__ */ t.createElement(z, {
-  datePart: m.DAY,
-  className: e
-}), Re = ({ className: e }) => {
-  const { id: a, hidePlaceholder: n } = g(), { inputId: r } = N(m.DAY), { isFirstPart: s } = P(m.DAY), { t: l } = O(), i = U(null), u = n ? void 0 : l("field.date.placeholder.day");
-  return q(() => {
-    var c;
-    s && ((c = i.current) == null || c.focus());
-  }, a), /* @__PURE__ */ t.createElement(X, {
-    ref: i,
-    id: r,
-    className: e,
-    placeholder: u,
-    maxLength: 2,
-    inputMode: "numeric",
-    "data-hook": m.DAY
-  });
-};
-A.Label = Se;
-A.Input = Re;
-const v = ({ children: e, className: a }) => {
-  const { disabled: n, readOnly: r, showDateLabels: s } = g(), { labelId: l } = N(m.YEAR), { partValue: i, partError: u, onPartChange: c } = P(m.YEAR), h = d(e, v.Label), b = d(e, v.Input);
-  return /* @__PURE__ */ t.createElement("div", {
-    className: a,
-    "data-date-field": !0
-  }, s && h, /* @__PURE__ */ t.createElement(W, {
-    "aria-labelledby": s ? l : void 0,
-    value: i,
-    onChange: c,
-    isDisabled: n,
-    isReadOnly: r,
-    isInvalid: u
-  }, b));
-}, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement(z, {
-  datePart: m.YEAR,
-  className: e
-}), ve = ({ className: e }) => {
-  const { id: a, hidePlaceholder: n } = g(), { inputId: r } = N(m.YEAR), { isFirstPart: s } = P(m.YEAR), { t: l } = O(), i = U(null), u = n ? void 0 : l("field.date.placeholder.year");
-  return q(() => {
-    var c;
-    s && ((c = i.current) == null || c.focus());
-  }, a), /* @__PURE__ */ t.createElement(X, {
-    ref: i,
-    id: r,
-    className: e,
-    placeholder: u,
-    maxLength: 4,
-    inputMode: "numeric",
-    "data-hook": m.YEAR
-  });
-};
-v.Label = Ae;
-v.Input = ve;
-const I = ({ children: e, className: a }) => {
-  const { disabled: n, readOnly: r, use24HourFormat: s, showDateLabels: l } = g(), { labelId: i } = N("time"), { partValue: u, partError: c, onPartChange: h } = P("time"), b = d(e, I.Label), D = d(e, I.Input);
-  return /* @__PURE__ */ t.createElement("div", {
-    className: a,
-    "data-date-field": !0
-  }, l && b, /* @__PURE__ */ t.createElement(de, {
-    "aria-labelledby": l ? i : void 0,
-    value: u,
-    onChange: h,
-    isDisabled: n,
-    isReadOnly: r,
-    isInvalid: c,
-    hourCycle: s ? 24 : 12
-  }, D));
-}, Ve = ({ className: e }) => {
-  const { inputId: a, labelId: n } = N("time"), { t: r } = O(), s = r("field.date.label.time");
-  return /* @__PURE__ */ t.createElement("label", {
-    id: n,
-    htmlFor: a,
-    className: e
-  }, s);
-}, xe = ({ children: e, className: a }) => {
-  const n = d(e, I.Hour), r = d(e, I.Minute), s = d(e, I.Period);
-  return /* @__PURE__ */ t.createElement(pe, {
-    className: a,
-    "data-hook": "time"
-  }, (l) => {
-    switch (l.type) {
-      case "hour":
-        return R(n, {
-          segment: l
-        }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
-      case "minute":
-        return R(r, {
-          segment: l
-        }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
-      case "dayPeriod":
-        return R(s, {
-          segment: l
-        }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
-      case "literal":
-        return /* @__PURE__ */ t.createElement(k, {
-          segment: l
-        });
-      default:
-        return /* @__PURE__ */ t.createElement(t.Fragment, null);
-    }
-  });
-}, Ye = ({ className: e, ...a }) => {
-  const { hidePlaceholder: n } = g(), { segment: r } = a, { t: s } = O(), l = n ? void 0 : s("field.date.placeholder.hour");
-  return /* @__PURE__ */ t.createElement(k, {
-    segment: r,
-    className: e,
-    ...l && {
-      placeholder: l
-    }
-  });
-}, He = ({ className: e, ...a }) => {
-  const { hidePlaceholder: n } = g(), { segment: r } = a, { t: s } = O(), l = n ? void 0 : s("field.date.placeholder.minute");
-  return /* @__PURE__ */ t.createElement(k, {
-    segment: r,
-    className: e,
-    ...l && {
-      placeholder: l
-    }
-  });
-}, we = ({ className: e, ...a }) => {
-  const { hidePlaceholder: n } = g(), { segment: r } = a, { t: s } = O(), l = n ? void 0 : s("field.date.placeholder.period");
-  return /* @__PURE__ */ t.createElement(k, {
-    segment: r,
-    className: e,
-    ...l && {
-      placeholder: l
-    }
-  });
-};
-I.Label = Ve;
-I.Input = xe;
-I.Hour = Ye;
-I.Minute = He;
-I.Period = we;
-o.Label = be;
-o.Month = F;
-o.Day = A;
-o.Year = v;
-o.Time = I;
-o.Description = fe;
-o.Error = he;
-function N(e) {
-  const { inputId: a } = j();
-  return T(() => {
-    const n = e.toLowerCase();
-    return {
-      inputId: `${a}-${n}-input`,
-      labelId: `${a}-${n}-label`
-    };
-  }, [
-    a,
-    e
-  ]);
-}
-function P(e) {
-  const { value: a, onChange: n, hasError: r = !1 } = g(), { regionalFormat: s } = B(), [l, i] = T(() => G(a ?? ""), [
-    a
-  ]), u = T(() => ne(r, a ?? ""), [
-    a,
-    r
-  ]), c = T(() => re(l), [
-    l
-  ]), h = T(() => Be(i), [
-    i
-  ]), b = H((L) => {
-    const _ = ke(L), y = K(l, _);
-    n(y);
-  }, [
-    n,
-    l
-  ]), D = H((L) => {
-    const [, _] = G(a ?? ""), y = le(L, e, c), M = K(y, _);
-    n(M);
-  }, [
-    n,
-    a,
-    c,
-    e
-  ]), C = T(() => e === "time" ? !1 : Q(s).filter(J).map((y) => y.toUpperCase())[0] === e, [
-    s,
-    e
-  ]);
-  return e === "time" ? {
-    partValue: h,
-    partError: u.TIME,
-    onPartChange: b,
-    isFirstPart: !1
-  } : {
-    partValue: c[e] || "",
-    partError: u[e],
-    onPartChange: D,
-    isFirstPart: C
-  };
-}
-function z({ datePart: e, className: a }) {
-  const { inputId: n, labelId: r } = N(e), { t: s } = O(), l = `field.date.label.${e.toLowerCase()}`, i = s(l);
-  return /* @__PURE__ */ t.createElement("label", {
-    id: r,
-    htmlFor: n,
-    className: a
-  }, i);
-}
-function Be(e) {
-  if (!e)
-    return null;
-  try {
-    return oe(e);
-  } catch {
-    return null;
-  }
-}
-function ke(e) {
-  if (!e)
-    return null;
-  const a = String(e.hour).padStart(2, "0"), n = String(e.minute).padStart(2, "0"), r = String(e.second).padStart(2, "0");
-  return [
-    a,
-    n,
-    r
-  ].join(":");
-}
-const Ue = "_fields_1x5em_1", qe = "_month_1x5em_10", ze = "_day_1x5em_11", $e = "_year_1x5em_12", Ge = "_timeGroup_1x5em_13", Ke = "_mobile_1x5em_32", je = "_dayInput_1x5em_45", Qe = "_yearInput_1x5em_46", Je = "_monthTrigger_1x5em_50", We = "_monthOption_1x5em_70", Xe = "_time_1x5em_13", Ze = "_hour_1x5em_89", et = "_minute_1x5em_90", tt = "_period_1x5em_91", f = {
-  fields: Ue,
-  month: qe,
-  day: ze,
-  year: $e,
-  timeGroup: Ge,
-  mobile: Ke,
-  dayInput: je,
-  yearInput: Qe,
-  monthTrigger: Je,
-  monthOption: We,
-  time: Xe,
-  hour: Ze,
-  minute: et,
-  period: tt
-}, at = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(ae, {
-  content: e,
-  locale: a
-}), Dt = () => {
-  const { isMobile: e } = B();
-  return /* @__PURE__ */ t.createElement(o, {
-    className: E(f.fields, {
-      [f.mobile]: e
-    })
-  }, /* @__PURE__ */ t.createElement(o.Label, {
-    className: E(S, p.label)
-  }, /* @__PURE__ */ t.createElement(o.Label.Required, {
-    className: E(Le, p.requiredMark)
-  })), /* @__PURE__ */ t.createElement(o.Month, {
-    className: f.month
-  }, /* @__PURE__ */ t.createElement(o.Month.Label, {
-    className: E(S, p.label)
-  }), /* @__PURE__ */ t.createElement(o.Month.Trigger, {
-    className: E(Y, p.input, f.monthTrigger)
-  }, /* @__PURE__ */ t.createElement(De, {
-    className: p.dropdownIcon
-  })), /* @__PURE__ */ t.createElement(o.Month.Options, {
-    className: E(Te, p.selectPopover, p.dropdownPopover)
-  }, /* @__PURE__ */ t.createElement(o.Month.Options.Option, {
-    className: E(p.selectOption, f.monthOption, Ne)
-  }))), /* @__PURE__ */ t.createElement(o.Day, {
-    className: f.day
-  }, /* @__PURE__ */ t.createElement(o.Day.Label, {
-    className: E(S, p.label)
-  }), /* @__PURE__ */ t.createElement(o.Day.Input, {
-    className: E(Y, p.input, f.dayInput)
-  })), /* @__PURE__ */ t.createElement(o.Year, {
-    className: f.year
-  }, /* @__PURE__ */ t.createElement(o.Year.Label, {
-    className: E(S, p.label)
-  }), /* @__PURE__ */ t.createElement(o.Year.Input, {
-    className: E(Y, p.input, f.yearInput)
-  })), /* @__PURE__ */ t.createElement(o.Time, {
-    className: f.timeGroup
-  }, /* @__PURE__ */ t.createElement(o.Time.Label, {
-    className: E(S, p.label)
-  }), /* @__PURE__ */ t.createElement(o.Time.Input, {
-    className: E(Y, p.input, f.time)
-  }, /* @__PURE__ */ t.createElement(o.Time.Hour, {
-    className: f.hour
-  }), /* @__PURE__ */ t.createElement(o.Time.Minute, {
-    className: f.minute
-  }), /* @__PURE__ */ t.createElement(o.Time.Period, {
-    className: f.period
-  }))), /* @__PURE__ */ t.createElement(o.Error, {
-    className: E(Oe, p.error)
-  }, /* @__PURE__ */ t.createElement(ye, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
-    className: E(Fe, p.description)
-  }, at));
-};
-export {
-  Dt as D
-};

package/dist/component/time-input-rac-90mLBZsX.js

@@ -1,152 +0,0 @@
-import e, { useCallback as O, useRef as q } from "react";
-import { RicosViewer as x } from "@wix/ricos/viewer";
-import u from "classnames";
-import { parseTime as H } from "@internationalized/date";
-import { TimeField as V, DateInput as v, DateSegment as _ } from "react-aria-components";
-import { ag as E, ad as B, aq as I, ai as k } from "./form-DaOKiR16.js";
-import { f as c, a as F } from "./find-child-C60k4CxG.js";
-import { D as w, E as U } from "./field-error-headless-Dm5UCOBb.js";
-import { L as j } from "./field-label-headless-C7mDzdLq.js";
-import { E as Q } from "./error-icon-hZxQ6DEy.js";
-import { s as d } from "./field-rac.module-DAPTqFDM.js";
-import { r as z, H as G, q as J, l as K, h as W } from "./form-element-classes-Bi-nNM8q.js";
-const r = ({ children: t }) => {
-  const { id: n, value: o, onChange: a, disabled: i, required: l, onBlur: s, onFocus: p, use24HourFormat: f, FieldLayout: T, hasError: D } = E(), { inputId: L, ariaDescribedBy: S, labelId: g } = B(), R = O((A) => {
-    const M = ee(A);
-    a(M);
-  }, [
-    a
-  ]), b = c(t, r.Label), N = c(t, r.Time), C = c(t, r.Description), y = c(t, r.Error), P = $(o);
-  return /* @__PURE__ */ e.createElement(T, {
-    fieldId: n,
-    renderLabel: () => b,
-    renderInput: () => /* @__PURE__ */ e.createElement(V, {
-      "aria-labelledby": g,
-      id: L,
-      "aria-describedby": S,
-      value: P,
-      onChange: R,
-      isDisabled: i,
-      isInvalid: D,
-      isRequired: l,
-      onBlur: s,
-      onFocus: p,
-      hourCycle: f ? 24 : 12
-    }, N),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, y, C)
-  });
-}, m = ({ children: t, className: n }) => {
-  const { hasError: o } = E(), a = c(t, m.Hour), i = c(t, m.Minute), l = c(t, m.Period);
-  return /* @__PURE__ */ e.createElement(v, {
-    className: n,
-    "data-invalid": o || void 0
-  }, (s) => {
-    switch (s.type) {
-      case "hour":
-        return F(a, {
-          segment: s
-        }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
-      case "minute":
-        return F(i, {
-          segment: s
-        }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
-      case "dayPeriod":
-        return F(l, {
-          segment: s
-        }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
-      case "literal":
-        return /* @__PURE__ */ e.createElement(_, {
-          segment: s
-        });
-      default:
-        return /* @__PURE__ */ e.createElement(e.Fragment, null);
-    }
-  });
-}, X = ({ className: t, ...n }) => {
-  const { id: o, hidePlaceholder: a } = E(), { segment: i } = n, { t: l } = I(), s = q(null);
-  k(() => {
-    var f;
-    (f = s.current) == null || f.focus();
-  }, o);
-  const p = a ? void 0 : l("field.date.placeholder.hour");
-  return /* @__PURE__ */ e.createElement(_, {
-    ref: s,
-    segment: i,
-    className: t,
-    ...p && {
-      placeholder: p
-    }
-  });
-}, Y = ({ className: t, ...n }) => {
-  const { hidePlaceholder: o } = E(), { segment: a } = n, { t: i } = I(), l = o ? void 0 : i("field.date.placeholder.minute");
-  return /* @__PURE__ */ e.createElement(_, {
-    segment: a,
-    className: t,
-    ...l && {
-      placeholder: l
-    }
-  });
-}, Z = ({ className: t, ...n }) => {
-  const { hidePlaceholder: o } = E(), { segment: a } = n, { t: i } = I(), l = o ? void 0 : i("field.date.placeholder.period");
-  return /* @__PURE__ */ e.createElement(_, {
-    segment: a,
-    className: t,
-    ...l && {
-      placeholder: l
-    }
-  });
-};
-m.Hour = X;
-m.Minute = Y;
-m.Period = Z;
-r.Label = j;
-r.Time = m;
-r.Description = w;
-r.Error = U;
-function $(t) {
-  if (!t)
-    return null;
-  try {
-    return H(t);
-  } catch {
-    return null;
-  }
-}
-function ee(t) {
-  if (!t)
-    return null;
-  const n = String(t.hour).padStart(2, "0"), o = String(t.minute).padStart(2, "0"), a = String(t.second).padStart(2, "0");
-  return [
-    n,
-    o,
-    a
-  ].join(":");
-}
-const te = "_time_332x1_1", re = "_hour_332x1_14", ne = "_minute_332x1_15", ae = "_period_332x1_16", h = {
-  time: te,
-  hour: re,
-  minute: ne,
-  period: ae
-}, oe = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(x, {
-  content: t,
-  locale: n
-}), le = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
-  className: u(z, d.label)
-}, /* @__PURE__ */ e.createElement(r.Label.Required, {
-  className: u(G, d.requiredMark)
-})), /* @__PURE__ */ e.createElement(r.Time, {
-  className: u(J, d.input, h.time)
-}, /* @__PURE__ */ e.createElement(r.Time.Hour, {
-  className: h.hour
-}), /* @__PURE__ */ e.createElement(r.Time.Minute, {
-  className: h.minute
-}), /* @__PURE__ */ e.createElement(r.Time.Period, {
-  className: h.period
-})), /* @__PURE__ */ e.createElement(r.Error, {
-  className: u(K, d.error)
-}, /* @__PURE__ */ e.createElement(Q, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
-  className: u(W, d.description)
-}, oe)), Ie = () => /* @__PURE__ */ e.createElement(le, null);
-export {
-  Ie as TimeInputRAC
-};