@wix/form-elements 1.80.0 → 1.81.0

package/dist/component/image-choice-rac-9ncRxwZd.js

@@ -1,146 +0,0 @@
-import e, { useMemo as M, useCallback as y, useRef as x } from "react";
-import { RicosViewer as T } from "@wix/ricos/viewer";
-import d from "classnames";
-import { ai as L, af as k, ab as B, ak as H, ac as P } from "./form-BmioUKtQ.js";
-import { CheckboxGroup as q, CheckboxField as G, CheckboxButton as U } from "react-aria-components";
-import { f as p, a as g } from "./find-child-C60k4CxG.js";
-import { L as w, g as z } from "./field-label-headless-BQFy2iAr.js";
-import { D as V, E as K } from "./field-error-headless-C7IUibkK.js";
-import { F as Q } from "./fieldset-headless-CD3fds9J.js";
-import { E as Y } from "./error-icon-hZxQ6DEy.js";
-import { s as b } from "./field-rac.module-ColNPUt0.js";
-import { z as $, P as j, t as J, u as W, v as X, p as Z, i as ee, F as te } from "./form-element-classes-BuM-vthE.js";
-const a = ({ children: t }) => {
-  const { id: s, value: o, onChange: n, disabled: l, readOnly: i, required: r, onBlur: c, onFocus: m, hasError: E, FieldLayout: f } = L(), { inputId: C, labelId: _, ariaDescribedBy: O } = k(), R = p(t, a.Label), D = p(t, a.Options), N = p(t, a.Description), S = p(t, a.Error), A = M(() => o || [], [
-    o
-  ]), h = y((v) => {
-    n == null || n(v);
-  }, [
-    n
-  ]);
-  return /* @__PURE__ */ e.createElement(f, {
-    fieldId: s,
-    renderLabel: () => R,
-    renderInput: () => /* @__PURE__ */ e.createElement(Q, {
-      id: C,
-      ariaLabelledBy: _,
-      ariaDescribedBy: O,
-      required: r,
-      onBlur: c,
-      onFocus: m
-    }, /* @__PURE__ */ e.createElement(q, {
-      "aria-labelledby": _,
-      value: A,
-      onChange: h,
-      isDisabled: l,
-      isReadOnly: i,
-      isRequired: r,
-      isInvalid: E
-    }, D)),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, N)
-  });
-}, F = ({ children: t, className: s }) => {
-  const { isMobile: o } = B(), { id: n, options: l, numberOfColumns: i } = L(), r = p(t, F.Option);
-  return /* @__PURE__ */ e.createElement("div", {
-    className: s,
-    "data-columns": o ? 1 : i
-  }, l == null ? void 0 : l.map((c, m) => g(r, {
-    key: c.id || c.label,
-    option: c,
-    isFirst: m === 0,
-    fieldId: n
-  })));
-}, ae = ({ className: t }) => /* @__PURE__ */ e.createElement("div", {
-  "aria-hidden": "true",
-  className: t
-}), ne = ({ className: t, ...s }) => {
-  var m, E;
-  const { option: o } = s, { choiceImageResize: n, choiceImageAlignment: l } = L(), i = (m = o.media) == null ? void 0 : m.image;
-  if (!i)
-    return null;
-  const r = z(i, i.width, i.height);
-  if (!r)
-    return null;
-  const c = ((E = o.media) == null ? void 0 : E.altText) || o.altText || i.altText || "";
-  return /* @__PURE__ */ e.createElement("img", {
-    className: t,
-    src: r,
-    alt: c,
-    "data-fit": n,
-    "data-alignment": l,
-    "data-hook": "image-choice-option-image"
-  });
-}, oe = ({ className: t, ...s }) => {
-  const { option: o } = s;
-  return !o.label || o.isLabelHidden ? null : /* @__PURE__ */ e.createElement("span", {
-    className: t
-  }, o.label);
-}, u = ({ children: t, className: s, ...o }) => {
-  const { option: n, isFirst: l = !1, fieldId: i } = o, { disabled: r, readOnly: c, hasError: m } = L(), E = x(null);
-  H(() => {
-    var O;
-    l && ((O = E.current) == null || O.focus({
-      preventScroll: !0
-    }));
-  }, i);
-  const f = p(t, u.Input), C = p(t, u.Image), _ = p(t, u.Label);
-  return /* @__PURE__ */ e.createElement(G, {
-    value: n.label,
-    isDisabled: r,
-    isReadOnly: c,
-    isInvalid: m
-  }, /* @__PURE__ */ e.createElement(U, {
-    ref: E,
-    "aria-label": n.isLabelHidden ? n.label : void 0,
-    className: s,
-    "data-hook": `image-choice-${n.label}`
-  }, f, g(C, {
-    option: n
-  }), g(_, {
-    option: n
-  })));
-};
-u.Input = ae;
-u.Image = ne;
-u.Label = oe;
-a.Label = w;
-a.Options = F;
-F.Option = u;
-a.Description = V;
-a.Error = K;
-const se = "_options_v6xi4_1", ie = "_optionInput_v6xi4_25", le = "_option_v6xi4_1", re = "_optionLabel_v6xi4_95", ce = "_optionImage_v6xi4_128", I = {
-  options: se,
-  optionInput: ie,
-  option: le,
-  optionLabel: re,
-  optionImage: ce
-}, me = ({ content: t, locale: s }) => /* @__PURE__ */ e.createElement(T, {
-  content: t,
-  locale: s
-}), pe = () => {
-  const t = P(te.IMAGE_CHOICE_OPTION);
-  return /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(a.Label, {
-    className: d($, b.label)
-  }, /* @__PURE__ */ e.createElement(a.Label.Required, {
-    className: d(j, b.requiredMark)
-  })), /* @__PURE__ */ e.createElement(a.Options, {
-    className: d(J, I.options)
-  }, /* @__PURE__ */ e.createElement(a.Options.Option, {
-    className: ({ isSelected: s }) => d(W, I.option, t, {
-      [X]: s
-    })
-  }, /* @__PURE__ */ e.createElement(a.Options.Option.Input, {
-    className: I.optionInput
-  }), /* @__PURE__ */ e.createElement(a.Options.Option.Image, {
-    className: I.optionImage
-  }), /* @__PURE__ */ e.createElement(a.Options.Option.Label, {
-    className: I.optionLabel
-  }))), /* @__PURE__ */ e.createElement(a.Error, {
-    className: d(Z, b.error)
-  }, /* @__PURE__ */ e.createElement(Y, null), /* @__PURE__ */ e.createElement(a.Error.Text, null)), /* @__PURE__ */ e.createElement(a.Description, {
-    className: d(ee, b.description)
-  }, me));
-}, Re = () => /* @__PURE__ */ e.createElement(pe, null);
-export {
-  Re as ImageChoiceRAC
-};

