@multiplatform.one/forms 6.0.0

package/dist/esm/fields/RadioGroup/index.mjs

@@ -0,0 +1,276 @@
+import { Label, RadioGroup as TamaguiRadioGroup, View, XStack, YStack, styled } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { formControlColors } from "../../shared/colorRamps.mjs";
+import { getElevationWrapperProps, getFieldError, mergeFieldHandler, stripRadiusFromStateProps, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const RadioItemFrame = styled(TamaguiRadioGroup.Item, {
+  borderRadius: 1e3,
+  backgroundColor: formControlColors.background,
+  borderColor: formControlColors.border,
+  hoverStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  pressStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusVisibleStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        }
+      }
+    }
+  }
+});
+const RadioIndicatorFrame = styled(TamaguiRadioGroup.Indicator, {
+  borderRadius: 1e3
+});
+function RadioItemWithElevation({
+  elevationWrapperProps,
+  itemRadius = 1e3,
+  ...props
+}) {
+  if (elevationWrapperProps.elevation) {
+    return /* @__PURE__ */jsx(View, {
+      ...elevationWrapperProps,
+      borderRadius: itemRadius,
+      children: /* @__PURE__ */jsx(RadioItemFrame, {
+        ...props
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(RadioItemFrame, {
+    ...props
+  });
+}
+function RadioGroup({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  disabled,
+  readOnly,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  onValueChange,
+  onBlur,
+  options,
+  orientation = "vertical",
+  radioGroupProps,
+  children,
+  pointy,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    control,
+    text,
+    elevation,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const elevationWrapperProps = getElevationWrapperProps(knobProps, elevation);
+  const resolvedPointy = pointy ?? knobProps.pointy;
+  const itemRadius = resolvedPointy ? 0 : 1e3;
+  const indicatorRadius = resolvedPointy ? 0 : 1e3;
+  if (skeleton) {
+    const optionCount = options?.length ?? 3;
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */jsx(YStack, {
+        gap: "$2",
+        children: Array.from({
+          length: optionCount
+        }, (_, i) => /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          alignItems: "center",
+          children: [/* @__PURE__ */jsx(Skeleton, {
+            variant: "circular",
+            width: 20,
+            height: 20
+          }), /* @__PURE__ */jsx(Skeleton, {
+            variant: "text",
+            width: "50%",
+            height: 14
+          })]
+        }, i))
+      })
+    });
+  }
+  const renderItems = () => {
+    if (children) return children;
+    if (!options) return null;
+    const Container = orientation === "horizontal" ? XStack : YStack;
+    return /* @__PURE__ */jsx(Container, {
+      gap: "$2",
+      children: options.map(option => {
+        const itemId = `${id}-${option.value}`;
+        return /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          alignItems: "center",
+          children: [/* @__PURE__ */jsx(RadioItemWithElevation, {
+            elevationWrapperProps,
+            itemRadius,
+            value: option.value,
+            id: itemId,
+            size: knobProps.sizeToken,
+            borderWidth: knobProps.borderRadius.borderWidth,
+            borderRadius: itemRadius,
+            outlined: knobProps.outlined,
+            transition: knobProps.transition,
+            disabled,
+            pointerEvents: readOnly ? "none" : void 0,
+            ...(stripRadiusFromStateProps(control.hoverKnobProps) && {
+              hoverStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.hoverKnobProps)
+              }
+            }),
+            ...(stripRadiusFromStateProps(control.pressKnobProps) && {
+              pressStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.pressKnobProps)
+              }
+            }),
+            ...(stripRadiusFromStateProps(control.focusKnobProps) && {
+              focusStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.focusKnobProps)
+              }
+            }),
+            ...(stripRadiusFromStateProps(control.focusVisibleKnobProps) && {
+              focusVisibleStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.focusVisibleKnobProps)
+              }
+            }),
+            children: /* @__PURE__ */jsx(RadioIndicatorFrame, {
+              borderRadius: indicatorRadius,
+              backgroundColor: knobProps.textAccentColor,
+              ...(knobProps.transition ? {
+                animation: knobProps.transition
+              } : void 0)
+            })
+          }), /* @__PURE__ */jsx(Label, {
+            htmlFor: itemId,
+            size: size || knobProps.sizeToken,
+            ...knobProps.body,
+            color: knobProps.textAccentColor,
+            hoverStyle: {
+              color: knobProps.textAccentColor,
+              ...text.hoverKnobProps
+            },
+            pressStyle: {
+              color: knobProps.textAccentColor,
+              ...text.pressKnobProps
+            },
+            focusStyle: {
+              color: knobProps.textAccentColor,
+              ...text.focusKnobProps
+            },
+            focusVisibleStyle: {
+              color: knobProps.textAccentColor,
+              ...text.focusVisibleKnobProps
+            },
+            children: option.label
+          })]
+        }, option.value);
+      })
+    });
+  };
+  const renderRadioGroup = (radioValue, handleChange, handleBlur, hasError) => /* @__PURE__ */jsx(TamaguiRadioGroup, {
+    ...radioGroupProps,
+    id,
+    defaultValue: radioValue,
+    onValueChange: val => {
+      if (disabled || readOnly) return;
+      handleChange?.(val);
+      onValueChange?.(val);
+    },
+    ...(handleBlur ? {
+      onBlur: handleBlur
+    } : void 0),
+    "aria-required": required || void 0,
+    "aria-invalid": hasError || void 0,
+    "aria-readonly": readOnly || void 0,
+    children: renderItems()
+  });
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderRadioGroup(value ?? defaultValue, void 0, onBlur, !!error)
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error);
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderRadioGroup(value !== void 0 ? value : field.state.value, val => field.handleChange(val), mergeFieldHandler(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+RadioGroup.Item = TamaguiRadioGroup.Item;
+RadioGroup.Indicator = TamaguiRadioGroup.Indicator;
+export { RadioGroup };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/RadioGroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Label","RadioGroup","TamaguiRadioGroup","View","XStack","YStack","styled","Skeleton","Field","FieldLayout","formControlColors","getElevationWrapperProps","getFieldError","mergeFieldHandler","stripRadiusFromStateProps","useFormField","useResolvedValidators","jsx","jsxs","RadioItemFrame","Item","borderRadius","backgroundColor","background","borderColor","border","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","variants","outlined","true","RadioIndicatorFrame","Indicator","RadioItemWithElevation","elevationWrapperProps","itemRadius","props","elevation","children","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","value","defaultValue","onValueChange","onBlur","options","orientation","radioGroupProps","pointy","skeleton","compact","resolvedForm","knobProps","control","text","resolvedValidators","resolvedPointy","indicatorRadius","optionCount","length","gap","Array","from","_","i","alignItems","variant","width","height","renderItems","Container","map","option","itemId","sizeToken","borderWidth","transition","pointerEvents","hoverKnobProps","pressKnobProps","focusKnobProps","focusVisibleKnobProps","textAccentColor","animation","htmlFor","body","color","renderRadioGroup","radioValue","handleChange","handleBlur","hasError","val","field","resolvedError","state"],"sources":["../../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/RadioGroup/index.native.js

@@ -0,0 +1,285 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, RadioGroup as TamaguiRadioGroup, View, XStack, YStack, styled } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { formControlColors } from "../../shared/colorRamps.native.js";
+import { getElevationWrapperProps, getFieldError, mergeFieldHandler, stripRadiusFromStateProps, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+var RadioItemFrame = styled(TamaguiRadioGroup.Item, {
+  borderRadius: 1e3,
+  backgroundColor: formControlColors.background,
+  borderColor: formControlColors.border,
+  hoverStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  pressStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusVisibleStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        }
+      }
+    }
+  }
+});
+var RadioIndicatorFrame = styled(TamaguiRadioGroup.Indicator, {
+  borderRadius: 1e3
+});
+function RadioItemWithElevation(param) {
+  var {
+    elevationWrapperProps,
+    itemRadius = 1e3,
+    ...props
+  } = param;
+  if (elevationWrapperProps.elevation) {
+    return /* @__PURE__ */_jsx(View, {
+      ...elevationWrapperProps,
+      borderRadius: itemRadius,
+      children: /* @__PURE__ */_jsx(RadioItemFrame, {
+        ...props
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(RadioItemFrame, {
+    ...props
+  });
+}
+function RadioGroup(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onValueChange,
+    onBlur,
+    options,
+    orientation = "vertical",
+    radioGroupProps,
+    children,
+    pointy,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    control,
+    text,
+    elevation,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var elevationWrapperProps = getElevationWrapperProps(knobProps, elevation);
+  var resolvedPointy = pointy !== null && pointy !== void 0 ? pointy : knobProps.pointy;
+  var itemRadius = resolvedPointy ? 0 : 1e3;
+  var indicatorRadius = resolvedPointy ? 0 : 1e3;
+  if (skeleton) {
+    var _ref;
+    var optionCount = (_ref = options === null || options === void 0 ? void 0 : options.length) !== null && _ref !== void 0 ? _ref : 3;
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(YStack, {
+        gap: "$2",
+        children: Array.from({
+          length: optionCount
+        }, function (_, i) {
+          return /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Skeleton, {
+              variant: "circular",
+              width: 20,
+              height: 20
+            }), /* @__PURE__ */_jsx(Skeleton, {
+              variant: "text",
+              width: "50%",
+              height: 14
+            })]
+          }, i);
+        })
+      })
+    });
+  }
+  var renderItems = function renderItems2() {
+    if (children) return children;
+    if (!options) return null;
+    var Container = orientation === "horizontal" ? XStack : YStack;
+    return /* @__PURE__ */_jsx(Container, {
+      gap: "$2",
+      children: options.map(function (option) {
+        var itemId = `${id}-${option.value}`;
+        return /* @__PURE__ */_jsxs(XStack, {
+          gap: "$2",
+          alignItems: "center",
+          children: [/* @__PURE__ */_jsx(RadioItemWithElevation, {
+            elevationWrapperProps,
+            itemRadius,
+            value: option.value,
+            id: itemId,
+            size: knobProps.sizeToken,
+            borderWidth: knobProps.borderRadius.borderWidth,
+            borderRadius: itemRadius,
+            outlined: knobProps.outlined,
+            transition: knobProps.transition,
+            disabled,
+            pointerEvents: readOnly ? "none" : void 0,
+            ...(stripRadiusFromStateProps(control.hoverKnobProps) && {
+              hoverStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.hoverKnobProps)
+              }
+            }),
+            ...(stripRadiusFromStateProps(control.pressKnobProps) && {
+              pressStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.pressKnobProps)
+              }
+            }),
+            ...(stripRadiusFromStateProps(control.focusKnobProps) && {
+              focusStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.focusKnobProps)
+              }
+            }),
+            ...(stripRadiusFromStateProps(control.focusVisibleKnobProps) && {
+              focusVisibleStyle: {
+                backgroundColor: formControlColors.background,
+                borderColor: formControlColors.border,
+                ...stripRadiusFromStateProps(control.focusVisibleKnobProps)
+              }
+            }),
+            children: /* @__PURE__ */_jsx(RadioIndicatorFrame, {
+              borderRadius: indicatorRadius,
+              backgroundColor: knobProps.textAccentColor,
+              ...(knobProps.transition ? {
+                animation: knobProps.transition
+              } : void 0)
+            })
+          }), /* @__PURE__ */_jsx(Label, {
+            htmlFor: itemId,
+            size: size || knobProps.sizeToken,
+            ...knobProps.body,
+            color: knobProps.textAccentColor,
+            hoverStyle: {
+              color: knobProps.textAccentColor,
+              ...text.hoverKnobProps
+            },
+            pressStyle: {
+              color: knobProps.textAccentColor,
+              ...text.pressKnobProps
+            },
+            focusStyle: {
+              color: knobProps.textAccentColor,
+              ...text.focusKnobProps
+            },
+            focusVisibleStyle: {
+              color: knobProps.textAccentColor,
+              ...text.focusVisibleKnobProps
+            },
+            children: option.label
+          })]
+        }, option.value);
+      })
+    });
+  };
+  var renderRadioGroup = function renderRadioGroup2(radioValue, handleChange, handleBlur, hasError) {
+    return /* @__PURE__ */_jsx(TamaguiRadioGroup, {
+      ...radioGroupProps,
+      id,
+      defaultValue: radioValue,
+      onValueChange: function onValueChange1(val) {
+        if (disabled || readOnly) return;
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(val);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(val);
+      },
+      ...(handleBlur ? {
+        onBlur: handleBlur
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0,
+      "aria-readonly": readOnly || void 0,
+      children: renderItems()
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderRadioGroup(value !== null && value !== void 0 ? value : defaultValue, void 0, onBlur, !!error)
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children2(field) {
+      var resolvedError = getFieldError(field, error);
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderRadioGroup(value !== void 0 ? value : field.state.value, function (val) {
+          return field.handleChange(val);
+        }, mergeFieldHandler(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+RadioGroup.Item = TamaguiRadioGroup.Item;
+RadioGroup.Indicator = TamaguiRadioGroup.Indicator;
+export { RadioGroup };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/RadioGroup/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","RadioGroup","TamaguiRadioGroup","View","XStack","YStack","styled","Skeleton","Field","FieldLayout","formControlColors","getElevationWrapperProps","getFieldError","mergeFieldHandler","stripRadiusFromStateProps","useFormField","useResolvedValidators","RadioItemFrame","Item","borderRadius","backgroundColor","background","borderColor","border","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","variants","outlined","true","RadioIndicatorFrame","Indicator","RadioItemWithElevation","param","elevationWrapperProps","itemRadius","props","elevation","children","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","value","defaultValue","onValueChange","onBlur","options","orientation","radioGroupProps","pointy","skeleton","compact","resolvedForm","knobProps","control","text","resolvedValidators","resolvedPointy","indicatorRadius","_ref","optionCount","length","gap","Array","from","_","i","alignItems","variant","width","height","renderItems","renderItems2","Container","map","option","itemId","sizeToken","borderWidth","transition","pointerEvents","hoverKnobProps","pressKnobProps","focusKnobProps","focusVisibleKnobProps","textAccentColor","animation","htmlFor","body","color","renderRadioGroup","renderRadioGroup2","radioValue","handleChange","handleBlur","hasError","onValueChange1","val","children2","field","resolvedError","state"],"sources":["../../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,KAAA,EAAAC,UAAA,IAAAC,iBAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SAEAC,QAAc;AAAA,SACdC,KAAA,EAAAC,WAAA;AAAA,SACAC,iBAAA;AAAA,SACAC,wBAAA,EAAAC,aAAA,EAAAC,iBAAA,EAAAC,yBAAA,EAAAC,YAAA,EAAAC,qBAAA;AAAA,IACAC,cAAA,GAAAX,MAAA,CAAAJ,iBAAA,CAAAgB,IAAA;EAAAC,YACK;EACPC,eAAS,EAAAV,iBAAgB,CAAAW,UAAA;EACzBC,WAAS,EAAAZ,iBAAO,CAAAa,MAAmB;EACnCC,UAAS;IACTJ,eAAA,EAAAV,iBAAA,CAAAW,UAAA;IACEC,WAAA,EAAAZ,iBAAA,CAAAa;EACA;EACAE,UAAA;IACAL,eAAA,EAAAV,iBAAA,CAAAW,UAAA;IACAC,WAAA,EAAAZ,iBAAA,CAAAa;EACA;EAAAG,UACK;IAiDCN,eAkFI,EAAAV,iBAlFJ,CAAAW,UAAA;IA/CRC,WAAM,EAAAZ,iBAAwB,CAAAa;EAC5B;EACAI,iBAAiB;IACjBP,eAAa,EAAAV,iBAAkB,CAAAW,UAAA;IAC/BC,WAAY,EAAAZ,iBAAA,CAAAa;EAAA;EACyBK,QACnC;IACFC,QAAA;MACAC,IAAA;QACEV,eAAiB;QACjBI,UAAa;UACfJ,eAAA;UACAE,WAAY,EAAAZ,iBAAA,CAAAa;QACV;QACAE,UAAa;UACfL,eAAA;UACAE,WAAmB,EAAAZ,iBAAA,CAAAa;QACjB;QACAG,UAAa;UACfN,eAAA;UACAE,WAAU,EAAAZ,iBAAA,CAAAa;QACR;MACE;IAAM;EACa;AACmE;AACA,IAAAQ,mBACtE,GAAAzB,MAAA,CAAAJ,iBAAiB,CAAA8B,SAAe;EAAsCb,YACtF;AAAA;AACF,SACFc,uBAAAC,KAAA;EACD;IAAAC,qBAAA;IAAAC,UAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EAED,IAAMC,qBAAA,CAAsBG,SAAO;IACjC,sBAAczC,IAAA,CAAAM,IAAA;MACf,GAAAgC,qBAAA;MAEDhB,YAAS,EAAAiB,UAAA;MACPG,QAAA,iBAAA1C,IAAA,CAAAoB,cAAA;QACA,GAAAoB;MACG;IAIF;EACD;EACE,sBACExC,IAAA,CAAAoB,cAAU;IAId,GAAAoB;EACA;AACF;AAkCO,SAASpC,WAAWiC,KAAA;EACzB;IAAAM,IAAA;IAAAC,IAAA,EAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,EAAA,EAAAC,MAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,WAAA;IAAAC,eAAA;IAAArB,QAAA;IAAAsB,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAA7B,KAAA;EACA;IAAM8B,YAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,IAAA;IAAA7B,SAAA;IAAAc;EAAA,IAAArC,YAAA;IACN0B,IAAA,EAAAC,QAAA;IACAU,EAAA,EAAAC,MAAA;IACAU;EACA;EACA,IAAAK,kBAAA,GAAApD,qBAAA,CAAAgC,QAAA,EAAAL,UAAA,EAAAC,KAAA,EAAAJ,IAAA;EACA,IAAAL,qBAAA,GAAAxB,wBAAA,CAAAsD,SAAA,EAAA3B,SAAA;EACA,IAAA+B,cAAA,GAAAR,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAI,SAAA,CAAAJ,MAAA;EACA,IAAAzB,UAAA,GAAAiC,cAAA;EACA,IAAAC,eAAA,GAAAD,cAAA;EACA,IAAIP,QAAA;IACJ,IAAAS,IAAA;IACA,IAAAC,WAAA,IAAAD,IAAA,GAAAb,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAe,MAAA,cAAAF,IAAA,cAAAA,IAAA;IACA,sBAAA1E,IAAA,CAAAY,WAAA;MACA2C,EAAA;MACAR,KAAA;MACAO,IAAA;MACAc,SAAA;MACA1B,QAAA,iBAAA1C,IAAA,CAAAQ,MAAA;QACAqE,GAAA;QACAnC,QAAA,EAAAoC,KAAA,CAAAC,IAAA;UACAH,MAAA,EAAAD;QACkB,aAAAK,CAAA,EAAAC,CAAA;UACV,sBAAc/E,KAAW,CAAAK,MAAS;YAClCsE,GAAA;YACFK,UAAA;YACJxC,QAAA,GACD,eAAA1C,IAAA,CAAAU,QAAA;cACKyE,OAAA,YAAqB;cACrBC,KAAA;cACAC,MAAA;YACA,IACA,eAAkBrF,IAAA,CAAAU,QAAiB;cAG3ByE,OAAA;cACNC,KAAA,OAAc;cAElBC,MAAA;YAIQ;UAEF,CACD,EAAAJ,CACH;QAGN;MAEA;IACE;EACA;EACA,IAAAK,WAAM,YAAYC,YAAgBA,CAAA;IAClC,IAAA7C,QACE,SAAAA,QAAC;IAEG,KAAAmB,OAAM,SAAY,IAAE;IACpB,IAAA2B,SACE,GAAA1B,WAAA,KAAC,YAA0B,GAAIvD,MAAK,GAAAC,MAAA;IAClC,sBAAAR,IAAA,CAAAwF,SAAA;MAAAX,GAAA,EAAC;MAAAnC,QAAA,EAAAmB,OAAA,CAAA4B,GAAA,WAAAC,MAAA;QAAA,IACCC,MAAA,MAAApC,EAAA,IAAAmC,MAAA,CAAAjC,KAAA;QAAA,OACA,eAAAvD,KAAA,CAAAK,MAAA;UAAAsE,GACA,MAAO;UAAOK,UACV;UAAAxC,QACE,GACN,eAAa1C,IAAA,CAAAoC,sBAAuB;YACpCE,qBAAc;YACdC,UAAU;YACVkB,KAAA,EAAAiC,MAAY,CAAAjC,KAAA;YACZF,EAAA,EAAAoC,MAAA;YACArC,IAAA,EAAAc,SAAe,CAAAwB,SAAW;YACzBC,WAAI,EAAAzB,SAAA,CAAA9C,YAAkC,CAAAuE,WAAA;YACrCvE,YAAY,EAAAiB,UAAA;YAAAP,QACV,EAAAoC,SAAiB,CAAApC,QAAA;YAAkB8D,UACnC,EAAA1B,SAAa,CAAA0B,UAAA;YAAkB1C,QAC5B;YACL2C,aAAA,EAAA1C,QAAA;YACF,IAAApC,yBAAA,CAAAoD,OAAA,CAAA2B,cAAA;cACKrE,UAAA;gBACHJ,eAAY,EAAAV,iBAAA,CAAAW,UAAA;gBACVC,WAAA,EAAAZ,iBAAiB,CAAAa,MAAkB;gBACnC,GAAAT,yBAAa,CAAkBoD,OAAA,CAAA2B,cAAA;cAC/B;YACF;YACF,IAAA/E,yBAAA,CAAAoD,OAAA,CAAA4B,cAAA;cACKrE,UAAA;gBACHL,eAAY,EAAAV,iBAAA,CAAAW,UAAA;gBACVC,WAAA,EAAAZ,iBAAiB,CAAAa,MAAkB;gBACnC,GAAAT,yBAAa,CAAkBoD,OAAA,CAAA4B,cAAA;cAC/B;YACF;YACF,IAAAhF,yBAAA,CAAAoD,OAAA,CAAA6B,cAAA;cACKrE,UAAA;gBACHN,eAAmB,EAAAV,iBAAA,CAAAW,UAAA;gBACjBC,WAAA,EAAAZ,iBAAiB,CAAAa,MAAkB;gBACnC,GAAAT,yBAAa,CAAkBoD,OAAA,CAAA6B,cAAA;cAC/B;YACF;YACF,IAAAjF,yBAAA,CAAAoD,OAAA,CAAA8B,qBAAA;cAEArE,iBAAA;gBAACP,eAAA,EAAAV,iBAAA,CAAAW,UAAA;gBAAAC,WAAA,EAAAZ,iBAAA,CAAAa,MAAA;gBACC,GAAAT,yBAAc,CAAAoD,OAAA,CAAA8B,qBAAA;cACd;YAA2B;YACuCzD,QAAA,iBAAA1C,IAAA,CAAAkC,mBAAA;cACpEZ,YAAA,EAAAmD,eAAA;cAAAlD,eAAA,EAAA6C,SAAA,CAAAgC,eAAA;cACF,IAAAhC,SAAA,CAAA0B,UAAA;gBACAO,SAAA,EAAAjC,SAAA,CAAA0B;cAAC;YAAA;UACC,IACA,eAAe9F,IAAA,CAAAG,KAAU;YACxBmG,OAAG,EAAAX,MAAU;YACdrC,IAAA,EAAOA,IAAA,IAAAc,SAAU,CAAAwB,SAAA;YACjB,GAAAxB,SAAc,CAAAmC,IAAA;YACdC,KAAA,EAAApC,SAAc,CAAAgC,eAAiB;YAC/BzE,UAAY,EAAE;cACd6E,KAAA,EAAApC,SAAmB,CAAAgC,eAAA;cACjB,GAAA9B,IAAO,CAAA0B;YACP;YACFpE,UAAA;cAEC4E,KAAA,EAAApC,SAAO,CAAAgC,eAAA;cAAA,GAAA9B,IAAA,CAAA2B;YACV;YA9DWpE,UA+Db;cAGN2E,KAAA,EAAApC,SAAA,CAAAgC,eAAA;cAEJ,GAAA9B,IAAA,CAAA4B;YAEM;YAMHpE,iBAAA;cAAA0E,KAAA,EAAApC,SAAA,CAAAgC,eAAA;cACK,GAAA9B,IAAA,CAAA6B;YACJ;YACAzD,QAAc,EAAAgD,MAAA,CAAA3C;UACd;QAEE,GAAA2C,MAAA,CAAAjC,KAAe;MACf;IAAmB,EACrB;EAAA;EAC2C,IAC3CgD,gBAAA,GAAe,SAAAC,iBAAYA,CAAAC,UAAA,EAAAC,YAAA,EAAAC,UAAA,EAAAC,QAAA;IAAA,OAC3B,eAAc9G,IAAA,CAAAK,iBAAY;MAC1B,GAAA0D,eAAe;MAEdR,EAAA;MAAYG,YAAA,EAAAiD,UAAA;MACfhD,aAAA,WAAAoD,eAAAC,GAAA;QAGG,IAAA5D,QAAA,IAAiBC,QAAM;QAC1BuD,YACE,aAAAA,YAAA,uBAAAA,YAAA,CAAAI,GAAA;QAACrD,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAAqD,GAAA;MAAA;MAAA,IACCH,UAAA;QACAjD,MAAA,EAAAiD;MAAA,IACA;MAAA,eACA,EAAA1D,QAAA;MAAA,cACA,EAAA2D,QAAA;MAAA,eACA,EAAAzD,QAAA;MAAAX,QACA,EAAA4C,WAAA;IAAA;EACA;EAEmE,KAAAnB,YAAA,KAAAxB,IAAA;IACrE,sBAAA3C,IAAA,CAAAY,WAAA;MAEJ2C,EAAA;MAEAR,KACE;MAACC,UAAA;MAAAE,KAAA;MACCC,QAAM;MACNF,UAAA;MACAK,IAAA;MACAc,SAAA;MAEC1B,QAAA,EAAA+D,gBAAW,CAAAhD,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAAC,YAAA,UAAAE,MAAA,IAAAV,KAAA;IACV;EACA;EACE,sBAAClD,IAAA,CAAAW,KAAA;IAAAiC,IAAA,EAAAuB,YAAA;IAAAxB,IAAA;IACCe,YACA;IAAAZ,UACA,EAAAyB,kBAAA;IAAA7B,QACA,WAAOuE,UAAAC,KAAA;MAAA,IAAAC,aACP,GAAApG,aAAA,CAAAmG,KAAA,EAAAhE,KAAA;MAAA,OACA,eAAAlD,IAAA,CAAAY,WAAA;QAAA2C,EAAA;QACAR,KACA;QAAAC,UAEC;QAAAE,KAAA,EACCiE,aAAU;QAAiChE,QAC1C;QAAqCF,UACtC;QAA6CK,IAAA;QAC3Cc,SACJ;QAAA1B,QAAA,EAAA+D,gBAAA,CAAAhD,KAAA,cAAAA,KAAA,GAAAyD,KAAA,CAAAE,KAAA,CAAA3D,KAAA,YAAAuD,GAAA;UACF,OAAAE,KAAA,CAAAN,YAAA,CAAAI,GAAA;QAEJ,GAAAhG,iBAAA,CAAAkG,KAAA,gBAAAtD,MAAA,KAAAuD,aAAA;MAAA;IACF;EAEJ;AAEA;AACA/G,UAAA,CAAWiB,IAAA,GAAAhB,iBAAY,CAAAgB,IAAA","ignoreList":[]}

package/dist/esm/fields/Rating/Rating.spec.mjs

@@ -0,0 +1,94 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Rating } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+const MockStarIcon = ({
+  size,
+  weight,
+  color
+}) => /* @__PURE__ */jsx("span", {
+  "data-testid": "star",
+  "data-size": size,
+  "data-weight": weight,
+  "data-color": color
+});
+describe("Rating", () => {
+  describe("without form context", () => {
+    it("renders with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Rating, {
+        label: "Rating",
+        name: "rating",
+        starIcon: MockStarIcon
+      }));
+      expect(result.findTextElement("Rating")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Rating, {
+        label: "Required",
+        name: "req",
+        starIcon: MockStarIcon,
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders correct number of stars", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Rating, {
+        label: "Stars",
+        name: "s",
+        starIcon: MockStarIcon,
+        maxStars: 5
+      }));
+      const stars = result.container.querySelectorAll("[data-testid='star']");
+      expect(stars.length).toBe(5);
+    });
+    it("renders custom maxStars", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Rating, {
+        label: "Stars",
+        name: "s",
+        starIcon: MockStarIcon,
+        maxStars: 3
+      }));
+      const stars = result.container.querySelectorAll("[data-testid='star']");
+      expect(stars.length).toBe(3);
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Rating, {
+        label: "Loading",
+        name: "l",
+        starIcon: MockStarIcon,
+        skeleton: true
+      }));
+      expect(result.container.querySelectorAll("[data-testid='star']").length).toBe(0);
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Rating, {
+        label: "Disabled",
+        name: "d",
+        starIcon: MockStarIcon,
+        disabled: true
+      }));
+      expect(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            rating: 0
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(Rating, {
+          name: "rating",
+          label: "Rate",
+          starIcon: MockStarIcon
+        })
+      }));
+      expect(result.findTextElement("Rate")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Rating.spec.mjs.map