@wix/form-elements 1.74.0 → 1.75.0

package/dist/component/{time-input-rac-CGgs7ncp.js → time-input-rac-C5Cvmxtt.js}

@@ -1,18 +1,18 @@
-import e, { useCallback as H, useRef as V, useContext as q } from "react";
+import e, { useCallback as H, useRef as V, useContext as x } from "react";
 import { RicosViewer as k } from "@wix/ricos/viewer";
 import c from "classnames";
-import { parseTime as v } from "@internationalized/date";
-import { TimeField as x, DateInput as B, DateSegment as h, TimeFieldStateContext as U } from "react-aria-components";
-import { ai as p, af as j, as as T, ak as z } from "./form-C6WwBcGP.js";
+import { parseTime as q } from "@internationalized/date";
+import { TimeField as v, DateInput as B, DateSegment as h, TimeFieldStateContext as U } from "react-aria-components";
+import { ai as p, af as Q, as as T, ak as j } from "./form-DCmjj8mZ.js";
 import { f as m, a as F } from "./find-child-C60k4CxG.js";
-import { D as Q, E as G } from "./field-error-headless-DQZ5XAdn.js";
-import { L as J } from "./field-label-headless-DoxfHHaj.js";
+import { D as z, E as G } from "./field-error-headless-uQOcm2Ak.js";
+import { L as J } from "./field-label-headless-Bzh7f2Ji.js";
 import { E as K } from "./error-icon-hZxQ6DEy.js";
 import { H as S } from "./custom-focus-class-_483Pkwp.js";
