@wix/form-elements 1.77.0 → 1.79.0

package/dist/component/form-element-classes-BXNs5k3q.js

@@ -1,119 +0,0 @@
-const o = {
-  CHECKBOX_GROUP_INDICATOR: "checkboxGroupIndicator",
-  SERVICES_INDICATOR: "servicesIndicator",
-  CHECKBOX_INDICATOR: "checkboxIndicator",
-  SUBSCRIBE_CHECKBOX_INDICATOR: "subscribeCheckboxIndicator",
-  ECOM_SUBSCRIPTION_CHECKBOX_INDICATOR: "ecomSubscriptionCheckboxIndicator",
-  GUEST_CHECKBOX_INDICATOR: "guestCheckboxIndicator",
-  PRODUCT_LIST_INDICATOR: "productListIndicator",
-  TAGS_OPTION: "tagsOption",
-  DONATION_OPTION: "donationOption",
-  IMAGE_CHOICE_OPTION: "imageChoiceOption",
-  RATING_OPTION: "ratingOption",
-  TIME_SLOT: "timeSlot"
-}, _ = "form-field-label", e = "form-field-required-indicator", O = "form-field-description", s = "form-field-error", i = "form-field-input", c = "form-field-upload-button", t = "form-field-popover", I = "form-field-suggestion", r = "form-field-option-label", C = "form-field-radio-group", S = "form-field-radio-group-option-label", E = "form-field-radio-group-radio-button", f = "form-field-quiz-radio-group", L = "form-field-quiz-radio-group-option-label", a = "form-field-quiz-radio-group-radio-button", d = "form-field-rsvp", n = "form-field-rsvp-option-label", R = "form-field-rsvp-radio-button", l = "form-field-checkbox-group", F = "form-field-checkbox-group-option-label", A = {
-  key: o.CHECKBOX_GROUP_INDICATOR,
-  base: "form-field-checkbox-group-indicator",
-  selected: "form-field-checkbox-group-indicator--selected",
-  hover: "form-field-checkbox-group-indicator--hover"
-}, T = "form-field-services", D = "form-field-services-option-label", m = {
-  key: o.SERVICES_INDICATOR,
-  base: "form-field-services-indicator",
-  selected: "form-field-services-indicator--selected",
-  hover: "form-field-services-indicator--hover"
-}, M = "form-field-checkbox", N = "form-field-checkbox-label", b = {
-  key: o.CHECKBOX_INDICATOR,
-  base: "form-field-checkbox-indicator",
-  selected: "form-field-checkbox-indicator--selected",
-  hover: "form-field-checkbox-indicator--hover"
-}, B = "form-field-subscribe-checkbox", p = "form-field-subscribe-checkbox-label", u = {
-  key: o.SUBSCRIBE_CHECKBOX_INDICATOR,
-  base: "form-field-subscribe-checkbox-indicator",
-  selected: "form-field-subscribe-checkbox-indicator--selected",
-  hover: "form-field-subscribe-checkbox-indicator--hover"
-}, h = "form-field-ecom-subscription-checkbox", P = "form-field-ecom-subscription-checkbox-label", U = {
-  key: o.ECOM_SUBSCRIPTION_CHECKBOX_INDICATOR,
-  base: "form-field-ecom-subscription-checkbox-indicator",
-  selected: "form-field-ecom-subscription-checkbox-indicator--selected",
-  hover: "form-field-ecom-subscription-checkbox-indicator--hover"
-}, k = "form-field-guest-checkbox", x = "form-field-guest-checkbox-label", g = {
-  key: o.GUEST_CHECKBOX_INDICATOR,
-  base: "form-field-guest-checkbox-indicator",
-  selected: "form-field-guest-checkbox-indicator--selected",
-  hover: "form-field-guest-checkbox-indicator--hover"
-}, G = "form-field-product-list", H = "form-field-product-list-product-name", v = "form-field-product-list-price", X = {
-  key: o.PRODUCT_LIST_INDICATOR,
-  base: "form-field-product-list-indicator",
-  selected: "form-field-product-list-indicator--selected",
-  hover: "form-field-product-list-indicator--hover"
-}, K = "form-field-tags", V = "form-field-tags-option", y = "form-field-tags-option--selected", q = "form-field-donation", Q = "form-field-donation-option", z = "form-field-donation-option--selected", Z = "form-field-image-choice", w = "form-field-image-choice-option", W = "form-field-image-choice-option--selected", Y = {
-  key: o.TIME_SLOT,
-  base: "form-field-time-slot",
-  selected: "form-field-time-slot--selected",
-  hover: "form-field-time-slot--hover"
-}, j = "form-field-info-banner", J = "form-field-calendar", $ = "form-field-date-title", oo = "form-field-info-text", _o = "form-field-ratings", eo = "form-field-rating-option", Oo = "form-field-rating-option--selected", so = "form-field-show-more-button", io = "form-rich-content", co = "form-submit-button", to = "form-next-button", Io = "form-previous-button";
-export {
-  I as $,
-  r as A,
-  t as B,
-  G as C,
-  X as D,
-  v as E,
-  o as F,
-  H as G,
-  f as H,
-  L as I,
-  a as J,
-  C as K,
-  S as L,
-  E as M,
-  _o as N,
-  eo as O,
-  Oo as P,
-  e as Q,
-  d as R,
-  n as S,
-  R as T,
-  T as U,
-  m as V,
-  D as W,
-  so as X,
-  B as Y,
-  u as Z,
-  p as _,
-  J as a,
-  K as a0,
-  V as a1,
-  y as a2,
-  Y as a3,
-  c as a4,
-  to as a5,
-  Io as a6,
-  io as a7,
-  co as a8,
-  M as b,
-  l as c,
-  A as d,
-  F as e,
-  b as f,
-  N as g,
-  $ as h,
-  O as i,
-  q as j,
-  Q as k,
-  z as l,
-  h as m,
-  U as n,
-  P as o,
-  s as p,
-  k as q,
-  g as r,
-  x as s,
-  Z as t,
-  w as u,
-  W as v,
-  j as w,
-  oo as x,
-  i as y,
-  _ as z
-};

