@webority/mobile-ui 0.0.39 → 0.2.0

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

@@ -1,45 +1 @@
-"use strict";
-
-import React, { useMemo } from 'react';
-import { View } from 'react-native';
-import { useControllableState } from "../../hooks/index.js";
-import { RadioGroupContext } from "./Radio.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const RadioGroup = ({
-  value,
-  defaultValue,
-  onChange,
-  children,
-  disabled = false,
-  accessibilityLabel,
-  style,
-  testID
-}) => {
-  const [current, setCurrent] = useControllableState({
-    value,
-    defaultValue: defaultValue ?? undefined,
-    onChange: onChange
-  });
-  const ctx = useMemo(() => ({
-    selectedValue: current,
-    onChange: setCurrent,
-    disabled
-  }), [current, setCurrent, disabled]);
-  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
-    value: ctx,
-    children: /*#__PURE__*/_jsx(View, {
-      accessibilityRole: "radiogroup",
-      accessibilityLabel: accessibilityLabel,
-      accessibilityState: {
-        disabled
-      },
-      testID: testID,
-      style: style,
-      children: children
-    })
-  });
-};
-RadioGroup.displayName = 'RadioGroup';
-export { RadioGroup };
-export default RadioGroup;
-//# sourceMappingURL=RadioGroup.js.map
+"use strict";import React,{useMemo}from"react";import{View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{RadioGroupContext}from"./Radio.js";import{jsx as _jsx}from"react/jsx-runtime";const RadioGroup=({value:e,defaultValue:o,onChange:t,children:a,disabled:i=!1,accessibilityLabel:r,style:s,testID:l})=>{const[d,u]=useControllableState({value:e,defaultValue:o??void 0,onChange:t}),c=useMemo(()=>({selectedValue:d,onChange:u,disabled:i}),[d,u,i]);return _jsx(RadioGroupContext.Provider,{value:c,children:_jsx(View,{accessibilityRole:"radiogroup",accessibilityLabel:r,accessibilityState:{disabled:i},testID:l,style:s,children:a})})};RadioGroup.displayName="RadioGroup";export{RadioGroup};export default RadioGroup;

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

@@ -1,6 +1 @@
-"use strict";
-
-export { default, Radio, RadioGroupContext, useRadioGroup } from "./Radio.js";
-export { RadioDot } from "./RadioDot.js";
-export { RadioGroup } from "./RadioGroup.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default,Radio,RadioGroupContext,useRadioGroup}from"./Radio.js";export{RadioDot}from"./RadioDot.js";export{RadioGroup}from"./RadioGroup.js";

package/lib/module/components/Rating/Rating.js

@@ -1,334 +1 @@
-"use strict";
-
-import React, { forwardRef, useCallback, useMemo, useRef } from 'react';
-import { Animated, Easing, Pressable, StyleSheet, Text, View } from 'react-native';
-import { useTheme } from "../../theme/index.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
-import { Skeleton } from "../Skeleton/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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__*/_jsxs(Animated.View, {
-    style: [starStyles.starWrap, {
-      width: size,
-      height: size,
-      transform: [{
-        scale
-      }]
-    }],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [starStyles.glyph, {
-        color: emptyColor,
-        fontSize: size,
-        lineHeight: size
-      }],
-      accessible: false,
-      children: '☆'
-    }), fillRatio > 0 ? /*#__PURE__*/_jsx(View, {
-      pointerEvents: "none",
-      style: [starStyles.fillClip, {
-        width: size * fillRatio,
-        height: size
-      }],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [starStyles.glyph, {
-          color: filledColor,
-          fontSize: size,
-          lineHeight: size
-        }],
-        accessible: false,
-        children: '★'
-      })
-    }) : null]
-  });
-};
-const Rating = /*#__PURE__*/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 = useTheme();
-  const styles = 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 = useRef(starSize);
-  const handleStarLayout = useCallback(e => {
-    starWidthRef.current = e.nativeEvent.layout.width;
-  }, []);
-  const scaleMapRef = useRef(new Map());
-  const scaleRefs = useMemo(() => {
-    const map = scaleMapRef.current;
-    const out = [];
-    for (let i = 0; i < max; i += 1) {
-      let v = map.get(i);
-      if (!v) {
-        v = new 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 = 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;
-    }
-    Animated.sequence([Animated.timing(v, {
-      toValue: pulseScale,
-      duration: theme.motion.duration.fast,
-      easing: Easing.bezier(...theme.motion.easing.standard),
-      useNativeDriver: true
-    }), 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 = useCallback((next, animatedIndex) => {
-    if (!interactive || !onChange) {
-      return;
-    }
-    const cleaned = clampToStep(next, max, step);
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    if (pulseOnPress && typeof animatedIndex === 'number') {
-      pulse(animatedIndex);
-    }
-    onChange(cleaned);
-  }, [interactive, onChange, max, step, pulse, haptic, pulseOnPress]);
-  const handleStarPress = 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 = 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__*/_jsx(Star, {
-      index: i,
-      filled: value,
-      size: starSize,
-      filledColor: filledColor,
-      emptyColor: emptyColor,
-      scale: scaleVal
-    }, i);
-    stars.push(interactive ? /*#__PURE__*/_jsx(Pressable, {
-      onPress: handleStarPress(i),
-      onLayout: i === 0 ? handleStarLayout : undefined,
-      hitSlop: 4,
-      accessible: false,
-      style: styles.starPress,
-      children: star
-    }, i) : /*#__PURE__*/_jsx(View, {
-      onLayout: i === 0 ? handleStarLayout : undefined,
-      style: styles.starPress,
-      children: star
-    }, i));
-  }
-  const rendered = /*#__PURE__*/_jsxs(View, {
-    style: [styles.wrapper, style, containerStyle],
-    ref: ref,
-    testID: testID,
-    children: [label ? /*#__PURE__*/_jsx(Text, {
-      style: [styles.label, {
-        color: theme.colors.text.secondary,
-        fontSize: theme.typography.fontSize.sm
-      }],
-      children: label
-    }) : null, /*#__PURE__*/_jsx(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__*/_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__*/_jsxs(View, {
-    style: [{
-      alignItems: 'flex-start'
-    }, containerStyle, style],
-    accessibilityRole: "progressbar",
-    accessibilityState: {
-      busy: true
-    },
-    children: [label !== undefined ? /*#__PURE__*/_jsx(Skeleton, {
-      shape: "text",
-      width: 80,
-      height: 14,
-      style: {
-        marginBottom: 6
-      }
-    }) : null, /*#__PURE__*/_jsx(View, {
-      style: [{
-        flexDirection: 'row'
-      }, starContainerStyle],
-      children: Array.from({
-        length: stars
-      }).map((_, i) => /*#__PURE__*/_jsx(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 = 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 => StyleSheet.create({
-  wrapper: {
-    flexDirection: 'column'
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  starPress: {
-    marginRight: 4
-  },
-  label: {
-    marginBottom: 6
-  }
-});
-export { Rating };
-export default Rating;
-//# sourceMappingURL=Rating.js.map
+"use strict";import React,{forwardRef,useCallback,useMemo,useRef}from"react";import{Animated,Easing,Pressable,StyleSheet,Text,View}from"react-native";import{useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";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 s=Math.max(0,Math.min(t,e)),n=Math.round(s/i)*i;return Number(n.toFixed(2))},Star=({index:e,filled:t,size:i,filledColor:s,emptyColor:n,scale:a})=>{const o=Math.max(0,Math.min(1,t-e));return _jsxs(Animated.View,{style:[starStyles.starWrap,{width:i,height:i,transform:[{scale:a}]}],children:[_jsx(Text,{style:[starStyles.glyph,{color:n,fontSize:i,lineHeight:i}],accessible:!1,children:"☆"}),o>0?_jsx(View,{pointerEvents:"none",style:[starStyles.fillClip,{width:i*o,height:i}],children:_jsx(Text,{style:[starStyles.glyph,{color:s,fontSize:i,lineHeight:i}],accessible:!1,children:"★"})}):null]})},Rating=forwardRef((e,t)=>{const{value:i,onChange:s,max:n=5,allowHalf:a=!0,readonly:o=!1,size:l="md",tone:r="warning",label:c,loading:m=!1,haptic:d,accessibilityLabel:u,style:y,containerStyle:p,starContainerStyle:g,testID:f}=e,h=useTheme(),x=useMemo(()=>buildStyles(h),[h]),S=!o&&"function"==typeof s,b=a?.5:1,v=resolveSize(l),w=toneColorFor(h,r),j=h.colors.border.primary,R=useRef(v),k=useCallback(e=>{R.current=e.nativeEvent.layout.width},[]),C=useRef(new Map),_=useMemo(()=>{const e=C.current,t=[];for(let i=0;i<n;i+=1){let s=e.get(i);s||(s=new Animated.Value(1),e.set(i,s)),t.push(s)}for(const t of Array.from(e.keys()))t>=n&&e.delete(t);return t},[n]),z=h.components.rating?.pulseOnPress??!1,M=h.components.rating?.pulseScale??1.2,A=useCallback(e=>{const t=_[e];t&&Animated.sequence([Animated.timing(t,{toValue:M,duration:h.motion.duration.fast,easing:Easing.bezier(...h.motion.easing.standard),useNativeDriver:!0}),Animated.spring(t,{toValue:1,damping:h.motion.spring.bouncy.damping,stiffness:h.motion.spring.bouncy.stiffness,mass:h.motion.spring.bouncy.mass,useNativeDriver:!0})]).start()},[h.motion,M,_]),V=useCallback((e,t)=>{if(!S||!s)return;const i=clampToStep(e,n,b),a=resolveHaptic(d,"selection");a&&triggerHaptic(a),z&&"number"==typeof t&&A(t),s(i)},[S,s,n,b,A,d,z]),P=useCallback(e=>t=>{if(!S)return;const i=R.current||v,s=t.nativeEvent.locationX??i;let n;n=a&&s<i/2?e+.5:e+1,V(n,e)},[S,v,a,V]),T=useCallback(e=>{S&&("increment"===e.nativeEvent.actionName?V(i+b):"decrement"===e.nativeEvent.actionName&&V(i-b))},[S,i,b,V]),D=`${i} of ${n} stars`,E=u??c??D,H=[];for(let e=0;e<n;e+=1){const t=_[e];if(!t)continue;const s=_jsx(Star,{index:e,filled:i,size:v,filledColor:w,emptyColor:j,scale:t},e);H.push(S?_jsx(Pressable,{onPress:P(e),onLayout:0===e?k:void 0,hitSlop:4,accessible:!1,style:x.starPress,children:s},e):_jsx(View,{onLayout:0===e?k:void 0,style:x.starPress,children:s},e))}const N=_jsxs(View,{style:[x.wrapper,y,p],ref:t,testID:f,children:[c?_jsx(Text,{style:[x.label,{color:h.colors.text.secondary,fontSize:h.typography.fontSize.sm}],children:c}):null,_jsx(View,{style:[x.row,g],accessible:!0,accessibilityRole:S?"adjustable":"text",accessibilityLabel:E,accessibilityValue:S?{min:0,max:n,now:i,text:D}:void 0,accessibilityActions:S?[{name:"increment"},{name:"decrement"}]:void 0,onAccessibilityAction:S?T:void 0,children:H})]});return m?_jsx(RatingSkeleton,{...e}):N});Rating.displayName="Rating";const RatingSkeleton=({max:e=5,size:t="md",label:i,containerStyle:s,starContainerStyle:n,style:a})=>{const o=resolveSize(t),l=Math.max(1,e);return _jsxs(View,{style:[{alignItems:"flex-start"},s,a],accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:[void 0!==i?_jsx(Skeleton,{shape:"text",width:80,height:14,style:{marginBottom:6}}):null,_jsx(View,{style:[{flexDirection:"row"},n],children:Array.from({length:l}).map((e,t)=>_jsx(Skeleton,{width:o,height:o,radius:Math.round(.25*o),style:t<l-1?{marginRight:4}:void 0},`sk-star-${t}`))})]})};RatingSkeleton.displayName="RatingSkeleton",Rating.Skeleton=RatingSkeleton;const starStyles=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=>StyleSheet.create({wrapper:{flexDirection:"column"},row:{flexDirection:"row",alignItems:"center"},starPress:{marginRight:4},label:{marginBottom:6}});export{Rating};export default Rating;

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

@@ -1,4 +1 @@
-"use strict";
-
-export { default, Rating } from "./Rating.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default,Rating}from"./Rating.js";

package/lib/module/components/Repeater/Repeater.js

@@ -1,162 +1 @@
-"use strict";
-
-import React, { useCallback, useMemo, useRef } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { fontFor, useTheme } from "../../theme/index.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/index.js";
-import { AppIcon } from "../AppIcon/index.js";
-import { Button } from "../Button/index.js";
-import { IconButton } from "../IconButton/index.js";
-
-/**
- * Row keys have to survive a removal. Keying by index looked safe because
- * reordering is not part of this contract, but `removeAt` IS a reorder: it
- * shifts every later row down one, so React reconciles the mounted rows by
- * position and feeds them the next row's data. Everything React does not own
- * stays behind with the wrong row — the keyboard focus, the text cursor, the
- * IME buffer, and any state a consumer put inside `renderRow`.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-let rowIdCounter = 0;
-const nextRowId = () => {
-  rowIdCounter += 1;
-  return `row-${rowIdCounter}`;
-};
-/**
- * Add / remove / edit a list of form rows — line items, phone numbers,
- * addresses. Owns the array mechanics (immutably) so each screen stops
- * re-deriving splice/map logic, and keeps the min/max rules in one place where
- * they can't disagree between the add button and the remove button.
- */
-export const Repeater = ({
-  value,
-  onChange,
-  createRow,
-  renderRow,
-  addLabel = 'Add another',
-  rowLabel,
-  minRows = 0,
-  maxRows,
-  removable = true,
-  emptyText,
-  disabled = false,
-  haptic,
-  style,
-  testID
-}) => {
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-
-  // `add` and `removeAt` keep this in step themselves, so the only work left
-  // here is a value the PARENT changed behind our back: pad or trim at the end,
-  // which is where an external append or truncate happens.
-  const rowIds = useRef([]);
-  if (rowIds.current.length < value.length) {
-    while (rowIds.current.length < value.length) {
-      rowIds.current.push(nextRowId());
-    }
-  } else if (rowIds.current.length > value.length) {
-    rowIds.current.length = value.length;
-  }
-  const atMax = typeof maxRows === 'number' && value.length >= maxRows;
-  const canRemove = removable && value.length > minRows;
-  const fire = useCallback(fallback => {
-    const h = resolveHaptic(haptic, fallback);
-    if (h) {
-      triggerHaptic(h);
-    }
-  }, [haptic]);
-  const add = useCallback(() => {
-    if (disabled || atMax) {
-      return;
-    }
-    onChange([...value, createRow()]);
-    fire('impactLight');
-  }, [atMax, createRow, disabled, fire, onChange, value]);
-  const updateAt = useCallback((index, next) => {
-    onChange(value.map((row, i) => i === index ? next : row));
-  }, [onChange, value]);
-  const removeAt = useCallback(index => {
-    if (disabled || !canRemove) {
-      return;
-    }
-    rowIds.current = rowIds.current.filter((_, i) => i !== index);
-    onChange(value.filter((_, i) => i !== index));
-    fire('notificationWarning');
-  }, [canRemove, disabled, fire, onChange, value]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [{
-      gap: theme.spacing.md
-    }, style],
-    testID: testID,
-    children: [value.length === 0 && emptyText ? /*#__PURE__*/_jsx(Text, {
-      style: [styles.empty, {
-        color: theme.colors.text.tertiary,
-        fontSize: theme.typography.fontSize.sm
-      }],
-      children: emptyText
-    }) : null, value.map((item, index) => /*#__PURE__*/_jsxs(View, {
-      style: {
-        gap: theme.spacing.xs
-      },
-      children: [rowLabel || canRemove && !disabled ? /*#__PURE__*/_jsxs(View, {
-        style: styles.rowHeader,
-        children: [rowLabel ? /*#__PURE__*/_jsx(Text, {
-          style: [styles.rowLabel, {
-            color: theme.colors.text.tertiary,
-            fontSize: theme.typography.fontSize.xs
-          }],
-          children: rowLabel(index)
-        }) : /*#__PURE__*/_jsx(View, {}), canRemove && !disabled ? /*#__PURE__*/_jsx(IconButton, {
-          icon: ({
-            color,
-            size
-          }) => /*#__PURE__*/_jsx(AppIcon, {
-            name: "x",
-            size: size,
-            color: color
-          }),
-          onPress: () => removeAt(index),
-          accessibilityLabel: `Remove ${rowLabel ? rowLabel(index) : `row ${index + 1}`}`,
-          size: "sm",
-          tone: "error",
-          variant: "ghost",
-          haptic: haptic,
-          testID: testID ? `${testID}-remove-${index}` : undefined
-        }) : null]
-      }) : null, renderRow({
-        item,
-        index,
-        update: next => updateAt(index, next),
-        remove: () => removeAt(index),
-        canRemove
-      })]
-    }, rowIds.current[index])), atMax || disabled ? null : /*#__PURE__*/_jsx(Button, {
-      title: addLabel,
-      onPress: add,
-      variant: "outline",
-      size: "sm",
-      haptic: haptic,
-      testID: testID ? `${testID}-add` : undefined
-    })]
-  });
-};
-const buildStyles = theme => StyleSheet.create({
-  rowHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    minHeight: 24
-  },
-  rowLabel: {
-    ...fontFor(theme, 'semibold'),
-    fontWeight: '600',
-    letterSpacing: 0.5,
-    textTransform: 'uppercase'
-  },
-  empty: {
-    ...fontFor(theme, 'normal')
-  }
-});
-export default Repeater;
-//# sourceMappingURL=Repeater.js.map
+"use strict";import React,{useCallback,useMemo,useRef}from"react";import{StyleSheet,Text,View}from"react-native";import{fontFor,useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{AppIcon}from"../AppIcon/index.js";import{Button}from"../Button/index.js";import{IconButton}from"../IconButton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";let rowIdCounter=0;const nextRowId=()=>(rowIdCounter+=1,`row-${rowIdCounter}`);export const Repeater=({value:e,onChange:t,createRow:r,renderRow:o,addLabel:n="Add another",rowLabel:s,renderRowHeader:i,onRemove:l,minRows:a=0,maxRows:c,removable:m=!0,emptyText:u,disabled:p=!1,haptic:d,style:x,testID:h})=>{const g=useTheme(),f=useMemo(()=>buildStyles(g),[g]),w=useRef([]);if(w.current.length<e.length)for(;w.current.length<e.length;)w.current.push(nextRowId());else w.current.length>e.length&&(w.current.length=e.length);const y="number"==typeof c&&e.length>=c,j=m&&e.length>a,b=useCallback(e=>{const t=resolveHaptic(d,e);t&&triggerHaptic(t)},[d]),I=useCallback(()=>{p||y||(t([...e,r()]),b("impactLight"))},[y,r,p,b,t,e]),R=useCallback((r,o)=>{t(e.map((e,t)=>t===r?o:e))},[t,e]),v=useCallback(r=>{!p&&j&&(w.current=w.current.filter((e,t)=>t!==r),l?.(r,e[r]),t(e.filter((e,t)=>t!==r)),b("notificationWarning"))},[j,p,b,t,l,e]);return _jsxs(View,{style:[{gap:g.spacing.md},x],testID:h,children:[0===e.length&&u?_jsx(Text,{style:[f.empty,{color:g.colors.text.tertiary,fontSize:g.typography.fontSize.sm}],children:u}):null,e.map((e,t)=>{const r={item:e,index:t,update:e=>R(t,e),remove:()=>v(t),canRemove:j};return _jsxs(View,{style:{gap:g.spacing.xs},children:[i?i(r):s||j&&!p?_jsxs(View,{style:f.rowHeader,children:[s?_jsx(Text,{style:[f.rowLabel,{color:g.colors.text.tertiary,fontSize:g.typography.fontSize.xs}],children:s(t)}):_jsx(View,{}),j&&!p?_jsx(IconButton,{icon:({color:e,size:t})=>_jsx(AppIcon,{name:"x",size:t,color:e}),onPress:()=>v(t),accessibilityLabel:`Remove ${s?s(t):`row ${t+1}`}`,size:"sm",tone:"error",variant:"ghost",haptic:d,testID:h?`${h}-remove-${t}`:void 0}):null]}):null,o(r)]},w.current[t])}),y||p?null:_jsx(Button,{title:n,onPress:I,variant:"outline",size:"sm",haptic:d,testID:h?`${h}-add`:void 0})]})};const buildStyles=e=>StyleSheet.create({rowHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",minHeight:24},rowLabel:{...fontFor(e,"semibold"),fontWeight:"600",letterSpacing:.5,textTransform:"uppercase"},empty:{...fontFor(e,"normal")}});export default Repeater;

package/lib/module/components/Repeater/index.js

@@ -1,4 +1 @@
-"use strict";
-
-export { default, Repeater } from "./Repeater.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default,Repeater}from"./Repeater.js";