package/dist/component/tags-field-rac-DTOthwA5.js

@@ -1,206 +0,0 @@
-import { RicosViewer as z } from "@wix/ricos/viewer";
-import _ from "classnames";
-import e, { useMemo as F, useState as K, useRef as V, useLayoutEffect as Q, useCallback as k } from "react";
-import { ai as y, af as Y, as as T, ab as j, ak as w, ac as J } from "./form-BmioUKtQ.js";
-import { CheckboxGroup as X, TextField as Z, Input as ee, CheckboxField as te, CheckboxButton as ae } from "react-aria-components";
-import { f, a as P } from "./find-child-C60k4CxG.js";
-import { E as x, D as B } from "./field-error-headless-C7IUibkK.js";
-import { L as $ } from "./field-label-headless-BQFy2iAr.js";
-import { F as ne } from "./fieldset-headless-CD3fds9J.js";
-import { N as g } from "./options-layout-constants-DEfIEJWD.js";
-import { E as se } from "./error-icon-hZxQ6DEy.js";
-import { s as S } from "./field-rac.module-ColNPUt0.js";
-import { z as oe, P as re, $ as le, a0 as ie, a1 as ce, y as ue, p as de, i as me, F as pe } from "./form-element-classes-BuM-vthE.js";
-import { o as Ee } from "./options-rac.module-KM-VT_KY.js";
-const N = "Other", he = (a, t) => {
-  const c = t.length + 2;
-  return (a.find((s) => s.startsWith(`${t}: `)) || "").slice(c);
-}, Oe = (a) => a.map((t) => t.value ?? t.label), W = ({ className: a, ...t }) => {
-  const { label: l } = t;
-  return /* @__PURE__ */ e.createElement("span", {
-    className: a
-  }, l);
-}, q = ({ className: a }) => {
-  const { value: t, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || N, p = F(() => he(t || [], o), [
-    t,
-    o
-  ]), [n, L] = K(p), E = V(l);
-  Q(() => {
-    E.current = l;
-  });
-  const I = k((h) => {
-    L(h);
-    const C = (t || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = h ? `${o}: ${h}` : o;
-    E.current([
-      ...C,
-      R
-    ]);
-  }, [
-    t,
-    o
-  ]);
-  return /* @__PURE__ */ e.createElement(Z, {
-    value: n,
-    onChange: I,
-    isDisabled: u,
-    isReadOnly: b,
-    isInvalid: d,
-    "aria-label": o
-  }, /* @__PURE__ */ e.createElement(ee, {
-    "data-hook": "tags-other-input",
-    "data-filled": n ? !0 : void 0,
-    placeholder: i,
-    maxLength: s,
-    className: a
-  }));
-}, v = ({ children: a, className: t, ...l }) => {
-  const { value: c, label: i, isOther: s, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = y(), E = V(null);
-  w(() => {
-    var O;
-    u && ((O = E.current) == null || O.focus({
-      preventScroll: !0
-    }));
-  }, b);
-  const I = f(a, W), h = F(() => d || [], [
-    d
-  ]), C = F(() => s ? h.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
-    s,
-    h,
-    i,
-    c
-  ]), R = k((O) => {
-    const U = Oe(o || []), M = h.filter((H) => U.includes(H));
-    m(O ? [
-      ...M,
-      i
-    ] : M);
-  }, [
-    i,
-    m,
-    o,
-    h
-  ]);
-  return /* @__PURE__ */ e.createElement(te, {
-    inputRef: E,
-    value: C,
-    onChange: s ? R : void 0,
-    isDisabled: p,
-    isReadOnly: n,
-    isInvalid: L
-  }, /* @__PURE__ */ e.createElement(ae, {
-    className: t,
-    "data-hook": `tags-${s ? N : c}`
-  }, P(I, {
-    value: c,
-    label: i,
-    isOther: s,
-    isFirstOption: u
-  })));
-}, A = ({ children: a, className: t }) => {
-  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: s = g.FREE_FLOW } = y(), { isMobile: u } = j(), { t: b } = T(), d = u && s !== g.FREE_FLOW ? g.ONE : s, m = i || b("add-other.default-other-option-label") || N, o = f(a, v), p = F(() => {
-    const n = l || [];
-    return c ? [
-      ...n,
-      {
-        label: m,
-        value: m,
-        isOther: !0
-      }
-    ] : n;
-  }, [
-    l,
-    c,
-    m
-  ]);
-  return p.length === 0 ? null : /* @__PURE__ */ e.createElement("div", {
-    className: t,
-    "data-columns": d
-  }, p.map((n, L) => {
-    const E = n.value ?? n.label;
-    return P(o, {
-      key: n.isOther ? N : E,
-      value: E,
-      label: n.label,
-      isOther: n.isOther,
-      isFirstOption: L === 0
-    });
-  }));
-}, G = ({ children: a, className: t }) => {
-  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: s, value: u } = y(), { t: b } = T(), d = c || b("add-other.default-other-option-label") || N, m = f(a, A), o = f(a, q), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
-    l,
-    u,
-    d
-  ]);
-  return /* @__PURE__ */ e.createElement("div", {
-    className: t,
-    "data-invalid": i,
-    "data-readonly": s
-  }, m, p && o);
-}, r = ({ children: a }) => {
-  const { id: t, value: l, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = y(), { inputId: p, labelId: n, ariaDescribedBy: L } = Y(), E = F(() => l || [], [
-    l
-  ]), I = f(a, $), h = f(a, G), C = f(a, B), R = f(a, x);
-  return /* @__PURE__ */ e.createElement(i, {
-    fieldId: t,
-    renderLabel: () => I,
-    renderInput: () => /* @__PURE__ */ e.createElement(ne, {
-      id: p,
-      ariaLabelledBy: n,
-      ariaDescribedBy: L,
-      required: s,
-      onBlur: m,
-      onFocus: o
-    }, /* @__PURE__ */ e.createElement(X, {
-      "aria-labelledby": n,
-      value: E,
-      onChange: c,
-      isDisabled: u,
-      isReadOnly: b,
-      isRequired: s,
-      isInvalid: d
-    }, h)),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
-  });
-};
-A.Option = v;
-v.Label = W;
-r.Label = $;
-r.Control = G;
-r.Options = A;
-r.OtherInput = q;
-r.Description = B;
-r.Error = x;
-const be = "_control_1t32y_1", fe = "_options_1t32y_7", Le = "_option_1t32y_7", D = {
-  control: be,
-  options: fe,
-  option: Le
-}, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(z, {
-  content: a,
-  locale: t
-}), ke = () => {
-  const a = J(pe.TAGS_OPTION);
-  return /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
-    className: _(oe, S.label)
-  }, /* @__PURE__ */ e.createElement(r.Label.Required, {
-    className: _(re, S.requiredMark)
-  })), /* @__PURE__ */ e.createElement(r.Control, {
-    className: D.control
-  }, /* @__PURE__ */ e.createElement(r.Options, {
-    className: _(le, D.options)
-  }, /* @__PURE__ */ e.createElement(r.Options.Option, {
-    className: ({ isSelected: t }) => _(ie, D.option, a, {
-      [ce]: t
-    })
-  }, /* @__PURE__ */ e.createElement(r.Options.Option.Label, {
-    className: Ee.optionLabel
-  }))), /* @__PURE__ */ e.createElement(r.OtherInput, {
-    className: _(ue, S.input)
-  })), /* @__PURE__ */ e.createElement(r.Error, {
-    className: _(de, S.error)
-  }, /* @__PURE__ */ e.createElement(se, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
-    className: _(me, S.description)
-  }, _e));
-};
-export {
-  ke as T
-};