@webority/mobile-ui 0.0.39 → 0.1.0

package/lib/commonjs/components/Radio/RadioDot.js

@@ -1,108 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RadioDot = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * RadioDot — the bare animated radio indicator (ring + spring-scaled dot).
- *
- * Extracted from Radio so custom option templates (ChoiceGroup `renderOption`,
- * bespoke cards) can embed the standard indicator without rebuilding the
- * animation or the disabled/selected colour rules. Purely visual — no press
- * handling, no a11y role; the parent control owns those.
- */
-
-const sizeMap = {
-  sm: {
-    outer: 16,
-    inner: 8
-  },
-  md: {
-    outer: 20,
-    inner: 10
-  },
-  lg: {
-    outer: 24,
-    inner: 12
-  }
-};
-const RadioDot = props => {
-  const {
-    selected,
-    color,
-    disabled = false,
-    size = 'md',
-    style,
-    dotStyle
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(), []);
-  const fillColor = color ?? theme.colors.primary;
-  let outer;
-  let inner;
-  if (typeof size === 'number') {
-    outer = size;
-    inner = Math.round(size / 2);
-  } else {
-    const overrides = theme.components.radio?.[size];
-    outer = overrides?.outer ?? sizeMap[size].outer;
-    inner = overrides?.inner ?? sizeMap[size].inner;
-  }
-  const progress = (0, _react.useRef)((0, _index.createAnimatedValue)(selected ? 1 : 0)).current;
-  (0, _react.useEffect)(() => {
-    const anim = _reactNative.Animated.spring(progress, {
-      toValue: selected ? 1 : 0,
-      damping: theme.motion.spring.snappy.damping,
-      stiffness: theme.motion.spring.snappy.stiffness,
-      mass: theme.motion.spring.snappy.mass,
-      useNativeDriver: true
-    });
-    anim.start();
-    return () => anim.stop();
-  }, [selected, progress, theme.motion.spring.snappy]);
-  const scale = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, 1]
-  });
-  const borderColor = disabled ? theme.colors.border.primary : selected ? fillColor : theme.colors.border.primary;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.outer, {
-      width: outer,
-      height: outer,
-      borderWidth: theme.colors.border.width,
-      borderRadius: outer / 2,
-      ..._corners.smoothCorners,
-      borderColor
-    }, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [{
-        width: inner,
-        height: inner,
-        borderRadius: inner / 2,
-        ..._corners.smoothCorners,
-        backgroundColor: disabled ? theme.colors.text.disabled : fillColor,
-        opacity: progress,
-        transform: [{
-          scale
-        }]
-      }, dotStyle]
-    })
-  });
-};
-exports.RadioDot = RadioDot;
-RadioDot.displayName = 'RadioDot';
-const buildStyles = () => _reactNative.StyleSheet.create({
-  outer: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-var _default = exports.default = RadioDot;
-//# sourceMappingURL=RadioDot.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.RadioDot=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(i=t?o:r){if(i.has(e))return i.get(e);i.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?i(s,t,n):s[t]=e[t]);return s})(e,t)}const sizeMap={sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12}},RadioDot=e=>{const{selected:t,color:r,disabled:o=!1,size:i="md",style:n,dotStyle:s}=e,a=(0,_index.useTheme)(),u=(0,_react.useMemo)(()=>buildStyles(),[]),d=r??a.colors.primary;let c,p;if("number"==typeof i)c=i,p=Math.round(i/2);else{const e=a.components.radio?.[i];c=e?.outer??sizeMap[i].outer,p=e?.inner??sizeMap[i].inner}const l=(0,_react.useRef)((0,_index.createAnimatedValue)(t?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(l,{toValue:t?1:0,damping:a.motion.spring.snappy.damping,stiffness:a.motion.spring.snappy.stiffness,mass:a.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[t,l,a.motion.spring.snappy]);const f=l.interpolate({inputRange:[0,1],outputRange:[0,1]}),m=o?a.colors.border.primary:t?d:a.colors.border.primary;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.outer,{width:c,height:c,borderWidth:a.colors.border.width,borderRadius:c/2,..._corners.smoothCorners,borderColor:m},n],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[{width:p,height:p,borderRadius:p/2,..._corners.smoothCorners,backgroundColor:o?a.colors.text.disabled:d,opacity:l,transform:[{scale:f}]},s]})})};exports.RadioDot=RadioDot,RadioDot.displayName="RadioDot";const buildStyles=()=>_reactNative.StyleSheet.create({outer:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=RadioDot;

package/lib/commonjs/components/Radio/RadioGroup.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RadioGroup = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../hooks/index.js");
-var _Radio = require("./Radio.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const RadioGroup = ({
-  value,
-  defaultValue,
-  onChange,
-  children,
-  disabled = false,
-  accessibilityLabel,
-  style,
-  testID
-}) => {
-  const [current, setCurrent] = (0, _index.useControllableState)({
-    value,
-    defaultValue: defaultValue ?? undefined,
-    onChange: onChange
-  });
-  const ctx = (0, _react.useMemo)(() => ({
-    selectedValue: current,
-    onChange: setCurrent,
-    disabled
-  }), [current, setCurrent, disabled]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.RadioGroupContext.Provider, {
-    value: ctx,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      accessibilityRole: "radiogroup",
-      accessibilityLabel: accessibilityLabel,
-      accessibilityState: {
-        disabled
-      },
-      testID: testID,
-      style: style,
-      children: children
-    })
-  });
-};
-exports.RadioGroup = RadioGroup;
-RadioGroup.displayName = 'RadioGroup';
-var _default = exports.default = RadioGroup;
-//# sourceMappingURL=RadioGroup.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.RadioGroup=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_Radio=require("./Radio.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,o,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(a=t?i:r){if(a.has(e))return a.get(e);a.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?a(u,t,o):u[t]=e[t]);return u})(e,t)}const RadioGroup=({value:e,defaultValue:t,onChange:r,children:i,disabled:a=!1,accessibilityLabel:o,style:u,testID:n})=>{const[d,l]=(0,_index.useControllableState)({value:e,defaultValue:t??void 0,onChange:r}),s=(0,_react.useMemo)(()=>({selectedValue:d,onChange:l,disabled:a}),[d,l,a]);return(0,_jsxRuntime.jsx)(_Radio.RadioGroupContext.Provider,{value:s,children:(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityRole:"radiogroup",accessibilityLabel:o,accessibilityState:{disabled:a},testID:n,style:u,children:i})})};exports.RadioGroup=RadioGroup,RadioGroup.displayName="RadioGroup";var _default=exports.default=RadioGroup;

