@wix/form-elements 1.74.0 → 1.76.0

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

@@ -1,18 +1,18 @@
-import e, { useCallback as H, useRef as V, useContext as q } from "react";
-import { RicosViewer as k } from "@wix/ricos/viewer";
+import e, { useCallback as H, useRef as V, useContext as k } from "react";
+import { RicosViewer as q } 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 { ai as p, af as Q, as as T, ak as j } from "./form-BpHElSwH.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-C5ZsFUKv.js";
+import { L as J } from "./field-label-headless-CS5OYsiI.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 { z as W, Q as X, y as Y, p as Z, i as $ } from "./form-element-classes-BXNs5k3q.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);
   }, [
@@ -22,11 +22,11 @@ const r = ({ children: t }) => {
     fieldId: n,
     renderLabel: () => y,
     renderInput: () => /* @__PURE__ */ e.createElement(x, {
-      "aria-labelledby": g,
+      "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 = k(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,7 +104,7 @@ 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)
@@ -130,7 +130,7 @@ const oe = "_time_1wbmw_1", se = "_hour_1wbmw_14", le = "_minute_1wbmw_15", ie =
   hour: se,
   minute: le,
   period: ie
-}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(k, {
+}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(q, {
   content: t,
   locale: n
 }), me = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {

package/dist/component/{url-input-field-rac-CqvgTc-F.js → url-input-field-rac-Cxgh9T8s.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-BpHElSwH.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-C5ZsFUKv.js";
+import { L as P } from "./field-label-headless-CS5OYsiI.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 { z as U, Q as g, y as q, p as x, i as w } from "./form-element-classes-BXNs5k3q.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-DNw-Jg1U.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-Cxgh9T8s.js";
 const n = () => /* @__PURE__ */ r.createElement(t, null);
 export {
   n as UrlInputRAC

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

@@ -0,0 +1,15 @@
+import d from "classnames";
+import { ac as s } from "./form-BpHElSwH.js";
+const E = ({ globalClasses: e, moduleClasses: t }) => {
+  var c;
+  const r = ((c = s(e.key)) == null ? void 0 : c.split(/\s+/)) ?? [], m = r.includes(e.selected), o = r.includes(e.hover);
+  return ({ isSelected: n, isHovered: i }) => d(e.base, t.base, r, {
+    [e.selected]: n,
+    [e.hover]: i,
+    [t.selected]: n || m,
+    [t.hover]: i || o
+  });
+};
+export {
+  E as u
+};

package/dist/component/{use-service-options-base-D4Zl-iGW.js → use-service-options-base-EFrxTpGm.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-BpHElSwH.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.76.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": "b51f49b3f3b3028c3d441d6248803741aa0107f860ff7f7ac9a30082"
 }