@wix/form-elements 1.63.0 → 1.64.0

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

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

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

@@ -1,33 +0,0 @@
-import { RicosViewer as l } from "@wix/ricos/viewer";
-import r from "classnames";
-import e from "react";
-import { C as t } from "./checkbox-group-field-headless-Cvia4lL6.js";
-import { E as c } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-DtugsLiL.js";
-import { r as m, H as i, a as E, b as p, c as O, q as _, l as C, h as L } from "./form-element-classes-Bi-nNM8q.js";
-import { o } from "./options-rac.module-KM-VT_KY.js";
-const R = ({ content: s, locale: n }) => /* @__PURE__ */ e.createElement(l, {
-  content: s,
-  locale: n
-}), h = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-  className: r(m, a.label)
-}, /* @__PURE__ */ e.createElement(t.Label.Required, {
-  className: r(i, a.requiredMark)
-})), /* @__PURE__ */ e.createElement(t.Options, {
-  className: r(E, o.options)
-}, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
-  className: a.checkbox
-}, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
-  className: r(p, a.checkboxInput)
-}), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-  className: r(O, o.optionLabel)
-})), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-  inputClassName: r(_, a.input)
-}))), /* @__PURE__ */ e.createElement(t.Error, {
-  className: r(C, a.error)
-}, /* @__PURE__ */ e.createElement(c, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: r(L, a.description)
-}, R));
-export {
-  h as C
-};

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

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

package/dist/component/field-rac.module-DtugsLiL.js

@@ -1,21 +0,0 @@
-const o = "_label_11hck_1", c = "_requiredMark_11hck_11", n = "_input_11hck_16", t = "_inputGroup_11hck_17", e = "_innerInput_11hck_123", r = "_dropdownTrigger_11hck_166", _ = "_dropdownIcon_11hck_176", p = "_dropdownPopover_11hck_195", s = "_selectPopover_11hck_199", i = "_selectOption_11hck_226", u = "_selectOptionWithoutFocusRing_11hck_250", d = "_description_11hck_256", h = "_error_11hck_272", k = "_checkbox_11hck_291", l = "_checkboxInput_11hck_314", a = "_uploadButton_11hck_407", b = {
-  label: o,
-  requiredMark: c,
-  input: n,
-  inputGroup: t,
-  innerInput: e,
-  dropdownTrigger: r,
-  dropdownIcon: _,
-  dropdownPopover: p,
-  selectPopover: s,
-  selectOption: i,
-  selectOptionWithoutFocusRing: u,
-  description: d,
-  error: h,
-  checkbox: k,
-  checkboxInput: l,
-  uploadButton: a
-};
-export {
-  b as s
-};

package/dist/component/form-element-classes-Bi-nNM8q.js

@@ -1,55 +0,0 @@
-const _ = "form-field-label", o = "form-field-required-indicator", s = "form-field-description", O = "form-field-error", S = "form-field-input", L = "form-field-upload-button", i = "form-field-popover", I = "form-field-suggestion", c = "form-field-option-label", C = "form-field-radio-group", t = "form-field-radio-group-option-label", r = "form-field-radio-group-radio-button", R = "form-field-quiz-radio-group", e = "form-field-quiz-radio-group-option-label", E = "form-field-quiz-radio-group-radio-button", f = "form-field-rsvp", F = "form-field-rsvp-option-label", n = "form-field-rsvp-radio-button", a = "form-field-checkbox-group", A = "form-field-checkbox-group-option-label", l = "form-field-checkbox-group-indicator", d = "form-field-services", D = "form-field-services-option-label", T = "form-field-services-indicator", m = "form-field-checkbox", M = "form-field-checkbox-label", b = "form-field-checkbox-indicator", B = "form-field-subscribe-checkbox", N = "form-field-subscribe-checkbox-label", u = "form-field-subscribe-checkbox-indicator", U = "form-field-ecom-subscription-checkbox", p = "form-field-ecom-subscription-checkbox-label", P = "form-field-ecom-subscription-checkbox-indicator", g = "form-field-guest-checkbox", G = "form-field-guest-checkbox-label", h = "form-field-guest-checkbox-indicator", x = "form-field-product-list", H = "form-field-product-list-product-name", k = "form-field-product-list-price", K = "form-field-product-list-indicator", X = "form-field-tags", v = "form-field-tags-option", V = "form-field-tags-option-selected", q = "form-field-choice-tag", Q = "form-field-info-banner", z = "form-field-day-option", Z = "form-field-rating-option", y = "form-field-link", Y = "form-rich-content", j = "form-submit-button", w = "form-next-button", J = "form-previous-button";
-export {
-  e as A,
-  E as B,
-  C,
-  t as D,
-  r as E,
-  m as F,
-  Z as G,
-  o as H,
-  f as I,
-  F as J,
-  n as K,
-  d as L,
-  T as M,
-  D as N,
-  B as O,
-  u as P,
-  N as Q,
-  I as R,
-  X as S,
-  v as T,
-  V as U,
-  L as V,
-  w as W,
-  J as X,
-  Y,
-  j as Z,
-  a,
-  l as b,
-  A as c,
-  b as d,
-  M as e,
-  q as f,
-  z as g,
-  s as h,
-  U as i,
-  P as j,
-  p as k,
-  O as l,
-  g as m,
-  h as n,
-  G as o,
-  Q as p,
-  S as q,
-  _ as r,
-  y as s,
-  c as t,
-  i as u,
-  x as v,
-  K as w,
-  k as x,
-  H as y,
-  R as z
-};

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

@@ -1,13 +0,0 @@
-import _ from "react";
-import { R } from "./radio-group-field-rac-Dt2pU0VV.js";
-import { B as o, A as r, z as O } from "./form-element-classes-Bi-nNM8q.js";
-const A = () => /* @__PURE__ */ _.createElement(R, {
-  classes: {
-    container: O,
-    label: r,
-    control: o
-  }
-});
-export {
-  A as QuizRadioGroupRAC
-};

package/dist/component/services-multi-choice-rac-C-bFjwx8.js

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