package/dist/component/quiz-radio-group-rac-Dhk7nkzb.js

@@ -1,13 +0,0 @@
-import _ from "react";
-import { R } from "./radio-group-field-rac-DdlyQ3m6.js";
-import { J as o, I as r, H as O } from "./form-element-classes-BXNs5k3q.js";
-const t = () => /* @__PURE__ */ _.createElement(R, {
-  classes: {
-    container: O,
-    label: r,
-    control: o
-  }
-});
-export {
-  t as QuizRadioGroupRAC
-};

package/dist/component/radio-group-field-rac-DdlyQ3m6.js

@@ -1,40 +0,0 @@
-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-emin6sSc.js";
-import { E as m } from "./error-icon-hZxQ6DEy.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
-}), M = ({ classes: o = {
-  container: R,
-  label: _,
-  control: E
-} }) => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-  className: a(c, l.label)
-}, /* @__PURE__ */ e.createElement(t.Label.Required, {
-  className: a(i, l.requiredMark)
-}), /* @__PURE__ */ e.createElement(t.Label.Image, {
-  className: r.labelImage
-})), /* @__PURE__ */ e.createElement(t.Options, {
-  className: a(o.container, r.options)
-}, /* @__PURE__ */ e.createElement(t.Option, {
-  className: r.option
-}, /* @__PURE__ */ e.createElement(t.Option.Input, {
-  className: r.optionInput
-}), /* @__PURE__ */ e.createElement(t.Option.Control, {
-  className: a(o.control, r.optionControl)
-}), /* @__PURE__ */ e.createElement(t.Option.Label, {
-  className: a(o.label, r.optionLabel)
-}), /* @__PURE__ */ e.createElement(t.Option.OtherInput, {
-  className: a(p, l.input)
-}))), /* @__PURE__ */ e.createElement(t.Error, {
-  className: a(O, l.error)
-}, /* @__PURE__ */ e.createElement(m, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: a(L, l.description)
-}, I));
-export {
-  M as R
-};

package/dist/component/radio-group-field-rac.module-emin6sSc.js