package/lib/commonjs/components/Radio/index.js

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function () {
-    return _Radio.Radio;
-  }
-});
-Object.defineProperty(exports, "RadioDot", {
-  enumerable: true,
-  get: function () {
-    return _RadioDot.RadioDot;
-  }
-});
-Object.defineProperty(exports, "RadioGroup", {
-  enumerable: true,
-  get: function () {
-    return _RadioGroup.RadioGroup;
-  }
-});
-Object.defineProperty(exports, "RadioGroupContext", {
-  enumerable: true,
-  get: function () {
-    return _Radio.RadioGroupContext;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Radio.default;
-  }
-});
-Object.defineProperty(exports, "useRadioGroup", {
-  enumerable: true,
-  get: function () {
-    return _Radio.useRadioGroup;
-  }
-});
-var _Radio = _interopRequireWildcard(require("./Radio.js"));
-var _RadioDot = require("./RadioDot.js");
-var _RadioGroup = require("./RadioGroup.js");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _Radio.Radio}}),Object.defineProperty(exports,"RadioDot",{enumerable:!0,get:function(){return _RadioDot.RadioDot}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return _RadioGroup.RadioGroup}}),Object.defineProperty(exports,"RadioGroupContext",{enumerable:!0,get:function(){return _Radio.RadioGroupContext}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Radio.default}}),Object.defineProperty(exports,"useRadioGroup",{enumerable:!0,get:function(){return _Radio.useRadioGroup}});var _Radio=_interopRequireWildcard(require("./Radio.js")),_RadioDot=require("./RadioDot.js"),_RadioGroup=require("./RadioGroup.js");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var i,n,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(i=r?o:t){if(i.has(e))return i.get(e);i.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(n.get||n.set)?i(u,r,n):u[r]=e[r]);return u})(e,r)}

