@wix/form-elements 1.74.0 → 1.76.0

package/dist/component/{radio-group-field-rac-BWpTNAbO.js → radio-group-field-rac-DdlyQ3m6.js}

@@ -1,10 +1,10 @@
 import { RicosViewer as s } from "@wix/ricos/viewer";
 import a from "classnames";
 import e from "react";
-import { R as t, s as r } from "./radio-group-field-rac.module-WxU5zxvM.js";
+import { R as t, s as r } from "./radio-group-field-rac.module-emin6sSc.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s as l } from "./field-rac.module-Cac83bU5.js";
-import { z as c, R as i, N as E, M as _, L as R, y as p, q as O, j as L } from "./form-element-classes-DDKCTFQj.js";
+import { s as l } from "./field-rac.module-DjmaTYkc.js";
+import { z as c, Q as i, M as E, L as _, K as R, y as p, p as O, i as L } from "./form-element-classes-BXNs5k3q.js";
 const I = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
   content: o,
   locale: n

package/dist/component/{radio-group-field-rac.module-WxU5zxvM.js → radio-group-field-rac.module-emin6sSc.js}

@@ -1,9 +1,9 @@
 import s, { useRef as y, useState as V, useEffect as S, useCallback as B } from "react";
 import { RadioGroup as T, RadioField as k, RadioButton as G, TextField as M, Input as P } from "react-aria-components";
-import { ai as C, af as $, as as F, ab as q, ak as x } from "./form-C6WwBcGP.js";
+import { ai as C, af as $, as as F, ab as q, ak as x } from "./form-BpHElSwH.js";
 import { f as d, a as g } from "./find-child-C60k4CxG.js";
