@webority/mobile-ui 0.0.39 → 0.2.0

package/lib/module/components/Accordion/Accordion.js

@@ -1,337 +1 @@
-"use strict";
-
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { Animated, Easing, LayoutAnimation, Pressable, StyleSheet, Text, View } from 'react-native';
-import { createAnimatedValue, useTheme } from "../../theme/index.js";
-import { smoothCorners } from "../../utils/corners.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
-import { defaultIcons } from "../AppIcon/defaultIcons.js";
-import { Skeleton } from "../Skeleton/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const AccordionGroupContext = /*#__PURE__*/createContext(null);
-const useAccordionGroup = () => useContext(AccordionGroupContext);
-const AccordionGroup = ({
-  children,
-  allowMultiple = false,
-  defaultExpandedKeys,
-  expandedKeys: expandedKeysProp,
-  onChange,
-  style,
-  testID
-}) => {
-  const isControlled = expandedKeysProp !== undefined;
-  const [internalKeys, setInternalKeys] = useState(defaultExpandedKeys ?? []);
-  const keys = isControlled ? expandedKeysProp : internalKeys;
-  const setKeys = useCallback(next => {
-    if (!isControlled) {
-      setInternalKeys(next);
-    }
-    onChange?.(next);
-  }, [isControlled, onChange]);
-  const toggle = useCallback(id => {
-    const isOpen = keys.includes(id);
-    let next;
-    if (isOpen) {
-      next = keys.filter(k => k !== id);
-    } else if (allowMultiple) {
-      next = [...keys, id];
-    } else {
-      next = [id];
-    }
-    setKeys(next);
-  }, [keys, allowMultiple, setKeys]);
-  const isExpanded = useCallback(id => keys.includes(id), [keys]);
-  const ctx = useMemo(() => ({
-    isExpanded,
-    toggle,
-    allowMultiple
-  }), [isExpanded, toggle, allowMultiple]);
-  return /*#__PURE__*/_jsx(AccordionGroupContext.Provider, {
-    value: ctx,
-    children: /*#__PURE__*/_jsx(View, {
-      style: style,
-      testID: testID,
-      children: children
-    })
-  });
-};
-AccordionGroup.displayName = 'AccordionGroup';
-
-/** The header's expand indicator: the icon set's line chevron, rotated open. */
-const Chevron = ({
-  rotate,
-  color
-}) => {
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [chevronStyles.icon, {
-      transform: [{
-        rotate
-      }]
-    }],
-    accessible: false,
-    children: (theme.icons?.chevronDown ?? defaultIcons.chevronDown)({
-      size: 16,
-      color
-    })
-  });
-};
-const chevronStyles = StyleSheet.create({
-  icon: {
-    width: 16,
-    height: 16,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-const Accordion = props => {
-  const {
-    title,
-    children,
-    id,
-    expanded: expandedProp,
-    defaultExpanded = false,
-    onChange,
-    icon,
-    disabled = false,
-    variant = 'plain',
-    accessibilityLabel,
-    style,
-    headerStyle,
-    contentStyle,
-    contentWrapperStyle,
-    containerStyle,
-    testID,
-    loading = false,
-    haptic
-  } = props;
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const group = useAccordionGroup();
-  const isControlled = expandedProp !== undefined;
-  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
-  const groupExpanded = group && id ? group.isExpanded(id) : null;
-  const expanded = groupExpanded !== null ? groupExpanded : isControlled ? !!expandedProp : internalExpanded;
-  const [measuredHeight, setMeasuredHeight] = useState(null);
-  const heightAnim = useRef(createAnimatedValue(expanded ? 1 : 0)).current;
-  const opacityAnim = useRef(createAnimatedValue(expanded ? 1 : 0)).current;
-  const rotateAnim = useRef(createAnimatedValue(expanded ? 1 : 0)).current;
-  const lastExpandedRef = useRef(expanded);
-  useEffect(() => {
-    // Skip animation when state matches the previous value (e.g. on mount).
-    if (lastExpandedRef.current === expanded) {
-      return;
-    }
-    lastExpandedRef.current = expanded;
-    const anim = Animated.parallel([Animated.timing(heightAnim, {
-      toValue: expanded ? 1 : 0,
-      duration: theme.motion.duration.normal,
-      easing: Easing.bezier(...theme.motion.easing.standard),
-      useNativeDriver: false
-    }),
-    // Opacity & rotate run alongside the height interpolation (which must
-    // use the JS driver). Driving them on JS too keeps everything in lockstep
-    // with no driver-mixing warnings, and is fine for two small properties.
-    Animated.timing(opacityAnim, {
-      toValue: expanded ? 1 : 0,
-      duration: theme.motion.duration.normal,
-      easing: Easing.bezier(...theme.motion.easing.standard),
-      useNativeDriver: false
-    }), Animated.timing(rotateAnim, {
-      toValue: expanded ? 1 : 0,
-      duration: theme.motion.duration.normal,
-      easing: Easing.bezier(...theme.motion.easing.standard),
-      useNativeDriver: false
-    })]);
-    anim.start();
-    return () => anim.stop();
-  }, [expanded, heightAnim, opacityAnim, rotateAnim, theme.motion]);
-  const onContentLayout = useCallback(e => {
-    const h = e.nativeEvent.layout.height;
-    if (h > 0 && h !== measuredHeight) {
-      setMeasuredHeight(h);
-    }
-  }, [measuredHeight]);
-  const handlePress = useCallback(() => {
-    if (disabled) {
-      return;
-    }
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    if (group && id) {
-      group.toggle(id);
-      onChange?.(!expanded);
-      return;
-    }
-    if (!isControlled) {
-      setInternalExpanded(!expanded);
-    }
-    onChange?.(!expanded);
-  }, [disabled, group, id, expanded, isControlled, onChange, haptic]);
-  const rotate = rotateAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '180deg']
-  });
-  const animatedHeight = measuredHeight === null ? undefined : heightAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, measuredHeight]
-  });
-  const cardStyle = variant === 'card' ? [styles.card, theme.shadows.sm, {
-    backgroundColor: theme.colors.background.elevated,
-    borderRadius: theme.radius.md,
-    ...smoothCorners
-  }] : null;
-  if (loading) {
-    return /*#__PURE__*/_jsx(AccordionSkeleton, {
-      ...props
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: [cardStyle, style, containerStyle],
-    testID: testID,
-    children: [/*#__PURE__*/_jsxs(Pressable, {
-      onPress: handlePress,
-      disabled: disabled,
-      accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel ?? title,
-      accessibilityState: {
-        expanded,
-        disabled
-      },
-      style: ({
-        pressed
-      }) => [styles.header, headerStyle, {
-        opacity: disabled ? 0.55 : pressed ? 0.85 : 1
-      }],
-      children: [icon ? /*#__PURE__*/_jsx(View, {
-        style: styles.iconLeft,
-        children: icon
-      }) : null, /*#__PURE__*/_jsx(Text, {
-        style: [styles.title, {
-          color: disabled ? theme.colors.text.disabled : theme.colors.text.primary,
-          fontSize: theme.typography.fontSize.base,
-          fontWeight: theme.typography.fontWeight.semibold
-        }],
-        numberOfLines: 2,
-        children: title
-      }), /*#__PURE__*/_jsx(Chevron, {
-        rotate: rotate,
-        color: disabled ? theme.colors.text.disabled : theme.colors.text.secondary
-      })]
-    }), measuredHeight === null ? /*#__PURE__*/_jsx(View, {
-      style: styles.measurer,
-      pointerEvents: "none",
-      onLayout: onContentLayout,
-      children: /*#__PURE__*/_jsx(View, {
-        style: [styles.content, contentStyle],
-        children: children
-      })
-    }) : null, /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.contentWrapper, measuredHeight === null ? {
-        height: 0,
-        opacity: 0
-      } : {
-        height: animatedHeight,
-        opacity: opacityAnim
-      }, contentWrapperStyle]
-      // Re-measure if children change size by listening to layout of inner
-      ,
-      children: /*#__PURE__*/_jsx(View, {
-        onLayout: onContentLayout,
-        style: [styles.content, contentStyle],
-        children: children
-      })
-    })]
-  });
-};
-Accordion.displayName = 'Accordion';
-
-/**
- * Placeholder shape for `<Accordion>`. Header pill with a title-line
- * skeleton; content is collapsed (matches the closed-by-default behaviour).
- */
-const AccordionSkeleton = ({
-  variant = 'plain',
-  style
-}) => {
-  const theme = useTheme();
-  const isCard = variant === 'card';
-  return /*#__PURE__*/_jsx(View, {
-    style: [isCard ? {
-      paddingHorizontal: theme.spacing.md,
-      paddingVertical: theme.spacing.sm,
-      backgroundColor: theme.colors.background.elevated,
-      borderRadius: theme.radius.md,
-      ...smoothCorners
-    } : {
-      paddingVertical: theme.spacing.sm
-    }, style],
-    accessibilityRole: "progressbar",
-    accessibilityState: {
-      busy: true
-    },
-    children: /*#__PURE__*/_jsxs(View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      children: [/*#__PURE__*/_jsx(Skeleton, {
-        shape: "text",
-        width: "60%",
-        height: 18,
-        style: {
-          flex: 1
-        }
-      }), /*#__PURE__*/_jsx(Skeleton, {
-        width: 16,
-        height: 16,
-        radius: "sm",
-        style: {
-          marginLeft: theme.spacing.sm
-        }
-      })]
-    })
-  });
-};
-AccordionSkeleton.displayName = 'AccordionSkeleton';
-Accordion.Skeleton = AccordionSkeleton;
-
-// Suppress unused warnings on platforms that don't support LayoutAnimation
-void LayoutAnimation;
-const buildStyles = theme => StyleSheet.create({
-  card: {
-    paddingHorizontal: theme.spacing.md,
-    paddingVertical: theme.components.accordion?.cardPaddingVertical ?? 4,
-    marginVertical: theme.spacing.xs
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: theme.spacing.sm
-  },
-  iconLeft: {
-    marginRight: theme.spacing.sm
-  },
-  title: {
-    flex: 1
-  },
-  contentWrapper: {
-    overflow: 'hidden'
-  },
-  content: {
-    paddingBottom: theme.spacing.sm
-  },
-  measurer: {
-    position: 'absolute',
-    opacity: 0,
-    left: 0,
-    right: 0,
-    top: 0,
-    zIndex: -1
-  }
-});
-export { Accordion, AccordionGroup };
-export default Accordion;
-//# sourceMappingURL=Accordion.js.map
+"use strict";import React,{createContext,useCallback,useContext,useEffect,useMemo,useRef,useState}from"react";import{Animated,Easing,LayoutAnimation,Pressable,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{defaultIcons}from"../AppIcon/defaultIcons.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const AccordionGroupContext=createContext(null),useAccordionGroup=()=>useContext(AccordionGroupContext),AccordionGroup=({children:e,allowMultiple:t=!1,defaultExpandedKeys:o,expandedKeys:n,onChange:i,style:r,testID:s})=>{const a=void 0!==n,[l,c]=useState(o??[]),d=a?n:l,u=useCallback(e=>{a||c(e),i?.(e)},[a,i]),p=useCallback(e=>{let o;o=d.includes(e)?d.filter(t=>t!==e):t?[...d,e]:[e],u(o)},[d,t,u]),m=useCallback(e=>d.includes(e),[d]),g=useMemo(()=>({isExpanded:m,toggle:p,allowMultiple:t}),[m,p,t]);return _jsx(AccordionGroupContext.Provider,{value:g,children:_jsx(View,{style:r,testID:s,children:e})})};AccordionGroup.displayName="AccordionGroup";const Chevron=({rotate:e,color:t})=>{const o=useTheme();return _jsx(Animated.View,{style:[chevronStyles.icon,{transform:[{rotate:e}]}],accessible:!1,children:(o.icons?.chevronDown??defaultIcons.chevronDown)({size:16,color:t})})},chevronStyles=StyleSheet.create({icon:{width:16,height:16,alignItems:"center",justifyContent:"center"}}),Accordion=e=>{const{title:t,children:o,id:n,expanded:i,defaultExpanded:r=!1,onChange:s,icon:a,disabled:l=!1,variant:c="plain",accessibilityLabel:d,style:u,headerStyle:p,contentStyle:m,contentWrapperStyle:g,containerStyle:h,testID:y,loading:x=!1,haptic:f}=e,b=useTheme(),A=useMemo(()=>buildStyles(b),[b]),S=useAccordionGroup(),v=void 0!==i,[j,V]=useState(r),C=S&&n?S.isExpanded(n):null,w=null!==C?C:v?!!i:j,[k,_]=useState(null),R=useRef(createAnimatedValue(w?1:0)).current,E=useRef(createAnimatedValue(w?1:0)).current,I=useRef(createAnimatedValue(w?1:0)).current,D=useRef(w);useEffect(()=>{if(D.current===w)return;D.current=w;const e=Animated.parallel([Animated.timing(R,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1}),Animated.timing(E,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1}),Animated.timing(I,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1})]);return e.start(),()=>e.stop()},[w,R,E,I,b.motion]);const z=useCallback(e=>{const t=e.nativeEvent.layout.height;t>0&&t!==k&&_(t)},[k]),G=useCallback(()=>{if(l)return;const e=resolveHaptic(f,"selection");if(e&&triggerHaptic(e),S&&n)return S.toggle(n),void s?.(!w);v||V(!w),s?.(!w)},[l,S,n,w,v,s,f]),L=I.interpolate({inputRange:[0,1],outputRange:["0deg","180deg"]}),H=null===k?void 0:R.interpolate({inputRange:[0,1],outputRange:[0,k]}),N="card"===c?[A.card,b.shadows.sm,{backgroundColor:b.colors.background.elevated,borderRadius:b.radius.md,...smoothCorners}]:null;return x?_jsx(AccordionSkeleton,{...e}):_jsxs(View,{style:[N,u,h],testID:y,children:[_jsxs(Pressable,{onPress:G,disabled:l,accessibilityRole:"button",accessibilityLabel:d??t,accessibilityState:{expanded:w,disabled:l},style:({pressed:e})=>[A.header,p,{opacity:l?.55:e?.85:1}],children:[a?_jsx(View,{style:A.iconLeft,children:a}):null,_jsx(Text,{style:[A.title,{color:l?b.colors.text.disabled:b.colors.text.primary,fontSize:b.typography.fontSize.base,fontWeight:b.typography.fontWeight.semibold}],numberOfLines:2,children:t}),_jsx(Chevron,{rotate:L,color:l?b.colors.text.disabled:b.colors.text.secondary})]}),null===k?_jsx(View,{style:A.measurer,pointerEvents:"none",onLayout:z,children:_jsx(View,{style:[A.content,m],children:o})}):null,_jsx(Animated.View,{style:[A.contentWrapper,null===k?{height:0,opacity:0}:{height:H,opacity:E},g],children:_jsx(View,{onLayout:z,style:[A.content,m],children:o})})]})};Accordion.displayName="Accordion";const AccordionSkeleton=({variant:e="plain",style:t})=>{const o=useTheme();return _jsx(View,{style:["card"===e?{paddingHorizontal:o.spacing.md,paddingVertical:o.spacing.sm,backgroundColor:o.colors.background.elevated,borderRadius:o.radius.md,...smoothCorners}:{paddingVertical:o.spacing.sm},t],accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:_jsxs(View,{style:{flexDirection:"row",alignItems:"center"},children:[_jsx(Skeleton,{shape:"text",width:"60%",height:18,style:{flex:1}}),_jsx(Skeleton,{width:16,height:16,radius:"sm",style:{marginLeft:o.spacing.sm}})]})})};AccordionSkeleton.displayName="AccordionSkeleton",Accordion.Skeleton=AccordionSkeleton;const buildStyles=e=>StyleSheet.create({card:{paddingHorizontal:e.spacing.md,paddingVertical:e.components.accordion?.cardPaddingVertical??4,marginVertical:e.spacing.xs},header:{flexDirection:"row",alignItems:"center",paddingVertical:e.spacing.sm},iconLeft:{marginRight:e.spacing.sm},title:{flex:1},contentWrapper:{overflow:"hidden"},content:{paddingBottom:e.spacing.sm},measurer:{position:"absolute",opacity:0,left:0,right:0,top:0,zIndex:-1}});export{Accordion,AccordionGroup};export default Accordion;

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

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

package/lib/module/components/AmountSlider/AmountSlider.js

@@ -1,205 +1 @@
-"use strict";
-
-import { formatCurrency } from '@webority/mobile-core';
-import { forwardRef, useMemo, useRef } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { useControllableState } from "../../hooks/index.js";
-import { useTheme } from "../../theme/index.js";
-import { Input } from "../Input/index.js";
-import { Slider } from "../Slider/index.js";
-import { clampValue, RollingText, useValueDraft } from "../Slider/valueText.js";
-
-/**
- * How the big value is scaled for reading.
- *
- * - `indian`: Thousand, Lakh and Crore (`₹ 5 Lakh`, `₹ 1.25 Crore`).
- * - `none`: the whole number with Indian digit grouping (`₹ 5,00,000`).
- */
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const INDIAN_TIERS = [[1e7, 'Crore'], [1e5, 'Lakh'], [1e3, 'Thousand']];
-
-/** Splits a value into the number and unit the header shows. */
-export const scaleAmount = (value, units) => {
-  if (units === 'indian') {
-    const abs = Math.abs(value);
-    for (const [size, unit] of INDIAN_TIERS) {
-      if (abs >= size) {
-        return {
-          amount: value / size,
-          unit
-        };
-      }
-    }
-  }
-  return {
-    amount: value,
-    unit: ''
-  };
-};
-
-/**
- * The header number: at most two decimals with trailing zeros dropped when
- * scaled (`1.25`, `5`), Indian grouping when not (`5,00,000`).
- */
-const formatAmount = (amount, scaled) => {
-  const rounded = Math.round(amount * 100) / 100;
-  if (scaled) {
-    return String(rounded);
-  }
-  return formatCurrency(Math.round(amount), {
-    stripSymbol: true,
-    maximumFractionDigits: 0
-  });
-};
-const defaultFormatInput = value => formatCurrency(value, {
-  maximumFractionDigits: 0
-});
-const AmountSlider = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    min = 0,
-    max = 100,
-    step = 1,
-    disabled = false,
-    tone,
-    size,
-    variant = 'inset',
-    prefix = '₹',
-    units = 'indian',
-    formatInput = defaultFormatInput,
-    animationDuration,
-    haptic,
-    accessibilityLabel,
-    inputAccessibilityLabel = 'Amount',
-    style,
-    headerStyle,
-    valueStyle,
-    unitStyle,
-    inputStyle,
-    sliderStyle,
-    testID
-  } = props;
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const duration = animationDuration ?? theme.motion.duration.normal;
-  const [value, setValue] = useControllableState({
-    value: props.value,
-    defaultValue: props.defaultValue ?? min,
-    onChange: props.onChange
-  });
-  const shownValue = clampValue(value, min, max);
-  const box = useValueDraft({
-    value: shownValue,
-    min,
-    max,
-    step,
-    format: formatInput,
-    onChange: setValue
-  });
-  const scaled = scaleAmount(shownValue, units);
-  const isScaled = scaled.unit !== '';
-  // Digits roll upward while the value grows and downward while it shrinks,
-  // the way a counter's do. The last value decides the direction for both
-  // the number and the unit word.
-  const lastValueRef = useRef(shownValue);
-  const directionRef = useRef('up');
-  if (shownValue !== lastValueRef.current) {
-    directionRef.current = shownValue > lastValueRef.current ? 'up' : 'down';
-    lastValueRef.current = shownValue;
-  }
-  const direction = directionRef.current;
-  const spoken = `${prefix}${formatAmount(scaled.amount, isScaled)}${isScaled ? ` ${scaled.unit}` : ''}`;
-  return /*#__PURE__*/_jsxs(View, {
-    ref: ref,
-    style: [styles.container, style],
-    testID: testID,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: [styles.header, headerStyle],
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.valueRow,
-        accessible: true,
-        accessibilityRole: "text",
-        accessibilityLabel: spoken,
-        children: [prefix ? /*#__PURE__*/_jsxs(Text, {
-          style: [styles.value, valueStyle],
-          children: [prefix, " "]
-        }) : null, /*#__PURE__*/_jsx(RollingText, {
-          text: formatAmount(scaled.amount, isScaled),
-          direction: direction,
-          duration: duration,
-          style: [styles.value, valueStyle],
-          testID: testID ? `${testID}-value` : undefined
-        }), isScaled ? /*#__PURE__*/_jsx(RollingText, {
-          text: ` ${scaled.unit}`,
-          direction: direction,
-          duration: duration,
-          perCharacter: false,
-          style: [styles.unit, unitStyle],
-          testID: testID ? `${testID}-unit` : undefined
-        }) : null]
-      }), /*#__PURE__*/_jsx(Input, {
-        size: "sm",
-        value: box.text,
-        onChangeText: box.onChangeText,
-        onFocus: box.onFocus,
-        onBlur: box.onBlur,
-        onSubmitEditing: box.onBlur,
-        keyboardType: "number-pad",
-        returnKeyType: "done",
-        disabled: disabled,
-        accessibilityLabel: inputAccessibilityLabel,
-        style: [styles.input, inputStyle],
-        testID: testID ? `${testID}-input` : undefined
-      })]
-    }), /*#__PURE__*/_jsx(Slider, {
-      value: shownValue,
-      onChange: setValue,
-      min: min,
-      max: max,
-      step: step,
-      disabled: disabled,
-      tone: tone,
-      size: size,
-      variant: variant,
-      haptic: haptic,
-      accessibilityLabel: accessibilityLabel,
-      style: sliderStyle,
-      testID: testID ? `${testID}-slider` : undefined
-    })]
-  });
-});
-AmountSlider.displayName = 'AmountSlider';
-const buildStyles = theme => StyleSheet.create({
-  container: {
-    width: '100%'
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    gap: theme.spacing.md
-  },
-  valueRow: {
-    flexDirection: 'row',
-    alignItems: 'baseline',
-    flexShrink: 1
-  },
-  value: {
-    color: theme.colors.text.primary,
-    fontSize: theme.typography.fontSize['3xl'],
-    fontWeight: theme.typography.fontWeight.bold,
-    // Equal-width digits keep the unit from jittering sideways as the number counts.
-    fontVariant: ['tabular-nums']
-  },
-  unit: {
-    color: theme.colors.text.primary,
-    fontSize: theme.typography.fontSize.lg,
-    fontWeight: theme.typography.fontWeight.semibold
-  },
-  input: {
-    width: '45%',
-    maxWidth: 180
-  }
-});
-export { AmountSlider };
-export default AmountSlider;
-//# sourceMappingURL=AmountSlider.js.map
+"use strict";import{formatCurrency}from"@webority/mobile-core";import{forwardRef,useMemo,useRef}from"react";import{StyleSheet,Text,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{Input}from"../Input/index.js";import{Slider}from"../Slider/index.js";import{clampValue,RollingText,useValueDraft}from"../Slider/valueText.js";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";const INDIAN_TIERS=[[1e7,"Crore"],[1e5,"Lakh"],[1e3,"Thousand"]];export const scaleAmount=(e,t)=>{if("indian"===t){const t=Math.abs(e);for(const[i,n]of INDIAN_TIERS)if(t>=i)return{amount:e/i,unit:n}}return{amount:e,unit:""}};const formatAmount=(e,t)=>{const i=Math.round(100*e)/100;return t?String(i):formatCurrency(Math.round(e),{stripSymbol:!0,maximumFractionDigits:0})},defaultFormatInput=e=>formatCurrency(e,{maximumFractionDigits:0}),AmountSlider=forwardRef((e,t)=>{const{min:i=0,max:n=100,step:o=1,disabled:r=!1,tone:a,size:l,variant:s="inset",prefix:u="₹",units:m="indian",formatInput:c=defaultFormatInput,animationDuration:d,haptic:p,accessibilityLabel:f,inputAccessibilityLabel:x="Amount",style:y,headerStyle:h,valueStyle:S,unitStyle:b,inputStyle:g,sliderStyle:v,testID:I}=e,j=useTheme(),w=useMemo(()=>buildStyles(j),[j]),D=d??j.motion.duration.normal,[T,A]=useControllableState({value:e.value,defaultValue:e.defaultValue??i,onChange:e.onChange}),C=clampValue(T,i,n),R=useValueDraft({value:C,min:i,max:n,step:o,format:c,onChange:A}),_=scaleAmount(C,m),V=""!==_.unit,$=useRef(C),z=useRef("up");C!==$.current&&(z.current=C>$.current?"up":"down",$.current=C);const F=z.current,L=`${u}${formatAmount(_.amount,V)}${V?` ${_.unit}`:""}`;return _jsxs(View,{ref:t,style:[w.container,y],testID:I,children:[_jsxs(View,{style:[w.header,h],children:[_jsxs(View,{style:w.valueRow,accessible:!0,accessibilityRole:"text",accessibilityLabel:L,children:[u?_jsxs(Text,{style:[w.value,S],children:[u," "]}):null,_jsx(RollingText,{text:formatAmount(_.amount,V),direction:F,duration:D,style:[w.value,S],testID:I?`${I}-value`:void 0}),V?_jsx(RollingText,{text:` ${_.unit}`,direction:F,duration:D,perCharacter:!1,style:[w.unit,b],testID:I?`${I}-unit`:void 0}):null]}),_jsx(Input,{size:"sm",value:R.text,onChangeText:R.onChangeText,onFocus:R.onFocus,onBlur:R.onBlur,onSubmitEditing:R.onBlur,keyboardType:"number-pad",returnKeyType:"done",disabled:r,accessibilityLabel:x,style:[w.input,g],testID:I?`${I}-input`:void 0})]}),_jsx(Slider,{value:C,onChange:A,min:i,max:n,step:o,disabled:r,tone:a,size:l,variant:s,haptic:p,accessibilityLabel:f,style:v,testID:I?`${I}-slider`:void 0})]})});AmountSlider.displayName="AmountSlider";const buildStyles=e=>StyleSheet.create({container:{width:"100%"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:e.spacing.md},valueRow:{flexDirection:"row",alignItems:"baseline",flexShrink:1},value:{color:e.colors.text.primary,fontSize:e.typography.fontSize["3xl"],fontWeight:e.typography.fontWeight.bold,fontVariant:["tabular-nums"]},unit:{color:e.colors.text.primary,fontSize:e.typography.fontSize.lg,fontWeight:e.typography.fontWeight.semibold},input:{width:"45%",maxWidth:180}});export{AmountSlider};export default AmountSlider;

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

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

package/lib/module/components/AnimatePresence/AnimatePresence.js

@@ -1,65 +1 @@
-"use strict";
-
-import React from 'react';
-import Animated, { FadeIn, FadeInDown, FadeInUp, FadeOut, FadeOutDown, FadeOutUp, ZoomIn, ZoomOut } from 'react-native-reanimated';
-import { useReducedMotion } from "../../hooks/index.js";
-import { useTheme } from "../../theme/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Animates a single child in on mount and out on unmount. Thin, theme-aware
- * wrapper over Reanimated's `entering`/`exiting` — Reanimated keeps the view
- * alive to play the exit, so the parent only toggles a condition. Honors the OS
- * Reduce Motion setting (renders instantly when reduced).
- *
- * For animating items inside a list, use Reanimated's `itemLayoutAnimation`
- * on `Animated.FlatList` instead — this wrapper targets single conditional nodes.
- */
-const AnimatePresence = ({
-  children,
-  preset = 'fade',
-  duration,
-  style,
-  testID
-}) => {
-  const theme = useTheme();
-  const reduceMotion = useReducedMotion();
-  const visible = children !== null && children !== undefined && children !== false;
-  if (!visible) {
-    return null;
-  }
-  const dur = duration ?? theme.motion.duration.normal;
-  let entering;
-  let exiting;
-  if (!reduceMotion) {
-    switch (preset) {
-      case 'scale':
-        entering = ZoomIn.duration(dur);
-        exiting = ZoomOut.duration(dur);
-        break;
-      case 'slide-up':
-        entering = FadeInUp.duration(dur);
-        exiting = FadeOutDown.duration(dur);
-        break;
-      case 'slide-down':
-        entering = FadeInDown.duration(dur);
-        exiting = FadeOutUp.duration(dur);
-        break;
-      case 'fade':
-      default:
-        entering = FadeIn.duration(dur);
-        exiting = FadeOut.duration(dur);
-        break;
-    }
-  }
-  return /*#__PURE__*/_jsx(Animated.View, {
-    entering: entering,
-    exiting: exiting,
-    style: style,
-    testID: testID,
-    children: children
-  });
-};
-AnimatePresence.displayName = 'AnimatePresence';
-export { AnimatePresence };
-export default AnimatePresence;
-//# sourceMappingURL=AnimatePresence.js.map
+"use strict";import React from"react";import Animated,{FadeIn,FadeInDown,FadeInUp,FadeOut,FadeOutDown,FadeOutUp,ZoomIn,ZoomOut}from"react-native-reanimated";import{useReducedMotion}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";const AnimatePresence=({children:e,preset:t="fade",duration:n,style:a,testID:o})=>{const r=useTheme(),i=useReducedMotion();if(!(null!=e&&!1!==e))return null;const d=n??r.motion.duration.normal;let s,u;if(!i)switch(t){case"scale":s=ZoomIn.duration(d),u=ZoomOut.duration(d);break;case"slide-up":s=FadeInUp.duration(d),u=FadeOutDown.duration(d);break;case"slide-down":s=FadeInDown.duration(d),u=FadeOutUp.duration(d);break;default:s=FadeIn.duration(d),u=FadeOut.duration(d)}return _jsx(Animated.View,{entering:s,exiting:u,style:a,testID:o,children:e})};AnimatePresence.displayName="AnimatePresence";export{AnimatePresence};export default AnimatePresence;

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

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