@@ -1,124 +0,0 @@
-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-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-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;
-  return e.slice(a);
-}, i = ({ children: e }) => {
-  const { id: t, value: o, onChange: a, disabled: O, readOnly: m, required: f, onBlur: b, onFocus: E, hasError: v, FieldLayout: l, options: r } = C(), { inputId: c, labelId: I, ariaDescribedBy: n } = $(), u = d(e, i.Label), h = d(e, i.Options), _ = d(e, i.Description), N = d(e, i.Error), D = R(r, o) ? L : o || null;
-  return /* @__PURE__ */ s.createElement(l, {
-    fieldId: t,
-    renderLabel: () => g(u, {
-      as: "div"
-    }),
-    renderInput: () => /* @__PURE__ */ s.createElement(T, {
-      id: c,
-      "aria-labelledby": I,
-      "aria-describedby": n,
-      value: D,
-      onChange: a,
-      isDisabled: O,
-      isReadOnly: m,
-      isRequired: f,
-      isInvalid: v,
-      onBlur: b,
-      onFocus: E
-    }, h),
-    renderDescription: () => /* @__PURE__ */ s.createElement(s.Fragment, null, N, _)
-  });
-}, J = ({ children: e, className: t }) => {
-  const { options: o, addOther: a, addOtherLabel: O, id: m, numberOfColumns: f, hasError: b } = C(), { t: E } = F(), { isMobile: v } = q(), l = d(e, i.Option), r = y(null), c = O || E("add-other.default-other-option-label") || L, I = v ? j.ONE : f;
-  return x(() => {
-    var n;
-    (n = r.current) == null || n.focus();
-  }, m), /* @__PURE__ */ s.createElement("div", {
-    className: t,
-    "data-columns": I,
-    "data-invalid": b
-  }, o.map((n, u) => g(l, {
-    key: n.value ?? n.label,
-    value: n.value ?? n.label,
-    label: n.label,
-    index: u,
-    radioRef: u === 0 ? r : void 0
-  })), a && g(l, {
-    key: L,
-    value: L,
-    label: c,
-    isOther: !0
-  }));
-}, p = ({ children: e, className: t, ...o }) => {
-  var u;
-  const { value: a, label: O, isOther: m = !1, radioRef: f } = o, { value: b, options: E } = C(), v = d(e, p.Label), l = d(e, p.Input), r = d(e, p.Control), c = d(e, p.OtherInput), I = m ? R(E, b) : b === a, n = (u = l == null ? void 0 : l.props) == null ? void 0 : u.className;
-  return /* @__PURE__ */ s.createElement("div", {
-    className: t
-  }, /* @__PURE__ */ s.createElement(k, {
-    value: a
-  }, /* @__PURE__ */ s.createElement(G, {
-    ref: f,
-    className: n
-  }, r, g(v, {
-    label: O
-  }))), m && I && c);
-}, K = ({ className: e, ...t }) => {
-  const { label: o } = t;
-  return /* @__PURE__ */ s.createElement("span", {
-    className: e
-  }, o);
-}, Q = (e) => null, W = ({ className: e }) => /* @__PURE__ */ s.createElement("div", {
-  "aria-hidden": "true",
-  className: e
-}), X = ({ className: e }) => {
-  const { value: t, onChange: o, addOtherLabel: a, addOtherPlaceholder: O, otherInputCharacterLimit: m, disabled: f, readOnly: b, options: E } = C(), { t: v } = F(), l = y(null), r = R(E, t), c = a || v("add-other.default-other-option-label") || L, [I, n] = V(r && t ? z(t, a) : "");
-  S(() => {
-    var h;
-    r && l.current && ((h = l.current) == null || h.focus());
-  }, [
-    r
-  ]);
-  const u = B((h) => {
-    let _;
-    h ? _ = `${a}: ${h}` : _ = c, o(_), n(h);
-  }, [
-    o,
-    a,
-    c
-  ]);
-  return /* @__PURE__ */ s.createElement(M, {
-    "aria-label": c,
-    value: I,
-    onChange: u,
-    isDisabled: f,
-    isReadOnly: b
-  }, /* @__PURE__ */ s.createElement(P, {
-    ref: l,
-    className: e,
-    placeholder: O,
-    maxLength: m
-  }));
-};
-p.Label = K;
-p.Input = Q;
-p.Control = W;
-p.OtherInput = X;
-i.Label = H;
-i.Options = J;
-i.Option = p;
-i.Description = U;
-i.Error = A;
-const Y = "_labelImage_45itv_1", Z = "_options_45itv_26", ee = "_option_45itv_26", te = "_optionInput_45itv_46", oe = "_optionControl_45itv_64", ne = "_optionLabel_45itv_142", de = {
-  labelImage: Y,
-  options: Z,
-  option: ee,
-  optionInput: te,
-  optionControl: oe,
-  optionLabel: ne
-};
-export {
-  i as R,
-  de as s
-};