-import { D as U, E as A } from "./field-error-headless-DQZ5XAdn.js";
-import { L as H } from "./field-label-headless-DoxfHHaj.js";
+import { D as U, E as A } from "./field-error-headless-C5ZsFUKv.js";
+import { L as H } from "./field-label-headless-CS5OYsiI.js";
 import { N as j } from "./options-layout-constants-DEfIEJWD.js";
 const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ?? o.label) === t), R = (e, t) => !!t && !w(e, t), z = (e, t) => {
   const a = t ? t.length + 2 : 0;

package/dist/component/{radio-group-rac-dA4WZ1Vj.js → radio-group-rac-B-9q91fJ.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { R as r } from "./radio-group-field-rac-BWpTNAbO.js";
+import { R as r } from "./radio-group-field-rac-DdlyQ3m6.js";
 const R = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   R as RadioGroupRAC

package/dist/component/{rating-input-field-rac-CJnFsBvH.js → rating-input-field-rac-VDaJKq-n.js}

@@ -1,17 +1,16 @@
-import { RicosViewer as O } from "@wix/ricos/viewer";
+import { RicosViewer as D } from "@wix/ricos/viewer";
 import c from "classnames";
 import e, { useCallback as h, useState as y, useRef as A } from "react";
-import { ai as b, af as F, as as T, ac as M } from "./form-C6WwBcGP.js";
+import { ai as F, af as N, as as T, ac as M } from "./form-BpHElSwH.js";
 import { RadioGroup as P, RadioField as w, RadioButton as B } from "react-aria-components";
-import { f as E, a as q } from "./find-child-C60k4CxG.js";
-import { D as x, E as G } from "./field-error-headless-DQZ5XAdn.js";
-import { L as H } from "./field-label-headless-DoxfHHaj.js";
+import { f as E, a as G } from "./find-child-C60k4CxG.js";
+import { D as H, E as q } from "./field-error-headless-C5ZsFUKv.js";
+import { L as z } from "./field-label-headless-CS5OYsiI.js";
 import { E as k } from "./error-icon-hZxQ6DEy.js";
-import { s as p } from "./field-rac.module-Cac83bU5.js";
-import { z, R as Q, O as j, P as K, Q as U, q as Y, j as Z } from "./form-element-classes-DDKCTFQj.js";
-import { R as J } from "./form-element-keys-D0sEdpFo.js";
+import { s as p } from "./field-rac.module-DjmaTYkc.js";
+import { z as x, Q, N as K, O as U, P as Y, p as Z, i as j, F as J } from "./form-element-classes-BXNs5k3q.js";
 const t = ({ children: a }) => {
-  const { id: r, value: n, onChange: i, disabled: o, readOnly: d, required: l, hasError: m, onBlur: u, onFocus: R, FieldLayout: C } = b(), { labelId: L } = F(), _ = h((D) => i(Number(D)), [
+  const { id: r, value: n, onChange: i, disabled: o, readOnly: d, required: l, hasError: m, onBlur: u, onFocus: R, FieldLayout: C } = F(), { labelId: L } = N(), _ = h((O) => i(Number(O)), [
     i
   ]), f = E(a, t.Label), s = E(a, t.Ratings), g = E(a, t.Description), v = E(a, t.Error);
   return /* @__PURE__ */ e.createElement(C, {
@@ -32,7 +31,7 @@ const t = ({ children: a }) => {
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, v, g)
   });
 }, I = ({ children: a, className: r, getReactionLabel: n }) => {
-  const { value: i, readOnly: o, hasError: d } = b(), { inputId: l, ariaDescribedBy: m } = F(), [u, R] = y(), C = A(null), L = E(a, I.Rating), _ = [
+  const { value: i, readOnly: o, hasError: d } = F(), { inputId: l, ariaDescribedBy: m } = N(), [u, R] = y(), C = A(null), L = E(a, I.Rating), _ = [
     "1",
     "2",
     "3",
@@ -46,7 +45,7 @@ const t = ({ children: a }) => {
     className: r,
     "data-invalid": d,
     "data-readonly": o
-  }, _.map((s) => q(L, {
+  }, _.map((s) => G(L, {
     key: s,
     value: s,
     isSelected: f(s),
@@ -63,7 +62,7 @@ const t = ({ children: a }) => {
   position: "absolute",
   width: 1,
   whiteSpace: "nowrap"
-}, N = ({ className: a, children: r, ...n }) => {
+}, b = ({ className: a, children: r, ...n }) => {
   const { value: i, isSelected: o, onHoverChange: d, label: l } = n, m = typeof a == "function" ? a({
     isSelected: o
   }) : a;
@@ -79,12 +78,12 @@ const t = ({ children: a }) => {
     style: W
   }, l) : null));
 };
-I.Rating = N;
-t.Label = H;
+I.Rating = b;
+t.Label = z;
 t.Ratings = I;
-t.Rating = N;
-t.Description = x;
-t.Error = G;
+t.Rating = b;
+t.Description = H;
+t.Error = q;
 const X = (a) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
@@ -95,33 +94,33 @@ const X = (a) => /* @__PURE__ */ e.createElement("svg", {
 }, /* @__PURE__ */ e.createElement("path", {
   fillRule: "evenodd",
   d: "M28.6265,13.6325 C28.9655,13.3015 29.0845,12.8175 28.9385,12.3665 C28.7925,11.9165 28.4105,11.5945 27.9415,11.5265 L20.5785,10.4565 C20.5015,10.4445 20.4345,10.3965 20.4005,10.3275 L17.1075,3.6545 L17.1075,3.6535 C16.8975,3.2295 16.4735,2.9655 16.0005,2.9655 L15.9995,2.9655 C15.5255,2.9655 15.1025,3.2295 14.8925,3.6545 L11.5985,10.3275 C11.5645,10.3965 11.4985,10.4445 11.4225,10.4565 L4.0575,11.5265 C3.5895,11.5945 3.2075,11.9165 3.0615,12.3665 C2.9155,12.8175 3.0345,13.3015 3.3735,13.6325 L8.7025,18.8265 C8.7575,18.8805 8.7835,18.9585 8.7705,19.0345 L7.5125,26.3695 C7.4325,26.8355 7.6205,27.2985 8.0035,27.5765 C8.2195,27.7345 8.4735,27.8145 8.7285,27.8145 C8.9245,27.8145 9.1215,27.7665 9.3045,27.6705 L15.8895,24.2085 C15.9595,24.1725 16.0415,24.1725 16.1085,24.2075 L22.6955,27.6705 C23.1155,27.8915 23.6135,27.8555 23.9965,27.5765 C24.3795,27.2985 24.5675,26.8355 24.4875,26.3695 L23.2305,19.0355 C23.2165,18.9585 23.2425,18.8805 23.2975,18.8265 L28.6265,13.6325 Z"
-})), $ = "_ratings_1n24x_1", V = "_rating_1n24x_1", S = {
+})), $ = "_ratings_1mvz3_1", V = "_rating_1mvz3_1", S = {
   ratings: $,
   rating: V
-}, ee = ({ content: a, locale: r }) => /* @__PURE__ */ e.createElement(O, {
+}, ee = ({ content: a, locale: r }) => /* @__PURE__ */ e.createElement(D, {
   content: a,
   locale: r
-}), ue = () => {
-  const { t: a } = T(), r = M(J);
+}), Ee = () => {
+  const { t: a } = T(), r = M(J.RATING_OPTION);
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: c(z, p.label)
+    className: c(x, p.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
     className: c(Q, p.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Ratings, {
-    className: c(j, S.ratings),
+    className: c(K, S.ratings),
     getReactionLabel: (n) => a("rating-input.a11y.reaction-label", {
       count: n
     })
   }, /* @__PURE__ */ e.createElement(t.Rating, {
-    className: ({ isSelected: n }) => c(K, r, S.rating, {
-      [U]: n
+    className: ({ isSelected: n }) => c(U, r, S.rating, {
+      [Y]: n
     })
   }, /* @__PURE__ */ e.createElement(X, null))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: c(Y, p.error)
+    className: c(Z, p.error)
   }, /* @__PURE__ */ e.createElement(k, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: c(Z, p.description)
+    className: c(j, p.description)
   }, ee));
 };
 export {
-  ue as R
+  Ee as R
 };

package/dist/component/{rating-input-rac-DXVYozFV.js → rating-input-rac-BVO62LmE.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { R as e } from "./rating-input-field-rac-CJnFsBvH.js";
+import { R as e } from "./rating-input-field-rac-VDaJKq-n.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as RatingInputRAC

package/dist/component/{rich-content-rac.module-DkKwzJS7.js → rich-content-rac.module-CdiaAjxG.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ai as a, ab as i, as as T } from "./form-C6WwBcGP.js";
+import { ai as a, ab as i, as as T } from "./form-BpHElSwH.js";
 import { Button as d } from "react-aria-components";
 import { D as r } from "./data-hooks-Dkw1pbRj.js";
 import { truncateRichContent as _ } from "@wix/ricos/content";

package/dist/component/{rich-text-field-rac-8FWCRrpb.js → rich-text-field-rac-C4RrbyEX.js}

@@ -1,8 +1,8 @@
 import l from "classnames";
 import e from "react";
-import { ai as m, L as i, W as u, Z as R } from "./form-C6WwBcGP.js";
-import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-DkKwzJS7.js";
-import { a6 as g } from "./form-element-classes-DDKCTFQj.js";
+import { ai as m, L as i, W as u, Z as R } from "./form-BpHElSwH.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-CdiaAjxG.js";
+import { a7 as g } from "./form-element-classes-BXNs5k3q.js";
 const h = {
   colorPalette: R(),
   customStyles: u()

package/dist/component/{rich-text-rac-OeM_mPRy.js → rich-text-rac-BG376ww9.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { R as t } from "./rich-text-field-rac-8FWCRrpb.js";
+import { R as t } from "./rich-text-field-rac-C4RrbyEX.js";
 const R = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   R as RichTextRAC

package/dist/component/{service-dropdown-rac-mvUMpcS_.js → service-dropdown-rac-Dy6-OpVR.js}

@@ -1,14 +1,14 @@
 import t, { useRef as P, useMemo as g, useCallback as h, useEffect as T } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import m from "classnames";
-import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-C6WwBcGP.js";
-import { u as q } from "./use-service-options-base-D4Zl-iGW.js";
-import { D as d } from "./dropdown-field-headless-CTZ-zGqZ.js";
-import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
+import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-BpHElSwH.js";
+import { u as x } from "./use-service-options-base-EFrxTpGm.js";
+import { D as d } from "./dropdown-field-headless-BGfJ1FyZ.js";
+import { C as B } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as H } from "./error-icon-hZxQ6DEy.js";
 import { H as k } from "./custom-focus-class-_483Pkwp.js";
-import { s as n } from "./field-rac.module-Cac83bU5.js";
-import { z as B, R as W, y as j, C as z, q as Q, j as Y } from "./form-element-classes-DDKCTFQj.js";
+import { s as n } from "./field-rac.module-DjmaTYkc.js";
+import { z as q, Q, y as W, B as z, p as Y, i as j } from "./form-element-classes-BXNs5k3q.js";
 const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = g(() => {
     var s;
@@ -25,11 +25,11 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   ] : s, [
     i,
     c
-  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: R } = q({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = x({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
-  }), _ = h(async () => {
+  }), R = h(async () => {
     if (a.current && (r != null && r.fetchServices) && E.length > 0) {
       a.current = !1, F(!0);
       let s;
@@ -41,7 +41,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
         console.error(u);
       }
       if (s) {
-        const u = R(s);
+        const u = _(s);
         S(!i && u.length === 0), L(u);
       } else
         a.current = !0;
@@ -50,7 +50,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   }, [
     r,
     E,
-    R,
+    _,
     i,
     F,
     L,
@@ -68,9 +68,9 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     e.isEditor
   ]);
   const v = h(() => {
-    e.onFocus && e.onFocus(), a.current && _();
+    e.onFocus && e.onFocus(), a.current && R();
   }, [
-    _,
+    R,
     e.onFocus
   ]), N = h(
     (s) => {
@@ -121,21 +121,21 @@ const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
   content: e,
   locale: r
 }), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
-  className: m(B, n.label)
+  className: m(q, n.label)
 }, /* @__PURE__ */ t.createElement(o.Label.Required, {
-  className: m(W, n.requiredMark)
+  className: m(Q, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
-  className: m(j, n.input, n.dropdownTrigger)
-}, /* @__PURE__ */ t.createElement(x, {
+  className: m(W, n.input, n.dropdownTrigger)
+}, /* @__PURE__ */ t.createElement(B, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
   className: m(z, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
   className: m(n.selectOption, k)
 })), /* @__PURE__ */ t.createElement(o.Error, {
-  className: m(Q, n.error)
+  className: m(Y, n.error)
 }, /* @__PURE__ */ t.createElement(H, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
-  className: m(Y, n.description)
+  className: m(j, n.description)
 }, K)), le = () => /* @__PURE__ */ t.createElement(X, null);
 export {
   le as ServiceDropdownRAC

package/dist/component/services-multi-choice-rac-BKW9MP_b.js

@@ -0,0 +1,84 @@
+import e, { useEffect as _, useMemo as I } from "react";
+import { RicosViewer as L } from "@wix/ricos/viewer";
+import r from "classnames";
+import { F as R, ai as d, h as D } from "./form-BpHElSwH.js";
+import { u as F } from "./use-service-options-base-EFrxTpGm.js";
+import { C as a } from "./checkbox-group-field-headless-DN2aNw9g.js";
+import { E as f } from "./error-icon-hZxQ6DEy.js";
+import { C as N } from "./checkbox-indicator-module-classes-BcScu147.js";
+import { s as i } from "./field-rac.module-DjmaTYkc.js";
+import { z as h, Q as M, U as b, W as A, y as v, p as T, i as x, V as y } from "./form-element-classes-BXNs5k3q.js";
+import { o as O } from "./options-rac.module-KM-VT_KY.js";
+import { u as P } from "./use-element-state-class-name-CC65g9mT.js";
+const k = (s) => {
+  var C;
+  const { isLoading: o, options: n, isEmpty: c, shouldRender: m, setOptions: l, setIsEmpty: E, setHasInitialDataLoaded: p } = F({
+    fieldType: R.SERVICES_MULTI_CHOICE,
+    isEditor: s.isEditor
+  }), u = (C = s.options) == null ? void 0 : C.every((S) => S.label && S.id);
+  return _(() => {
+    if (u && s.options) {
+      l(s.options), E(s.options.length === 0), p(!0);
+      return;
+    }
+  }, [
+    u,
+    s.options,
+    l,
+    E,
+    p
+  ]), {
+    isLoading: o,
+    options: n,
+    isEmpty: c,
+    shouldRender: m
+  };
+}, t = ({ children: s }) => {
+  const o = d(), { options: n, isEmpty: c, shouldRender: m } = k(o), l = I(() => ({
+    ...o,
+    options: n
+  }), [
+    o,
+    n
+  ]);
+  return !o.isEditor && c || !m ? null : /* @__PURE__ */ e.createElement(D.Provider, {
+    value: {
+      v2: l
+    }
+  }, /* @__PURE__ */ e.createElement(a, null, s));
+};
+t.Label = a.Label;
+t.Options = a.Options;
+t.Description = a.Description;
+t.Error = a.Error;
+const V = ({ content: s, locale: o }) => /* @__PURE__ */ e.createElement(L, {
+  content: s,
+  locale: o
+}), U = () => {
+  const s = P({
+    globalClasses: y,
+    moduleClasses: N
+  });
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: r(h, i.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: r(M, i.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Options, {
+    className: r(b, O.options)
+  }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
+    className: i.checkbox
+  }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
+    className: s
+  }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
+    className: r(A, O.optionLabel)
+  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
+    inputClassName: r(v, i.input)
+  }))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: r(T, i.error)
+  }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: r(x, i.description)
+  }, V));
+}, j = () => /* @__PURE__ */ e.createElement(U, null);
+export {
+  j as ServicesMultiChoiceRAC
+};