package/lib/commonjs/components/Rating/Rating.js

@@ -1,338 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Rating = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _hapticUtils = require("../../utils/hapticUtils.js");
-var _index2 = require("../Skeleton/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const sizePxMap = {
-  sm: 16,
-  md: 24,
-  lg: 32
-};
-const resolveSize = size => typeof size === 'number' ? size : sizePxMap[size];
-const toneColorFor = (theme, tone) => {
-  switch (tone) {
-    case 'primary':
-      return theme.colors.primary;
-    case 'warning':
-    default:
-      return theme.colors.warning;
-  }
-};
-const clampToStep = (raw, max, step) => {
-  const clamped = Math.max(0, Math.min(max, raw));
-  const stepped = Math.round(clamped / step) * step;
-  return Number(stepped.toFixed(2));
-};
-const Star = ({
-  index,
-  filled,
-  size,
-  filledColor,
-  emptyColor,
-  scale
-}) => {
-  const fillRatio = Math.max(0, Math.min(1, filled - index));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-    style: [starStyles.starWrap, {
-      width: size,
-      height: size,
-      transform: [{
-        scale
-      }]
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [starStyles.glyph, {
-        color: emptyColor,
-        fontSize: size,
-        lineHeight: size
-      }],
-      accessible: false,
-      children: '☆'
-    }), fillRatio > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      pointerEvents: "none",
-      style: [starStyles.fillClip, {
-        width: size * fillRatio,
-        height: size
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [starStyles.glyph, {
-          color: filledColor,
-          fontSize: size,
-          lineHeight: size
-        }],
-        accessible: false,
-        children: '★'
-      })
-    }) : null]
-  });
-};
-const Rating = exports.Rating = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    value,
-    onChange,
-    max = 5,
-    allowHalf = true,
-    readonly: readonlyProp = false,
-    size = 'md',
-    tone = 'warning',
-    label,
-    loading = false,
-    haptic,
-    accessibilityLabel,
-    style,
-    containerStyle,
-    starContainerStyle,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const interactive = !readonlyProp && typeof onChange === 'function';
-  const step = allowHalf ? 0.5 : 1;
-  const starSize = resolveSize(size);
-  const filledColor = toneColorFor(theme, tone);
-  const emptyColor = theme.colors.border.primary;
-  const starWidthRef = (0, _react.useRef)(starSize);
-  const handleStarLayout = (0, _react.useCallback)(e => {
-    starWidthRef.current = e.nativeEvent.layout.width;
-  }, []);
-  const scaleMapRef = (0, _react.useRef)(new Map());
-  const scaleRefs = (0, _react.useMemo)(() => {
-    const map = scaleMapRef.current;
-    const out = [];
-    for (let i = 0; i < max; i += 1) {
-      let v = map.get(i);
-      if (!v) {
-        v = new _reactNative.Animated.Value(1);
-        map.set(i, v);
-      }
-      out.push(v);
-    }
-    for (const key of Array.from(map.keys())) {
-      if (key >= max) {
-        map.delete(key);
-      }
-    }
-    return out;
-  }, [max]);
-  const pulseOnPress = theme.components.rating?.pulseOnPress ?? false;
-  const pulseScale = theme.components.rating?.pulseScale ?? 1.2;
-  const pulse = (0, _react.useCallback)(idx => {
-    const v = scaleRefs[idx];
-    // Equivalent mutant, not an untested guard: `pulse` is only ever invoked from
-    // `commit` with an `animatedIndex` sourced from the star-loop below, which
-    // only pushes indices already confirmed present in `scaleRefs` (same render,
-    // same `max`). `v` is therefore always defined here — no reachable input
-    // makes this `return` fire, so no test can kill its removal.
-    if (!v) {
-      return;
-    }
-    _reactNative.Animated.sequence([_reactNative.Animated.timing(v, {
-      toValue: pulseScale,
-      duration: theme.motion.duration.fast,
-      easing: _reactNative.Easing.bezier(...theme.motion.easing.standard),
-      useNativeDriver: true
-    }), _reactNative.Animated.spring(v, {
-      toValue: 1,
-      damping: theme.motion.spring.bouncy.damping,
-      stiffness: theme.motion.spring.bouncy.stiffness,
-      mass: theme.motion.spring.bouncy.mass,
-      useNativeDriver: true
-    })]).start();
-  }, [theme.motion, pulseScale, scaleRefs]);
-  const commit = (0, _react.useCallback)((next, animatedIndex) => {
-    if (!interactive || !onChange) {
-      return;
-    }
-    const cleaned = clampToStep(next, max, step);
-    const h = (0, _hapticUtils.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _hapticUtils.triggerHaptic)(h);
-    }
-    if (pulseOnPress && typeof animatedIndex === 'number') {
-      pulse(animatedIndex);
-    }
-    onChange(cleaned);
-  }, [interactive, onChange, max, step, pulse, haptic, pulseOnPress]);
-  const handleStarPress = (0, _react.useCallback)(index => e => {
-    if (!interactive) {
-      return;
-    }
-    const w = starWidthRef.current || starSize;
-    const localX = e.nativeEvent.locationX ?? w;
-    let next;
-    if (allowHalf && localX < w / 2) {
-      next = index + 0.5;
-    } else {
-      next = index + 1;
-    }
-    commit(next, index);
-  }, [interactive, starSize, allowHalf, commit]);
-  const onAccessibilityAction = (0, _react.useCallback)(e => {
-    if (!interactive) {
-      return;
-    }
-    if (e.nativeEvent.actionName === 'increment') {
-      commit(value + step);
-    } else if (e.nativeEvent.actionName === 'decrement') {
-      commit(value - step);
-    }
-  }, [interactive, value, step, commit]);
-  const valueText = `${value} of ${max} stars`;
-  const a11yLabel = accessibilityLabel ?? label ?? valueText;
-  const stars = [];
-  for (let i = 0; i < max; i += 1) {
-    const scaleVal = scaleRefs[i];
-    if (!scaleVal) {
-      continue;
-    }
-    const star = /*#__PURE__*/(0, _jsxRuntime.jsx)(Star, {
-      index: i,
-      filled: value,
-      size: starSize,
-      filledColor: filledColor,
-      emptyColor: emptyColor,
-      scale: scaleVal
-    }, i);
-    stars.push(interactive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      onPress: handleStarPress(i),
-      onLayout: i === 0 ? handleStarLayout : undefined,
-      hitSlop: 4,
-      accessible: false,
-      style: styles.starPress,
-      children: star
-    }, i) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      onLayout: i === 0 ? handleStarLayout : undefined,
-      style: styles.starPress,
-      children: star
-    }, i));
-  }
-  const rendered = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.wrapper, style, containerStyle],
-    ref: ref,
-    testID: testID,
-    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.label, {
-        color: theme.colors.text.secondary,
-        fontSize: theme.typography.fontSize.sm
-      }],
-      children: label
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.row, starContainerStyle],
-      accessible: true,
-      accessibilityRole: interactive ? 'adjustable' : 'text',
-      accessibilityLabel: a11yLabel,
-      accessibilityValue: interactive ? {
-        min: 0,
-        max,
-        now: value,
-        text: valueText
-      } : undefined,
-      accessibilityActions: interactive ? [{
-        name: 'increment'
-      }, {
-        name: 'decrement'
-      }] : undefined,
-      onAccessibilityAction: interactive ? onAccessibilityAction : undefined,
-      children: stars
-    })]
-  });
-  if (loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingSkeleton, {
-      ...props
-    });
-  }
-  return rendered;
-});
-Rating.displayName = 'Rating';
-
-/**
- * Placeholder shape for `<Rating>`. Row of N star-shaped skeletons sized
- * exactly like the live stars, plus an optional label line above. The
- * footprint stays identical between loading and loaded states.
- */
-const RatingSkeleton = ({
-  max = 5,
-  size = 'md',
-  label,
-  containerStyle,
-  starContainerStyle,
-  style
-}) => {
-  const starSize = resolveSize(size);
-  const stars = Math.max(1, max);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [{
-      alignItems: 'flex-start'
-    }, containerStyle, style],
-    accessibilityRole: "progressbar",
-    accessibilityState: {
-      busy: true
-    },
-    children: [label !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
-      shape: "text",
-      width: 80,
-      height: 14,
-      style: {
-        marginBottom: 6
-      }
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [{
-        flexDirection: 'row'
-      }, starContainerStyle],
-      children: Array.from({
-        length: stars
-      }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Skeleton, {
-        width: starSize,
-        height: starSize,
-        radius: Math.round(starSize * 0.25),
-        style: i < stars - 1 ? {
-          marginRight: 4
-        } : undefined
-      }, `sk-star-${i}`))
-    })]
-  });
-};
-RatingSkeleton.displayName = 'RatingSkeleton';
-Rating.Skeleton = RatingSkeleton;
-const starStyles = _reactNative.StyleSheet.create({
-  starWrap: {
-    position: 'relative',
-    alignItems: 'flex-start',
-    justifyContent: 'center'
-  },
-  glyph: {
-    textAlign: 'left',
-    includeFontPadding: false
-  },
-  fillClip: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    overflow: 'hidden'
-  }
-});
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  wrapper: {
-    flexDirection: 'column'
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  starPress: {
-    marginRight: 4
-  },
-  label: {
-    marginBottom: 6
-  }
-});
-var _default = exports.default = Rating;
-//# sourceMappingURL=Rating.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Rating=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_index2=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var i=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(r=t?a:i){if(r.has(e))return r.get(e);r.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(s,t,n):s[t]=e[t]);return s})(e,t)}const sizePxMap={sm:16,md:24,lg:32},resolveSize=e=>"number"==typeof e?e:sizePxMap[e],toneColorFor=(e,t)=>"primary"===t?e.colors.primary:e.colors.warning,clampToStep=(e,t,i)=>{const a=Math.max(0,Math.min(t,e)),r=Math.round(a/i)*i;return Number(r.toFixed(2))},Star=({index:e,filled:t,size:i,filledColor:a,emptyColor:r,scale:n})=>{const s=Math.max(0,Math.min(1,t-e));return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[starStyles.starWrap,{width:i,height:i,transform:[{scale:n}]}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[starStyles.glyph,{color:r,fontSize:i,lineHeight:i}],accessible:!1,children:"☆"}),s>0?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[starStyles.fillClip,{width:i*s,height:i}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[starStyles.glyph,{color:a,fontSize:i,lineHeight:i}],accessible:!1,children:"★"})}):null]})},Rating=exports.Rating=(0,_react.forwardRef)((e,t)=>{const{value:i,onChange:a,max:r=5,allowHalf:n=!0,readonly:s=!1,size:l="md",tone:o="warning",label:c,loading:u=!1,haptic:d,accessibilityLabel:m,style:p,containerStyle:y,starContainerStyle:x,testID:_}=e,f=(0,_index.useTheme)(),g=(0,_react.useMemo)(()=>buildStyles(f),[f]),h=!s&&"function"==typeof a,v=n?.5:1,b=resolveSize(l),j=toneColorFor(f,o),R=f.colors.border.primary,S=(0,_react.useRef)(b),w=(0,_react.useCallback)(e=>{S.current=e.nativeEvent.layout.width},[]),N=(0,_react.useRef)(new Map),k=(0,_react.useMemo)(()=>{const e=N.current,t=[];for(let i=0;i<r;i+=1){let a=e.get(i);a||(a=new _reactNative.Animated.Value(1),e.set(i,a)),t.push(a)}for(const t of Array.from(e.keys()))t>=r&&e.delete(t);return t},[r]),C=f.components.rating?.pulseOnPress??!1,M=f.components.rating?.pulseScale??1.2,z=(0,_react.useCallback)(e=>{const t=k[e];t&&_reactNative.Animated.sequence([_reactNative.Animated.timing(t,{toValue:M,duration:f.motion.duration.fast,easing:_reactNative.Easing.bezier(...f.motion.easing.standard),useNativeDriver:!0}),_reactNative.Animated.spring(t,{toValue:1,damping:f.motion.spring.bouncy.damping,stiffness:f.motion.spring.bouncy.stiffness,mass:f.motion.spring.bouncy.mass,useNativeDriver:!0})]).start()},[f.motion,M,k]),P=(0,_react.useCallback)((e,t)=>{if(!h||!a)return;const i=clampToStep(e,r,v),n=(0,_hapticUtils.resolveHaptic)(d,"selection");n&&(0,_hapticUtils.triggerHaptic)(n),C&&"number"==typeof t&&z(t),a(i)},[h,a,r,v,z,d,C]),A=(0,_react.useCallback)(e=>t=>{if(!h)return;const i=S.current||b,a=t.nativeEvent.locationX??i;let r;r=n&&a<i/2?e+.5:e+1,P(r,e)},[h,b,n,P]),V=(0,_react.useCallback)(e=>{h&&("increment"===e.nativeEvent.actionName?P(i+v):"decrement"===e.nativeEvent.actionName&&P(i-v))},[h,i,v,P]),q=`${i} of ${r} stars`,D=m??c??q,W=[];for(let e=0;e<r;e+=1){const t=k[e];if(!t)continue;const a=(0,_jsxRuntime.jsx)(Star,{index:e,filled:i,size:b,filledColor:j,emptyColor:R,scale:t},e);W.push(h?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:A(e),onLayout:0===e?w:void 0,hitSlop:4,accessible:!1,style:g.starPress,children:a},e):(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:0===e?w:void 0,style:g.starPress,children:a},e))}const E=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[g.wrapper,p,y],ref:t,testID:_,children:[c?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[g.label,{color:f.colors.text.secondary,fontSize:f.typography.fontSize.sm}],children:c}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.row,x],accessible:!0,accessibilityRole:h?"adjustable":"text",accessibilityLabel:D,accessibilityValue:h?{min:0,max:r,now:i,text:q}:void 0,accessibilityActions:h?[{name:"increment"},{name:"decrement"}]:void 0,onAccessibilityAction:h?V:void 0,children:W})]});return u?(0,_jsxRuntime.jsx)(RatingSkeleton,{...e}):E});Rating.displayName="Rating";const RatingSkeleton=({max:e=5,size:t="md",label:i,containerStyle:a,starContainerStyle:r,style:n})=>{const s=resolveSize(t),l=Math.max(1,e);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{alignItems:"flex-start"},a,n],accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:[void 0!==i?(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:80,height:14,style:{marginBottom:6}}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{flexDirection:"row"},r],children:Array.from({length:l}).map((e,t)=>(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:s,height:s,radius:Math.round(.25*s),style:t<l-1?{marginRight:4}:void 0},`sk-star-${t}`))})]})};RatingSkeleton.displayName="RatingSkeleton",Rating.Skeleton=RatingSkeleton;const starStyles=_reactNative.StyleSheet.create({starWrap:{position:"relative",alignItems:"flex-start",justifyContent:"center"},glyph:{textAlign:"left",includeFontPadding:!1},fillClip:{position:"absolute",top:0,left:0,overflow:"hidden"}}),buildStyles=e=>_reactNative.StyleSheet.create({wrapper:{flexDirection:"column"},row:{flexDirection:"row",alignItems:"center"},starPress:{marginRight:4},label:{marginBottom:6}});var _default=exports.default=Rating;

package/lib/commonjs/components/Rating/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Rating", {
-  enumerable: true,
-  get: function () {
-    return _Rating.Rating;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Rating.default;
-  }
-});
-var _Rating = _interopRequireWildcard(require("./Rating.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function(){return _Rating.Rating}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Rating.default}});var _Rating=_interopRequireWildcard(require("./Rating.js"));function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(i=t?n:r){if(i.has(e))return i.get(e);i.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(u,t,o):u[t]=e[t]);return u})(e,t)}