package/dist/component/rating-input-field-rac-VDaJKq-n.js

@@ -1,126 +0,0 @@
-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 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 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-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 } = 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, {
-    fieldId: r,
-    renderLabel: () => f,
-    renderInput: () => /* @__PURE__ */ e.createElement(P, {
-      "aria-labelledby": L,
-      value: n ? String(n) : void 0,
-      onChange: _,
-      isDisabled: o,
-      isReadOnly: d,
-      isRequired: l,
-      isInvalid: m,
-      onBlur: u,
-      onFocus: R,
-      orientation: "horizontal"
-    }, s),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, v, g)
-  });
-}, I = ({ children: a, className: r, getReactionLabel: n }) => {
-  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",
-    "4",
-    "5"
-  ], f = (s) => u && !o ? u >= s : !!i && i >= Number(s);
-  return /* @__PURE__ */ e.createElement("div", {
-    ref: C,
-    id: l,
-    "aria-describedby": m,
-    className: r,
-    "data-invalid": d,
-    "data-readonly": o
-  }, _.map((s) => G(L, {
-    key: s,
-    value: s,
-    isSelected: f(s),
-    onHoverChange: (g) => R(g ? s : void 0),
-    label: n == null ? void 0 : n(Number(s))
-  })));
-}, W = {
-  border: 0,
-  clipPath: "inset(50%)",
-  height: 1,
-  margin: -1,
-  overflow: "hidden",
-  padding: 0,
-  position: "absolute",
-  width: 1,
-  whiteSpace: "nowrap"
-}, b = ({ className: a, children: r, ...n }) => {
-  const { value: i, isSelected: o, onHoverChange: d, label: l } = n, m = typeof a == "function" ? a({
-    isSelected: o
-  }) : a;
-  return /* @__PURE__ */ e.createElement(w, {
-    value: i
-  }, /* @__PURE__ */ e.createElement(B, {
-    className: m,
-    "data-active": o || void 0,
-    onHoverChange: d
-  }, typeof r == "function" ? r({
-    isSelected: o
-  }) : r, l ? /* @__PURE__ */ e.createElement("span", {
-    style: W
-  }, l) : null));
-};
-I.Rating = b;
-t.Label = z;
-t.Ratings = I;
-t.Rating = b;
-t.Description = H;
-t.Error = q;
-const X = (a) => /* @__PURE__ */ e.createElement("svg", {
-  viewBox: "0 0 32 32",
-  width: 32,
-  height: 32,
-  fill: "currentColor",
-  "aria-hidden": "true",
-  ...a
-}, /* @__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_1mvz3_1", V = "_rating_1mvz3_1", S = {
-  ratings: $,
-  rating: V
-}, ee = ({ content: a, locale: r }) => /* @__PURE__ */ e.createElement(D, {
-  content: a,
-  locale: r
-}), Ee = () => {
-  const { t: a } = T(), r = M(J.RATING_OPTION);
-  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: c(x, p.label)
-  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: c(Q, p.requiredMark)
-  })), /* @__PURE__ */ e.createElement(t.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(U, r, S.rating, {
-      [Y]: n
-    })
-  }, /* @__PURE__ */ e.createElement(X, null))), /* @__PURE__ */ e.createElement(t.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(j, p.description)
-  }, ee));
-};
-export {
-  Ee as R
-};