@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,243 @@
+import { useMemo } from "react";
+import { getVariable, isWeb, styled, useTheme, View, XStack } from "tamagui";
+import Svg, { Path } from "react-native-svg";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+function starPath(size, innerRatio = 0.382) {
+  const cx = size / 2;
+  const cy = size / 2;
+  const outerR = size / 2 - 1;
+  const innerR = outerR * innerRatio;
+  const parts = [];
+  for (let i = 0; i < 5; i++) {
+    const outerA = -Math.PI / 2 + i * 2 * Math.PI / 5;
+    const innerA = outerA + Math.PI / 5;
+    parts.push(`${cx + outerR * Math.cos(outerA)},${cy + outerR * Math.sin(outerA)}`, `${cx + innerR * Math.cos(innerA)},${cy + innerR * Math.sin(innerA)}`);
+  }
+  return `M${parts.join("L")}Z`;
+}
+function PointyStar({
+  size,
+  weight,
+  color
+}) {
+  const d = starPath(size);
+  return /* @__PURE__ */jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: `0 0 ${size} ${size}`,
+    children: /* @__PURE__ */jsx(Path, {
+      d,
+      fill: weight === "fill" ? color : "none",
+      stroke: color,
+      strokeWidth: 1.5,
+      strokeLinejoin: "miter",
+      strokeMiterlimit: 10
+    })
+  });
+}
+const cssTimings = {
+  bouncy: "ease-in 200ms",
+  lazy: "ease-in 600ms",
+  slow: "ease-in 500ms",
+  medium: "ease-in-out 250ms",
+  quick: "ease-in 100ms",
+  tooltip: "ease-in 400ms",
+  snappy: "ease-out 80ms",
+  gentle: "ease-in-out 450ms"
+};
+function getTransitionStyle(transition) {
+  if (!isWeb) return void 0;
+  const timing = transition ? cssTimings[transition] ?? cssTimings.quick : cssTimings.quick;
+  return {
+    transition: `transform ${timing}`
+  };
+}
+const StarWrapper = styled(View, {
+  // Native uses Tamagui's animation prop (reanimated driver)
+  ...(!isWeb && {
+    animation: "quick"
+  }),
+  variants: {
+    filled: {
+      true: {
+        scale: 1.1,
+        rotate: "72deg"
+      },
+      false: {
+        scale: 1,
+        rotate: "0deg"
+      }
+    }
+  }
+});
+function StarRow({
+  filledStars,
+  maxStars,
+  disabled,
+  readOnly,
+  onStarPress,
+  knobProps,
+  StarIcon,
+  filledColor,
+  emptyColor,
+  required,
+  hasError
+}) {
+  return /* @__PURE__ */jsx(XStack, {
+    ...knobProps.gap,
+    alignItems: "center",
+    "aria-required": required || void 0,
+    "aria-invalid": hasError || void 0,
+    "aria-readonly": readOnly || void 0,
+    children: Array.from({
+      length: maxStars
+    }, (_, i) => {
+      const starNumber = i + 1;
+      const isFilled = starNumber <= filledStars;
+      return /* @__PURE__ */jsx(StarWrapper, {
+        onPress: () => !readOnly && onStarPress(starNumber),
+        cursor: disabled || readOnly ? "default" : "pointer",
+        opacity: disabled ? 0.5 : 1,
+        filled: isFilled,
+        style: getTransitionStyle(knobProps.transition),
+        children: /* @__PURE__ */jsx(StarIcon, {
+          size: 24,
+          weight: isFilled ? "fill" : "regular",
+          color: isFilled ? filledColor : emptyColor
+        })
+      }, starNumber);
+    })
+  });
+}
+function Rating({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  size,
+  id: idProp,
+  value = 0,
+  defaultValue,
+  onChange,
+  onBlur,
+  disabled,
+  readOnly,
+  maxStars = 5,
+  starIcon,
+  pointy,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedPointy = pointy ?? knobProps.pointy;
+  const ResolvedStarIcon = resolvedPointy ? PointyStar : starIcon;
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const filledStars = useMemo(() => Math.round(value * maxStars), [value, maxStars]);
+  const theme = useTheme();
+  const filledColor = getVariable(theme.color10?.get("web") ?? theme.color?.get("web"));
+  const emptyColor = getVariable(theme.color7?.get("web") ?? theme.color?.get("web"));
+  const handleStarPress = (starIndex, currentFilled, onValueChange) => {
+    if (disabled || readOnly) return;
+    const newFilled = starIndex === currentFilled ? 0 : starIndex;
+    onValueChange?.(newFilled / maxStars);
+  };
+  if (skeleton) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */jsx(XStack, {
+        ...knobProps.gap,
+        alignItems: "center",
+        children: Array.from({
+          length: maxStars
+        }, (_, i) => /* @__PURE__ */jsx(Skeleton, {
+          variant: "rounded",
+          width: 24,
+          height: 24
+        }, i))
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */jsx(StarRow, {
+        knobProps,
+        filledStars,
+        maxStars,
+        disabled: !!disabled,
+        readOnly,
+        onStarPress: i => handleStarPress(i, filledStars, onChange),
+        StarIcon: ResolvedStarIcon,
+        filledColor,
+        emptyColor,
+        required,
+        hasError: !!error
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error);
+      const fieldValue = field.state.value ?? 0;
+      const fieldFilledStars = Math.round(fieldValue * maxStars);
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */jsx(StarRow, {
+          knobProps,
+          filledStars: fieldFilledStars,
+          maxStars,
+          disabled: !!disabled,
+          onStarPress: i => handleStarPress(i, fieldFilledStars, v => {
+            field.handleChange(v);
+            onChange?.(v);
+          }),
+          StarIcon: ResolvedStarIcon,
+          filledColor,
+          emptyColor,
+          required,
+          hasError: !!resolvedError
+        })
+      });
+    }
+  });
+}
+export { Rating };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","getVariable","isWeb","styled","useTheme","View","XStack","Svg","Path","Skeleton","Field","FieldLayout","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","jsx","starPath","size","innerRatio","cx","cy","outerR","innerR","parts","i","outerA","Math","PI","innerA","push","cos","sin","join","PointyStar","weight","color","d","width","height","viewBox","children","fill","stroke","strokeWidth","strokeLinejoin","strokeMiterlimit","cssTimings","bouncy","lazy","slow","medium","quick","tooltip","snappy","gentle","getTransitionStyle","transition","timing","StarWrapper","animation","variants","filled","true","scale","rotate","false","StarRow","filledStars","maxStars","disabled","readOnly","onStarPress","knobProps","StarIcon","filledColor","emptyColor","required","hasError","gap","alignItems","Array","from","length","_","starNumber","isFilled","onPress","cursor","opacity","style","Rating","name","form","formProp","validators","label","labelProps","helperText","error","id","idProp","value","defaultValue","onChange","onBlur","starIcon","pointy","skeleton","compact","resolvedForm","resolvedPointy","ResolvedStarIcon","resolvedValidators","round","theme","color10","get","color7","handleStarPress","starIndex","currentFilled","onValueChange","newFilled","variant","field","resolvedError","fieldValue","state","fieldFilledStars","v","handleChange"],"sources":["../../../../src/fields/Rating/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,261 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getVariable, isWeb, styled, useTheme, View, XStack } from "tamagui";
+import Svg, { Path } from "react-native-svg";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+function starPath(size) {
+  var innerRatio = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0.382;
+  var cx = size / 2;
+  var cy = size / 2;
+  var outerR = size / 2 - 1;
+  var innerR = outerR * innerRatio;
+  var parts = [];
+  for (var i = 0; i < 5; i++) {
+    var outerA = -Math.PI / 2 + i * 2 * Math.PI / 5;
+    var innerA = outerA + Math.PI / 5;
+    parts.push(`${cx + outerR * Math.cos(outerA)},${cy + outerR * Math.sin(outerA)}`, `${cx + innerR * Math.cos(innerA)},${cy + innerR * Math.sin(innerA)}`);
+  }
+  return `M${parts.join("L")}Z`;
+}
+function PointyStar(param) {
+  var {
+    size,
+    weight,
+    color
+  } = param;
+  var d = starPath(size);
+  return /* @__PURE__ */_jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: `0 0 ${size} ${size}`,
+    children: /* @__PURE__ */_jsx(Path, {
+      d,
+      fill: weight === "fill" ? color : "none",
+      stroke: color,
+      strokeWidth: 1.5,
+      strokeLinejoin: "miter",
+      strokeMiterlimit: 10
+    })
+  });
+}
+var cssTimings = {
+  bouncy: "ease-in 200ms",
+  lazy: "ease-in 600ms",
+  slow: "ease-in 500ms",
+  medium: "ease-in-out 250ms",
+  quick: "ease-in 100ms",
+  tooltip: "ease-in 400ms",
+  snappy: "ease-out 80ms",
+  gentle: "ease-in-out 450ms"
+};
+function getTransitionStyle(transition) {
+  var _cssTimings_transition;
+  if (!isWeb) return void 0;
+  var timing = transition ? (_cssTimings_transition = cssTimings[transition]) !== null && _cssTimings_transition !== void 0 ? _cssTimings_transition : cssTimings.quick : cssTimings.quick;
+  return {
+    transition: `transform ${timing}`
+  };
+}
+var StarWrapper = styled(View, {
+  // Native uses Tamagui's animation prop (reanimated driver)
+  ...(!isWeb && {
+    animation: "quick"
+  }),
+  variants: {
+    filled: {
+      true: {
+        scale: 1.1,
+        rotate: "72deg"
+      },
+      false: {
+        scale: 1,
+        rotate: "0deg"
+      }
+    }
+  }
+});
+function StarRow(param) {
+  var {
+    filledStars,
+    maxStars,
+    disabled,
+    readOnly,
+    onStarPress,
+    knobProps,
+    StarIcon,
+    filledColor,
+    emptyColor,
+    required,
+    hasError
+  } = param;
+  return /* @__PURE__ */_jsx(XStack, {
+    ...knobProps.gap,
+    alignItems: "center",
+    "aria-required": required || void 0,
+    "aria-invalid": hasError || void 0,
+    "aria-readonly": readOnly || void 0,
+    children: Array.from({
+      length: maxStars
+    }, function (_, i) {
+      var starNumber = i + 1;
+      var isFilled = starNumber <= filledStars;
+      return /* @__PURE__ */_jsx(StarWrapper, {
+        onPress: function onPress() {
+          return !readOnly && onStarPress(starNumber);
+        },
+        cursor: disabled || readOnly ? "default" : "pointer",
+        opacity: disabled ? 0.5 : 1,
+        filled: isFilled,
+        style: getTransitionStyle(knobProps.transition),
+        children: /* @__PURE__ */_jsx(StarIcon, {
+          size: 24,
+          weight: isFilled ? "fill" : "regular",
+          color: isFilled ? filledColor : emptyColor
+        })
+      }, starNumber);
+    })
+  });
+}
+function Rating(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    size,
+    id: idProp,
+    value = 0,
+    defaultValue,
+    onChange,
+    onBlur,
+    disabled,
+    readOnly,
+    maxStars = 5,
+    starIcon,
+    pointy,
+    skeleton,
+    compact
+  } = param;
+  var _ref, _ref1;
+  var _theme_color10, _theme_color, _theme_color7, _theme_color1;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedPointy = pointy !== null && pointy !== void 0 ? pointy : knobProps.pointy;
+  var ResolvedStarIcon = resolvedPointy ? PointyStar : starIcon;
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var filledStars = useMemo(function () {
+    return Math.round(value * maxStars);
+  }, [value, maxStars]);
+  var theme = useTheme();
+  var filledColor = getVariable((_ref = (_theme_color10 = theme.color10) === null || _theme_color10 === void 0 ? void 0 : _theme_color10.get("web")) !== null && _ref !== void 0 ? _ref : (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get("web"));
+  var emptyColor = getVariable((_ref1 = (_theme_color7 = theme.color7) === null || _theme_color7 === void 0 ? void 0 : _theme_color7.get("web")) !== null && _ref1 !== void 0 ? _ref1 : (_theme_color1 = theme.color) === null || _theme_color1 === void 0 ? void 0 : _theme_color1.get("web"));
+  var handleStarPress = function handleStarPress2(starIndex, currentFilled, onValueChange) {
+    if (disabled || readOnly) return;
+    var newFilled = starIndex === currentFilled ? 0 : starIndex;
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newFilled / maxStars);
+  };
+  if (skeleton) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(XStack, {
+        ...knobProps.gap,
+        alignItems: "center",
+        children: Array.from({
+          length: maxStars
+        }, function (_, i) {
+          return /* @__PURE__ */_jsx(Skeleton, {
+            variant: "rounded",
+            width: 24,
+            height: 24
+          }, i);
+        })
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */_jsx(StarRow, {
+        knobProps,
+        filledStars,
+        maxStars,
+        disabled: !!disabled,
+        readOnly,
+        onStarPress: function onStarPress(i) {
+          return handleStarPress(i, filledStars, onChange);
+        },
+        StarIcon: ResolvedStarIcon,
+        filledColor,
+        emptyColor,
+        required,
+        hasError: !!error
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _field_state_value;
+      var resolvedError = getFieldError(field, error);
+      var fieldValue = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : 0;
+      var fieldFilledStars = Math.round(fieldValue * maxStars);
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */_jsx(StarRow, {
+          knobProps,
+          filledStars: fieldFilledStars,
+          maxStars,
+          disabled: !!disabled,
+          onStarPress: function onStarPress(i) {
+            return handleStarPress(i, fieldFilledStars, function (v) {
+              field.handleChange(v);
+              onChange === null || onChange === void 0 ? void 0 : onChange(v);
+            });
+          },
+          StarIcon: ResolvedStarIcon,
+          filledColor,
+          emptyColor,
+          required,
+          hasError: !!resolvedError
+        })
+      });
+    }
+  });
+}
+export { Rating };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useMemo","getVariable","isWeb","styled","useTheme","View","XStack","Svg","Path","Skeleton","Field","FieldLayout","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","starPath","size","innerRatio","arguments","length","cx","cy","outerR","innerR","parts","i","outerA","Math","PI","innerA","push","cos","sin","join","PointyStar","param","weight","color","d","width","height","viewBox","children","fill","stroke","strokeWidth","strokeLinejoin","strokeMiterlimit","cssTimings","bouncy","lazy","slow","medium","quick","tooltip","snappy","gentle","getTransitionStyle","transition","_cssTimings_transition","timing","StarWrapper","animation","variants","filled","true","scale","rotate","false","StarRow","filledStars","maxStars","disabled","readOnly","onStarPress","knobProps","StarIcon","filledColor","emptyColor","required","hasError","gap","alignItems","Array","from","_","starNumber","isFilled","onPress","cursor","opacity","style","Rating","name","form","formProp","validators","label","labelProps","helperText","error","id","idProp","value","defaultValue","onChange","onBlur","starIcon","pointy","skeleton","compact","_ref","_ref1","_theme_color10","_theme_color","_theme_color7","_theme_color1","resolvedForm","resolvedPointy","ResolvedStarIcon","resolvedValidators","round","theme","color10","get","color7","handleStarPress","handleStarPress2","starIndex","currentFilled","onValueChange","newFilled","variant","field","_field_state_value","resolvedError","fieldValue","state","fieldFilledStars","v","handleChange"],"sources":["../../../../src/fields/Rating/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}