-import { s as E } from "./field-rac.module-Cac83bU5.js";
-import { z as W, R as X, y as Y, q as Z, j as $ } from "./form-element-classes-DDKCTFQj.js";
+import { s as E } from "./field-rac.module-DjmaTYkc.js";
+import { y as W, Q as X, x as Y, p as Z, i as $ } from "./form-element-classes-Dn33C01k.js";
 const r = ({ children: t }) => {
-  const { id: n, value: l, onChange: o, disabled: i, readOnly: s, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: R, labelId: g } = j(), D = H((M) => {
+  const { id: n, value: l, onChange: o, disabled: i, readOnly: s, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: g, labelId: D } = Q(), R = H((M) => {
     const w = ae(M);
     o(w);
   }, [
@@ -21,12 +21,12 @@ const r = ({ children: t }) => {
   return /* @__PURE__ */ e.createElement(I, {
     fieldId: n,
     renderLabel: () => y,
-    renderInput: () => /* @__PURE__ */ e.createElement(x, {
-      "aria-labelledby": g,
+    renderInput: () => /* @__PURE__ */ e.createElement(v, {
+      "aria-labelledby": D,
       id: L,
-      "aria-describedby": R,
+      "aria-describedby": g,
       value: O,
-      onChange: D,
+      onChange: R,
       isDisabled: i,
       isReadOnly: s,
       isInvalid: C,
@@ -66,7 +66,7 @@ const r = ({ children: t }) => {
   });
 }, ee = ({ className: t, ...n }) => {
   const { id: l, hidePlaceholder: o } = p(), { segment: i } = n, { t: s } = T(), a = V(null);
-  z(() => {
+  j(() => {
     var f;
     (f = a.current) == null || f.focus();
   }, l);
@@ -89,7 +89,7 @@ const r = ({ children: t }) => {
     }
   });
 }, re = ({ className: t, ...n }) => {
-  const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = q(U), a = l ? void 0 : i("field.date.placeholder.period"), d = () => s == null ? void 0 : s.increment("dayPeriod");
+  const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = x(U), a = l ? void 0 : i("field.date.placeholder.period"), d = () => s == null ? void 0 : s.increment("dayPeriod");
   return /* @__PURE__ */ e.createElement(h, {
     segment: o,
     className: t,
@@ -104,13 +104,13 @@ u.Minute = te;
 u.Period = re;
 r.Label = J;
 r.Time = u;
-r.Description = Q;
+r.Description = z;
 r.Error = G;
 function ne(t) {
   if (!t)
     return null;
   try {
-    return v(t);
+    return q(t);
   } catch {
     return null;
   }

package/dist/component/{url-input-field-rac-CqvgTc-F.js → url-input-field-rac-CGpCEn2A.js}

@@ -2,27 +2,27 @@ import { RicosViewer as O } from "@wix/ricos/viewer";
 import l from "classnames";
 import r, { useCallback as h, useRef as y } from "react";
 import { TextField as N, Input as A } from "react-aria-components";
-import { ai as E, af as d, ak as k } from "./form-C6WwBcGP.js";
+import { ai as E, af as d, ak as k } from "./form-DCmjj8mZ.js";
 import { f as u } from "./find-child-C60k4CxG.js";
-import { D as B, E as M } from "./field-error-headless-DQZ5XAdn.js";
-import { L as P } from "./field-label-headless-DoxfHHaj.js";
+import { D as B, E as M } from "./field-error-headless-uQOcm2Ak.js";
+import { L as P } from "./field-label-headless-Bzh7f2Ji.js";
 import { u as T } from "./use-invoke-callback-UH73A_J3.js";
-import { E as q } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-Cac83bU5.js";
-import { z as v, R as U, y as g, q as x, j as w } from "./form-element-classes-DDKCTFQj.js";
-const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
-  const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: R, FieldLayout: F } = E(), { labelId: L } = d(), p = T(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = h(() => {
-    a(V(n)), p();
+import { E as v } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-DjmaTYkc.js";
+import { y as U, Q as g, x as q, p as x, i as w } from "./form-element-classes-Dn33C01k.js";
+const Q = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
+  const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: F, FieldLayout: L } = E(), { labelId: R } = d(), p = T(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = h(() => {
+    a(Q(n)), p();
   }, [
     p,
     a,
     n
   ]);
-  return /* @__PURE__ */ r.createElement(F, {
+  return /* @__PURE__ */ r.createElement(L, {
     fieldId: o,
     renderLabel: () => b,
     renderInput: () => /* @__PURE__ */ r.createElement(N, {
-      "aria-labelledby": L,
+      "aria-labelledby": R,
       value: n ?? "",
       onChange: a,
       isDisabled: m,
@@ -30,11 +30,11 @@ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
       isRequired: c,
       isInvalid: I,
       onBlur: S,
-      onFocus: R
+      onFocus: F
     }, D),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
   });
-}, W = ({ className: t }) => {
+}, V = ({ className: t }) => {
   const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = y(null);
   return k(() => {
     var c;
@@ -49,23 +49,23 @@ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
   });
 };
 e.Label = P;
-e.Input = W;
+e.Input = V;
 e.Description = B;
 e.Error = M;
-const $ = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
+const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
   content: t,
   locale: o
 }), te = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
-  className: l(v, s.label)
+  className: l(U, s.label)
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
-  className: l(U, s.requiredMark)
+  className: l(g, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: l(g, s.input)
+  className: l(q, s.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
   className: l(x, s.error)
-}, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: l(w, s.description)
-}, $));
+}, W));
 export {
   te as U
 };

package/dist/component/{url-input-rac-C45KOwnr.js → url-input-rac-DhFL8fGq.js}

@@ -1,5 +1,5 @@
 import r from "react";
-import { U as t } from "./url-input-field-rac-CqvgTc-F.js";
+import { U as t } from "./url-input-field-rac-CGpCEn2A.js";
 const n = () => /* @__PURE__ */ r.createElement(t, null);
 export {
   n as UrlInputRAC

package/dist/component/use-element-state-class-name-Bnw7sY9P.js

@@ -0,0 +1,29 @@
+import m from "react";
+import { s as r } from "./field-rac.module-DjmaTYkc.js";
+import a from "classnames";
+import { ac as p } from "./form-DCmjj8mZ.js";
+const v = ({ className: e, ...t }) => {
+  const c = t;
+  return /* @__PURE__ */ m.createElement("div", {
+    "aria-hidden": "true",
+    className: typeof e == "function" ? e(c) : e
+  });
+}, I = {
+  base: r.checkboxInput,
+  selected: r.checkboxInputSelected,
+  hover: r.checkboxInputHover
+}, S = ({ globalClasses: e, moduleClasses: t }) => {
+  var o;
+  const c = ((o = p(e.key)) == null ? void 0 : o.split(/\s+/)) ?? [], i = c.includes(e.selected), d = c.includes(e.hover);
+  return ({ isSelected: n, isHovered: s }) => a(e.base, t.base, c, {
+    [e.selected]: n,
+    [e.hover]: s,
+    [t.selected]: n || i,
+    [t.hover]: s || d
+  });
+};
+export {
+  I as C,
+  v as a,
+  S as u
+};

package/dist/component/{use-service-options-base-D4Zl-iGW.js → use-service-options-base-CgT1IKB3.js}

@@ -1,5 +1,5 @@
 import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
-import { ah as v } from "./form-C6WwBcGP.js";
+import { ah as v } from "./form-DCmjj8mZ.js";
 const k = (h) => {
   const { fieldType: I, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = h, [L, O] = o(!1), [g, p] = o([]), [E, u] = o(!1), [c, f] = o(!1), s = v(I), r = D((e) => {
     let d = e.map((l) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/form-elements",
-  "version": "1.74.0",
+  "version": "1.75.0",
   "description": "The Wix Forms rendering element for Builder apps, loaded at runtime as @wix/form-elements/Form",
   "license": "MIT",
   "files": [
@@ -151,5 +151,5 @@
       ]
     }
   },
-  "falconPackageHash": "72ce2a6794445487f380a02a409cc5f78240e1520ce622b0ca881c2b"
+  "falconPackageHash": "e289d046abbbaf6510a3b4a08ef51a2b4dc1fa87a961f543da6a5a91"
 }

package/dist/component/checkbox-group-field-headless-D_GG5LHM.js

@@ -1,210 +0,0 @@
-import r, { useMemo as F, useCallback as _, useRef as H, useState as w, useEffect as U } from "react";
-import { CheckboxGroup as W, CheckboxField as A, CheckboxButton as j, TextField as z, Input as J } from "react-aria-components";
-import { debounce as K } from "ts-debounce";
-import { ai as N, af as Q, as as X, ab as Y, ak as Z } from "./form-C6WwBcGP.js";
-import { f as L, a as k } from "./find-child-C60k4CxG.js";
-import { D as ee, E as te } from "./field-error-headless-DQZ5XAdn.js";
-import { L as ne } from "./field-label-headless-DoxfHHaj.js";
-import { F as ae } from "./fieldset-headless-CD3fds9J.js";
-import { N as se } from "./options-layout-constants-DEfIEJWD.js";
-const R = "Other", le = (e, t) => e.some((l) => !t.includes(l)), B = (e, t) => e.length > 0 && le(e, t), oe = (e, t) => {
-  const l = t == null ? void 0 : t("add-other.default-other-option-label");
-  return e || l || R;
-}, P = (e, t) => {
-  const a = t ? t.length + 2 : 0;
-  return (e.find((c) => c.startsWith(`${t}: `)) || "").slice(a);
-}, D = (e) => e.map((t) => t.value ?? t.label), v = ({ children: e }) => {
-  const t = N(), { id: l, value: a, onChange: n, disabled: c, required: u, onBlur: I, onFocus: p, hasError: b, FieldLayout: i } = t, { inputId: f, labelId: d, ariaDescribedBy: o } = Q(), O = L(e, v.Label), h = L(e, v.Options), g = L(e, v.Description), C = L(e, v.Error), s = F(() => a || [], [
-    a
-  ]), E = _((V) => {
-    n == null || n(V);
-  }, [
-    n
-  ]);
-  return /* @__PURE__ */ r.createElement(i, {
-    fieldId: l,
-    renderLabel: () => O,
-    renderInput: () => /* @__PURE__ */ r.createElement(ae, {
-      id: f,
-      ariaLabelledBy: d,
-      ariaDescribedBy: o,
-      required: u,
-      onBlur: I,
-      onFocus: p
-    }, /* @__PURE__ */ r.createElement(W, {
-      "aria-labelledby": d,
-      value: s,
-      onChange: E,
-      isDisabled: c,
-      isRequired: u,
-      isInvalid: b
-    }, h)),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, g)
-  });
-}, $ = ({ children: e, className: t }) => {
-  const l = N(), { id: a, options: n, addOther: c, addOtherLabel: u, numberOfColumns: I } = l, { t: p } = X(), { isMobile: b } = Y(), i = L(e, $.Option), f = oe(u, p), d = b ? se.ONE : I;
-  return /* @__PURE__ */ r.createElement("div", {
-    className: t,
-    "data-columns": d
-  }, n == null ? void 0 : n.map((o, O) => {
-    const h = o.value ?? o.label;
-    return k(i, {
-      key: o.id || o.label,
-      value: h,
-      label: o.label,
-      isFirst: O === 0,
-      fieldId: a
-    });
-  }), c && k(i, {
-    key: R,
-    value: R,
-    label: f,
-    isOther: !0
-  }));
-}, re = ({ className: e, ...t }) => {
-  const l = t;
-  return /* @__PURE__ */ r.createElement("div", {
-    "aria-hidden": "true",
-    className: typeof e == "function" ? e(l) : e
-  });
-}, ce = ({ className: e, ...t }) => {
-  const { label: l } = t;
-  return /* @__PURE__ */ r.createElement("span", {
-    className: e
-  }, l);
-}, x = ({ children: e, className: t, ...l }) => {
-  const { value: a, label: n, isFirst: c = !1, isOther: u = !1, fieldId: I } = l, p = N(), { value: b, onChange: i, disabled: f, readOnly: d, hasError: o, options: O } = p, h = H(null);
-  Z(() => {
-    var m;
-    c && ((m = h.current) == null || m.focus({
-      preventScroll: !0
-    }));
-  }, I);
-  const g = L(e, x.Label), C = L(e, x.Input), s = F(() => b || [], [
-    b
-  ]), E = F(() => u ? s.find((m) => m === n || m.startsWith(`${n}: `)) || n : a, [
-    u,
-    s,
-    n,
-    a
-  ]), V = _((m) => {
-    if (!u)
-      return;
-    const y = D(O || []), S = s.filter((G) => y.includes(G)), q = m ? [
-      ...S,
-      n
-    ] : S;
-    i == null || i(q);
-  }, [
-    u,
-    n,
-    i,
-    O,
-    s
-  ]);
-  return /* @__PURE__ */ r.createElement(A, {
-    value: E,
-    onChange: u ? V : void 0,
-    isDisabled: f,
-    isReadOnly: d,
-    isInvalid: o
-  }, /* @__PURE__ */ r.createElement(j, {
-    ref: h,
-    className: t,
-    "data-hook": `checkbox-${n}`
-  }, ({ isSelected: m, isHovered: y }) => /* @__PURE__ */ r.createElement(r.Fragment, null, k(C, {
-    isSelected: m,
-    isHovered: y
-  }), k(g, {
-    label: n
-  }))));
-};
-x.Label = ce;
-x.Input = re;
-const M = ({ children: e, ...t }) => {
-  const { value: l, label: a, isFirst: n = !1, isOther: c = !1, fieldId: u } = t, I = N(), { value: p, onChange: b, options: i, addOtherPlaceholder: f, otherInputCharacterLimit: d, disabled: o, readOnly: O, hasError: h } = I, g = L(e, x), C = L(e, T), s = F(() => p || [], [
-    p
-  ]), E = F(() => {
-    if (!c)
-      return !1;
-    const V = D(i || []);
-    return B(s, V);
-  }, [
-    c,
-    s,
-    i
-  ]);
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, k(g, {
-    value: l,
-    label: a,
-    isFirst: n,
-    isOther: c,
-    fieldId: u
-  }), c && E && k(C, {
-    fieldValue: s,
-    onChange: b,
-    label: a,
-    placeholder: f,
-    maxLength: d,
-    disabled: o,
-    readOnly: O,
-    hasError: h,
-    ariaLabel: a,
-    addOtherLabel: a,
-    options: i
-  }));
-}, T = ({ className: e, inputClassName: t, ...l }) => {
-  const { fieldValue: a, onChange: n, label: c, placeholder: u, maxLength: I, disabled: p, readOnly: b, hasError: i, ariaLabel: f, addOtherLabel: d, options: o } = l, [O, h] = w(() => {
-    const s = D(o || []);
-    return B(a, s) ? P(a, d) : "";
-  });
-  U(() => {
-    const s = D(o || []), E = B(a, s);
-    h(E ? P(a, d) : "");
-  }, [
-    a,
-    o,
-    d
-  ]);
-  const g = F(() => K((s) => {
-    const E = D(o || []), V = a.filter((S) => E.includes(S)), m = s ? `${d}: ${s}` : c, y = [
-      ...V,
-      m
-    ];
-    n(y);
-  }, 500), [
-    n,
-    o,
-    a,
-    d,
-    c
-  ]), C = _((s) => {
-    h(s), g(s);
-  }, [
-    g
-  ]);
-  return /* @__PURE__ */ r.createElement(z, {
-    "aria-label": f,
-    value: O,
-    onChange: C,
-    isDisabled: p,
-    isReadOnly: b,
-    isInvalid: i,
-    className: e
-  }, /* @__PURE__ */ r.createElement(J, {
-    className: t,
-    placeholder: u,
-    maxLength: I,
-    "aria-label": f
-  }));
-};
-v.Label = ne;
-v.Options = $;
-$.Option = M;
-M.Checkbox = x;
-M.OtherInput = T;
-v.Description = ee;
-v.Error = te;
-export {
-  v as C
-};

package/dist/component/checkbox-group-field-rac-Cj7Erubs.js

@@ -1,41 +0,0 @@
-import { RicosViewer as l } from "@wix/ricos/viewer";
-import a from "classnames";
-import e from "react";
-import { ac as m } from "./form-C6WwBcGP.js";
-import { C as t } from "./checkbox-group-field-headless-D_GG5LHM.js";
-import { E as _ } from "./error-icon-hZxQ6DEy.js";
-import { s as r } from "./field-rac.module-Cac83bU5.js";
-import { z as c, R as O, a as C, b as i, c as p, d as R, e as L, y as I, q as S, j as D } from "./form-element-classes-DDKCTFQj.js";
-import { C as F } from "./form-element-keys-D0sEdpFo.js";
-import { o as n } from "./options-rac.module-KM-VT_KY.js";
-const N = ({ content: o, locale: s }) => /* @__PURE__ */ e.createElement(l, {
-  content: o,
-  locale: s
-}), k = () => {
-  const o = m(F);
-  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: a(c, r.label)
-  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: a(O, r.requiredMark)
-  })), /* @__PURE__ */ e.createElement(t.Options, {
-    className: a(C, n.options)
-  }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
-    className: r.checkbox
-  }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
-    className: ({ isSelected: s, isHovered: E }) => a(i, r.checkboxInput, o, {
-      [R]: s,
-      [p]: E
-    })
-  }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-    className: a(L, n.optionLabel)
-  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-    inputClassName: a(I, r.input)
-  }))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: a(S, r.error)
-  }, /* @__PURE__ */ e.createElement(_, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: a(D, r.description)
-  }, N));
-};
-export {
-  k as C
-};

package/dist/component/contacts-subscribe-rac-Dl1ot9qw.js

@@ -1,13 +0,0 @@
-import C from "react";
-import { C as _ } from "./checkbox-field-rac-BH3yEE5j.js";
-import { Z as e, _ as o, Y as r } from "./form-element-classes-DDKCTFQj.js";
-const a = () => /* @__PURE__ */ C.createElement(_, {
-  classes: {
-    container: r,
-    label: o,
-    control: e
-  }
-});
-export {
-  a as ContactsSubscribeRAC
-};