@wix/form-elements 1.71.0 → 1.73.0

package/dist/component/rating-input-field-rac-BWn0usVp.js

@@ -1,130 +0,0 @@
-import { RicosViewer as D } from "@wix/ricos/viewer";
-import d from "classnames";
-import e, { useCallback as N, useState as y, useRef as O } from "react";
-import { ai as v, af as I, as as A } from "./form-Pr0rklwH.js";
-import { RadioGroup as w, RadioField as M, RadioButton as B } from "react-aria-components";
-import { f as m, a as T } from "./find-child-C60k4CxG.js";
-import { D as P, E as q } from "./field-error-headless-DWbRjy6q.js";
-import { L as H } from "./field-label-headless-DUWK0CI-.js";
-import { E as x } from "./error-icon-hZxQ6DEy.js";
-import { s as u } from "./field-rac.module-DnUIb9Oh.js";
-import { z, P as k, O as G, q as j, j as Q } from "./form-element-classes-BSMjWijd.js";
-const t = ({ children: r }) => {
-  const { id: n, value: s, onChange: o, disabled: l, required: c, hasError: i, onBlur: C, onFocus: L, FieldLayout: E } = v(), { labelId: p } = I(), R = N((F) => o(Number(F)), [
-    o
-  ]), f = m(r, t.Label), a = m(r, t.Ratings), g = m(r, t.Description), S = m(r, t.Error);
-  return /* @__PURE__ */ e.createElement(E, {
-    fieldId: n,
-    renderLabel: () => f,
-    renderInput: () => /* @__PURE__ */ e.createElement(w, {
-      "aria-labelledby": p,
-      value: s ? String(s) : void 0,
-      onChange: R,
-      isDisabled: l,
-      isRequired: c,
-      isInvalid: i,
-      onBlur: C,
-      onFocus: L,
-      orientation: "horizontal"
-    }, a),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, g)
-  });
-}, h = ({ children: r, className: n, getReactionLabel: s }) => {
-  const { value: o, hasError: l } = v(), { inputId: c, ariaDescribedBy: i } = I(), [C, L] = y(), E = O(null), p = m(r, h.Rating), R = [
-    "1",
-    "2",
-    "3",
-    "4",
-    "5"
-  ], f = (a) => C ? C >= a : !!o && o >= Number(a);
-  return /* @__PURE__ */ e.createElement("div", {
-    ref: E,
-    id: c,
-    "aria-describedby": i,
-    className: n,
-    "data-invalid": l
-  }, R.map((a) => T(p, {
-    key: a,
-    value: a,
-    isSelected: f(a),
-    onHoverChange: (g) => L(g ? a : void 0),
-    label: s == null ? void 0 : s(Number(a))
-  })));
-}, U = {
-  border: 0,
-  clipPath: "inset(50%)",
-  height: 1,
-  margin: -1,
-  overflow: "hidden",
-  padding: 0,
-  position: "absolute",
-  width: 1,
-  whiteSpace: "nowrap"
-}, _ = ({ className: r, children: n, ...s }) => {
-  const { value: o, isSelected: l, onHoverChange: c, label: i } = s;
-  return /* @__PURE__ */ e.createElement(M, {
-    value: o
-  }, /* @__PURE__ */ e.createElement(B, {
-    className: r,
-    "data-active": l || void 0,
-    onHoverChange: c
-  }, typeof n == "function" ? n({
-    isSelected: l
-  }) : n, i ? /* @__PURE__ */ e.createElement("span", {
-    style: U
-  }, i) : null));
-};
-h.Rating = _;
-t.Label = H;
-t.Ratings = h;
-t.Rating = _;
-t.Description = P;
-t.Error = q;
-const Z = (r) => /* @__PURE__ */ e.createElement("svg", {
-  viewBox: "0 0 32 32",
-  width: 32,
-  height: 32,
-  fill: "currentColor",
-  "aria-hidden": "true",
-  ...r
-}, /* @__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"
-})), J = (r) => /* @__PURE__ */ e.createElement("svg", {
-  viewBox: "0 0 32 32",
-  width: 32,
-  height: 32,
-  fill: "currentColor",
-  "aria-hidden": "true",
-  ...r
-}, /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M16,3.966 C15.956,3.966 15.848,3.979 15.789,4.097 L12.496,10.77 C12.317,11.133 11.969,11.386 11.567,11.445 L4.202,12.515 C4.072,12.534 4.026,12.634 4.012,12.675 C3.999,12.717 3.978,12.824 4.072,12.917 L9.4,18.111 C9.691,18.394 9.824,18.803 9.755,19.204 L8.498,26.538 C8.476,26.668 8.556,26.742 8.591,26.768 C8.627,26.793 8.721,26.846 8.838,26.786 L15.426,23.323 C15.785,23.133 16.215,23.134 16.574,23.322 L23.162,26.786 C23.277,26.846 23.374,26.793 23.409,26.768 C23.444,26.742 23.524,26.668 23.502,26.538 L22.245,19.204 C22.176,18.803 22.309,18.394 22.6,18.111 L27.928,12.917 C28.022,12.824 28.001,12.717 27.988,12.675 C27.974,12.634 27.928,12.534 27.798,12.515 L20.434,11.445 C20.031,11.386 19.683,11.133 19.504,10.769 L16.211,4.097 C16.152,3.979 16.044,3.966 16,3.966 M8.728,27.814 C8.473,27.814 8.22,27.734 8.003,27.577 C7.62,27.299 7.432,26.836 7.512,26.369 L8.77,19.035 C8.783,18.958 8.758,18.881 8.702,18.826 L3.374,13.633 C3.035,13.302 2.915,12.817 3.061,12.367 C3.208,11.916 3.589,11.594 4.058,11.526 L11.422,10.456 C11.499,10.445 11.565,10.397 11.599,10.328 L14.893,3.654 C15.102,3.23 15.526,2.966 16,2.966 C16.474,2.966 16.898,3.23 17.107,3.654 L20.401,10.327 C20.435,10.397 20.501,10.445 20.579,10.456 L27.942,11.526 C28.411,11.594 28.792,11.916 28.939,12.367 C29.085,12.817 28.965,13.302 28.626,13.633 L23.298,18.826 C23.242,18.881 23.217,18.958 23.23,19.035 L24.488,26.369 C24.568,26.836 24.38,27.299 23.997,27.577 C23.614,27.855 23.116,27.892 22.696,27.671 L16.109,24.208 C16.042,24.173 15.959,24.172 15.891,24.208 L9.304,27.671 C9.122,27.767 8.924,27.814 8.728,27.814"
-})), K = "_ratings_112z7_1", W = "_rating_112z7_1", b = {
-  ratings: K,
-  rating: W
-}, X = ({ content: r, locale: n }) => /* @__PURE__ */ e.createElement(D, {
-  content: r,
-  locale: n
-}), i2 = () => {
-  const { t: r } = A();
-  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: d(z, u.label)
-  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: d(k, u.requiredMark)
-  })), /* @__PURE__ */ e.createElement(t.Ratings, {
-    className: b.ratings,
-    getReactionLabel: (n) => r("rating-input.a11y.reaction-label", {
-      count: n
-    })
-  }, /* @__PURE__ */ e.createElement(t.Rating, {
-    className: d(G, b.rating)
-  }, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(Z, null) : /* @__PURE__ */ e.createElement(J, null))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: d(j, u.error)
-  }, /* @__PURE__ */ e.createElement(x, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: d(Q, u.description)
-  }, X));
-};
-export {
-  i2 as R
-};

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

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