@wix/form-elements 1.72.0 → 1.73.0

package/dist/component/rating-input-field-rac-CUTqEPPd.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-VD2Og15y.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-BAVGL8JO.js";
-import { L as H } from "./field-label-headless-CwSCKtI1.js";
-import { E as x } from "./error-icon-hZxQ6DEy.js";
-import { s as u } from "./field-rac.module-Cac83bU5.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
-};