@wix/form-public 0.490.0 → 0.491.0

package/dist/index.js

@@ -59663,7 +59663,7 @@ ProductList.Option = ProductOption;
 ProductList.Description = Description;
 ProductList.Error = Error2;
 var RatingInput = ({ children }) => {
-  const { id: id6, value, onChange, disabled, required, hasError, onBlur, onFocus, FieldLayout } = useFieldPropsV2();
+  const { id: id6, value, onChange, disabled, readOnly, required, hasError, onBlur, onFocus, FieldLayout } = useFieldPropsV2();
   const { labelId } = useFieldAttributes();
   const handleChange = useCallback((selectedValue) => onChange(Number(selectedValue)), [
     onChange
@@ -59680,6 +59680,7 @@ var RatingInput = ({ children }) => {
       value: value ? String(value) : void 0,
       onChange: handleChange,
       isDisabled: disabled,
+      isReadOnly: readOnly,
       isRequired: required,
       isInvalid: hasError,
       onBlur,
@@ -59690,7 +59691,7 @@ var RatingInput = ({ children }) => {
   });
 };
 var Ratings = ({ children, className, getReactionLabel }) => {
-  const { value, hasError } = useFieldPropsV2();
+  const { value, readOnly, hasError } = useFieldPropsV2();
   const { inputId, ariaDescribedBy } = useFieldAttributes();
   const [hovered, setHovered] = useState();
   const containerRef = useRef(null);
@@ -59702,13 +59703,14 @@ var Ratings = ({ children, className, getReactionLabel }) => {
     "4",
     "5"
   ];
-  const isSelected = (ratingValue) => hovered ? hovered >= ratingValue : !!value && value >= Number(ratingValue);
+  const isSelected = (ratingValue) => hovered && !readOnly ? hovered >= ratingValue : !!value && value >= Number(ratingValue);
   return /* @__PURE__ */ React171.createElement("div", {
     ref: containerRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className,
-    "data-invalid": hasError
+    "data-invalid": hasError,
+    "data-readonly": readOnly
   }, ratingValues.map((ratingValue) => applyInternalProps(ratingElement, {
     key: ratingValue,
     value: ratingValue,
@@ -59730,10 +59732,13 @@ var visuallyHiddenStyle = {
 };
 var Rating = ({ className, children, ...internal }) => {
   const { value, isSelected, onHoverChange, label } = internal;
+  const resolvedClassName = typeof className === "function" ? className({
+    isSelected
+  }) : className;
   return /* @__PURE__ */ React171.createElement(RadioField, {
     value
   }, /* @__PURE__ */ React171.createElement(RadioButton, {
-    className,
+    className: resolvedClassName,
     "data-active": isSelected || void 0,
     onHoverChange
   }, typeof children === "function" ? children({