@webority/mobile-ui 0.106.0 → 0.108.0

package/lib/commonjs/components/ImageGallery/ImageGallery.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ImageGallery=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index3=require("../Carousel/index.js"),_index4=require("../Skeleton/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,i,r=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((a=r&&Object.getOwnPropertyDescriptor(e,i))&&(a.get||a.set)?r(n,i,a):n[i]=e[i]);return n}const MAX_SCALE_FALLBACK=4,MIN_SCALE_FALLBACK=1,DOUBLE_TAP_SCALE_FALLBACK=2,SPRING_CONFIG={damping:18,stiffness:220,mass:1},ImageGallery=({images:e,initialIndex:t=0,showThumbnails:a=!0,showCounter:i=!0,enableLightbox:r=!0,enablePinchZoom:n=!0,onIndexChange:l,haptic:s,loading:o=!1,accessibilityLabel:c,containerStyle:u,testID:d})=>{const m=(0,_index.useTheme)(),_=(0,_react.useMemo)(()=>buildStyles(m),[m]),[h,g]=(0,_react.useState)(clamp(t,0,Math.max(0,e.length-1))),[v,x]=(0,_react.useState)(!1),p=(0,_react.useCallback)(e=>{g(e),l?.(e)},[l]),b=(0,_react.useCallback)(()=>{if(!r)return;const e=(0,_index2.resolveHaptic)(s,"selection");e&&(0,_index2.triggerHaptic)(e),x(!0)},[r,s]),R=(0,_react.useCallback)(()=>{const e=(0,_index2.resolveHaptic)(s,"selection");e&&(0,_index2.triggerHaptic)(e),x(!1)},[s]),S=(0,_react.useCallback)((t,a)=>{const i=t.alt??`Image ${a+1} of ${e.length}`;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:b,accessibilityRole:"image",accessibilityLabel:i,accessibilityHint:r?"Tap to open fullscreen":void 0,style:_.imageWrap,children:(0,_jsxRuntime.jsx)(_reactNative.Image,{source:t.source,style:_.image,resizeMode:"cover"})})},[r,e.length,b,_]),N=(0,_react.useCallback)(e=>(0,_jsxRuntime.jsx)(_reactNative.Image,{source:e.source,style:_.thumbnailImage,resizeMode:"cover"}),[_]),y=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_.container,u],testID:d,accessibilityLabel:c??"Image gallery",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_.carouselWrap,children:[(0,_jsxRuntime.jsx)(_index3.Carousel,{data:e,defaultIndex:t,onIndexChange:p,renderItem:S,showPagination:!1,showThumbnails:a,renderThumbnail:N,haptic:s}),i&&e.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:_.counterPill,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_.counterText,{color:m.colors["on-scrim"]}],accessibilityLabel:`Image ${h+1} of ${e.length}`,children:`${h+1} / ${e.length}`})}):null]}),r?(0,_jsxRuntime.jsx)(Lightbox,{visible:v,images:e,initialIndex:h,enablePinchZoom:n,showCounter:i,onClose:R,onIndexChange:p,haptic:s}):null]});return o?(0,_jsxRuntime.jsx)(ImageGallerySkeleton,{images:e,showThumbnails:a,showCounter:i,containerStyle:u,testID:d}):y};exports.ImageGallery=ImageGallery,ImageGallery.displayName="ImageGallery";const ImageGallerySkeleton=({images:e,showThumbnails:t=!0,showCounter:a=!0,containerStyle:i,testID:r})=>{const n=(0,_index.useTheme)(),l=Math.min(e?.length||4,6);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{width:"100%"},i],testID:r,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{position:"relative"},children:[(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:"100%",height:280,radius:"lg"}),a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",top:12,right:12},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:44,height:22,radius:"pill"})}):null]}),t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flexDirection:"row",marginTop:n.space.md},children:Array.from({length:l}).map((e,t)=>(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:64,height:64,radius:"md",style:{marginRight:n.space.sm}},`sk-thumb-${t}`))}):null]})};ImageGallerySkeleton.displayName="ImageGallerySkeleton",ImageGallery.Skeleton=ImageGallerySkeleton;const Lightbox=({visible:e,images:t,initialIndex:a,enablePinchZoom:i,showCounter:r,onClose:n,onIndexChange:l,haptic:s})=>{const o=(0,_index.useTheme)(),c=(0,_react.useMemo)(()=>buildLightboxStyles(o),[o]),u=(0,_react.useRef)(null),[d,m]=(0,_react.useState)(a),_=(0,_react.useCallback)(e=>{if(e!==d){const t=(0,_index2.resolveHaptic)(s,"selection");t&&(0,_index2.triggerHaptic)(t),m(e),l(e)}},[d,l,s]),h=(0,_react.useCallback)((e,a)=>(0,_jsxRuntime.jsx)(ZoomableImage,{image:e,index:a,total:t.length,active:a===d,enabled:i,maxScale:4,minScale:1,doubleTapScale:2,haptic:s}),[d,i,t.length,s]),g=t[d]?.caption;return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:e,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"fade",onRequestClose:n,accessibilityViewIsModal:!0,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:c.backdrop,accessibilityViewIsModal:!0,children:[(0,_jsxRuntime.jsx)(_index3.Carousel,{ref:u,data:t,defaultIndex:a,onIndexChange:_,renderItem:h,showPagination:!1,haptic:s}),r&&t.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:c.counterPill,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[c.counterText,{color:o.colors["on-scrim"]}],accessibilityLabel:`Image ${d+1} of ${t.length}`,children:`${d+1} / ${t.length}`})}):null,(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:n,accessibilityRole:"button",accessibilityLabel:"Close gallery",style:c.closeButton,hitSlop:12,...(0,_hitSlop.hitSlopMarker)(12),children:(o.settings.icons.close??_defaultIcons.defaultIcons.close)({size:24,color:o.colors["on-scrim"]})}),g?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:c.captionWrap,entering:void 0,accessibilityElementsHidden:!1,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:c.captionText,numberOfLines:3,children:g})}):null,(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})},ZoomableImage=({image:e,index:t,total:a,active:i,enabled:r,maxScale:n,minScale:l,doubleTapScale:s,haptic:o})=>{const c=_reactNative.Dimensions.get("window"),u=(0,_reactNativeReanimated.useSharedValue)(1),d=(0,_reactNativeReanimated.useSharedValue)(1),m=(0,_reactNativeReanimated.useSharedValue)(0),_=(0,_reactNativeReanimated.useSharedValue)(0),h=(0,_reactNativeReanimated.useSharedValue)(0),g=(0,_reactNativeReanimated.useSharedValue)(0),v=(0,_react.useCallback)(()=>{u.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),d.value=1,m.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),_.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),h.value=0,g.value=0},[u,d,m,_,h,g]);_react.default.useEffect(()=>{i||(u.value=(0,_reactNativeReanimated.withTiming)(1,{duration:150}),m.value=(0,_reactNativeReanimated.withTiming)(0,{duration:150}),_.value=(0,_reactNativeReanimated.withTiming)(0,{duration:150}),d.value=1,h.value=0,g.value=0)},[i,u,m,_,d,h,g]);const x=(0,_react.useCallback)(()=>{!1!==o&&(0,_index2.triggerHaptic)("impactLight")},[o]),p=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pinch().enabled(r).onStart(()=>{"worklet";d.value=u.value}).onUpdate(e=>{"worklet";const t=d.value*e.scale;u.value=t<l?l+.3*(t-l):t>n?n+.2*(t-n):t}).onEnd(()=>{"worklet";return u.value<l?(u.value=(0,_reactNativeReanimated.withSpring)(l,SPRING_CONFIG),m.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),_.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),d.value=l,h.value=0,void(g.value=0)):u.value>n?(u.value=(0,_reactNativeReanimated.withSpring)(n,SPRING_CONFIG),void(d.value=n)):void(d.value=u.value)}),[r,u,d,m,_,h,g,l,n]),b=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pan().minPointers(1).maxPointers(1).onStart(()=>{"worklet";h.value=m.value,g.value=_.value}).onUpdate(e=>{"worklet";u.value<=1||(m.value=h.value+e.translationX,_.value=g.value+e.translationY)}).onEnd(()=>{"worklet";h.value=m.value,g.value=_.value}),[u,m,_,h,g]),R=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Tap().numberOfTaps(2).onEnd(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(x)(),u.value>1?(u.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),m.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),_.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),d.value=1,h.value=0,g.value=0):(u.value=(0,_reactNativeReanimated.withSpring)(s,SPRING_CONFIG),d.value=s)}),[u,d,m,_,h,g,x,s]),S=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Race(p,b,R),[p,b,R]),N=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:m.value},{translateY:_.value},{scale:u.value}]}));_react.default.useEffect(()=>{i||v()},[i,v]);const y=e.alt??`Image ${t+1} of ${a}`;return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:S,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[lightboxImageStyles.container,{width:c.width}],children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.Image,{source:e.source,resizeMode:"contain",style:[lightboxImageStyles.image,N],accessibilityLabel:y,accessible:!0})})})},clamp=(e,t,a)=>Math.min(Math.max(e,t),a),buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},carouselWrap:{width:"100%",position:"relative"},imageWrap:{width:"100%",aspectRatio:16/9,backgroundColor:e.colors["bg-subtle"],overflow:"hidden",borderRadius:e.radius.md,..._corners.smoothCorners},image:{width:"100%",height:"100%"},thumbnailImage:{width:"100%",height:"100%"},counterPill:{position:"absolute",top:12,alignSelf:"center",paddingHorizontal:e.space.md,paddingVertical:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:"rgba(0,0,0,0.55)"},counterText:{fontSize:e.text.sm.size,fontWeight:e.weight.semibold}}),buildLightboxStyles=e=>_reactNative.StyleSheet.create({backdrop:{flex:1,backgroundColor:"#000",justifyContent:"center"},counterPill:{position:"absolute",top:48,alignSelf:"center",paddingHorizontal:e.space.md,paddingVertical:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:"rgba(0,0,0,0.6)"},counterText:{fontSize:e.text.sm.size,fontWeight:e.weight.semibold},closeButton:{position:"absolute",top:44,right:16,width:40,height:40,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)"},captionWrap:{position:"absolute",left:0,right:0,bottom:32,paddingHorizontal:e.space.xl},captionText:{color:"#FFFFFF",fontSize:e.text.base.size,lineHeight:21,textAlign:"center"}}),lightboxImageStyles=_reactNative.StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center"},image:{width:"100%",height:"100%"}});var _default=exports.default=ImageGallery;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ImageGallery=exports.DEFAULT_IMAGE_GALLERY_LABELS=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index3=require("../Carousel/index.js"),_Modal=require("../Modal/Modal.js"),_index4=require("../Skeleton/index.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if(!a&&e&&e.__esModule)return e;var t,i,l=Object.defineProperty,r={__proto__:null,default:e};if(Object(e)!==e)return r;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,r)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((t=l&&Object.getOwnPropertyDescriptor(e,i))&&(t.get||t.set)?l(r,i,t):r[i]=e[i]);return r}const DEFAULT_IMAGE_GALLERY_LABELS=exports.DEFAULT_IMAGE_GALLERY_LABELS={gallery:"Image gallery",imageOf:(e,a)=>`Image ${e} of ${a}`,openFullscreen:"Tap to open fullscreen",closeGallery:"Close gallery"},MAX_SCALE_FALLBACK=4,MIN_SCALE_FALLBACK=1,DOUBLE_TAP_SCALE_FALLBACK=2,SPRING_CONFIG={damping:18,stiffness:220,mass:1},ImageGallery=({images:e,initialIndex:a=0,showThumbnails:t=!0,showCounter:i=!0,enableLightbox:l=!0,enablePinchZoom:r=!0,onIndexChange:n,haptic:s,loading:o=!1,accessibilityLabel:c,containerStyle:u,testID:d,labels:m})=>{const _=(0,_index.useTheme)(),h=(0,_react.useMemo)(()=>buildStyles(_),[_]),g=(0,_react.useMemo)(()=>({...DEFAULT_IMAGE_GALLERY_LABELS,...m}),[m]),[v,x]=(0,_react.useState)(clamp(a,0,Math.max(0,e.length-1))),[p,b]=(0,_react.useState)(!1),R=(0,_react.useCallback)(e=>{x(e),n?.(e)},[n]),S=(0,_react.useCallback)(()=>{if(!l)return;const e=(0,_index2.resolveHaptic)(s,"selection");e&&(0,_index2.triggerHaptic)(e),b(!0)},[l,s]),y=(0,_react.useCallback)(()=>{const e=(0,_index2.resolveHaptic)(s,"selection");e&&(0,_index2.triggerHaptic)(e),b(!1)},[s]),I=(0,_react.useCallback)((a,t)=>{const i=a.alt??g.imageOf(t+1,e.length);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:S,accessibilityRole:"image",accessibilityLabel:i,accessibilityHint:l?g.openFullscreen:void 0,style:h.imageWrap,children:(0,_jsxRuntime.jsx)(_reactNative.Image,{source:a.source,style:h.image,resizeMode:"cover"})})},[l,e.length,S,h,g]),N=(0,_react.useCallback)(e=>(0,_jsxRuntime.jsx)(_reactNative.Image,{source:e.source,style:h.thumbnailImage,resizeMode:"cover"}),[h]),j=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[h.container,u],testID:d,accessibilityLabel:c??g.gallery,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:h.carouselWrap,accessibilityElementsHidden:p,importantForAccessibility:p?"no-hide-descendants":"auto",children:[(0,_jsxRuntime.jsx)(_index3.Carousel,{data:e,defaultIndex:a,onIndexChange:R,renderItem:I,showPagination:!1,showThumbnails:t,renderThumbnail:N,haptic:s}),i&&e.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:h.counterPill,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_index5.Text,{variant:"label",weight:"semibold",style:{color:_.colors["on-scrim"]},accessibilityLabel:g.imageOf(v+1,e.length),children:`${v+1} / ${e.length}`})}):null]}),l?(0,_jsxRuntime.jsx)(Lightbox,{visible:p,images:e,initialIndex:v,enablePinchZoom:r,showCounter:i,onClose:y,onIndexChange:R,haptic:s,labels:g}):null]});return o?(0,_jsxRuntime.jsx)(ImageGallerySkeleton,{images:e,showThumbnails:t,showCounter:i,containerStyle:u,testID:d}):j};exports.ImageGallery=ImageGallery,ImageGallery.displayName="ImageGallery";const ImageGallerySkeleton=({images:e,showThumbnails:a=!0,showCounter:t=!0,containerStyle:i,testID:l})=>{const r=(0,_index.useTheme)(),n=Math.min(e?.length||4,6);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{width:"100%"},i],testID:l,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{position:"relative"},children:[(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:"100%",height:280,radius:"lg"}),t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",top:12,right:12},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:44,height:22,radius:"pill"})}):null]}),a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flexDirection:"row",marginTop:r.space.md},children:Array.from({length:n}).map((e,a)=>(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:64,height:64,radius:"md",style:{marginRight:r.space.sm}},`sk-thumb-${a}`))}):null]})};ImageGallerySkeleton.displayName="ImageGallerySkeleton",ImageGallery.Skeleton=ImageGallerySkeleton;const Lightbox=({visible:e,images:a,initialIndex:t,enablePinchZoom:i,showCounter:l,onClose:r,onIndexChange:n,haptic:s,labels:o})=>{const c=(0,_index.useTheme)(),u=(0,_react.useMemo)(()=>buildLightboxStyles(c),[c]),d=(0,_react.useRef)(null),[m,_]=(0,_react.useState)(t),h=(0,_react.useCallback)(e=>{if(e!==m){const a=(0,_index2.resolveHaptic)(s,"selection");a&&(0,_index2.triggerHaptic)(a),_(e),n(e)}},[m,n,s]),g=(0,_react.useCallback)((e,t)=>(0,_jsxRuntime.jsx)(ZoomableImage,{image:e,index:t,total:a.length,active:t===m,enabled:i,maxScale:4,minScale:1,doubleTapScale:2,haptic:s,imageLabel:o.imageOf}),[m,i,a.length,s,o]),v=a[m]?.caption;return(0,_jsxRuntime.jsx)(_Modal.Modal,{visible:e,onClose:r,presentation:"fullScreen",backdropPressClose:!1,animateMount:!1,contentStyle:{backgroundColor:"transparent"},children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.backdrop,children:[(0,_jsxRuntime.jsx)(_index3.Carousel,{ref:d,data:a,defaultIndex:t,onIndexChange:h,renderItem:g,showPagination:!1,haptic:s}),l&&a.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:u.counterPill,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_index5.Text,{variant:"label",weight:"semibold",style:{color:c.colors["on-scrim"]},accessibilityLabel:o.imageOf(m+1,a.length),children:`${m+1} / ${a.length}`})}):null,(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:r,accessibilityRole:"button",accessibilityLabel:o.closeGallery,style:u.closeButton,hitSlop:12,...(0,_hitSlop.hitSlopMarker)(12),children:(c.settings.icons.close??_defaultIcons.defaultIcons.close)({size:24,color:c.colors["on-scrim"]})}),v?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:u.captionWrap,entering:void 0,accessibilityElementsHidden:!1,children:(0,_jsxRuntime.jsx)(_index5.Text,{variant:"body",align:"center",numberOfLines:3,style:u.captionText,children:v})}):null]})})},ZoomableImage=({image:e,index:a,total:t,active:i,enabled:l,maxScale:r,minScale:n,doubleTapScale:s,haptic:o,imageLabel:c})=>{const u=_reactNative.Dimensions.get("window"),d=(0,_reactNativeReanimated.useSharedValue)(1),m=(0,_reactNativeReanimated.useSharedValue)(1),_=(0,_reactNativeReanimated.useSharedValue)(0),h=(0,_reactNativeReanimated.useSharedValue)(0),g=(0,_reactNativeReanimated.useSharedValue)(0),v=(0,_reactNativeReanimated.useSharedValue)(0),x=(0,_react.useCallback)(()=>{d.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),m.value=1,_.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),h.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),g.value=0,v.value=0},[d,m,_,h,g,v]);_react.default.useEffect(()=>{i||(d.value=(0,_reactNativeReanimated.withTiming)(1,{duration:150}),_.value=(0,_reactNativeReanimated.withTiming)(0,{duration:150}),h.value=(0,_reactNativeReanimated.withTiming)(0,{duration:150}),m.value=1,g.value=0,v.value=0)},[i,d,_,h,m,g,v]);const p=(0,_react.useCallback)(()=>{!1!==o&&(0,_index2.triggerHaptic)("impactLight")},[o]),b=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pinch().enabled(l).onStart(()=>{"worklet";m.value=d.value}).onUpdate(e=>{"worklet";const a=m.value*e.scale;d.value=a<n?n+.3*(a-n):a>r?r+.2*(a-r):a}).onEnd(()=>{"worklet";return d.value<n?(d.value=(0,_reactNativeReanimated.withSpring)(n,SPRING_CONFIG),_.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),h.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),m.value=n,g.value=0,void(v.value=0)):d.value>r?(d.value=(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG),void(m.value=r)):void(m.value=d.value)}),[l,d,m,_,h,g,v,n,r]),R=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pan().minPointers(1).maxPointers(1).onStart(()=>{"worklet";g.value=_.value,v.value=h.value}).onUpdate(e=>{"worklet";d.value<=1||(_.value=g.value+e.translationX,h.value=v.value+e.translationY)}).onEnd(()=>{"worklet";g.value=_.value,v.value=h.value}),[d,_,h,g,v]),S=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Tap().numberOfTaps(2).onEnd(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(p)(),d.value>1?(d.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),_.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),h.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),m.value=1,g.value=0,v.value=0):(d.value=(0,_reactNativeReanimated.withSpring)(s,SPRING_CONFIG),m.value=s)}),[d,m,_,h,g,v,p,s]),y=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Race(b,R,S),[b,R,S]),I=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:_.value},{translateY:h.value},{scale:d.value}]}));_react.default.useEffect(()=>{i||x()},[i,x]);const N=e.alt??c(a+1,t);return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:y,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[lightboxImageStyles.container,{width:u.width}],children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.Image,{source:e.source,resizeMode:"contain",style:[lightboxImageStyles.image,I],accessibilityLabel:N,accessible:!0})})})},clamp=(e,a,t)=>Math.min(Math.max(e,a),t),buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},carouselWrap:{width:"100%",position:"relative"},imageWrap:{width:"100%",aspectRatio:16/9,backgroundColor:e.colors["bg-subtle"],overflow:"hidden",borderRadius:e.radius.md,..._corners.smoothCorners},image:{width:"100%",height:"100%"},thumbnailImage:{width:"100%",height:"100%"},counterPill:{position:"absolute",top:12,alignSelf:"center",paddingHorizontal:e.space.md,paddingVertical:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:"rgba(0,0,0,0.55)"}}),buildLightboxStyles=e=>_reactNative.StyleSheet.create({backdrop:{flex:1,backgroundColor:"#000",justifyContent:"center"},counterPill:{position:"absolute",top:48,alignSelf:"center",paddingHorizontal:e.space.md,paddingVertical:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:"rgba(0,0,0,0.6)"},closeButton:{position:"absolute",top:44,right:16,width:40,height:40,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)"},captionWrap:{position:"absolute",left:0,right:0,bottom:32,paddingHorizontal:e.space.xl},captionText:{color:"#FFFFFF",lineHeight:21}}),lightboxImageStyles=_reactNative.StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center"},image:{width:"100%",height:"100%"}});var _default=exports.default=ImageGallery;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ImageGallery",{enumerable:!0,get:function(){return _ImageGallery.ImageGallery}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ImageGallery.default}});var cache,_ImageGallery=_interopRequireWildcard(require("./ImageGallery.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,c=Object.defineProperty,l={__proto__:null,default:e};if(Object(e)!==e)return l;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,l)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=c&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?c(l,a,t):l[a]=e[a]);return l}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_IMAGE_GALLERY_LABELS",{enumerable:!0,get:function(){return _ImageGallery.DEFAULT_IMAGE_GALLERY_LABELS}}),Object.defineProperty(exports,"ImageGallery",{enumerable:!0,get:function(){return _ImageGallery.ImageGallery}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ImageGallery.default}});var cache,_ImageGallery=_interopRequireWildcard(require("./ImageGallery.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,n=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=n&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?n(c,a,t):c[a]=e[a]);return c}

package/lib/commonjs/components/InlineSelect/InlineSelect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.InlineSelect=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_Chevron=require("../FieldBase/Chevron.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_jsxRuntime=require("react/jsx-runtime");const InlineSelect=exports.InlineSelect=(0,_react.forwardRef)((e,t)=>{const{options:i,getOptionLabel:l,getOptionValue:s,getOptionDisabled:a,getOptionDescription:r,getOptionIcon:n,value:c,onChange:o,placeholder:d,label:u,title:p,searchable:x=!1,haptic:_,disabled:b=!1,size:S="md",color:h,chevronColor:y,chevronSize:j,textStyle:m,style:g,optionStyle:v,selectedOptionStyle:O,optionTextStyle:f,selectedOptionTextStyle:C,accessibilityLabel:I,testID:R}=e,k=(0,_index.useTheme)(),F=(0,_react.useMemo)(()=>buildStyles(k),[k]),q=(0,_index.resolveFieldSize)(k,S),T=(0,_react.useCallback)(e=>l?l(e):e.label??"",[l]),N=(0,_react.useCallback)(e=>s?s(e):e.value,[s]),z=(0,_react.useCallback)(e=>a?a(e):!0===e.disabled,[a]),L=(0,_react.useCallback)(e=>r?r(e):e.description,[r]),B=(0,_react.useCallback)(e=>n?n(e):e.icon,[n]),[D,H]=(0,_react.useState)(!1),M=(0,_react.useMemo)(()=>{if(null!=c)return i.find(e=>N(e)===c)},[i,c,N]),P=(0,_react.useCallback)(e=>c===e,[c]),w=(0,_react.useCallback)(()=>{if(b)return;const e=(0,_index2.resolveHaptic)(_,"selection");e&&(0,_index2.triggerHaptic)(e),H(!0)},[b,_]),V=(0,_react.useCallback)(()=>{H(!1)},[]),$=(0,_react.useCallback)(e=>{if(z(e))return;const t=(0,_index2.resolveHaptic)(_,"selection");t&&(0,_index2.triggerHaptic)(t),o(N(e)),V()},[z,N,o,V,_]),G=b?k.colors["text-disabled"]:h??k.colors.primary,A=void 0!==M?T(M):d??"Select",E=void 0!==M?`Selected: ${T(M)}`:d??"No selection",J=I??`${u??p??"Select"}. ${E}`,K=(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:t,onPress:w,disabled:b,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:J,accessibilityState:{disabled:b,expanded:D},"aria-disabled":b,"aria-expanded":D,testID:R,style:({pressed:e})=>[F.trigger,{columnGap:k.space.xs,opacity:e&&!b?.6:1},g],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[F.triggerText,{color:G,fontSize:q.text,...(0,_index.fontFor)(k,"medium")},m],numberOfLines:1,children:A}),(0,_jsxRuntime.jsx)(_Chevron.Chevron,{color:y??G,size:j??q.icon,open:D})]});return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[u?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:F.labelled,children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:S,children:u}),K]}):K,(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{open:D,onClose:V,title:p,accessibilityLabel:u??p??d??"Options",options:i,labelOf:T,getValue:N,disabledOf:z,descriptionOf:L,iconOf:B,isSelected:P,onSelect:$,searchable:x,optionStyle:v,selectedOptionStyle:O,optionTextStyle:f,selectedOptionTextStyle:C})]})});InlineSelect.displayName="InlineSelect";const buildStyles=e=>_reactNative.StyleSheet.create({labelled:{alignItems:"flex-start"},trigger:{flexDirection:"row",alignItems:"center"},triggerText:{includeFontPadding:!1}});var _default=exports.default=InlineSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.InlineSelect=exports.DEFAULT_INLINE_SELECT_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_Chevron=require("../FieldBase/Chevron.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_INLINE_SELECT_LABELS=exports.DEFAULT_INLINE_SELECT_LABELS={select:"Select",options:"Options",noSelection:"No selection",selected:e=>`Selected: ${e}`},InlineSelect=exports.InlineSelect=(0,_react.forwardRef)((e,t)=>{const{options:i,getOptionLabel:l,getOptionValue:s,isOptionDisabled:n,getOptionDescription:a,getOptionIcon:r,value:o,onChange:c,placeholder:d,labels:u,label:_,title:p,searchable:x=!1,haptic:S,disabled:b=!1,size:h="md",color:v,chevronColor:m,chevronSize:L,textStyle:g,style:j,optionStyle:y,selectedOptionStyle:I,optionTextStyle:O,selectedOptionTextStyle:C,accessibilityLabel:E,testID:f}=e,T=(0,_index.useTheme)(),N=Object.keys(T.components.field);(0,_warnInvalidValue.warnInvalidValue)("InlineSelect","size",e.size,N);const F=(0,_react.useMemo)(()=>buildStyles(T),[T]),D=N.includes(h)?h:"md",R=(0,_index.resolveFieldSize)(T,D),k=(0,_react.useMemo)(()=>({...DEFAULT_INLINE_SELECT_LABELS,...u}),[u]),q=(0,_react.useCallback)(e=>l?l(e):e.label??"",[l]),B=(0,_react.useCallback)(e=>s?s(e):e.value,[s]),z=(0,_react.useCallback)(e=>n?n(e):!0===e.disabled,[n]),A=(0,_react.useCallback)(e=>a?a(e):e.description,[a]),w=(0,_react.useCallback)(e=>r?r(e):e.icon,[r]),[V,M]=(0,_react.useState)(!1),H=(0,_react.useMemo)(()=>{if(null!=o)return i.find(e=>B(e)===o)},[i,o,B]),P=(0,_react.useCallback)(()=>{if(b)return;const e=(0,_index2.resolveHaptic)(S,"selection");e&&(0,_index2.triggerHaptic)(e),M(!0)},[b,S]),U=(0,_react.useCallback)(()=>{M(!1)},[]),$=(0,_react.useCallback)(e=>{if(z(e))return;const t=(0,_index2.resolveHaptic)(S,"selection");t&&(0,_index2.triggerHaptic)(t),c(B(e)),U()},[z,B,c,U,S]),G=b?T.colors["text-disabled"]:v??T.colors.primary,J=void 0!==H?q(H):d??k.select,K=void 0!==H?k.selected(q(H)):d??k.noSelection,Q=E??`${_??p??k.select}. ${K}`,W=(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:t,onPress:P,disabled:b,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:Q,accessibilityState:{disabled:b,expanded:V},"aria-disabled":b,"aria-expanded":V,testID:f,style:({pressed:e})=>[F.trigger,{columnGap:T.space.xs,opacity:e&&!b?.6:1},j],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[F.triggerText,{color:G,fontSize:R.text,...(0,_index.fontFor)(T,"medium")},g],numberOfLines:1,children:J}),(0,_jsxRuntime.jsx)(_Chevron.Chevron,{color:m??G,size:L??R.icon,open:V})]});return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[_?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:F.labelled,children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:D,children:_}),W]}):W,(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{visible:V,onClose:U,haptic:S,title:p,accessibilityLabel:_??p??d??k.options,options:i,getOptionLabel:q,getOptionValue:B,isOptionDisabled:z,getOptionDescription:A,getOptionIcon:w,value:o,onChange:(e,t)=>$(t),searchable:x,optionStyle:y,selectedOptionStyle:I,optionTextStyle:O,selectedOptionTextStyle:C})]})});InlineSelect.displayName="InlineSelect";const buildStyles=e=>_reactNative.StyleSheet.create({labelled:{alignItems:"flex-start"},trigger:{flexDirection:"row",alignItems:"center"},triggerText:{includeFontPadding:!1}});var _default=exports.default=InlineSelect;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"InlineSelect",{enumerable:!0,get:function(){return _InlineSelect.InlineSelect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _InlineSelect.default}});var cache,_InlineSelect=_interopRequireWildcard(require("./InlineSelect.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,c=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((r=c&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?c(i,n,r):i[n]=e[n]);return i}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_INLINE_SELECT_LABELS",{enumerable:!0,get:function(){return _InlineSelect.DEFAULT_INLINE_SELECT_LABELS}}),Object.defineProperty(exports,"InlineSelect",{enumerable:!0,get:function(){return _InlineSelect.InlineSelect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _InlineSelect.default}});var cache,_InlineSelect=_interopRequireWildcard(require("./InlineSelect.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,c=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((r=c&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?c(i,n,r):i[n]=e[n]);return i}

package/lib/commonjs/components/Input/Input.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Input=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index4=require("../Button/index.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_useFloatingLabel=require("../FieldBase/useFloatingLabel.js"),_Notation=require("../Notation/Notation.js"),_jsxRuntime=require("react/jsx-runtime");const Input=exports.Input=(0,_react.forwardRef)((e,t)=>{const{label:i,help:n,placeholder:a,value:o,onChangeText:s,error:r,helperText:l,type:d="input",secureTextEntry:c=!1,showPasswordToggle:u=!1,disabled:x=!1,multiline:p=!1,leftIcon:f,rightIcon:_,unit:g,unitStyle:m,prefix:h,prefixStyle:v,readOnly:j=!1,action:y,actionStyle:b,size:N="md",variant:R,labelMode:S,required:w=!1,maxLength:F,showCounter:I=!0,textAlign:T,format:V,parse:A,style:B,containerStyle:z,inputStyle:q,labelStyle:k,messageStyle:C,borderRadius:L,onFocus:D,onBlur:P,accessibilityLabel:H,testID:M,editable:O,...E}=e,G=(0,_index2.useTheme)(),W=(0,_react.useMemo)(()=>buildStyles(G),[G]),$=(0,_index2.resolveFieldSize)(G,N),X=G.components.input[N]["multiline-min-height"],J=Math.round($.text*G.leading.body),K=R??G.settings.components.input?.defaultVariant??G.settings.components.field?.defaultVariant??"outlined",Q=S??G.settings.components.input?.defaultLabelMode??"top",[U,Y]=(0,_react.useState)(!1),[Z,ee]=(0,_react.useState)(!1),te="password"===d||u||c,ie="password"===d||u,ne="textarea"===d||p,ae=ne?Math.round(.1*$.text):0,oe="string"==typeof o&&o.length>0,se=(0,_FieldBase.hasFieldText)(r),re=!0===r||se,le=(0,_FieldBase.hasFieldText)(l),de=se||!re&&le,ce=(0,_FieldBase.hasFieldText)(i),ue=(0,_FieldBase.hasFieldText)(h),xe=!x&&!1!==O,pe=U||oe||ue,fe=(0,_react.useRef)(null),ge=(0,_react.useMemo)(()=>(0,_index3.mergeRefs)(fe,t),[t]),me=(0,_react.useCallback)(()=>{xe&&fe.current?.focus()},[xe]),he=ce&&"float"===Q,ve=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,je=(0,_react.useRef)((0,_index2.createAnimatedValue)(de?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(je,{toValue:de?1:0,duration:G.motion.duration.fast,easing:_reactNative.Easing.bezier(...G.motion.ease["in-out"]),useNativeDriver:!0});return e.start(),()=>e.stop()},[de,je,G.motion.duration.fast,G.motion.ease["in-out"]]);const ye=(0,_index.useReducedMotion)(),be=G.settings.components.input?.shakeOnError??!1,Ne=(0,_react.useRef)(re);(0,_react.useEffect)(()=>{if(!be)return void(Ne.current=re);let e;return re&&!Ne.current&&(ye||((0,_index2.setNativeValue)(ve,0),e=_reactNative.Animated.sequence([_reactNative.Animated.timing(ve,{toValue:1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(ve,{toValue:-1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(ve,{toValue:1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(ve,{toValue:-1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(ve,{toValue:0,duration:100,useNativeDriver:!0})]),e.start()),(0,_index3.triggerHaptic)("notificationError")),Ne.current=re,()=>e?.stop()},[re,ve,be,ye]);const Re=(0,_react.useCallback)(e=>{Y(!0),D?.(e)},[D]),Se=(0,_react.useCallback)(e=>{Y(!1),P?.(e)},[P]),we=(0,_react.useCallback)(()=>{(0,_index3.triggerHaptic)("selection"),ee(e=>!e)},[]),Fe=G.colors["field-caret"],Ie=L??$.radius,Te=G.settings.components.input?.tintLabelOnFocus??!1,Ve=U&&Te?G.colors["field-border-focus"]:G.colors["field-label"],Ae=ve.interpolate({inputRange:[-1,0,1],outputRange:[-6,0,6]}),Be=Boolean(_)||Boolean(g)||ie,ze="underline"===K,qe=f?$.icon+G.space.md+1+G.space.md:0,ke=(0,_useFloatingLabel.useFloatingLabel)({label:i,enabled:he,floated:pe,required:w,variant:K,sizeTokens:$,leadingOffset:qe,trailingOffset:Be?$.icon+G.space.sm:0,textAlign:T,paddingLeft:ze?G.space.none:$["padding-x"],lineHeight:ne?J:void 0,restNudge:ae,floatTrim:ne?2:0,color:Ve,style:k}),Ce=(0,_FieldBase.resolveFieldTextStyle)(G,{disabled:x}),Le=Ce.color,De=Ce.placeholderColor,Pe=w&&!ce&&!oe&&"string"==typeof a&&a.length>0,He=re?r:l,Me=I&&"number"==typeof F&&"string"==typeof o?`${o.length} / ${F}`:null,Oe=re?G.colors["field-message"]:G.colors["text-muted"],Ee=(0,_Notation.useNotationInk)(C,$["message-text"],Oe),Ge=H??(0,_FieldBase.fieldTextAsString)(i)??a,We=x?G.colors["field-icon-disabled"]:U?G.colors["field-icon-focus"]:G.colors["field-icon"],$e={focused:U,disabled:x,error:re,color:We,size:$.icon},renderSlot=e=>(0,_slotIcon.renderSlotIcon)(e,$e),Xe=(()=>{if(ie){const e=(Z?G.settings.icons.eyeOff:G.settings.icons.eye)??(Z?_defaultIcons.defaultIcons.eyeOff:_defaultIcons.defaultIcons.eye);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:we,disabled:!xe,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:Z?"Hide password":"Show password",children:e({size:$.icon,color:We})})}const e=g?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.unit,{fontSize:$.text,color:De},m],children:g}):null,t=_?(0,_jsxRuntime.jsx)(_reactNative.View,{children:renderSlot(_)}):null;return e&&t?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.trailingRow,children:[e,t]}):e??t})(),Je=f?(0,_jsxRuntime.jsx)(_reactNative.View,{children:renderSlot(f)}):null,Ke=_reactNative.StyleSheet.flatten(v),Qe=Ke?.fontSize??$.text,Ue=Ke?.color??De,Ye=(0,_react.useMemo)(()=>({fontSize:Qe,color:Ue}),[Qe,Ue]),Ze=ue?"string"==typeof h||"number"==typeof h?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.prefix,{fontSize:$.text,color:De,marginRight:G.space.xs,lineHeight:ne?J:void 0,paddingTop:ne?ae:void 0},v],children:h}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[W.prefixNode,{marginRight:G.space.xs,minHeight:ne?J:void 0,justifyContent:"center",paddingTop:ne?ae:void 0}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.prefix,{fontSize:$.text,color:De,lineHeight:ne?J:void 0},v],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:Ye,children:h})})}):null,et=y?(0,_jsxRuntime.jsx)(_index4.Button,{variant:y.variant??"outline",tone:y.tone??"primary",size:N,title:y.label,leftIcon:y.icon,loading:y.loading,disabled:x||y.disabled,onPress:y.onPress,pressAnimation:!1,testID:y.testID,style:[W.action,{minHeight:$["min-height"],alignSelf:ne?"flex-start":"stretch"},b]}):null;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[W.container,{transform:[{translateX:Ae}]},B],children:[ce&&!he?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:N,required:w,help:n,color:Ve,style:k,children:i}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[W.fieldRow,{columnGap:G.space.sm,alignItems:ne?"flex-start":"stretch"}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.fieldWrapper,children:[(0,_jsxRuntime.jsxs)(_FieldBase.FieldBase,{size:N,variant:K,focused:U,disabled:x,error:re,filled:oe,minHeight:ne?X:void 0,borderRadius:Ie,leading:Je,leadingDivider:null!=f,paddingLeft:ze?G.space.none:void 0,trailing:Xe,slotAlign:ne?"top":"center",slotLineHeight:ne?J:void 0,topNotch:ke.topNotch,onPress:me,pressFeedback:!1,style:z,children:[Ze,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.inputWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:ge,style:[W.input,{color:Le,fontSize:$.text,...Ce.weightStyle,paddingLeft:ze?G.space.none:void 0,minHeight:ne?X-2*$["padding-y"]:void 0,lineHeight:ne?J:void 0,paddingTop:ne?ae:void 0,textAlignVertical:ne?"top":"center"},q],textAlign:T,placeholder:he&&!pe||Pe?void 0:a,placeholderTextColor:De,value:V&&null!=o?V(o):o,onChangeText:e=>{s&&s(A?A(e):e)},onFocus:Re,onBlur:Se,editable:xe,readOnly:j,secureTextEntry:te&&!Z,multiline:ne,autoCapitalize:te?"none":void 0,autoCorrect:!te&&void 0,maxLength:F,selectionColor:Fe,accessibilityLabel:Ge,accessibilityState:{disabled:x},"aria-disabled":x,testID:M,...E}),Pe?(0,_jsxRuntime.jsx)(_FieldBase.RequiredPlaceholder,{text:a,color:De,fontSize:$.text,weightStyle:Ce.weightStyle,align:ne?"top":"center",paddingTop:ne?ae:void 0,textAlign:T}):null]})]}),ke.node]}),et]}),de||Me?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[W.footerRow,{marginTop:$["message-gap"]}],children:[de?(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[W.messageRow,{columnGap:G.space.xs,opacity:je}],accessibilityLiveRegion:re?"polite":"none",children:[re?(0,_jsxRuntime.jsx)(_FieldBase.FieldErrorGlyph,{size:$["message-text"],color:Oe}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.messageText,{color:Oe,fontSize:$["message-text"],...(0,_index2.fontFor)(G,"normal")},C],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:Ee,children:He})})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.footerSpacer}),Me?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.counterText,{color:G.colors["text-subtle"],fontSize:$["message-text"],...(0,_index2.fontFor)(G,"normal")}],children:Me}):null]}):null]})});Input.displayName="Input";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},fieldRow:{flexDirection:"row"},fieldWrapper:{position:"relative",overflow:"visible",flex:1},action:{flexShrink:0},input:{padding:e.space.none,margin:e.space.none,includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},inputWrap:{flex:1,alignSelf:"stretch",justifyContent:"center"},unit:{includeFontPadding:!1},trailingRow:{flexDirection:"row",alignItems:"center",columnGap:e.space.sm},footerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:e.space.sm},footerSpacer:{flex:1},messageRow:{flex:1,flexDirection:"row",alignItems:"center"},messageText:{flexShrink:1,includeFontPadding:!1},counterText:{flexShrink:0,includeFontPadding:!1}});var _default=exports.default=Input;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Input=exports.DEFAULT_INPUT_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index4=require("../Button/index.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_useFloatingLabel=require("../FieldBase/useFloatingLabel.js"),_Notation=require("../Notation/Notation.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_INPUT_LABELS=exports.DEFAULT_INPUT_LABELS={showPassword:"Show password",hidePassword:"Hide password"},Input=exports.Input=(0,_react.forwardRef)((e,t)=>{const{label:i,help:n,placeholder:a,value:l,onChangeText:o,error:s,helperText:r,type:d="input",secureTextEntry:c=!1,showPasswordToggle:u=!1,disabled:x=!1,multiline:p=!1,leftIcon:_,rightIcon:f,unit:m,unitStyle:g,prefix:v,prefixStyle:h,readOnly:y=!1,action:j,actionStyle:b,size:w="md",variant:N,labelMode:I,required:S=!1,maxLength:R,showCounter:F=!0,textAlign:T,format:V,parse:A,style:L,containerStyle:B,inputStyle:P,labelStyle:z,messageStyle:q,borderRadius:D,onFocus:k,onBlur:C,accessibilityLabel:E,labels:H,testID:M,editable:O,...U}=e;(0,_warnInvalidValue.warnInvalidValue)("Input","variant",N,["outline","filled","underline"]),(0,_warnInvalidValue.warnInvalidValue)("Input","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Input","labelMode",I,["float","top"]),(0,_warnInvalidValue.warnInvalidValue)("Input","type",e.type,["input","password","textarea"]);const G=(0,_react.useMemo)(()=>({...DEFAULT_INPUT_LABELS,...H}),[H]),W=(0,_index2.useTheme)(),$=(0,_react.useMemo)(()=>buildStyles(W),[W]),X=(0,_index2.resolveFieldSize)(W,w),J=W.components.input[w]["multiline-min-height"],K=Math.round(X.text*W.leading.body),Q=N??W.settings.components.input?.defaultVariant??W.settings.components.field?.defaultVariant??"outline",Y=I??W.settings.components.input?.defaultLabelMode??"top",[Z,ee]=(0,_react.useState)(!1),[te,ie]=(0,_react.useState)(!1),ne="password"===d||u||c,ae="password"===d||u,le="textarea"===d||p,oe=le?Math.round(.1*X.text):0,se="string"==typeof l&&l.length>0,re=(0,_FieldBase.hasFieldText)(s),de=!0===s||re,ce=(0,_FieldBase.hasFieldText)(r),ue=re||!de&&ce,xe=(0,_FieldBase.hasFieldText)(i),pe=(0,_FieldBase.hasFieldText)(v),fe=!x&&!1!==O,me=Z||se||pe,ge=(0,_react.useRef)(null),ve=(0,_react.useMemo)(()=>(0,_index3.mergeRefs)(ge,t),[t]),he=(0,_react.useCallback)(()=>{fe&&ge.current?.focus()},[fe]),ye=xe&&"float"===Y,je=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,be=(0,_react.useRef)((0,_index2.createAnimatedValue)(ue?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(be,{toValue:ue?1:0,duration:W.motion.duration.fast,easing:_reactNative.Easing.bezier(...W.motion.ease["in-out"]),useNativeDriver:!0});return e.start(),()=>e.stop()},[ue,be,W.motion.duration.fast,W.motion.ease["in-out"]]);const we=(0,_index.useReducedMotion)(),Ne=W.settings.components.input?.shakeOnError??!1,Ie=(0,_react.useRef)(de);(0,_react.useEffect)(()=>{if(!Ne)return void(Ie.current=de);let e;return de&&!Ie.current&&(we||((0,_index2.setNativeValue)(je,0),e=_reactNative.Animated.sequence([_reactNative.Animated.timing(je,{toValue:1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(je,{toValue:-1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(je,{toValue:1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(je,{toValue:-1,duration:50,useNativeDriver:!0}),_reactNative.Animated.timing(je,{toValue:0,duration:100,useNativeDriver:!0})]),e.start()),(0,_index3.triggerHaptic)("notificationError")),Ie.current=de,()=>e?.stop()},[de,je,Ne,we]);const Se=(0,_react.useCallback)(e=>{ee(!0),k?.(e)},[k]),Re=(0,_react.useCallback)(e=>{ee(!1),C?.(e)},[C]),Fe=(0,_react.useCallback)(()=>{(0,_index3.triggerHaptic)("selection"),ie(e=>!e)},[]),Te=W.colors["field-caret"],Ve=D??X.radius,Ae=W.settings.components.input?.tintLabelOnFocus??!1,Le=Z&&Ae?W.colors["field-border-focus"]:W.colors["field-label"],Be=je.interpolate({inputRange:[-1,0,1],outputRange:[-6,0,6]}),Pe=Boolean(f)||Boolean(m)||ae,ze="underline"===Q,qe=_?X.icon+W.space.md+1+W.space.md:0,De=(0,_useFloatingLabel.useFloatingLabel)({label:i,enabled:ye,floated:me,required:S,variant:Q,sizeTokens:X,leadingOffset:qe,trailingOffset:Pe?X.icon+W.space.sm:0,textAlign:T,paddingLeft:ze?W.space.none:X["padding-x"],lineHeight:le?K:void 0,restNudge:oe,floatTrim:le?2:0,color:Le,style:z}),ke=(0,_FieldBase.resolveFieldTextStyle)(W,{disabled:x}),Ce=ke.color,Ee=ke.placeholderColor,He=S&&!xe&&!se&&"string"==typeof a&&a.length>0,Me=de?s:r,Oe=F&&"number"==typeof R&&"string"==typeof l?`${l.length} / ${R}`:null,Ue=de?W.colors["field-message"]:W.colors["text-muted"],Ge=(0,_Notation.useNotationInk)(q,X["message-text"],Ue),We=E??(0,_FieldBase.fieldTextAsString)(i)??a,$e=x?W.colors["field-icon-disabled"]:Z?W.colors["field-icon-focus"]:W.colors["field-icon"],Xe={focused:Z,disabled:x,error:de,color:$e,size:X.icon},renderSlot=e=>(0,_slotIcon.renderSlotIcon)(e,Xe),Je=(()=>{if(ae){const e=(te?W.settings.icons.eyeOff:W.settings.icons.eye)??(te?_defaultIcons.defaultIcons.eyeOff:_defaultIcons.defaultIcons.eye);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Fe,disabled:!fe,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:te?G.hidePassword:G.showPassword,children:e({size:X.icon,color:$e})})}const e=m?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.unit,{fontSize:X.text,color:Ee},g],children:m}):null,t=f?(0,_jsxRuntime.jsx)(_reactNative.View,{children:renderSlot(f)}):null;return e&&t?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$.trailingRow,children:[e,t]}):e??t})(),Ke=_?(0,_jsxRuntime.jsx)(_reactNative.View,{children:renderSlot(_)}):null,Qe=_reactNative.StyleSheet.flatten(h),Ye=Qe?.fontSize??X.text,Ze=Qe?.color??Ee,et=(0,_react.useMemo)(()=>({fontSize:Ye,color:Ze}),[Ye,Ze]),tt=pe?"string"==typeof v||"number"==typeof v?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.prefix,{fontSize:X.text,color:Ee,marginRight:W.space.xs,lineHeight:le?K:void 0,paddingTop:le?oe:void 0},h],children:v}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[$.prefixNode,{marginRight:W.space.xs,minHeight:le?K:void 0,justifyContent:"center",paddingTop:le?oe:void 0}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.prefix,{fontSize:X.text,color:Ee,lineHeight:le?K:void 0},h],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:et,children:v})})}):null,it=j?(0,_jsxRuntime.jsx)(_index4.Button,{variant:j.variant??"outline",tone:j.tone??"primary",size:w,label:j.label,leftIcon:j.icon,loading:j.loading,disabled:x||j.disabled,onPress:j.onPress,pressAnimation:!1,testID:j.testID,style:[$.action,{minHeight:X["min-height"],alignSelf:le?"flex-start":"stretch"},b]}):null;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[$.container,{transform:[{translateX:Be}]},L],children:[xe&&!ye?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:w,required:S,help:n,color:Le,style:z,children:i}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[$.fieldRow,{columnGap:W.space.sm,alignItems:le?"flex-start":"stretch"}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$.fieldWrapper,children:[(0,_jsxRuntime.jsxs)(_FieldBase.FieldBase,{size:w,variant:Q,focused:Z,disabled:x,error:de,filled:se,minHeight:le?J:void 0,borderRadius:Ve,leading:Ke,leadingDivider:null!=_,paddingLeft:ze?W.space.none:void 0,trailing:Je,slotAlign:le?"top":"center",slotLineHeight:le?K:void 0,topNotch:De.topNotch,onPress:he,pressFeedback:!1,style:B,children:[tt,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$.inputWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:ve,style:[$.input,{color:Ce,fontSize:X.text,...ke.weightStyle,paddingLeft:ze?W.space.none:void 0,minHeight:le?J-2*X["padding-y"]:void 0,lineHeight:le?K:void 0,paddingTop:le?oe:void 0,textAlignVertical:le?"top":"center"},P],textAlign:T,placeholder:ye&&!me||He?void 0:a,placeholderTextColor:Ee,value:V&&null!=l?V(l):l,onChangeText:e=>{o&&o(A?A(e):e)},onFocus:Se,onBlur:Re,editable:fe,readOnly:y,secureTextEntry:ne&&!te,multiline:le,autoCapitalize:ne?"none":void 0,autoCorrect:!ne&&void 0,maxLength:R,selectionColor:Te,accessibilityLabel:We,accessibilityState:{disabled:x},"aria-disabled":x,testID:M,...U}),He?(0,_jsxRuntime.jsx)(_FieldBase.RequiredPlaceholder,{text:a,color:Ee,fontSize:X.text,weightStyle:ke.weightStyle,align:le?"top":"center",paddingTop:le?oe:void 0,textAlign:T}):null]})]}),De.node]}),it]}),ue||Oe?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[$.footerRow,{marginTop:X["message-gap"]}],children:[ue?(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[$.messageRow,{columnGap:W.space.xs,opacity:be}],accessibilityLiveRegion:de?"polite":"none",children:[de?(0,_jsxRuntime.jsx)(_FieldBase.FieldErrorGlyph,{size:X["message-text"],color:Ue}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.messageText,{color:Ue,fontSize:X["message-text"],...(0,_index2.fontFor)(W,"normal")},q],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:Ge,children:Me})})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.footerSpacer}),Oe?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.counterText,{color:W.colors["text-subtle"],fontSize:X["message-text"],...(0,_index2.fontFor)(W,"normal")}],children:Oe}):null]}):null]})});Input.displayName="Input";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},fieldRow:{flexDirection:"row"},fieldWrapper:{position:"relative",overflow:"visible",flex:1},action:{flexShrink:0},input:{padding:e.space.none,margin:e.space.none,includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},inputWrap:{flex:1,alignSelf:"stretch",justifyContent:"center"},unit:{includeFontPadding:!1},trailingRow:{flexDirection:"row",alignItems:"center",columnGap:e.space.sm},footerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:e.space.sm},footerSpacer:{flex:1},messageRow:{flex:1,flexDirection:"row",alignItems:"center"},messageText:{flexShrink:1,includeFontPadding:!1},counterText:{flexShrink:0,includeFontPadding:!1}});var _default=exports.default=Input;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return _Input.Input}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Input.default}});var cache,_Input=_interopRequireWildcard(require("./Input.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,u=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((r=u&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?u(c,n,r):c[n]=e[n]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_INPUT_LABELS",{enumerable:!0,get:function(){return _Input.DEFAULT_INPUT_LABELS}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return _Input.Input}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Input.default}});var cache,_Input=_interopRequireWildcard(require("./Input.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,u=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((r=u&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?u(c,n,r):c[n]=e[n]);return c}

package/lib/commonjs/components/KeyboardToolbar/KeyboardToolbar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.KeyboardToolbar=void 0;var _reactNative=require("react-native"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_FormContext=require("../../form/FormContext.js"),_index=require("../../theme/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const NavButton=({label:e,accessibilityLabel:t,onPress:r,theme:o})=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:r,accessibilityRole:"button",accessibilityLabel:t,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),style:{paddingHorizontal:o.space.sm},children:(0,_jsxRuntime.jsx)(_index2.Text,{variant:"body",weight:"semibold",size:"lg",color:"link",children:e})}),KeyboardToolbar=e=>{const{doneLabel:t="Done",showNavigation:r=!0,onDone:o,onNext:i,onPrev:s,leading:a,style:l,testID:n}=e,c=(0,_index.useTheme)(),b=(0,_FormContext.useOptionalFormContext)();if(!(0,_reactNativeKeyboardController.useKeyboardState)(e=>e.isVisible))return null;const d=o??(()=>{_reactNativeKeyboardController.KeyboardController.dismiss()}),x=s??b?.focusPrev??(()=>_reactNativeKeyboardController.KeyboardController.setFocusTo("prev")),u=i??b?.focusNext??(()=>_reactNativeKeyboardController.KeyboardController.setFocusTo("next"));return(0,_jsxRuntime.jsx)(_reactNativeKeyboardController.KeyboardStickyView,{style:styles.anchor,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:n,accessibilityRole:"toolbar",style:[styles.bar,{backgroundColor:c.colors.surface,borderTopColor:c.colors.border,paddingHorizontal:c.space.md},l],children:[r?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.nav,children:[(0,_jsxRuntime.jsx)(NavButton,{label:"‹",accessibilityLabel:"Previous field",onPress:x,theme:c}),(0,_jsxRuntime.jsx)(NavButton,{label:"›",accessibilityLabel:"Next field",onPress:u,theme:c})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{}),a,(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.spacer}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:d,accessibilityRole:"button",accessibilityLabel:t,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsx)(_index2.Text,{variant:"body",weight:"semibold",color:"link",children:t})})]})})};exports.KeyboardToolbar=KeyboardToolbar;const styles=_reactNative.StyleSheet.create({anchor:{position:"absolute",left:0,right:0,bottom:0},bar:{height:44,flexDirection:"row",alignItems:"center",borderTopWidth:_reactNative.StyleSheet.hairlineWidth},nav:{flexDirection:"row",alignItems:"center"},spacer:{flex:1}});var _default=exports.default=KeyboardToolbar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.KeyboardToolbar=exports.DEFAULT_KEYBOARD_TOOLBAR_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_index=require("../../theme/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_KEYBOARD_TOOLBAR_LABELS=exports.DEFAULT_KEYBOARD_TOOLBAR_LABELS={done:"Done",previous:"Previous field",next:"Next field"},NavButton=({label:e,accessibilityLabel:t,onPress:r,theme:o})=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:r,accessibilityRole:"button",accessibilityLabel:t,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),style:{paddingHorizontal:o.space.sm},children:(0,_jsxRuntime.jsx)(_index2.Text,{variant:"body",weight:"semibold",size:"lg",color:"link",children:e})}),KeyboardToolbar=e=>{const{showNavigation:t=!0,onDone:r,onNext:o,onPrev:i,labels:s,leading:a,style:l,testID:n}=e,c=(0,_index.useTheme)(),d=(0,_reactNativeKeyboardController.useKeyboardState)(e=>e.isVisible),b=(0,_react.useMemo)(()=>({...DEFAULT_KEYBOARD_TOOLBAR_LABELS,...s}),[s]);if(!d)return null;const _=r??(()=>{_reactNativeKeyboardController.KeyboardController.dismiss()}),x=i??(()=>_reactNativeKeyboardController.KeyboardController.setFocusTo("prev")),u=o??(()=>_reactNativeKeyboardController.KeyboardController.setFocusTo("next"));return(0,_jsxRuntime.jsx)(_reactNativeKeyboardController.KeyboardStickyView,{style:styles.anchor,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:n,accessibilityRole:"toolbar",style:[styles.bar,{backgroundColor:c.colors.surface,borderTopColor:c.colors.border,paddingHorizontal:c.space.md},l],children:[t?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.nav,children:[(0,_jsxRuntime.jsx)(NavButton,{label:"‹",accessibilityLabel:b.previous,onPress:x,theme:c}),(0,_jsxRuntime.jsx)(NavButton,{label:"›",accessibilityLabel:b.next,onPress:u,theme:c})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{}),a,(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.spacer}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:_,accessibilityRole:"button",accessibilityLabel:b.done,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsx)(_index2.Text,{variant:"body",weight:"semibold",color:"link",children:b.done})})]})})};exports.KeyboardToolbar=KeyboardToolbar;const styles=_reactNative.StyleSheet.create({anchor:{position:"absolute",left:0,right:0,bottom:0},bar:{height:44,flexDirection:"row",alignItems:"center",borderTopWidth:_reactNative.StyleSheet.hairlineWidth},nav:{flexDirection:"row",alignItems:"center"},spacer:{flex:1}});var _default=exports.default=KeyboardToolbar;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"KeyboardToolbar",{enumerable:!0,get:function(){return _KeyboardToolbar.KeyboardToolbar}});var _KeyboardToolbar=require("./KeyboardToolbar.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_KEYBOARD_TOOLBAR_LABELS",{enumerable:!0,get:function(){return _KeyboardToolbar.DEFAULT_KEYBOARD_TOOLBAR_LABELS}}),Object.defineProperty(exports,"KeyboardToolbar",{enumerable:!0,get:function(){return _KeyboardToolbar.KeyboardToolbar}});var _KeyboardToolbar=require("./KeyboardToolbar.js");

package/lib/commonjs/components/ListItem/ListItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ListItem=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_useFlickGuard=require("../../hooks/useFlickGuard.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_themeStyles=require("../../utils/themeStyles.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index2=require("../Button/index.js"),_index3=require("../IconBadge/index.js"),_useContextMenu=require("../Menu/useContextMenu.js"),_index4=require("../Skeleton/index.js"),_index5=require("../Swipeable/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,s,r=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(s in e)"default"!==s&&{}.hasOwnProperty.call(e,s)&&((i=r&&Object.getOwnPropertyDescriptor(e,s))&&(i.get||i.set)?r(n,s,i):n[s]=e[s]);return n}const Chevron=({color:e})=>{const t=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:(t.settings.icons.chevronRight??_defaultIcons.defaultIcons.chevronRight)({size:20,color:e})})},BADGE_SIZE={sm:"sm",md:"md",lg:"lg"},RIGHT_BELOW_FONT_SCALE=1.2,SelectionBox=({checked:e,disabled:t})=>{const i=(0,_index.useTheme)(),s=(0,_index.resolveCheckboxSize)(i,"md")["box-size"],r=Math.round(.72*s);return(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:{width:s,height:s,alignItems:"center",justifyContent:"center",borderWidth:i.size.border,borderRadius:i.radius.sm,..._corners.smoothCorners,borderColor:e?i.colors.primary:i.colors.border,backgroundColor:e?i.colors.primary:t?i.colors["surface-disabled"]:"transparent"},children:e?(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:r,height:r,viewBox:"0 0 24 24",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:i.colors["on-primary"],strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})}):null})},isActionList=e=>Array.isArray(e)&&e.length>0&&e.every(e=>null!=e&&"object"==typeof e&&!_react.default.isValidElement(e)&&"label"in e),renderActions=e=>isActionList(e)?e.map(e=>(0,_jsxRuntime.jsx)(_index2.Button,{size:"sm",variant:e.variant??"outline",tone:e.tone,leftIcon:e.icon,disabled:e.disabled,testID:e.testID,title:e.label,onPress:e.onPress},e.label)):e,ListItem=exports.ListItem=_react.default.memo((0,_react.forwardRef)((e,t)=>{const{title:i,loading:s=!1,subtitle:r,description:n,children:l,titleLines:o=1,subtitleLines:a=1,left:c,icon:d,iconTone:u="primary",right:x,rightPlacement:m="auto",selectable:h=!1,checked:_=!1,onCheckedChange:j,actions:p,onPress:g,haptic:b,selected:y=!1,disabled:f=!1,size:v="md",divider:R=!1,chevron:S=!1,leftActions:w,rightActions:I,contextMenu:k,accessibilityLabel:L,accessibilityHint:N,style:C,containerStyle:A,titleStyle:V,subtitleStyle:q,descriptionStyle:P,leftSlotStyle:B,rightSlotStyle:D,testID:z}=e,M=(0,_index.useTheme)(),F=(0,_react.useMemo)(()=>(0,_index.resolveListItemSize)(M,v),[M,v]),T=stylesFor(M),{fontScale:W}=(0,_reactNative.useWindowDimensions)(),O=!!x&&("below"===m||"auto"===m&&W>1.2),H=(0,_useContextMenu.useContextMenu)(f?void 0:k,{haptic:b||!1,testID:z}),E=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(t,H.hostRef),[t,H.hostRef]),G=h||!!g,U=G||H.enabled,Z=U&&!f,{style:J,pressIn:K,pressOut:Q}=(0,_usePressAnimation.usePressAnimation)({enabled:Z}),X=(0,_useFlickGuard.useFlickGuard)(),Y=L??("string"==typeof i?i:void 0),isText=e=>"string"==typeof e||"number"==typeof e,$=c??(void 0===d?null:(0,_jsxRuntime.jsx)(_index3.IconBadge,{icon:d,tone:u,size:BADGE_SIZE[v]})),ee=h?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:T.selectionLead,children:[(0,_jsxRuntime.jsx)(SelectionBox,{checked:_,disabled:f}),$?(0,_jsxRuntime.jsx)(_reactNative.View,{style:T.selectionLeadContent,children:$}):null]}):$,te=null!=p&&!1!==p&&!(Array.isArray(p)&&0===p.length),ie=R&&!te,se=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[T.row,{paddingVertical:F["padding-y"],minHeight:F["min-height"],backgroundColor:y?M.colors["surface-selected"]:"transparent"},ie?T.divider:null,f?T.disabled:null,A],children:[ee?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.leftSlot,B],children:ee}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:T.middle,children:[null==i||isText(i)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[T.title,{fontSize:F["title-text"],...(0,_index.fontFor)(M,"medium"),color:f?M.colors["text-disabled"]:M.colors["text-body"]},V],numberOfLines:o,children:i??" "}):i,null==r||""===r?null:isText(r)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[T.subtitle,{fontSize:F["subtitle-text"],color:f?M.colors["text-disabled"]:M.colors["text-muted"]},q],numberOfLines:a,children:r}):r,n?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[T.description,{fontSize:F["subtitle-text"],color:f?M.colors["text-disabled"]:M.colors["text-subtle"]},P],numberOfLines:2,children:n}):null,null!=l&&!1!==l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:T.body,children:l}):null,O?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.rightBelow,D],children:x}):null]}),x&&!O||S?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[T.rightSlot,O?null:D],children:[O?null:x,S?(0,_jsxRuntime.jsx)(_reactNative.View,{style:x&&!O?T.chevronWithRight:null,children:(0,_jsxRuntime.jsx)(Chevron,{color:f?M.colors["text-disabled"]:M.colors["text-subtle"]})}):null]}):null]}),re=U?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:E,onPress:e=>{Z&&G&&!X.isFlick(e)&&(b&&(0,_hapticUtils.triggerHaptic)(b),h?j?.(!_):g?.(e))},onPressIn:e=>{X.onPressIn(e),K()},onPressOut:Q,disabled:!Z,accessibilityRole:h?"checkbox":g?"button":void 0,accessibilityLabel:Y,accessibilityHint:N,accessibilityState:h?{checked:_,disabled:!Z}:{selected:y,disabled:!Z},"aria-disabled":!Z,...h?{"aria-checked":_}:{"aria-selected":y},testID:z,android_ripple:{color:M.colors["surface-pressed"],borderless:!1},style:({pressed:e})=>[C,e?T.pressed:null],...H.hostProps,children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:J,children:se})}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"none",accessibilityLabel:Y,accessibilityHint:N,accessibilityState:{selected:y,disabled:f},"aria-selected":y,"aria-disabled":f,testID:z,style:C,children:se}),ne=w&&w.length>0||I&&I.length>0,le=te?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[y?{backgroundColor:M.colors["surface-selected"]}:null,R?T.divider:null],children:[re,(0,_jsxRuntime.jsx)(_reactNative.View,{style:T.actions,children:renderActions(p)})]}):re,oe=ne?(0,_jsxRuntime.jsx)(_index5.Swipeable,{leftActions:w,rightActions:I,accessibilityLabel:Y,children:le}):le;return s?(0,_jsxRuntime.jsx)(ListItemSkeleton,{...e}):H.enabled?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[oe,H.renderSurface((0,_jsxRuntime.jsx)(_reactNative.View,{style:T.preview,children:se}))]}):oe}));ListItem.displayName="ListItem";const ListItemSkeleton=({subtitle:e,description:t,left:i,icon:s,right:r,chevron:n,size:l="md",containerStyle:o,style:a})=>{const c=(0,_index.useTheme)(),d=(0,_index.resolveListItemSize)(c,l),u=Math.round(1.15*d["title-text"]),x=Math.round(1.15*d["subtitle-text"]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{flexDirection:"row",alignItems:"center",paddingHorizontal:c.space.md,paddingVertical:d["padding-y"],minHeight:d["min-height"]},o,a],children:[void 0!==i||void 0!==s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginRight:c.space.sm},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"circle",width:40,height:40})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"70%",height:u,style:{marginBottom:c.space.xs}}),void 0!==e?(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"50%",height:x,style:void 0!==t?{marginBottom:c.space.xs}:void 0}):null,void 0!==t?(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"85%",height:x}):null]}),void 0!==r||n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginLeft:c.space.sm},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:20,height:20,radius:"sm"})}):null]})};ListItemSkeleton.displayName="ListItemSkeleton",ListItem.Skeleton=ListItemSkeleton;const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.space.md},divider:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:e.colors.border},pressed:{backgroundColor:e.colors["surface-pressed"]},disabled:{opacity:.55},leftSlot:{marginRight:e.space.md,alignItems:"center",justifyContent:"center"},middle:{flex:1,flexDirection:"column",justifyContent:"center"},selectionLead:{flexDirection:"row",alignItems:"center"},selectionLeadContent:{marginLeft:e.space.sm},body:{marginTop:e.space.xs},rightBelow:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",marginTop:e.space.xs},rightSlot:{marginLeft:e.space.md,alignItems:"center",justifyContent:"center",flexDirection:"row"},actions:{flexDirection:"row",flexWrap:"wrap",gap:e.space.sm,paddingHorizontal:e.space.md,paddingBottom:e.space.md},chevronWithRight:{marginLeft:e.space.xs},preview:{flex:1,backgroundColor:e.colors.surface,borderRadius:e.radius.md,..._corners.smoothCorners,overflow:"hidden"},title:{letterSpacing:e["letter-spacing"].normal},subtitle:{marginTop:e.space.xxs,...(0,_index.fontFor)(e,"normal")},description:{marginTop:e.space.xxs,...(0,_index.fontFor)(e,"normal")}}),stylesFor=(0,_themeStyles.themeStyles)(buildStyles);var _default=exports.default=ListItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ListItem=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_useFlickGuard=require("../../hooks/useFlickGuard.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_themeStyles=require("../../utils/themeStyles.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index2=require("../Button/index.js"),_index3=require("../IconBadge/index.js"),_useContextMenu=require("../Menu/useContextMenu.js"),_index4=require("../Skeleton/index.js"),_index5=require("../Swipeable/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,s,n=Object.defineProperty,r={__proto__:null,default:e};if(Object(e)!==e)return r;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,r)}for(s in e)"default"!==s&&{}.hasOwnProperty.call(e,s)&&((i=n&&Object.getOwnPropertyDescriptor(e,s))&&(i.get||i.set)?n(r,s,i):r[s]=e[s]);return r}const Chevron=({color:e})=>{const t=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:(t.settings.icons.chevronRight??_defaultIcons.defaultIcons.chevronRight)({size:20,color:e})})},BADGE_SIZE={sm:"sm",md:"md",lg:"lg"},RIGHT_BELOW_FONT_SCALE=1.2,SelectionBox=({checked:e,disabled:t})=>{const i=(0,_index.useTheme)(),s=(0,_index.resolveCheckboxSize)(i,"md")["box-size"],n=Math.round(.72*s);return(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:{width:s,height:s,alignItems:"center",justifyContent:"center",borderWidth:i.size.border,borderRadius:i.radius.sm,..._corners.smoothCorners,borderColor:e?i.colors.primary:i.colors.border,backgroundColor:e?i.colors.primary:t?i.colors["surface-disabled"]:"transparent"},children:e?(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:n,height:n,viewBox:"0 0 24 24",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:i.colors["on-primary"],strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})}):null})},isActionList=e=>Array.isArray(e)&&e.length>0&&e.every(e=>null!=e&&"object"==typeof e&&!_react.default.isValidElement(e)&&"label"in e),renderActions=e=>isActionList(e)?e.map(e=>(0,_jsxRuntime.jsx)(_index2.Button,{size:"sm",variant:e.variant??"outline",tone:e.tone,leftIcon:e.icon,disabled:e.disabled,testID:e.testID,label:e.label,onPress:e.onPress},e.label)):e,ListItem=exports.ListItem=_react.default.memo((0,_react.forwardRef)((e,t)=>{const{title:i,loading:s=!1,subtitle:n,description:r,children:l,titleLines:a=1,subtitleLines:o=1,left:c,icon:d,iconTone:u="primary",right:x,rightPlacement:m="auto",selectable:h=!1,checked:_=!1,onCheckedChange:j,actions:p,onPress:g,haptic:b,selected:y=!1,expanded:f,disabled:v=!1,size:R="md",divider:w=!1,chevron:S=!1,leftActions:I,rightActions:L,contextMenu:k,accessibilityLabel:N,accessibilityHint:V,style:C,containerStyle:A,titleStyle:q,subtitleStyle:P,descriptionStyle:z,leftSlotStyle:B,rightSlotStyle:D,testID:M}=e;(0,_warnInvalidValue.warnInvalidValue)("ListItem","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("ListItem","iconTone",e.iconTone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("ListItem","rightPlacement",e.rightPlacement,["auto","side","below"]);const T=(0,_index.useTheme)(),F=(0,_react.useMemo)(()=>(0,_index.resolveListItemSize)(T,R),[T,R]),W=stylesFor(T),{fontScale:O}=(0,_reactNative.useWindowDimensions)(),H=!!x&&("below"===m||"auto"===m&&O>1.2),E=(0,_useContextMenu.useContextMenu)(v?void 0:k,{haptic:b||!1,testID:M}),G=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(t,E.hostRef),[t,E.hostRef]),U=h||!!g,Z=U||E.enabled,J=Z&&!v,{style:K,pressIn:Q,pressOut:X}=(0,_usePressAnimation.usePressAnimation)({enabled:J}),Y=(0,_useFlickGuard.useFlickGuard)(),$=N??("string"==typeof i?i:void 0),isText=e=>"string"==typeof e||"number"==typeof e,ee=c??(void 0===d?null:(0,_jsxRuntime.jsx)(_index3.IconBadge,{icon:d,tone:u,size:BADGE_SIZE[R]})),te=h?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.selectionLead,children:[(0,_jsxRuntime.jsx)(SelectionBox,{checked:_,disabled:v}),ee?(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.selectionLeadContent,children:ee}):null]}):ee,ie=null!=p&&!1!==p&&!(Array.isArray(p)&&0===p.length),se=w&&!ie,ne=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[W.row,{paddingVertical:F["padding-y"],minHeight:F["min-height"],backgroundColor:y?T.colors["surface-selected"]:"transparent"},se?W.divider:null,v?W.disabled:null,A],children:[te?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[W.leftSlot,B],children:te}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.middle,children:[null==i||isText(i)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.title,{fontSize:F["title-text"],...(0,_index.fontFor)(T,"medium"),color:v?T.colors["text-disabled"]:T.colors["text-body"]},q],numberOfLines:a,children:i??" "}):i,null==n||""===n?null:isText(n)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.subtitle,{fontSize:F["subtitle-text"],color:v?T.colors["text-disabled"]:T.colors["text-muted"]},P],numberOfLines:o,children:n}):n,r?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.description,{fontSize:F["subtitle-text"],color:v?T.colors["text-disabled"]:T.colors["text-subtle"]},z],numberOfLines:2,children:r}):null,null!=l&&!1!==l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.body,children:l}):null,H?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[W.rightBelow,D],children:x}):null]}),x&&!H||S?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[W.rightSlot,H?null:D],children:[H?null:x,S?(0,_jsxRuntime.jsx)(_reactNative.View,{style:x&&!H?W.chevronWithRight:null,children:(0,_jsxRuntime.jsx)(Chevron,{color:v?T.colors["text-disabled"]:T.colors["text-subtle"]})}):null]}):null]}),re=Z?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:G,onPress:e=>{J&&U&&!Y.isFlick(e)&&(b&&(0,_hapticUtils.triggerHaptic)(b),h?j?.(!_):g?.(e))},onPressIn:e=>{Y.onPressIn(e),Q()},onPressOut:X,disabled:!J,accessibilityRole:h?"checkbox":g?"button":void 0,accessibilityLabel:$,accessibilityHint:V,accessibilityState:h?{checked:_,disabled:!J,expanded:f}:{selected:y,disabled:!J,expanded:f},"aria-disabled":!J,"aria-expanded":f,...h?{"aria-checked":_}:{"aria-selected":y},testID:M,android_ripple:{color:T.colors["surface-pressed"],borderless:!1},style:({pressed:e})=>[C,e?W.pressed:null],...E.hostProps,children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:K,children:ne})}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"none",accessibilityLabel:$,accessibilityHint:V,accessibilityState:{selected:y,disabled:v},"aria-selected":y,"aria-disabled":v,testID:M,style:C,children:ne}),le=I&&I.length>0||L&&L.length>0,ae=ie?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[y?{backgroundColor:T.colors["surface-selected"]}:null,w?W.divider:null],children:[re,(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.actions,children:renderActions(p)})]}):re,oe=le?(0,_jsxRuntime.jsx)(_index5.Swipeable,{leftActions:I,rightActions:L,accessibilityLabel:$,children:ae}):ae;return s?(0,_jsxRuntime.jsx)(ListItemSkeleton,{...e}):E.enabled?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[oe,E.renderSurface((0,_jsxRuntime.jsx)(_reactNative.View,{style:W.preview,children:ne}))]}):oe}));ListItem.displayName="ListItem";const ListItemSkeleton=({subtitle:e,description:t,left:i,icon:s,right:n,chevron:r,size:l="md",containerStyle:a,style:o})=>{const c=(0,_index.useTheme)(),d=(0,_index.resolveListItemSize)(c,l),u=Math.round(1.15*d["title-text"]),x=Math.round(1.15*d["subtitle-text"]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{flexDirection:"row",alignItems:"center",paddingHorizontal:c.space.md,paddingVertical:d["padding-y"],minHeight:d["min-height"]},a,o],children:[void 0!==i||void 0!==s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginRight:c.space.sm},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"circle",width:40,height:40})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"70%",height:u,style:{marginBottom:c.space.xs}}),void 0!==e?(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"50%",height:x,style:void 0!==t?{marginBottom:c.space.xs}:void 0}):null,void 0!==t?(0,_jsxRuntime.jsx)(_index4.Skeleton,{shape:"text",width:"85%",height:x}):null]}),void 0!==n||r?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginLeft:c.space.sm},children:(0,_jsxRuntime.jsx)(_index4.Skeleton,{width:20,height:20,radius:"sm"})}):null]})};ListItemSkeleton.displayName="ListItemSkeleton",ListItem.Skeleton=ListItemSkeleton;const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.space.md},divider:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:e.colors.border},pressed:{backgroundColor:e.colors["surface-pressed"]},disabled:{opacity:.55},leftSlot:{marginRight:e.space.md,alignItems:"center",justifyContent:"center"},middle:{flex:1,flexDirection:"column",justifyContent:"center"},selectionLead:{flexDirection:"row",alignItems:"center"},selectionLeadContent:{marginLeft:e.space.sm},body:{marginTop:e.space.xs},rightBelow:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",marginTop:e.space.xs},rightSlot:{marginLeft:e.space.md,alignItems:"center",justifyContent:"center",flexDirection:"row"},actions:{flexDirection:"row",flexWrap:"wrap",gap:e.space.sm,paddingHorizontal:e.space.md,paddingBottom:e.space.md},chevronWithRight:{marginLeft:e.space.xs},preview:{flex:1,backgroundColor:e.colors.surface,borderRadius:e.radius.md,..._corners.smoothCorners,overflow:"hidden"},title:{letterSpacing:e["letter-spacing"].normal},subtitle:{marginTop:e.space.xxs,...(0,_index.fontFor)(e,"normal")},description:{marginTop:e.space.xxs,...(0,_index.fontFor)(e,"normal")}}),stylesFor=(0,_themeStyles.themeStyles)(buildStyles);var _default=exports.default=ListItem;

package/lib/commonjs/components/LoaderOverlay/LoaderOverlay.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLoader=exports.loader=exports.LoaderOverlay=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SHOW_DELAY_MS=150,DEFAULT_MIN_VISIBLE_MS=400;let state={refCount:0,message:void 0};const listeners=new Set,notify=()=>{for(const e of listeners)e()},subscribe=e=>(listeners.add(e),()=>{listeners.delete(e)}),getState=()=>state,show=e=>{state={refCount:state.refCount+1,message:e??state.message},notify()},hide=()=>{if(state.refCount<=0)return;const e=state.refCount-1;state={refCount:e,message:0===e?void 0:state.message},notify()},reset=()=>{0===state.refCount&&void 0===state.message||(state={refCount:0,message:void 0},notify())},isVisible=()=>state.refCount>0,wrap=async(e,t)=>{show(t);try{return await("function"==typeof e?e():e)}finally{hide()}},loader=exports.loader={show:show,hide:hide,wrap:wrap,isVisible:isVisible,reset:reset},useLoader=()=>loader;exports.useLoader=useLoader;const LoaderOverlay=({renderIndicator:e,backdropColor:t,showDelayMs:r=150,minVisibleMs:s=400,testID:a})=>{const n=(0,_index.useTheme)(),i=(0,_usePresenceMotion.usePresenceMotion)().duration("default"),o=(0,_react.useSyncExternalStore)(subscribe,getState),[u,c]=(0,_react.useState)(!1),l=(0,_react.useRef)(null),d=(0,_react.useRef)(null),f=(0,_react.useRef)(null),_=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,y=o.refCount>0;(0,_react.useEffect)(()=>{if(y)return null!==d.current&&(clearTimeout(d.current),d.current=null),void(u||null!==l.current||(l.current=setTimeout(()=>{l.current=null,0!==getState().refCount&&(f.current=Date.now(),c(!0))},r)));if(null!==l.current&&(clearTimeout(l.current),l.current=null),u&&null===d.current){const e=null!==f.current?Date.now()-f.current:s,t=Math.max(0,s-e);d.current=setTimeout(()=>{d.current=null,f.current=null,c(!1)},t)}},[y,u,r,s]),(0,_react.useEffect)(()=>()=>{null!==l.current&&clearTimeout(l.current),null!==d.current&&clearTimeout(d.current)},[]),(0,_react.useEffect)(()=>{u?_reactNative.Animated.timing(_,{toValue:1,duration:i,easing:_reactNative.Easing.bezier(...n.motion.ease["in-out"]),useNativeDriver:!0}).start():_.setValue(0)},[u,i,_,n]),(0,_react.useEffect)(()=>{if(!u)return;const e=_reactNative.BackHandler.addEventListener("hardwareBackPress",()=>!0);return()=>{e.remove()}},[u]);const m=o.message;(0,_react.useEffect)(()=>{u&&m&&_reactNative.AccessibilityInfo.announceForAccessibility(m)},[u,m]);const v=(0,_react.useMemo)(()=>buildStyles(),[]);return u?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"auto",testID:a,accessible:!0,accessibilityViewIsModal:!0,accessibilityLiveRegion:"polite",accessibilityLabel:m??"Loading",accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,style:[v.overlay,{backgroundColor:t??n.colors.scrim,opacity:_}],children:e?e(m):(0,_jsxRuntime.jsx)(_index2.Spinner,{size:"lg",message:m})}):null};exports.LoaderOverlay=LoaderOverlay;const buildStyles=()=>_reactNative.StyleSheet.create({overlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center",zIndex:1e3}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLoader=exports.loader=exports.LoaderOverlay=exports.DEFAULT_LOADER_OVERLAY_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SHOW_DELAY_MS=150,DEFAULT_MIN_VISIBLE_MS=400;let state={refCount:0,message:void 0};const listeners=new Set,notify=()=>{for(const e of listeners)e()},subscribe=e=>(listeners.add(e),()=>{listeners.delete(e)}),getState=()=>state,show=e=>{state={refCount:state.refCount+1,message:e??state.message},notify()},hide=()=>{if(state.refCount<=0)return;const e=state.refCount-1;state={refCount:e,message:0===e?void 0:state.message},notify()},reset=()=>{0===state.refCount&&void 0===state.message||(state={refCount:0,message:void 0},notify())},isVisible=()=>state.refCount>0,wrap=async(e,t)=>{show(t);try{return await("function"==typeof e?e():e)}finally{hide()}},loader=exports.loader={show:show,hide:hide,wrap:wrap,isVisible:isVisible,reset:reset},useLoader=()=>loader;exports.useLoader=useLoader;const DEFAULT_LOADER_OVERLAY_LABELS=exports.DEFAULT_LOADER_OVERLAY_LABELS={loading:"Loading"},LoaderOverlay=({renderIndicator:e,backdropColor:t,showDelayMs:r=150,minVisibleMs:s=400,labels:a,testID:n})=>{const i=(0,_index.useTheme)(),o=(0,_usePresenceMotion.usePresenceMotion)().duration("default"),u=(0,_react.useSyncExternalStore)(subscribe,getState),[c,l]=(0,_react.useState)(!1),d=(0,_react.useRef)(null),_=(0,_react.useRef)(null),f=(0,_react.useRef)(null),L=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,m=u.refCount>0;(0,_react.useEffect)(()=>{if(m)return null!==_.current&&(clearTimeout(_.current),_.current=null),void(c||null!==d.current||(d.current=setTimeout(()=>{d.current=null,0!==getState().refCount&&(f.current=Date.now(),l(!0))},r)));if(null!==d.current&&(clearTimeout(d.current),d.current=null),c&&null===_.current){const e=null!==f.current?Date.now()-f.current:s,t=Math.max(0,s-e);_.current=setTimeout(()=>{_.current=null,f.current=null,l(!1)},t)}},[m,c,r,s]),(0,_react.useEffect)(()=>()=>{null!==d.current&&clearTimeout(d.current),null!==_.current&&clearTimeout(_.current)},[]),(0,_react.useEffect)(()=>{c?_reactNative.Animated.timing(L,{toValue:1,duration:o,easing:_reactNative.Easing.bezier(...i.motion.ease["in-out"]),useNativeDriver:!0}).start():L.setValue(0)},[c,o,L,i]),(0,_react.useEffect)(()=>{if(!c)return;const e=_reactNative.BackHandler.addEventListener("hardwareBackPress",()=>!0);return()=>{e.remove()}},[c]);const y=u.message;(0,_react.useEffect)(()=>{c&&y&&_reactNative.AccessibilityInfo.announceForAccessibility(y)},[c,y]);const v=(0,_react.useMemo)(()=>buildStyles(),[]),E=(0,_react.useMemo)(()=>({...DEFAULT_LOADER_OVERLAY_LABELS,...a}),[a]);return c?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"auto",testID:n,accessible:!0,accessibilityViewIsModal:!0,accessibilityLiveRegion:"polite",accessibilityLabel:y??E.loading,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,style:[v.overlay,{backgroundColor:t??i.colors.scrim,opacity:L}],children:e?e(y):(0,_jsxRuntime.jsx)(_index2.Spinner,{size:"lg",message:y})}):null};exports.LoaderOverlay=LoaderOverlay;const buildStyles=()=>_reactNative.StyleSheet.create({overlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center",zIndex:1e3}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LoaderOverlay",{enumerable:!0,get:function(){return _LoaderOverlay.LoaderOverlay}}),Object.defineProperty(exports,"loader",{enumerable:!0,get:function(){return _LoaderOverlay.loader}}),Object.defineProperty(exports,"useLoader",{enumerable:!0,get:function(){return _LoaderOverlay.useLoader}});var _LoaderOverlay=require("./LoaderOverlay.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_LOADER_OVERLAY_LABELS",{enumerable:!0,get:function(){return _LoaderOverlay.DEFAULT_LOADER_OVERLAY_LABELS}}),Object.defineProperty(exports,"LoaderOverlay",{enumerable:!0,get:function(){return _LoaderOverlay.LoaderOverlay}}),Object.defineProperty(exports,"loader",{enumerable:!0,get:function(){return _LoaderOverlay.loader}}),Object.defineProperty(exports,"useLoader",{enumerable:!0,get:function(){return _LoaderOverlay.useLoader}});var _LoaderOverlay=require("./LoaderOverlay.js");

package/lib/commonjs/components/Menu/Menu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Menu=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_useControllableState=require("../../hooks/useControllableState.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_MenuSurface=require("./MenuSurface.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,n=Object.defineProperty,s={__proto__:null,default:e};if(Object(e)!==e)return s;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,s)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((r=n&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?n(s,a,r):s[a]=e[a]);return s}const Menu=e=>{const{items:t,trigger:r,title:a,topActions:n,placement:s="bottom",presentation:u="auto",unavailable:c="disable",open:l,onOpenChange:o,haptic:i,accessibilityLabel:_,closeLabel:f="Close menu",backLabel:p="Back",testID:b}=e,[d,h]=(0,_useControllableState.useControllableState)({value:l,defaultValue:!1,onChange:o}),[m,j]=(0,_react.useState)(null),[x,M]=(0,_react.useState)(d),g=(0,_react.useRef)(null),R=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{d?(M(!0),g.current?.measureInWindow((e,t,r,a)=>{j({x:e,y:t,width:r,height:a})})):j(null)},[d]);const v=(0,_react.useCallback)(()=>h(!1),[h]),C=(0,_react.useCallback)(()=>R.current??g.current,[]),S=r.props,k=S.ref,q={ref:(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(k,R),[k]),"aria-expanded":d,onPress:e=>{S.onPress?.(e),h(!0)}},y=_react.default.cloneElement(r,q);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{ref:g,collapsable:!1,testID:b,children:y}),x?(0,_jsxRuntime.jsx)(_MenuSurface.MenuSurface,{open:d,anchor:m,items:t,title:a,topActions:n,placement:s,presentation:u,unavailable:c,onClose:v,restoreFocusTo:C,haptic:i,accessibilityLabel:_,closeLabel:f,backLabel:p,testID:b}):null]})};exports.Menu=Menu;var _default=exports.default=Menu;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Menu=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_useControllableState=require("../../hooks/useControllableState.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_MenuSurface=require("./MenuSurface.js"),_menuModel=require("./menuModel.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,n=Object.defineProperty,l={__proto__:null,default:e};if(Object(e)!==e)return l;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,l)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=n&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(l,r,a):l[r]=e[r]);return l}const Menu=e=>{const{items:t,trigger:a,title:r,topActions:n,placement:l="bottom",presentation:u="auto",unavailable:s="disable",visible:i,onVisibleChange:c,haptic:o,accessibilityLabel:_,labels:d,testID:p}=e;(0,_warnInvalidValue.warnInvalidValue)("Menu","placement",e.placement,["top","bottom","auto"]),(0,_warnInvalidValue.warnInvalidValue)("Menu","presentation",e.presentation,["auto","popover","sheet"]),(0,_warnInvalidValue.warnInvalidValue)("Menu","unavailable",e.unavailable,["disable","hide"]);const f=(0,_react.useMemo)(()=>({..._menuModel.DEFAULT_MENU_LABELS,...d}),[d]),[b,m]=(0,_useControllableState.useControllableState)({value:i,defaultValue:!1,onChange:c}),[v,h]=(0,_react.useState)(null),[M,j]=(0,_react.useState)(b),x=(0,_react.useRef)(null),w=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{b?(j(!0),x.current?.measureInWindow((e,t,a,r)=>{h({x:e,y:t,width:a,height:r})})):h(null)},[b]);const g=(0,_react.useCallback)(()=>m(!1),[m]),R=(0,_react.useCallback)(()=>w.current??x.current,[]),I=a.props,S=I.ref,V={ref:(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(S,w),[S]),"aria-expanded":b,onPress:e=>{I.onPress?.(e),m(!0)}},q=_react.default.cloneElement(a,V);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{ref:x,collapsable:!1,testID:p,children:q}),M?(0,_jsxRuntime.jsx)(_MenuSurface.MenuSurface,{open:b,anchor:v,items:t,title:r,topActions:n,placement:l,presentation:u,unavailable:s,onClose:g,restoreFocusTo:R,haptic:o,accessibilityLabel:_,labels:f,testID:p}):null]})};exports.Menu=Menu;var _default=exports.default=Menu;

package/lib/commonjs/components/Menu/MenuSurface.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuSurface=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_placement=require("../../utils/placement.js"),_responsive=require("../../utils/responsive.js"),_AppIcon=require("../AppIcon/AppIcon.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index2=require("../Divider/index.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index3=require("../OptionSheet/index.js"),_index4=require("../Text/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_focusHost=require("./focusHost.js"),_menuModel=require("./menuModel.js"),_webOnly=require("./webOnly.js"),_jsxRuntime=require("react/jsx-runtime");const MENU_MIN_WIDTH=180,MENU_MAX_WIDTH=280,ROW_MIN_HEIGHT=48,TOP_ACTION_MIN_HEIGHT=64,ICON_SIZE=20,PREVIEW_LIFT=1.02,BACK_KEY="__menu-back",TOP_PREFIX="__menu-top:",WEB_CHECKABLE_ROLE=(0,_webOnly.webOnly)({role:"menuitemcheckbox"}),MenuSurface=e=>{const{open:t,anchor:s,items:i,title:r,topActions:n,placement:o,presentation:a,unavailable:l,context:c=!1,preview:u,onClose:d,restoreFocusTo:_,haptic:m,accessibilityLabel:p,closeLabel:x,backLabel:b,testID:h}=e,f=(0,_index.useTheme)(),j=(0,_react.useMemo)(()=>buildStyles(f),[f]),v=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),[y,R]=(0,_ModalSafeArea.useModalInsets)(),g=(0,_react.useMemo)(()=>({...v,top:y.top,bottom:y.bottom}),[v,y]),w=(0,_reactNative.useWindowDimensions)(),A=(0,_usePresenceMotion.usePresenceMotion)(),I=A.duration("fast"),S=(0,_react.useMemo)(()=>(0,_menuModel.visibleGroups)(i,l),[i,l]),k=(0,_react.useMemo)(()=>(0,_menuModel.visibleTopActions)(n,l),[n,l]),M="sheet"===a||"auto"===a&&w.width<_responsive.Breakpoints.lg&&(0,_menuModel.wantsSheet)(S,k),[N,E]=(0,_react.useState)(null),[C,T]=(0,_react.useState)(null),O=(0,_react.useRef)(d);O.current=d;const P=(0,_react.useRef)(_);P.current=_;const L=(0,_react.useRef)(null),H=(0,_react.useRef)(!1),D=(0,_react.useRef)(!1),q=(0,_react.useRef)(new Map),B=(0,_react.useRef)(null),V=(0,_react.useCallback)(()=>{if(!H.current)return;H.current=!1;const e=L.current;L.current=null,e?e():(0,_focusHost.focusHost)(P.current?.())},[]);(0,_react.useEffect)(()=>{if(t)return D.current=!0,H.current=!1,L.current=null,(0,_placement.claimAnchoredSurface)(()=>O.current());D.current&&(D.current=!1,H.current=!0,E(null),T(null),M||"ios"===_reactNative.Platform.OS||V())},[t]);const F=(0,_react.useCallback)(e=>{if(e.disabled)return;const t=(0,_hapticUtils.resolveHaptic)(m,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),e.key!==BACK_KEY?e.submenu?E(e):(L.current=e.onPress??null,O.current()):E(null)},[m]),K=(0,_react.useMemo)(()=>({width:w.width,height:w.height,insets:g}),[w.width,w.height,g]),W=(0,_react.useMemo)(()=>{if(!s||!C)return null;const e=s.x+s.width/2>K.width/2?"end":"start";return(0,_placement.computePlacement)(s,C,K,o,{align:e})},[s,C,K,o]);let z=K.height-g.top-g.bottom-2*_placement.PLACEMENT_MARGIN;if(s&&W){const e=(0,_placement.placementRoom)(s,K);z="top"===W.placement?e.above:e.below}const $=Math.min(280,K.width-g.left-g.right-2*_placement.PLACEMENT_MARGIN),G=t&&null!==W,U=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,Y=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(!G)return(0,_index.setNativeValue)(U,0),void(0,_index.setNativeValue)(Y,1);const e=[_reactNative.Animated.timing(U,{toValue:1,duration:I,easing:_reactNative.Easing.bezier(...f.motion.ease.decelerate),useNativeDriver:!0})];c&&!A.reduced&&e.push(_reactNative.Animated.spring(Y,{toValue:1.02,damping:f.motion.spring.snappy.damping,stiffness:f.motion.spring.snappy.stiffness,mass:f.motion.spring.snappy.mass,useNativeDriver:!0}));const t=_reactNative.Animated.parallel(e);return t.start(),()=>t.stop()},[G,c,A.reduced,U,Y,f.motion,I]);const X=(0,_react.useCallback)(e=>{const{width:t,height:s}=e.nativeEvent.layout;T(e=>e&&e.width===t&&e.height===s?e:{width:t,height:s})},[]),Z=c&&"top"===W?.placement,J=N?.submenu?[N.submenu]:S,Q=Z?[...J].reverse().map(e=>[...e].reverse()):J,ee=[];if(N)ee.push({key:BACK_KEY,label:N.label});else for(const e of k)ee.push({key:`${TOP_PREFIX}${e.key}`,label:e.label,item:e});for(const e of Q)for(const t of e)ee.push({key:t.key,label:t.label,item:t});const te=ee[0]?.key;(0,_react.useEffect)(()=>{if(!G||M||!te)return;const e=setTimeout(()=>(0,_focusHost.focusHost)(q.current.get(te)),_focusHost.FOCUS_DELAY_MS);return()=>clearTimeout(e)},[G,M,te]);const setItemRef=e=>t=>{t?q.current.set(e,t):q.current.delete(e)},se=(0,_webOnly.webOnly)({onKeyDown:e=>{const t=e.key??e.nativeEvent?.key??"",s=ee.length,i=ee.findIndex(e=>e.key===B.current);let r=-1;if("ArrowDown"===t)r=(i+1)%s;else if("ArrowUp"===t)r=i<=0?s-1:i-1;else if("Home"===t)r=0;else if("End"===t)r=s-1;else{if("ArrowLeft"===t&&N)return e.preventDefault?.(),void E(null);if("ArrowRight"===t&&ee[i]?.item?.submenu)return e.preventDefault?.(),void F(ee[i].item);if(1===t.length&&""!==t.trim()){const e=t.toLowerCase();for(let t=1;t<=s;t+=1){const n=(i+t)%s;if(ee[n].label.toLowerCase().startsWith(e)){r=n;break}}}}r>=0&&(e.preventDefault?.(),(e=>{const t=ee[e];t&&(0,_focusHost.focusHost)(q.current.get(t.key))})(r))}});if(M){const e=N?.submenu?[{key:BACK_KEY,label:b,icon:"chevron-left"},...N.submenu]:[...k,...S.flat()],s=new Set(e.filter(e=>e.checked).map(e=>e.key));return(0,_jsxRuntime.jsx)(_index3.OptionSheet,{open:t,onClose:d,onAfterClose:V,title:N?.label??r,options:e,labelOf:e=>e.label,getValue:e=>e.key,disabledOf:e=>Boolean(e.disabled),destructiveOf:e=>Boolean(e.destructive),descriptionOf:e=>e.description,iconOf:e=>{const t=e;return(0,_slotIcon.renderSlotIcon)(t.icon,{color:t.destructive?f.colors["danger-text"]:f.colors["text-muted"],size:20,disabled:Boolean(t.disabled)})},isSelected:e=>s.has(String(e)),onSelect:e=>F(e),accessibilityLabel:p??r,testID:h?`${h}-sheet`:void 0})}const inkFor=e=>e.disabled?f.colors["text-disabled"]:e.destructive?f.colors["danger-text"]:f.colors["text-body"],ie=N?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:setItemRef(BACK_KEY),onPress:()=>E(null),onFocus:()=>{B.current=BACK_KEY},accessibilityRole:"menuitem",accessibilityLabel:`${b}, ${N.label}`,android_ripple:{color:f.colors["surface-pressed"],borderless:!1},style:({pressed:e})=>[j.row,e?j.pressed:null],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:j.icon,children:(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"chevron-left",size:20,color:f.colors["text-muted"]})}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",weight:"semibold",numberOfLines:1,style:j.labels,children:N.label})]}),(0,_jsxRuntime.jsx)(_index2.Divider,{spacing:"none"})]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[r?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",accessibilityRole:"header",numberOfLines:2,style:j.title,children:r}):null,k.length>0?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:j.topRow,children:k.map(e=>{const t=`${TOP_PREFIX}${e.key}`,s=Boolean(e.disabled),i=inkFor(e);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:setItemRef(t),onPress:()=>F(e),onFocus:()=>{B.current=t},disabled:s,accessibilityRole:"menuitem",accessibilityLabel:e.accessibilityLabel??e.label,accessibilityState:{disabled:s},"aria-disabled":s,testID:e.testID,style:({pressed:e})=>[j.topAction,e?j.pressed:null],children:[(0,_slotIcon.renderSlotIcon)(e.icon,{color:i,size:20,disabled:s}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:i,numberOfLines:1,children:e.label})]},t)})}),(0,_jsxRuntime.jsx)(_index2.Divider,{spacing:"none"})]}):null]});return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:t,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"none",onRequestClose:d,onDismiss:V,children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:R,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:[_reactNative.StyleSheet.absoluteFill,c?j.scrim:null],onPress:d,accessibilityRole:"button",accessibilityLabel:x,testID:h?`${h}-scrim`:void 0}),c&&u&&s?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",style:[j.preview,{left:s.x,top:s.y,width:s.width,height:s.height,transform:[{scale:Y}]}],children:u}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{accessibilityRole:"menu",accessibilityLabel:N?.label??p??r,onLayout:X,testID:h?`${h}-menu`:void 0,...se,style:[j.anchored,{left:W?.x??0,top:W?.y??0,maxWidth:$,opacity:G?U:0}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:j.surface,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[j.clip,{maxHeight:z}],children:[ie,(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:j.scroll,bounces:!1,keyboardShouldPersistTaps:"handled",children:Q.map((e,t)=>{const s=e.some(e=>null!=e.icon);return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[t>0?(0,_jsxRuntime.jsx)(_index2.Divider,{spacing:"none"}):null,e.map(e=>((e,t)=>{const s=Boolean(e.disabled),i=inkFor(e);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:setItemRef(e.key),onPress:()=>F(e),onFocus:()=>{B.current=e.key},disabled:s,accessibilityRole:"menuitem",accessibilityLabel:e.accessibilityLabel??e.label,accessibilityState:{disabled:s,checked:e.checked},"aria-disabled":s,"aria-checked":e.checked,...void 0!==e.checked?WEB_CHECKABLE_ROLE:null,android_ripple:{color:f.colors["surface-pressed"],borderless:!1},testID:e.testID,style:({pressed:e})=>[j.row,e?j.pressed:null],children:[t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:j.icon,children:(0,_slotIcon.renderSlotIcon)(e.icon,{color:i,size:20,disabled:s})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:j.labels,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:i,numberOfLines:2,children:e.label}),e.description?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",numberOfLines:2,children:e.description}):null]}),e.detail?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"tertiary",children:e.detail}):null,e.checked?(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"check",size:20,color:f.colors.primary}):null,e.submenu?(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"chevron-right",size:20,color:f.colors["text-subtle"]}):null]},e.key)})(e,s))]},e[0].key)})})]})})}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})};exports.MenuSurface=MenuSurface;const buildStyles=e=>_reactNative.StyleSheet.create({scrim:{backgroundColor:e.colors.scrim},preview:{position:"absolute"},anchored:{position:"absolute",minWidth:180},surface:{backgroundColor:e.colors.surface,borderRadius:e.radius.md,..._corners.smoothCorners,...e.shadow.popover},clip:{borderRadius:e.radius.md,..._corners.smoothCorners,overflow:"hidden"},scroll:{flexGrow:0,flexShrink:1},title:{paddingHorizontal:e.space.md,paddingTop:e.space.sm,paddingBottom:e.space.xs},row:{flexDirection:"row",alignItems:"center",gap:e.space.md,minHeight:48,paddingHorizontal:e.space.md,paddingVertical:e.space.sm},pressed:{backgroundColor:e.colors["surface-pressed"]},icon:{width:20,alignItems:"center"},labels:{flexGrow:1,flexShrink:1},topRow:{flexDirection:"row",padding:e.space.xs,gap:e.space.xs},topAction:{flexGrow:1,flexBasis:0,alignItems:"center",justifyContent:"center",gap:e.space.xs,minHeight:64,borderRadius:e.radius.sm,..._corners.smoothCorners}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuSurface=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_placement=require("../../utils/placement.js"),_responsive=require("../../utils/responsive.js"),_AppIcon=require("../AppIcon/AppIcon.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index2=require("../Divider/index.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index3=require("../OptionSheet/index.js"),_index4=require("../Text/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_focusHost=require("./focusHost.js"),_menuModel=require("./menuModel.js"),_webOnly=require("./webOnly.js"),_jsxRuntime=require("react/jsx-runtime");const MENU_MIN_WIDTH=180,MENU_MAX_WIDTH=280,ROW_MIN_HEIGHT=48,TOP_ACTION_MIN_HEIGHT=64,ICON_SIZE=20,PREVIEW_LIFT=1.02,BACK_KEY="__menu-back",TOP_PREFIX="__menu-top:",WEB_CHECKABLE_ROLE=(0,_webOnly.webOnly)({role:"menuitemcheckbox"}),MenuSurface=e=>{const{open:t,anchor:s,items:i,title:r,topActions:n,placement:o,presentation:a,unavailable:l,context:c=!1,preview:u,onClose:d,restoreFocusTo:_,haptic:m,accessibilityLabel:p,labels:x,testID:b}=e,h=(0,_index.useTheme)(),f=(0,_react.useMemo)(()=>buildStyles(h),[h]),v=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),[j,y]=(0,_ModalSafeArea.useModalInsets)(),R=(0,_react.useMemo)(()=>({...v,top:j.top,bottom:j.bottom}),[v,j]),g=(0,_reactNative.useWindowDimensions)(),w=(0,_usePresenceMotion.usePresenceMotion)(),A=w.duration("fast"),I=(0,_react.useMemo)(()=>(0,_menuModel.visibleGroups)(i,l),[i,l]),k=(0,_react.useMemo)(()=>(0,_menuModel.visibleTopActions)(n,l),[n,l]),M="sheet"===a||"auto"===a&&g.width<_responsive.Breakpoints.lg&&(0,_menuModel.wantsSheet)(I,k),[N,S]=(0,_react.useState)(null),[E,C]=(0,_react.useState)(null),T=(0,_react.useRef)(d);T.current=d;const O=(0,_react.useRef)(_);O.current=_;const P=(0,_react.useRef)(null),D=(0,_react.useRef)(!1),H=(0,_react.useRef)(!1),L=(0,_react.useRef)(new Map),q=(0,_react.useRef)(null),B=(0,_react.useCallback)(()=>{if(!D.current)return;D.current=!1;const e=P.current;P.current=null,e?e():(0,_focusHost.focusHost)(O.current?.())},[]);(0,_react.useEffect)(()=>{if(t)return H.current=!0,D.current=!1,P.current=null,(0,_placement.claimAnchoredSurface)(()=>T.current());H.current&&(H.current=!1,D.current=!0,S(null),C(null),M||"ios"===_reactNative.Platform.OS||B())},[t]);const V=(0,_react.useCallback)(e=>{if(e.disabled)return;const t=(0,_hapticUtils.resolveHaptic)(m,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),e.key!==BACK_KEY?e.submenu?S(e):(P.current=e.onPress??null,T.current()):S(null)},[m]),F=(0,_react.useMemo)(()=>({width:g.width,height:g.height,insets:R}),[g.width,g.height,R]),K=(0,_react.useMemo)(()=>{if(!s||!E)return null;const e=s.x+s.width/2>F.width/2?"end":"start";return(0,_placement.computePlacement)(s,E,F,o,{align:e})},[s,E,F,o]);let W=F.height-R.top-R.bottom-2*_placement.PLACEMENT_MARGIN;if(s&&K){const e=(0,_placement.placementRoom)(s,F);W="top"===K.placement?e.above:e.below}const z=Math.min(280,F.width-R.left-R.right-2*_placement.PLACEMENT_MARGIN),$=t&&null!==K,G=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,U=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(!$)return(0,_index.setNativeValue)(G,0),void(0,_index.setNativeValue)(U,1);const e=[_reactNative.Animated.timing(G,{toValue:1,duration:A,easing:_reactNative.Easing.bezier(...h.motion.ease.decelerate),useNativeDriver:!0})];c&&!w.reduced&&e.push(_reactNative.Animated.spring(U,{toValue:1.02,damping:h.motion.spring.snappy.damping,stiffness:h.motion.spring.snappy.stiffness,mass:h.motion.spring.snappy.mass,useNativeDriver:!0}));const t=_reactNative.Animated.parallel(e);return t.start(),()=>t.stop()},[$,c,w.reduced,G,U,h.motion,A]);const Y=(0,_react.useCallback)(e=>{const{width:t,height:s}=e.nativeEvent.layout;C(e=>e&&e.width===t&&e.height===s?e:{width:t,height:s})},[]),X=c&&"top"===K?.placement,Z=N?.submenu?[N.submenu]:I,J=X?[...Z].reverse().map(e=>[...e].reverse()):Z,Q=[];if(N)Q.push({key:BACK_KEY,label:N.label});else for(const e of k)Q.push({key:`${TOP_PREFIX}${e.key}`,label:e.label,item:e});for(const e of J)for(const t of e)Q.push({key:t.key,label:t.label,item:t});const ee=Q[0]?.key;(0,_react.useEffect)(()=>{if(!$||M||!ee)return;const e=setTimeout(()=>(0,_focusHost.focusHost)(L.current.get(ee)),_focusHost.FOCUS_DELAY_MS);return()=>clearTimeout(e)},[$,M,ee]);const setItemRef=e=>t=>{t?L.current.set(e,t):L.current.delete(e)},te=(0,_webOnly.webOnly)({onKeyDown:e=>{const t=e.key??e.nativeEvent?.key??"",s=Q.length,i=Q.findIndex(e=>e.key===q.current);let r=-1;if("ArrowDown"===t)r=(i+1)%s;else if("ArrowUp"===t)r=i<=0?s-1:i-1;else if("Home"===t)r=0;else if("End"===t)r=s-1;else{if("ArrowLeft"===t&&N)return e.preventDefault?.(),void S(null);if("ArrowRight"===t&&Q[i]?.item?.submenu)return e.preventDefault?.(),void V(Q[i].item);if(1===t.length&&""!==t.trim()){const e=t.toLowerCase();for(let t=1;t<=s;t+=1){const n=(i+t)%s;if(Q[n].label.toLowerCase().startsWith(e)){r=n;break}}}}r>=0&&(e.preventDefault?.(),(e=>{const t=Q[e];t&&(0,_focusHost.focusHost)(L.current.get(t.key))})(r))}});if(M){const e=N?.submenu?[{key:BACK_KEY,label:x.back,icon:"chevron-left"},...N.submenu]:[...k,...I.flat()],s=[...new Set(e.filter(e=>e.checked).map(e=>e.key))];return(0,_jsxRuntime.jsx)(_index3.OptionSheet,{visible:t,onClose:d,onAfterClose:B,title:N?.label??r,options:e,getOptionLabel:e=>e.label,getOptionValue:e=>e.key,isOptionDisabled:e=>Boolean(e.disabled),destructiveOf:e=>Boolean(e.destructive),getOptionDescription:e=>e.description,getOptionIcon:e=>{const t=e;return(0,_slotIcon.renderSlotIcon)(t.icon,{color:t.destructive?h.colors["danger-text"]:h.colors["text-muted"],size:20,disabled:Boolean(t.disabled)})},value:s,onChange:(e,t)=>V(t),accessibilityLabel:p??r,testID:b?`${b}-sheet`:void 0})}const inkFor=e=>e.disabled?h.colors["text-disabled"]:e.destructive?h.colors["danger-text"]:h.colors["text-body"],inkRoleFor=e=>e.disabled?"disabled":e.destructive?"danger":"primary",se=N?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:setItemRef(BACK_KEY),onPress:()=>S(null),onFocus:()=>{q.current=BACK_KEY},accessibilityRole:"menuitem",accessibilityLabel:`${x.back}, ${N.label}`,android_ripple:{color:h.colors["surface-pressed"],borderless:!1},style:({pressed:e})=>[f.row,e?f.pressed:null],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:f.icon,children:(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"chevron-left",size:20,color:h.colors["text-muted"]})}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",weight:"semibold",numberOfLines:1,style:f.labels,children:N.label})]}),(0,_jsxRuntime.jsx)(_index2.Divider,{spacing:"none"})]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[r?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",accessibilityRole:"header",numberOfLines:2,style:f.title,children:r}):null,k.length>0?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:f.topRow,children:k.map(e=>{const t=`${TOP_PREFIX}${e.key}`,s=Boolean(e.disabled),i=inkFor(e);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:setItemRef(t),onPress:()=>V(e),onFocus:()=>{q.current=t},disabled:s,accessibilityRole:"menuitem",accessibilityLabel:e.accessibilityLabel??e.label,accessibilityState:{disabled:s},"aria-disabled":s,testID:e.testID,style:({pressed:e})=>[f.topAction,e?f.pressed:null],children:[(0,_slotIcon.renderSlotIcon)(e.icon,{color:i,size:20,disabled:s}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:inkRoleFor(e),numberOfLines:1,children:e.label})]},t)})}),(0,_jsxRuntime.jsx)(_index2.Divider,{spacing:"none"})]}):null]});return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:t,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"none",onRequestClose:d,onDismiss:B,children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:y,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:[_reactNative.StyleSheet.absoluteFill,c?f.scrim:null],onPress:d,accessibilityRole:"button",accessibilityLabel:x.close,testID:b?`${b}-scrim`:void 0}),c&&u&&s?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",style:[f.preview,{left:s.x,top:s.y,width:s.width,height:s.height,transform:[{scale:U}]}],children:u}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{accessibilityRole:"menu",accessibilityLabel:N?.label??p??r,onLayout:Y,testID:b?`${b}-menu`:void 0,...te,style:[f.anchored,{left:K?.x??0,top:K?.y??0,maxWidth:z,opacity:$?G:0}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:f.surface,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[f.clip,{maxHeight:W}],children:[se,(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:f.scroll,bounces:!1,keyboardShouldPersistTaps:"handled",children:J.map((e,t)=>{const s=e.some(e=>null!=e.icon);return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[t>0?(0,_jsxRuntime.jsx)(_index2.Divider,{spacing:"none"}):null,e.map(e=>((e,t)=>{const s=Boolean(e.disabled),i=inkFor(e);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:setItemRef(e.key),onPress:()=>V(e),onFocus:()=>{q.current=e.key},disabled:s,accessibilityRole:"menuitem",accessibilityLabel:e.accessibilityLabel??e.label,accessibilityState:{disabled:s,checked:e.checked},"aria-disabled":s,"aria-checked":e.checked,...void 0!==e.checked?WEB_CHECKABLE_ROLE:null,android_ripple:{color:h.colors["surface-pressed"],borderless:!1},testID:e.testID,style:({pressed:e})=>[f.row,e?f.pressed:null],children:[t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:f.icon,children:(0,_slotIcon.renderSlotIcon)(e.icon,{color:i,size:20,disabled:s})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f.labels,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:inkRoleFor(e),numberOfLines:2,children:e.label}),e.description?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",numberOfLines:2,children:e.description}):null]}),e.detail?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"tertiary",children:e.detail}):null,e.checked?(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"check",size:20,color:h.colors.primary}):null,e.submenu?(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"chevron-right",size:20,color:h.colors["text-subtle"]}):null]},e.key)})(e,s))]},e[0].key)})})]})})}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})};exports.MenuSurface=MenuSurface;const buildStyles=e=>_reactNative.StyleSheet.create({scrim:{backgroundColor:e.colors.scrim},preview:{position:"absolute"},anchored:{position:"absolute",minWidth:180},surface:{backgroundColor:e.colors.surface,borderRadius:e.radius.md,..._corners.smoothCorners,...e.shadow.popover},clip:{borderRadius:e.radius.md,..._corners.smoothCorners,overflow:"hidden"},scroll:{flexGrow:0,flexShrink:1},title:{paddingHorizontal:e.space.md,paddingTop:e.space.sm,paddingBottom:e.space.xs},row:{flexDirection:"row",alignItems:"center",gap:e.space.md,minHeight:48,paddingHorizontal:e.space.md,paddingVertical:e.space.sm},pressed:{backgroundColor:e.colors["surface-pressed"]},icon:{width:20,alignItems:"center"},labels:{flexGrow:1,flexShrink:1},topRow:{flexDirection:"row",padding:e.space.xs,gap:e.space.xs},topAction:{flexGrow:1,flexBasis:0,alignItems:"center",justifyContent:"center",gap:e.space.xs,minHeight:64,borderRadius:e.radius.sm,..._corners.smoothCorners}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return _Menu.Menu}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Menu.default}});var cache,_Menu=_interopRequireWildcard(require("./Menu.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,u=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=u&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?u(c,n,t):c[n]=e[n]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_MENU_LABELS",{enumerable:!0,get:function(){return _menuModel.DEFAULT_MENU_LABELS}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return _Menu.Menu}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Menu.default}});var cache,_Menu=_interopRequireWildcard(require("./Menu.js")),_menuModel=require("./menuModel.js");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,u=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=u&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?u(c,n,t):c[n]=e[n]);return c}

package/lib/commonjs/components/Menu/menuModel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.wantsSheet=exports.visibleTopActions=exports.visibleGroups=exports.menuActions=exports.SHEET_ITEM_THRESHOLD=exports.MAX_TOP_ACTIONS=exports.MAX_GROUPS=exports.ACTION_PREFIX=void 0;var _mobileCore=require("@webority/mobile-core");const MAX_GROUPS=exports.MAX_GROUPS=3,MAX_TOP_ACTIONS=exports.MAX_TOP_ACTIONS=3,SHEET_ITEM_THRESHOLD=exports.SHEET_ITEM_THRESHOLD=7,ACTION_PREFIX=exports.ACTION_PREFIX="menu:",isGrouped=e=>e.length>0&&Array.isArray(e[0]),isShown=(e,o)=>!(e.hidden||"hide"===o&&e.disabled),visibleItem=(e,o)=>{if(!isShown(e,o))return null;if(!e.submenu)return e;const s=e.submenu.filter(e=>isShown(e,o));return s.length>0?{...e,submenu:s}:null},visibleGroups=(e,o)=>{const s=isGrouped(e)?e:[e];__DEV__&&s.length>MAX_GROUPS&&_mobileCore.Logger.warn(`[Menu] ${s.length} groups given; a menu keeps to ${MAX_GROUPS}.`);const t=[];for(const e of s){const s=[];for(const t of e){const e=visibleItem(t,o);e&&s.push(e)}s.length>0&&t.push(s)}return t};exports.visibleGroups=visibleGroups;const visibleTopActions=(e,o)=>{if(!e)return[];__DEV__&&e.length>MAX_TOP_ACTIONS&&_mobileCore.Logger.warn(`[Menu] topActions takes at most ${MAX_TOP_ACTIONS}; the rest are not shown.`);return e.slice(0,MAX_TOP_ACTIONS).filter(e=>isShown(e,o)&&!e.submenu)};exports.visibleTopActions=visibleTopActions;const wantsSheet=(e,o)=>{let s=o.length;for(const o of e)for(const e of o)if(s+=1,e.description)return!0;return s>SHEET_ITEM_THRESHOLD};exports.wantsSheet=wantsSheet;const menuActions=(e,o)=>{const s=[],add=(e,o)=>{if(e.disabled)return;if(e.submenu){for(const o of e.submenu)add(o,e);return}const t=e.accessibilityLabel??e.label;s.push({name:`${ACTION_PREFIX}${o?`${o.key}/`:""}${e.key}`,label:o?`${o.label}, ${t}`:t,item:e})};for(const e of o)add(e);for(const o of e)for(const e of o)add(e);return s};exports.menuActions=menuActions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.wantsSheet=exports.visibleTopActions=exports.visibleGroups=exports.menuActions=exports.SHEET_ITEM_THRESHOLD=exports.MAX_TOP_ACTIONS=exports.MAX_GROUPS=exports.DEFAULT_MENU_LABELS=exports.ACTION_PREFIX=void 0;var _mobileCore=require("@webority/mobile-core");const DEFAULT_MENU_LABELS=exports.DEFAULT_MENU_LABELS={close:"Close menu",back:"Back"},MAX_GROUPS=exports.MAX_GROUPS=3,MAX_TOP_ACTIONS=exports.MAX_TOP_ACTIONS=3,SHEET_ITEM_THRESHOLD=exports.SHEET_ITEM_THRESHOLD=7,ACTION_PREFIX=exports.ACTION_PREFIX="menu:",isGrouped=e=>e.length>0&&Array.isArray(e[0]),isShown=(e,o)=>!(e.hidden||"hide"===o&&e.disabled),visibleItem=(e,o)=>{if(!isShown(e,o))return null;if(!e.submenu)return e;const s=e.submenu.filter(e=>isShown(e,o));return s.length>0?{...e,submenu:s}:null},visibleGroups=(e,o)=>{const s=isGrouped(e)?e:[e];__DEV__&&s.length>MAX_GROUPS&&_mobileCore.Logger.warn(`[@webority/mobile-ui] Menu ${s.length} groups given; a menu keeps to ${MAX_GROUPS}.`);const t=[];for(const e of s){const s=[];for(const t of e){const e=visibleItem(t,o);e&&s.push(e)}s.length>0&&t.push(s)}return t};exports.visibleGroups=visibleGroups;const visibleTopActions=(e,o)=>{if(!e)return[];__DEV__&&e.length>MAX_TOP_ACTIONS&&_mobileCore.Logger.warn(`[@webority/mobile-ui] Menu topActions takes at most ${MAX_TOP_ACTIONS}; the rest are not shown.`);return e.slice(0,MAX_TOP_ACTIONS).filter(e=>isShown(e,o)&&!e.submenu)};exports.visibleTopActions=visibleTopActions;const wantsSheet=(e,o)=>{let s=o.length;for(const o of e)for(const e of o)if(s+=1,e.description)return!0;return s>SHEET_ITEM_THRESHOLD};exports.wantsSheet=wantsSheet;const menuActions=(e,o)=>{const s=[],add=(e,o)=>{if(e.disabled)return;if(e.submenu){for(const o of e.submenu)add(o,e);return}const t=e.accessibilityLabel??e.label;s.push({name:`${ACTION_PREFIX}${o?`${o.key}/`:""}${e.key}`,label:o?`${o.label}, ${t}`:t,item:e})};for(const e of o)add(e);for(const o of e)for(const e of o)add(e);return s};exports.menuActions=menuActions;

package/lib/commonjs/components/Menu/useContextMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useContextMenu=void 0;var _react=require("react"),_hapticUtils=require("../../utils/hapticUtils.js"),_MenuSurface=require("./MenuSurface.js"),_menuModel=require("./menuModel.js"),_webOnly=require("./webOnly.js"),_jsxRuntime=require("react/jsx-runtime");const useContextMenu=(e,t={})=>{const c=(0,_react.useRef)(null),[s,n]=(0,_react.useState)(!1),[a,r]=(0,_react.useState)(!1),[i,o]=(0,_react.useState)(null),u=e?.unavailable??"hide",l=e?.items,_=e?.topActions,p=(0,_react.useMemo)(()=>l?(0,_menuModel.visibleGroups)(l,u):[],[l,u]),b=(0,_react.useMemo)(()=>(0,_menuModel.visibleTopActions)(_,u),[_,u]),m=(0,_react.useMemo)(()=>(0,_menuModel.menuActions)(p,b),[p,b]),h=p.length>0||b.length>0,M=(0,_react.useRef)(e);M.current=e;const v=(0,_react.useRef)(t);v.current=t;const d=(0,_react.useRef)(m);d.current=m;const f=(0,_react.useCallback)(e=>{e&&r(!0),n(e),M.current?.onOpenChange?.(e)},[]);(0,_react.useEffect)(()=>{!h&&s&&f(!1)},[h,s,f]);const x=(0,_react.useCallback)(()=>{c.current?.measureInWindow((e,t,c,s)=>{o({x:e,y:t,width:c,height:s}),f(!0)})},[f]),C=(0,_react.useCallback)(()=>{const e=(0,_hapticUtils.resolveHaptic)(v.current.haptic,"longPress");e&&(0,_hapticUtils.triggerHaptic)(e),x()},[x]),y=(0,_react.useCallback)(e=>{const t=d.current.find(t=>t.name===e.nativeEvent.actionName);if(!t)return void v.current.onAccessibilityAction?.(e);const c=(0,_hapticUtils.resolveHaptic)(v.current.haptic,"selection");c&&(0,_hapticUtils.triggerHaptic)(c),t.item.onPress?.()},[]),A=t.accessibilityActions,g=(0,_react.useMemo)(()=>[...A??[],...m.map(e=>({name:e.name,label:e.label}))],[A,m]),j=(0,_react.useMemo)(()=>h?{onLongPress:C,accessibilityActions:g,onAccessibilityAction:y,...(0,_webOnly.webOnly)({onContextMenu:e=>{e.preventDefault?.(),x()}})}:{},[h,C,g,y,x]),k=(0,_react.useCallback)(()=>f(!1),[f]),w=(0,_react.useCallback)(()=>c.current,[]);return{enabled:h,hostRef:c,hostProps:j,renderSurface:c=>e&&h&&a?(0,_jsxRuntime.jsx)(_MenuSurface.MenuSurface,{open:s,anchor:i,items:e.items,title:e.title,topActions:e.topActions,placement:e.placement??"bottom",presentation:e.presentation??"auto",unavailable:u,context:!0,preview:!1===e.preview?void 0:e.preview??c,onClose:k,restoreFocusTo:w,haptic:t.haptic,accessibilityLabel:e.accessibilityLabel,closeLabel:e.closeLabel??"Close menu",backLabel:e.backLabel??"Back",testID:t.testID?`${t.testID}-context`:void 0}):null}};exports.useContextMenu=useContextMenu;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useContextMenu=void 0;var _react=require("react"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_MenuSurface=require("./MenuSurface.js"),_menuModel=require("./menuModel.js"),_webOnly=require("./webOnly.js"),_jsxRuntime=require("react/jsx-runtime");const useContextMenu=(e,t={})=>{const n=(0,_react.useRef)(null),[a,i]=(0,_react.useState)(!1),[s,r]=(0,_react.useState)(!1),[c,l]=(0,_react.useState)(null);(0,_warnInvalidValue.warnInvalidValue)("ContextMenu","unavailable",e?.unavailable,["hide","disable"]),(0,_warnInvalidValue.warnInvalidValue)("ContextMenu","presentation",e?.presentation,["auto","popover","sheet"]),(0,_warnInvalidValue.warnInvalidValue)("ContextMenu","placement",e?.placement,["top","bottom","auto"]);const u=e?.unavailable??"hide",o=e?.items,_=e?.topActions,p=(0,_react.useMemo)(()=>o?(0,_menuModel.visibleGroups)(o,u):[],[o,u]),b=(0,_react.useMemo)(()=>(0,_menuModel.visibleTopActions)(_,u),[_,u]),m=(0,_react.useMemo)(()=>(0,_menuModel.menuActions)(p,b),[p,b]),v=p.length>0||b.length>0,d=(0,_react.useRef)(e);d.current=e;const M=(0,_react.useRef)(t);M.current=t;const h=(0,_react.useRef)(m);h.current=m;const x=(0,_react.useCallback)(e=>{e&&r(!0),i(e),d.current?.onVisibleChange?.(e)},[]);(0,_react.useEffect)(()=>{!v&&a&&x(!1)},[v,a,x]);const w=(0,_react.useCallback)(()=>{n.current?.measureInWindow((e,t,n,a)=>{l({x:e,y:t,width:n,height:a}),x(!0)})},[x]),f=(0,_react.useCallback)(()=>{const e=(0,_hapticUtils.resolveHaptic)(M.current.haptic,"longPress");e&&(0,_hapticUtils.triggerHaptic)(e),w()},[w]),C=(0,_react.useCallback)(e=>{const t=h.current.find(t=>t.name===e.nativeEvent.actionName);if(!t)return void M.current.onAccessibilityAction?.(e);const n=(0,_hapticUtils.resolveHaptic)(M.current.haptic,"selection");n&&(0,_hapticUtils.triggerHaptic)(n),t.item.onPress?.()},[]),A=t.accessibilityActions,y=(0,_react.useMemo)(()=>[...A??[],...m.map(e=>({name:e.name,label:e.label}))],[A,m]),I=(0,_react.useMemo)(()=>v?{onLongPress:f,accessibilityActions:y,onAccessibilityAction:C,...(0,_webOnly.webOnly)({onContextMenu:e=>{e.preventDefault?.(),w()}})}:{},[v,f,y,C,w]),g=(0,_react.useCallback)(()=>x(!1),[x]),j=(0,_react.useCallback)(()=>n.current,[]);return{enabled:v,hostRef:n,hostProps:I,renderSurface:n=>e&&v&&s?(0,_jsxRuntime.jsx)(_MenuSurface.MenuSurface,{open:a,anchor:c,items:e.items,title:e.title,topActions:e.topActions,placement:e.placement??"bottom",presentation:e.presentation??"auto",unavailable:u,context:!0,preview:!1===e.preview?void 0:e.preview??n,onClose:g,restoreFocusTo:j,haptic:t.haptic,accessibilityLabel:e.accessibilityLabel,labels:{..._menuModel.DEFAULT_MENU_LABELS,...e.labels},testID:t.testID?`${t.testID}-context`:void 0}):null}};exports.useContextMenu=useContextMenu;

package/lib/commonjs/components/MessageBubble/MessageBubble.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.MessageBubble=exports.DEFAULT_MESSAGE_BUBBLE_LABELS=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Button/index.js"),_index4=require("../Markdown/index.js"),_useContextMenu=require("../Menu/useContextMenu.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_MESSAGE_BUBBLE_LABELS=exports.DEFAULT_MESSAGE_BUBBLE_LABELS=Object.freeze({you:"You",sending:"Sending",sent:"Sent",delivered:"Delivered",read:"Read",failed:"Not sent",retry:"Try again",copy:"Copy",replyTo:e=>e?`Reply to ${e}`:"Reply"}),MAX_WIDTH="85%",STATUS_ICON=14,statusIcon=e=>{switch(e){case"sending":return"clock";case"sent":return"check";case"failed":return"alert-circle";default:return"check-check"}},statusColour=(e,t)=>{switch(t){case"read":return e.colors["info-text"];case"failed":return e.colors["danger-text"];default:return e.colors["text-subtle"]}},MessageBubble=({side:e,text:t,children:s,markdown:r=!1,groupPosition:n="single",author:i,time:o,status:a,replyTo:l,streaming:c=!1,error:u,onRetry:d,actions:x,onCopy:b,onLongPress:m,footer:_,labels:p,haptic:y,style:h,testID:f})=>{const g=(0,_index.useTheme)(),j=(0,_react.useMemo)(()=>buildStyles(g),[g]),L=p?{...DEFAULT_MESSAGE_BUBBLE_LABELS,...p}:DEFAULT_MESSAGE_BUBBLE_LABELS,B="mine"===e,R="single"===n||"first"===n,E="single"===n||"last"===n,T=null==o?"":(0,_mobileCore.formatTime)(o),v=("failed"===a||Boolean(u))&&Boolean(d),S=B?L.you:i??"",M=(0,_react.useMemo)(()=>{const e=[];return b&&!x?.some(e=>"copy"===e.name)&&e.push({name:"copy",label:L.copy,onPress:()=>b(t)}),x&&e.push(...x),l?.onPress&&e.push({name:"openReply",label:L.replyTo(l.author),onPress:l.onPress}),v&&d&&e.push({name:"retry",label:L.retry,onPress:d}),e},[x,b,t,l,v,d,L]),A=(x?.length??0)>0||Boolean(b),P=(0,_react.useMemo)(()=>A?{items:M.map(({name:e,label:t,onPress:s})=>({key:e,label:t,onPress:s}))}:void 0,[A,M]),C=(0,_useContextMenu.useContextMenu)(P,{haptic:y,testID:f}),I=C.hostProps.onLongPress,D=!s||(x?.length??0)>0,k=a&&B?L[a]:"",q=[S,T,t,l?`${L.replyTo(l.author)}: ${l.text}`:"",k].filter(Boolean).join(", "),w=(0,_react.useRef)(c);(0,_react.useEffect)(()=>{w.current&&!c&&!u&&t&&(0,_announce.announce)(S?`${S}, ${t}`:t),w.current=c},[c,u,t,S]);const $=(0,_react.useRef)(u);(0,_react.useEffect)(()=>{u&&u!==$.current&&(0,_announce.announce)(u,{polite:!1}),$.current=u},[u]);const U=(0,_react.useCallback)(e=>{I?.(e),m?.()},[I,m]),N=(0,_react.useCallback)(e=>{M.find(t=>t.name===e.nativeEvent.actionName)?.onPress()},[M]),F=g.radius.xl,z=g.radius.sm,H=B?{borderTopRightRadius:R?F:z,borderBottomRightRadius:E?F:z}:{borderTopLeftRadius:R?F:z,borderBottomLeftRadius:E?F:z},O=s??(r?(0,_jsxRuntime.jsx)(_index4.Markdown,{children:t}):(0,_jsxRuntime.jsx)(_index5.Text,{variant:"body",children:t})),G=l?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:l.onPress,disabled:!l.onPress,accessibilityRole:l.onPress?"button":void 0,accessibilityLabel:`${L.replyTo(l.author)}: ${l.text}`,style:j.quote,children:[l.author?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",weight:"semibold",color:"link",numberOfLines:1,children:l.author}):null,(0,_jsxRuntime.jsx)(_index5.Text,{variant:"bodySmall",color:"secondary",numberOfLines:2,children:l.text})]}):null,V=[j.bubble,B?j.mine:j.theirs,H],W=D?{accessible:!0,accessibilityLabel:q,accessibilityState:{busy:c},"aria-busy":c,accessibilityActions:M.map(({name:e,label:t})=>({name:e,label:t})),onAccessibilityAction:N}:{accessible:!1},X=A?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:C.hostRef,...C.hostProps,onLongPress:U,delayLongPress:350,style:V,testID:f?`${f}-bubble`:void 0,...W,children:[G,O]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:V,testID:f?`${f}-bubble`:void 0,...W,children:[G,O]}),Y=E&&(""!==T||B&&a);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[j.root,B?j.rootMine:j.rootTheirs,{marginTop:R?g.space.sm:g.space.xxs},h],testID:f,children:[!B&&R&&i?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",color:"secondary",style:j.author,numberOfLines:1,importantForAccessibility:D?"no-hide-descendants":"auto",accessibilityElementsHidden:D,children:i}):null,X,C.renderSurface(),Y?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[j.meta,B?j.metaMine:null],importantForAccessibility:D?"no-hide-descendants":"auto",accessibilityElementsHidden:D,children:[T?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",color:"tertiary",children:T}):null,B&&a?(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:statusIcon(a),size:14,color:statusColour(g,a),accessibilityLabel:L[a],testID:f?`${f}-status-${a}`:void 0}):null]}):null,u?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"bodySmall",color:"danger",style:B?j.endText:null,children:u}):null,v?(0,_jsxRuntime.jsx)(_index3.Button,{title:L.retry,variant:"link",size:"sm",leftIcon:"refresh-cw",onPress:d,testID:f?`${f}-retry`:void 0}):null,_]})};exports.MessageBubble=MessageBubble;const buildStyles=e=>_reactNative.StyleSheet.create({root:{maxWidth:"85%",gap:e.space.xs},rootMine:{alignSelf:"flex-end",alignItems:"flex-end"},rootTheirs:{alignSelf:"flex-start",alignItems:"flex-start"},author:{paddingHorizontal:e.space.md},bubble:{borderRadius:e.radius.xl,..._corners.smoothCorners,paddingHorizontal:e.space.md,paddingVertical:e.space.sm,gap:e.space.xs},mine:{backgroundColor:e.colors["primary-soft"]},theirs:{backgroundColor:e.colors["bg-subtle"]},quote:{borderLeftWidth:3,borderLeftColor:e.colors.primary,paddingLeft:e.space.sm,paddingVertical:e.space.xs},meta:{flexDirection:"row",alignItems:"center",gap:e.space.xs,paddingHorizontal:e.space.xs},metaMine:{justifyContent:"flex-end"},endText:{textAlign:"right"}});var _default=exports.default=MessageBubble;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.MessageBubble=exports.DEFAULT_MESSAGE_BUBBLE_LABELS=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Button/index.js"),_index4=require("../Markdown/index.js"),_useContextMenu=require("../Menu/useContextMenu.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_MESSAGE_BUBBLE_LABELS=exports.DEFAULT_MESSAGE_BUBBLE_LABELS=Object.freeze({you:"You",sending:"Sending",sent:"Sent",delivered:"Delivered",read:"Read",failed:"Not sent",retry:"Try again",copy:"Copy",replyTo:e=>e?`Reply to ${e}`:"Reply"}),MAX_WIDTH="85%",STATUS_ICON=14,statusIcon=e=>{switch(e){case"sending":return"clock";case"sent":return"check";case"failed":return"alert-circle";default:return"check-check"}},statusColour=(e,t)=>{switch(t){case"read":return e.colors["info-text"];case"failed":return e.colors["danger-text"];default:return e.colors["text-subtle"]}},MessageBubble=({side:e,text:t,children:s,markdown:n=!1,groupPosition:r="single",author:i,time:a,status:o,replyTo:l,streaming:u=!1,error:c,onRetry:d,actions:x,onCopy:b,onLongPress:_,footer:m,labels:p,haptic:y,style:h,testID:g})=>{(0,_warnInvalidValue.warnInvalidValue)("MessageBubble","side",e,["mine","theirs"]),(0,_warnInvalidValue.warnInvalidValue)("MessageBubble","groupPosition",r,["single","first","middle","last"]),(0,_warnInvalidValue.warnInvalidValue)("MessageBubble","status",o,["sending","sent","delivered","read","failed"]);const f=(0,_index.useTheme)(),j=(0,_react.useMemo)(()=>buildStyles(f),[f]),v=p?{...DEFAULT_MESSAGE_BUBBLE_LABELS,...p}:DEFAULT_MESSAGE_BUBBLE_LABELS,B="mine"===e,L="single"===r||"first"===r,R="single"===r||"last"===r,E=null==a?"":(0,_mobileCore.formatTime)(a),T=("failed"===o||Boolean(c))&&Boolean(d),M=B?v.you:i??"",S=(0,_react.useMemo)(()=>{const e=[];return b&&!x?.some(e=>"copy"===e.name)&&e.push({name:"copy",label:v.copy,onPress:()=>b(t)}),x&&e.push(...x),l?.onPress&&e.push({name:"openReply",label:v.replyTo(l.author),onPress:l.onPress}),T&&d&&e.push({name:"retry",label:v.retry,onPress:d}),e},[x,b,t,l,T,d,v]),A=(x?.length??0)>0||Boolean(b),I=(0,_react.useMemo)(()=>A?{items:S.map(({name:e,label:t,onPress:s})=>({key:e,label:t,onPress:s}))}:void 0,[A,S]),P=(0,_useContextMenu.useContextMenu)(I,{haptic:y,testID:g}),w=P.hostProps.onLongPress,C=!s||(x?.length??0)>0,q=o&&B?v[o]:"",D=[M,E,t,l?`${v.replyTo(l.author)}: ${l.text}`:"",q].filter(Boolean).join(", "),k=(0,_react.useRef)(u);(0,_react.useEffect)(()=>{k.current&&!u&&!c&&t&&(0,_announce.announce)(M?`${M}, ${t}`:t),k.current=u},[u,c,t,M]);const V=(0,_react.useRef)(c);(0,_react.useEffect)(()=>{c&&c!==V.current&&(0,_announce.announce)(c,{polite:!1}),V.current=c},[c]);const $=(0,_react.useCallback)(e=>{w?.(e),_?.()},[w,_]),U=(0,_react.useCallback)(e=>{S.find(t=>t.name===e.nativeEvent.actionName)?.onPress()},[S]),N=f.radius.xl,F=f.radius.sm,z=B?{borderTopRightRadius:L?N:F,borderBottomRightRadius:R?N:F}:{borderTopLeftRadius:L?N:F,borderBottomLeftRadius:R?N:F},H=s??(n?(0,_jsxRuntime.jsx)(_index4.Markdown,{children:t}):(0,_jsxRuntime.jsx)(_index5.Text,{variant:"body",children:t})),O=l?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:l.onPress,disabled:!l.onPress,accessibilityRole:l.onPress?"button":void 0,accessibilityLabel:`${v.replyTo(l.author)}: ${l.text}`,style:j.quote,children:[l.author?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",weight:"semibold",color:"link",numberOfLines:1,children:l.author}):null,(0,_jsxRuntime.jsx)(_index5.Text,{variant:"bodySmall",color:"secondary",numberOfLines:2,children:l.text})]}):null,G=[j.bubble,B?j.mine:j.theirs,z],W=C?{accessible:!0,accessibilityLabel:D,accessibilityState:{busy:u},"aria-busy":u,accessibilityActions:S.map(({name:e,label:t})=>({name:e,label:t})),onAccessibilityAction:U}:{accessible:!1},X=A?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:P.hostRef,...P.hostProps,onLongPress:$,delayLongPress:350,style:G,testID:g?`${g}-bubble`:void 0,...W,children:[O,H]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:G,testID:g?`${g}-bubble`:void 0,...W,children:[O,H]}),Y=R&&(""!==E||B&&o);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[j.root,B?j.rootMine:j.rootTheirs,{marginTop:L?f.space.sm:f.space.xxs},h],testID:g,children:[!B&&L&&i?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",color:"secondary",style:j.author,numberOfLines:1,importantForAccessibility:C?"no-hide-descendants":"auto",accessibilityElementsHidden:C,children:i}):null,X,P.renderSurface(),Y?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[j.meta,B?j.metaMine:null],importantForAccessibility:C?"no-hide-descendants":"auto",accessibilityElementsHidden:C,children:[E?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",color:"tertiary",children:E}):null,B&&o?(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:statusIcon(o),size:14,color:statusColour(f,o),accessibilityLabel:v[o],testID:g?`${g}-status-${o}`:void 0}):null]}):null,c?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"bodySmall",color:"danger",style:B?j.endText:null,children:c}):null,T?(0,_jsxRuntime.jsx)(_index3.Button,{label:v.retry,variant:"link",size:"sm",leftIcon:"refresh-cw",onPress:d,testID:g?`${g}-retry`:void 0}):null,m]})};exports.MessageBubble=MessageBubble;const buildStyles=e=>_reactNative.StyleSheet.create({root:{maxWidth:"85%",gap:e.space.xs},rootMine:{alignSelf:"flex-end",alignItems:"flex-end"},rootTheirs:{alignSelf:"flex-start",alignItems:"flex-start"},author:{paddingHorizontal:e.space.md},bubble:{borderRadius:e.radius.xl,..._corners.smoothCorners,paddingHorizontal:e.space.md,paddingVertical:e.space.sm,gap:e.space.xs},mine:{backgroundColor:e.colors["primary-soft"]},theirs:{backgroundColor:e.colors["bg-subtle"]},quote:{borderLeftWidth:3,borderLeftColor:e.colors.primary,paddingLeft:e.space.sm,paddingVertical:e.space.xs},meta:{flexDirection:"row",alignItems:"center",gap:e.space.xs,paddingHorizontal:e.space.xs},metaMine:{justifyContent:"flex-end"},endText:{textAlign:"right"}});var _default=exports.default=MessageBubble;

package/lib/commonjs/components/Modal/Modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Modal=exports.MODAL_DISMISS_GRACE_MS=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_squircle=require("../../utils/squircle.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");const MODAL_DISMISS_GRACE_MS=exports.MODAL_DISMISS_GRACE_MS=300,SCALE_START_VALUE=.9,Modal=exports.Modal=(0,_react.forwardRef)((e,t)=>{const{visible:r,onRequestClose:a,presentation:i="centered",backdropOpacity:s,backdropPressClose:n=!0,animationDuration:o,animateMount:l=!0,accessibilityLabel:c,hardwareBackPress:u=!0,children:d,contentStyle:m,backdropStyle:_,restoreFocusRef:f,onDismissed:p,haptic:v,testID:g}=e,b=(0,_index.useTheme)(),S=(0,_usePresenceMotion.usePresenceMotion)(),[h,x]=(0,_ModalSafeArea.useModalInsets)(),A=o??S.duration("default"),M=_reactNative.Dimensions.get("window").height,N=(0,_react.useRef)(!l&&r),y=N.current,R=(0,_react.useRef)((0,_index.createAnimatedValue)(y?1:.9)).current,j=(0,_react.useRef)((0,_index.createAnimatedValue)(y?1:0)).current,C=(0,_react.useRef)((0,_index.createAnimatedValue)(y?0:M)).current,q=(0,_react.useRef)((0,_index.createAnimatedValue)(y?1:0)).current,V=(0,_react.useRef)(null),D=(0,_react.useRef)(!1),[T,w]=(0,_react.useState)(r),I=(0,_react.useMemo)(()=>buildStyles(b),[b]),E=(0,_react.useMemo)(()=>{const e=b.colors.scrim;return"number"!=typeof s?e:(0,_color.withAlpha)(e,s)??e},[b.colors.scrim,s]),P=(0,_react.useMemo)(()=>q.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(E),E]}),[q,E]);(0,_react.useEffect)(()=>{r&&(_reactNative.Keyboard.dismiss(),w(!0))},[r]),(0,_react.useEffect)(()=>{const e=[];if(r&&T&&N.current)N.current=!1;else if(r&&T){const t=_reactNative.Animated.timing(q,{toValue:1,duration:S.duration("default"),useNativeDriver:!1});if(t.start(),e.push(t),S.reduced){j.setValue(0),C.setValue(0),R.setValue(1);const t=_reactNative.Animated.timing(j,{toValue:1,duration:A,useNativeDriver:!0});t.start(),e.push(t)}else if("bottom"===i){j.setValue(1);const t=_reactNative.Animated.spring(C,{toValue:0,damping:b.motion.spring.gentle.damping,stiffness:b.motion.spring.gentle.stiffness,mass:b.motion.spring.gentle.mass,useNativeDriver:!0});t.start(),e.push(t)}else{const t=_reactNative.Animated.parallel([_reactNative.Animated.spring(R,{toValue:1,damping:b.motion.spring.gentle.damping,stiffness:b.motion.spring.gentle.stiffness,mass:b.motion.spring.gentle.mass,useNativeDriver:!0}),_reactNative.Animated.timing(j,{toValue:1,duration:A,useNativeDriver:!0})]);t.start(),e.push(t)}}else if(T){const t=S.duration("fast"),r=_reactNative.Easing.bezier(...b.motion.ease.accelerate),a=_reactNative.Animated.timing(j,{toValue:0,duration:t,easing:r,useNativeDriver:!0}),s=S.reduced?a:"bottom"===i?_reactNative.Animated.timing(C,{toValue:M,duration:t,easing:r,useNativeDriver:!0}):_reactNative.Animated.parallel([_reactNative.Animated.timing(R,{toValue:.9,duration:t,easing:r,useNativeDriver:!0}),a]),n=_reactNative.Animated.parallel([s,_reactNative.Animated.timing(q,{toValue:0,duration:S.duration("default"),useNativeDriver:!1})]);n.start(({finished:e})=>{e&&(C.setValue(M),w(!1))}),e.push(n)}return()=>e.forEach(e=>{e.stop()})},[r,T,i,A,R,j,q,C,M,b.motion.spring.gentle.damping,b.motion.spring.gentle.stiffness,b.motion.spring.gentle.mass,S,b.motion.ease.accelerate]),(0,_react.useEffect)(()=>{if("web"===_reactNative.Platform.OS)return;let e,t;return r?(e=setTimeout(()=>{V.current&&_reactNative.AccessibilityInfo.sendAccessibilityEvent(V.current,"focus")},150),D.current=!0):D.current&&(D.current=!1,f?.current&&(t=setTimeout(()=>{const e=f.current;e&&_reactNative.AccessibilityInfo.sendAccessibilityEvent(e,"focus")},A))),()=>{e&&clearTimeout(e),t&&clearTimeout(t)}},[r,A,f]);const L=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{if(r)return void(L.current=!0);if(!L.current)return;if(L.current=!1,!p)return;const e=setTimeout(p,MODAL_DISMISS_GRACE_MS);return()=>clearTimeout(e)},[r,p]);const k=(0,_react.useCallback)(()=>{if(!n)return;const e=(0,_hapticUtils.resolveHaptic)(v,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),a()},[n,a,v]),z=(0,_react.useCallback)(()=>{u&&a()},[u,a]),F=(0,_SquircleFill.useSquircle)("bottom"!==i&&"fullScreen"!==i,b.radius.xl),O=(0,_react.useMemo)(()=>"fullScreen"===i?[I.fullScreenContent,{backgroundColor:b.colors.surface}]:"bottom"===i?[I.bottomContent,{backgroundColor:b.colors.surface,borderTopLeftRadius:b.radius.xl,borderTopRightRadius:b.radius.xl,..._corners.smoothCorners,paddingTop:b.space.lg,paddingHorizontal:b.space.lg,paddingBottom:b.space.lg+h.bottom},b.shadow.modal]:[I.centeredContent,{backgroundColor:b.colors.surface,borderRadius:F.active&&F.size?(0,_squircle.squircleHostRadius)(F.size.width,F.size.height,b.radius.xl):b.radius.xl,..._corners.smoothCorners,padding:b.space.xl},b.shadow.modal],[i,b,I,h.bottom,F.active,F.size]),W=(0,_react.useMemo)(()=>"bottom"===i?I.bottomWrapper:"fullScreen"===i?I.fullScreenWrapper:I.centeredWrapper,[i,I]),H=(0,_react.useMemo)(()=>"bottom"===i?{opacity:j,transform:[{translateY:C}]}:"fullScreen"===i?{opacity:j}:{opacity:j,transform:[{scale:R}]},[i,R,j,C]);return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:T,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:z,testID:g,children:(0,_jsxRuntime.jsx)(_reactNative.View,{ref:e=>{V.current=e,"function"==typeof t?t(e):t&&(t.current=e)},style:I.root,accessible:!1,accessibilityViewIsModal:!0,accessibilityRole:"alert",accessibilityLabel:c,children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:x,children:[(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{collapsable:!1,style:[_reactNative.StyleSheet.absoluteFill,W,{backgroundColor:P},_],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:k,accessibilityRole:"button",accessibilityLabel:"Close modal",disabled:!n}),(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[O,H,m],onLayout:F.onLayout,pointerEvents:"auto",needsOffscreenAlphaCompositing:!0,children:[F.active&&F.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:F.size.width,height:F.size.height,radius:b.radius.xl,fill:b.colors.surface}):null,d]})]}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})})});Modal.displayName="Modal";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1},centeredWrapper:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:e.space.lg},centeredContent:{maxWidth:"90%",width:"90%"},bottomWrapper:{flex:1,justifyContent:"flex-end"},bottomContent:{width:"100%"},fullScreenWrapper:{flex:1},fullScreenContent:{flex:1}});var _default=exports.default=Modal;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Modal=exports.MODAL_DISMISS_GRACE_MS=exports.DEFAULT_MODAL_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_placement=require("../../utils/placement.js"),_squircle=require("../../utils/squircle.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_MODAL_LABELS=exports.DEFAULT_MODAL_LABELS=Object.freeze({close:"Close modal"}),MODAL_PRESENTATIONS=["centered","bottom","fullScreen","anchored"],MODAL_DISMISS_GRACE_MS=exports.MODAL_DISMISS_GRACE_MS=300,SCALE_START_VALUE=.9,Modal=exports.Modal=(0,_react.forwardRef)((e,t)=>{(0,_warnInvalidValue.warnInvalidValue)("Modal","presentation",e.presentation,MODAL_PRESENTATIONS);const{visible:r,onClose:a,presentation:i="centered",backdropOpacity:s,backdropPressClose:o=!0,animationDuration:n,animateMount:c=!0,accessibilityLabel:l,hardwareBackPress:u=!0,children:d,contentStyle:m,backdropStyle:_,restoreFocusRef:p,onDismissed:f,haptic:h,labels:g,anchor:v,placement:b="auto",align:S="center",testID:A}=e,x=(0,_index.useTheme)(),M=(0,_react.useMemo)(()=>({...DEFAULT_MODAL_LABELS,...g}),[g]),N=(0,_usePresenceMotion.usePresenceMotion)(),[y,R]=(0,_ModalSafeArea.useModalInsets)(),{width:j,height:D}=(0,_reactNative.useWindowDimensions)(),[w,C]=(0,_react.useState)({width:0,height:0}),L=n??N.duration("default"),E=_reactNative.Dimensions.get("window").height,T=(0,_react.useRef)(!c&&r),V=T.current,q=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:.9)).current,I=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,O=(0,_react.useRef)((0,_index.createAnimatedValue)(V?0:E)).current,P=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,F=(0,_react.useRef)(null),k=(0,_react.useRef)(!1),[z,H]=(0,_react.useState)(r),W=(0,_react.useMemo)(()=>buildStyles(x),[x]),U=(0,_react.useMemo)(()=>{if("anchored"!==i||void 0===v)return null;const e={width:j,height:D,insets:{top:y.top,bottom:y.bottom,left:0,right:0}},t=(0,_placement.computePlacement)(v,w,e,b,{align:S});return{...t,maxHeight:(0,_placement.placementMaxHeight)(t.placement,(0,_placement.placementRoom)(v,e))}},[i,v,w,b,S,j,D,y.top,y.bottom]),B=(0,_react.useMemo)(()=>{const e=x.colors.scrim;return"number"!=typeof s?"anchored"===i?(0,_color.transparentOf)(e):e:(0,_color.withAlpha)(e,s)??e},[x.colors.scrim,s,i]),G=(0,_react.useMemo)(()=>P.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(B),B]}),[P,B]);(0,_react.useEffect)(()=>{r&&(_reactNative.Keyboard.dismiss(),H(!0))},[r]),(0,_react.useEffect)(()=>{const e=[];if(r&&z&&T.current)T.current=!1;else if(r&&z){const t=_reactNative.Animated.timing(P,{toValue:1,duration:N.duration("default"),useNativeDriver:!1});if(t.start(),e.push(t),N.reduced||"anchored"===i){I.setValue(0),O.setValue(0),q.setValue(1);const t=_reactNative.Animated.timing(I,{toValue:1,duration:L,useNativeDriver:!0});t.start(),e.push(t)}else if("bottom"===i){I.setValue(1);const t=_reactNative.Animated.spring(O,{toValue:0,damping:x.motion.spring.gentle.damping,stiffness:x.motion.spring.gentle.stiffness,mass:x.motion.spring.gentle.mass,useNativeDriver:!0});t.start(),e.push(t)}else{const t=_reactNative.Animated.parallel([_reactNative.Animated.spring(q,{toValue:1,damping:x.motion.spring.gentle.damping,stiffness:x.motion.spring.gentle.stiffness,mass:x.motion.spring.gentle.mass,useNativeDriver:!0}),_reactNative.Animated.timing(I,{toValue:1,duration:L,useNativeDriver:!0})]);t.start(),e.push(t)}}else if(z){const t=N.duration("fast"),r=_reactNative.Easing.bezier(...x.motion.ease.accelerate),a=_reactNative.Animated.timing(I,{toValue:0,duration:t,easing:r,useNativeDriver:!0}),s=N.reduced||"anchored"===i?a:"bottom"===i?_reactNative.Animated.timing(O,{toValue:E,duration:t,easing:r,useNativeDriver:!0}):_reactNative.Animated.parallel([_reactNative.Animated.timing(q,{toValue:.9,duration:t,easing:r,useNativeDriver:!0}),a]),o=_reactNative.Animated.parallel([s,_reactNative.Animated.timing(P,{toValue:0,duration:N.duration("default"),useNativeDriver:!1})]);o.start(({finished:e})=>{e&&(O.setValue(E),H(!1))}),e.push(o)}return()=>e.forEach(e=>{e.stop()})},[r,z,i,L,q,I,P,O,E,x.motion.spring.gentle.damping,x.motion.spring.gentle.stiffness,x.motion.spring.gentle.mass,N,x.motion.ease.accelerate]),(0,_react.useEffect)(()=>{if("web"===_reactNative.Platform.OS)return;let e,t;return r?(e=setTimeout(()=>{F.current&&_reactNative.AccessibilityInfo.sendAccessibilityEvent(F.current,"focus")},150),k.current=!0):k.current&&(k.current=!1,p?.current&&(t=setTimeout(()=>{const e=p.current;e&&_reactNative.AccessibilityInfo.sendAccessibilityEvent(e,"focus")},L))),()=>{e&&clearTimeout(e),t&&clearTimeout(t)}},[r,L,p]);const K=(0,_react.useRef)(f);K.current=f;const Y=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{if(r)return void(Y.current=!0);if(!Y.current)return;Y.current=!1;const e=setTimeout(()=>K.current?.(),MODAL_DISMISS_GRACE_MS);return()=>clearTimeout(e)},[r]);const J=(0,_react.useCallback)(()=>{if(!o)return;const e=(0,_hapticUtils.resolveHaptic)(h,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),a()},[o,a,h]),Q=(0,_react.useCallback)(()=>{u&&a()},[u,a]),X=(0,_SquircleFill.useSquircle)("bottom"!==i&&"fullScreen"!==i&&"anchored"!==i,x.radius.xl),Z=(0,_react.useCallback)(e=>{X.onLayout(e);const{width:t,height:r}=e.nativeEvent.layout;C(e=>e.width===t&&e.height===r?e:{width:t,height:r})},[X.onLayout]),$=(0,_react.useMemo)(()=>"anchored"===i?[W.anchoredContent,{left:U?.x,top:U?.y,maxHeight:U?.maxHeight,backgroundColor:x.colors.surface,borderRadius:x.radius.lg,..._corners.smoothCorners},x.shadow.modal]:"fullScreen"===i?[W.fullScreenContent,{backgroundColor:x.colors.surface}]:"bottom"===i?[W.bottomContent,{backgroundColor:x.colors.surface,borderTopLeftRadius:x.radius.xl,borderTopRightRadius:x.radius.xl,..._corners.smoothCorners,paddingTop:x.space.lg,paddingHorizontal:x.space.lg,paddingBottom:x.space.lg+y.bottom},x.shadow.modal]:[W.centeredContent,{backgroundColor:x.colors.surface,borderRadius:X.active&&X.size?(0,_squircle.squircleHostRadius)(X.size.width,X.size.height,x.radius.xl):x.radius.xl,..._corners.smoothCorners,padding:x.space.xl},x.shadow.modal],[i,x,W,y.bottom,X.active,X.size,U]),ee=(0,_react.useMemo)(()=>"anchored"===i?W.anchoredWrapper:"bottom"===i?W.bottomWrapper:"fullScreen"===i?W.fullScreenWrapper:W.centeredWrapper,[i,W]),te=(0,_react.useMemo)(()=>"bottom"===i?{opacity:I,transform:[{translateY:O}]}:"fullScreen"===i||"anchored"===i?{opacity:I}:{opacity:I,transform:[{scale:q}]},[i,q,I,O]);if("anchored"===i&&void 0===v)throw new Error('[@webority/mobile-ui] Modal: presentation "anchored" needs an anchor.');return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:z,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:Q,testID:A,children:(0,_jsxRuntime.jsx)(_reactNative.View,{ref:e=>{F.current=e,"function"==typeof t?t(e):t&&(t.current=e)},style:W.root,accessible:!1,accessibilityViewIsModal:!0,accessibilityRole:"alert",accessibilityLabel:l,children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:R,children:[(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{collapsable:!1,style:[_reactNative.StyleSheet.absoluteFill,ee,{backgroundColor:G},_],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:J,accessibilityRole:o?"button":void 0,accessibilityLabel:o?M.close:void 0,accessible:!!o&&void 0,importantForAccessibility:o?void 0:"no",disabled:!o}),(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[$,te,w.height>0||"anchored"!==i?null:W.unmeasured,m],onLayout:Z,pointerEvents:"auto",needsOffscreenAlphaCompositing:!0,children:[X.active&&X.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:X.size.width,height:X.size.height,radius:x.radius.xl,fill:x.colors.surface}):null,d]})]}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})})});Modal.displayName="Modal";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1},centeredWrapper:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:e.space.lg},centeredContent:{maxWidth:"90%",width:"90%"},bottomWrapper:{flex:1,justifyContent:"flex-end"},bottomContent:{width:"100%"},fullScreenWrapper:{flex:1},fullScreenContent:{flex:1},anchoredWrapper:{flex:1},anchoredContent:{position:"absolute"},unmeasured:{opacity:0}});var _default=exports.default=Modal;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MODAL_DISMISS_GRACE_MS",{enumerable:!0,get:function(){return _Modal.MODAL_DISMISS_GRACE_MS}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _Modal.Modal}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Modal.default}});var cache,_Modal=_interopRequireWildcard(require("./Modal.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=n&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?n(o,a,t):o[a]=e[a]);return o}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_MODAL_LABELS",{enumerable:!0,get:function(){return _Modal.DEFAULT_MODAL_LABELS}}),Object.defineProperty(exports,"MODAL_DISMISS_GRACE_MS",{enumerable:!0,get:function(){return _Modal.MODAL_DISMISS_GRACE_MS}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _Modal.Modal}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Modal.default}});var cache,_Modal=_interopRequireWildcard(require("./Modal.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,o=Object.defineProperty,a={__proto__:null,default:e};if(Object(e)!==e)return a;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,a)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=o&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?o(a,n,t):a[n]=e[n]);return a}

package/lib/commonjs/components/NumberInput/NumberInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.NumberInput=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,r,a=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=a&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?a(n,r,i):n[r]=e[r]);return n}const DEFAULT_LONG_PRESS_DELAY=500,DEFAULT_LONG_PRESS_INTERVAL=80,roundToPrecision=(e,t)=>{if(!Number.isFinite(e))return 0;if(t<=0)return Math.round(e);const i=10**t;return Math.round(e*i)/i},clamp=(e,t,i)=>e<t?t:e>i?i:e,formatValue=(e,t,i)=>Number.isFinite(e)?t&&i>0?e.toFixed(i):String(Math.trunc(e)):"",sanitizeTyped=(e,t)=>{if(!e)return"";let i=e.replace(/[^0-9.-]/g,"");if(i=i.replace(/(?!^)-/g,""),t){const e=i.indexOf(".");-1!==e&&(i=i.slice(0,e+1)+i.slice(e+1).replace(/\./g,""))}else i=i.replace(/\./g,"");return i},NumberInput=exports.NumberInput=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:r,onChange:a,min:n=Number.NEGATIVE_INFINITY,max:s=Number.POSITIVE_INFINITY,step:l=1,allowDecimal:c=!1,precision:u=0,label:o,help:d,helperText:b,error:_,disabled:p=!1,size:m="md",variant:x="inline",unit:f,haptic:h,accessibilityLabel:y,style:g,containerStyle:j,inputStyle:N,buttonStyle:v,unitStyle:F,labelStyle:S,textInputProps:I,testID:R}=e,[T,C]=(0,_index.useControllableState)({value:i,defaultValue:r??e.min??0,onChange:a}),w=(0,_index2.useTheme)(),P=(0,_index2.resolveFieldSize)(w,m),k=(0,_FieldBase.resolveFieldTextStyle)(w,{disabled:p}),V=(0,_react.useMemo)(()=>buildStyles(w),[w]),z=(0,_react.useRef)(null),[L,B]=(0,_react.useState)(formatValue(T,c,u)),[D,E]=(0,_react.useState)(!1),[O,q]=(0,_react.useState)(!1),A=(0,_react.useCallback)(()=>{p||z.current?.focus()},[p]),M=(0,_react.useRef)(null),W=(0,_react.useRef)(null),H=(0,_react.useCallback)(()=>{null!==M.current&&(clearTimeout(M.current),M.current=null),null!==W.current&&(clearInterval(W.current),W.current=null)},[]);(0,_react.useEffect)(()=>H,[H]),(0,_react.useEffect)(()=>{D||B(formatValue(T,c,u))},[T,c,u,D]);const G=T<=n,Y=T>=s,U=!p,$=(0,_react.useCallback)(e=>{const t=roundToPrecision(e,c?u:0),i=clamp(t,n,s);i!==T&&C(i)},[c,s,n,C,u,T]),J=(0,_react.useCallback)(()=>{if(!U||G)return;const e=(0,_index3.resolveHaptic)(h,"selection");e&&(0,_index3.triggerHaptic)(e),$(T-l)},[G,U,h,$,l,T]),K=(0,_react.useCallback)(()=>{if(!U||Y)return;const e=(0,_index3.resolveHaptic)(h,"selection");e&&(0,_index3.triggerHaptic)(e),$(T+l)},[Y,U,h,$,l,T]);_react.default.useImperativeHandle(t,()=>({focus:()=>z.current?.focus(),blur:()=>z.current?.blur(),clear:()=>{B(""),Number.isFinite(n)&&n>0?C(n):C(0<n?n:0>s?s:0)}}),[s,n,C]);const Q=(0,_react.useCallback)(e=>{U&&(H(),M.current=setTimeout(()=>{W.current=setInterval(()=>{"inc"===e?K():J()},80)},500))},[H,J,K,U]),X=(0,_react.useCallback)(e=>{const t=sanitizeTyped(e,c);B(t);const i=Number(t);""!==t&&"-"!==t&&"."!==t&&Number.isFinite(i)&&i>=n&&i<=s&&i!==T&&C(roundToPrecision(i,c?u:0))},[c,s,n,C,u,T]),Z=(0,_react.useCallback)(()=>{E(!1),q(!1);const e=Number(L);if(""===L||!Number.isFinite(e))return void B(formatValue(T,c,u));const t=roundToPrecision(e,c?u:0),i=clamp(t,n,s);i!==T&&C(i),B(formatValue(i,c,u))},[c,L,s,n,C,u,T]),ee=(0,_react.useCallback)(()=>{E(!0),q(!0)},[]),te=G||p?w.colors["text-disabled"]:w.colors["text-body"],ie=Y||p?w.colors["text-disabled"]:w.colors["text-body"],re=P.icon+8,renderStepper=(e,t,i,r,a,n)=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:t,onLongPress:()=>Q(e),onPressOut:H,delayLongPress:500,disabled:i,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:i},"aria-disabled":i,style:({pressed:e})=>[{width:re,height:re,alignItems:"center",justifyContent:"center",borderRadius:w.radius.pill,..._corners.smoothCorners},e&&!i?{backgroundColor:w.colors["surface-pressed"]}:null,v],testID:`${R??"numberinput"}-${"inc"===e?"plus":"minus"}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{fontSize:P.icon,color:a,fontWeight:w.weight.semibold,lineHeight:P.icon+2},children:n})}),ae=y??(0,_FieldBase.fieldTextAsString)(o)??"Number input",ne=!0===_||(0,_FieldBase.hasFieldText)(_),se=(0,_jsxRuntime.jsx)(_FieldBase.FieldBase,{size:m,disabled:p,error:ne,filled:!0,focused:O,onPress:A,pressFeedback:!1,leading:renderStepper("dec",J,G||p,"Decrease",te,"−"),trailing:renderStepper("inc",K,Y||p,"Increase",ie,"+"),children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:V.inputRow,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:z,value:L,onChangeText:X,onFocus:ee,onBlur:Z,editable:!p,keyboardType:c?"decimal-pad":"number-pad",selectTextOnFocus:!0,accessibilityRole:"adjustable",accessibilityLabel:ae,accessibilityValue:{now:Number.isFinite(T)?T:0},accessibilityState:{disabled:p},"aria-disabled":p,accessibilityActions:[{name:"increment",label:"Increase"},{name:"decrement",label:"Decrease"}],onAccessibilityAction:e=>{"increment"===e.nativeEvent.actionName&&K(),"decrement"===e.nativeEvent.actionName&&J()},style:[V.input,{fontSize:P.text,color:k.color,...k.weightStyle},N],...I}),f?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[V.unit,{fontSize:P.text,color:k.placeholderColor},F],children:f}):null]})}),le=(0,_FieldBase.hasFieldText)(o)?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:m,help:d,style:S,children:o}):null,ce=(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{size:m,error:ne,text:ne?_:b});return"horizontal"===x?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[V.horizontalContainer,g,j],testID:R,accessibilityState:{disabled:p},"aria-disabled":p,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:V.horizontalLabelWrap,children:le}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[se,ce]})]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[g,j],testID:R,accessibilityState:{disabled:p},"aria-disabled":p,children:[le,se,ce]})});NumberInput.displayName="NumberInput";const buildStyles=e=>_reactNative.StyleSheet.create({inputRow:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},input:{flex:1,textAlign:"center",padding:e.space.none,margin:e.space.none,includeFontPadding:!1},unit:{marginLeft:e.space.xs},label:{marginBottom:e.space.xs},helper:{marginTop:e.space.xs},horizontalContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},horizontalLabelWrap:{flexShrink:1,paddingRight:e.space.md}});var _default=exports.default=NumberInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.NumberInput=exports.DEFAULT_NUMBER_INPUT_LABELS=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,r,a=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=a&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?a(n,r,i):n[r]=e[r]);return n}const NUMBER_INPUT_SIZES=["sm","md","lg"],NUMBER_INPUT_VARIANTS=["inline","horizontal","stacked"],DEFAULT_NUMBER_INPUT_LABELS=exports.DEFAULT_NUMBER_INPUT_LABELS=Object.freeze({decrease:"Decrease",increase:"Increase",input:"Number input"}),DEFAULT_LONG_PRESS_DELAY=500,DEFAULT_LONG_PRESS_INTERVAL=80,roundToPrecision=(e,t)=>{if(!Number.isFinite(e))return 0;if(t<=0)return Math.round(e);const i=10**t;return Math.round(e*i)/i},clamp=(e,t,i)=>e<t?t:e>i?i:e,formatValue=(e,t,i)=>Number.isFinite(e)?t&&i>0?e.toFixed(i):String(Math.trunc(e)):"",sanitizeTyped=(e,t)=>{if(!e)return"";let i=e.replace(/[^0-9.-]/g,"");if(i=i.replace(/(?!^)-/g,""),t){const e=i.indexOf(".");-1!==e&&(i=i.slice(0,e+1)+i.slice(e+1).replace(/\./g,""))}else i=i.replace(/\./g,"");return i},NumberInput=exports.NumberInput=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:r,onChange:a,min:n=Number.NEGATIVE_INFINITY,max:s=Number.POSITIVE_INFINITY,step:l=1,allowDecimal:c=!1,precision:u=0,label:o,help:d,helperText:_,error:b,disabled:m=!1,size:p="md",variant:x="inline",unit:f,haptic:N,labels:h,accessibilityLabel:y,style:I,containerStyle:T,inputStyle:j,buttonStyle:S,unitStyle:g,labelStyle:v,textInputProps:R,testID:F}=e;(0,_warnInvalidValue.warnInvalidValue)("NumberInput","size",e.size,NUMBER_INPUT_SIZES),(0,_warnInvalidValue.warnInvalidValue)("NumberInput","variant",e.variant,NUMBER_INPUT_VARIANTS);const E=(0,_react.useMemo)(()=>({...DEFAULT_NUMBER_INPUT_LABELS,...h}),[h]),[L,P]=(0,_index.useControllableState)({value:i,defaultValue:r??e.min??0,onChange:a}),w=(0,_index2.useTheme)(),B=(0,_index2.resolveFieldSize)(w,p),V=(0,_FieldBase.resolveFieldTextStyle)(w,{disabled:m}),A=(0,_react.useMemo)(()=>buildStyles(w),[w]),U=(0,_react.useRef)(null),[C,z]=(0,_react.useState)(formatValue(L,c,u)),[M,k]=(0,_react.useState)(!1),[D,O]=(0,_react.useState)(!1),q=(0,_react.useCallback)(()=>{m||U.current?.focus()},[m]),W=(0,_react.useRef)(null),H=(0,_react.useRef)(null),G=(0,_react.useCallback)(()=>{null!==W.current&&(clearTimeout(W.current),W.current=null),null!==H.current&&(clearInterval(H.current),H.current=null)},[]);(0,_react.useEffect)(()=>G,[G]),(0,_react.useEffect)(()=>{M||z(formatValue(L,c,u))},[L,c,u,M]);const Y=L<=n,Z=L>=s,$=!m,J=(0,_react.useCallback)(e=>{const t=roundToPrecision(e,c?u:0),i=clamp(t,n,s);i!==L&&P(i)},[c,s,n,P,u,L]),K=(0,_react.useCallback)(()=>{if(!$||Y)return;const e=(0,_index3.resolveHaptic)(N,"selection");e&&(0,_index3.triggerHaptic)(e),J(L-l)},[Y,$,N,J,l,L]),Q=(0,_react.useCallback)(()=>{if(!$||Z)return;const e=(0,_index3.resolveHaptic)(N,"selection");e&&(0,_index3.triggerHaptic)(e),J(L+l)},[Z,$,N,J,l,L]);_react.default.useImperativeHandle(t,()=>({focus:()=>U.current?.focus(),blur:()=>U.current?.blur(),clear:()=>{z(""),Number.isFinite(n)&&n>0?P(n):P(0<n?n:0>s?s:0)}}),[s,n,P]);const X=(0,_react.useCallback)(e=>{$&&(G(),W.current=setTimeout(()=>{H.current=setInterval(()=>{"inc"===e?Q():K()},80)},500))},[G,K,Q,$]),ee=(0,_react.useCallback)(e=>{const t=sanitizeTyped(e,c);z(t);const i=Number(t);""!==t&&"-"!==t&&"."!==t&&Number.isFinite(i)&&i>=n&&i<=s&&i!==L&&P(roundToPrecision(i,c?u:0))},[c,s,n,P,u,L]),te=(0,_react.useCallback)(()=>{k(!1),O(!1);const e=Number(C);if(""===C||!Number.isFinite(e))return void z(formatValue(L,c,u));const t=roundToPrecision(e,c?u:0),i=clamp(t,n,s);i!==L&&P(i),z(formatValue(i,c,u))},[c,C,s,n,P,u,L]),ie=(0,_react.useCallback)(()=>{k(!0),O(!0)},[]),re=Y||m?w.colors["text-disabled"]:w.colors["text-body"],ae=Z||m?w.colors["text-disabled"]:w.colors["text-body"],ne=B.icon+8,renderStepper=(e,t,i,r,a,n)=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:t,onLongPress:()=>X(e),onPressOut:G,delayLongPress:500,disabled:i,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:i},"aria-disabled":i,style:({pressed:e})=>[{width:ne,height:ne,alignItems:"center",justifyContent:"center",borderRadius:w.radius.pill,..._corners.smoothCorners},e&&!i?{backgroundColor:w.colors["surface-pressed"]}:null,S],testID:`${F??"numberinput"}-${"inc"===e?"plus":"minus"}`,children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",weight:"semibold",style:{fontSize:B.icon,color:a,fontWeight:w.weight.semibold,lineHeight:B.icon+2},children:n})}),se=y??(0,_FieldBase.fieldTextAsString)(o)??E.input,le=!0===b||(0,_FieldBase.hasFieldText)(b),ce=(0,_jsxRuntime.jsx)(_FieldBase.FieldBase,{size:p,disabled:m,error:le,filled:!0,focused:D,onPress:q,pressFeedback:!1,leading:renderStepper("dec",K,Y||m,E.decrease,re,"−"),trailing:renderStepper("inc",Q,Z||m,E.increase,ae,"+"),children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:A.inputRow,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:U,value:C,onChangeText:ee,onFocus:ie,onBlur:te,editable:!m,keyboardType:c?"decimal-pad":"number-pad",selectTextOnFocus:!0,accessibilityRole:"adjustable",accessibilityLabel:se,accessibilityValue:{now:Number.isFinite(L)?L:0},accessibilityState:{disabled:m},"aria-disabled":m,accessibilityActions:[{name:"increment",label:E.increase},{name:"decrement",label:E.decrease}],onAccessibilityAction:e=>{"increment"===e.nativeEvent.actionName&&Q(),"decrement"===e.nativeEvent.actionName&&K()},style:[A.input,{fontSize:B.text,color:V.color,...V.weightStyle},j],...R}),f?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",style:[A.unit,{fontSize:B.text,color:V.placeholderColor},g],children:f}):null]})}),ue=(0,_FieldBase.hasFieldText)(o)?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:p,help:d,style:v,children:o}):null,oe=(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{size:p,error:le,text:le?b:_});return"horizontal"===x?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[A.horizontalContainer,I,T],testID:F,accessibilityState:{disabled:m},"aria-disabled":m,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:A.horizontalLabelWrap,children:ue}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[ce,oe]})]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[I,T],testID:F,accessibilityState:{disabled:m},"aria-disabled":m,children:[ue,ce,oe]})});NumberInput.displayName="NumberInput";const buildStyles=e=>_reactNative.StyleSheet.create({inputRow:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},input:{flex:1,textAlign:"center",padding:e.space.none,margin:e.space.none,includeFontPadding:!1},unit:{marginLeft:e.space.xs},label:{marginBottom:e.space.xs},helper:{marginTop:e.space.xs},horizontalContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},horizontalLabelWrap:{flexShrink:1,paddingRight:e.space.md}});var _default=exports.default=NumberInput;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return _NumberInput.NumberInput}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _NumberInput.default}});var cache,_NumberInput=_interopRequireWildcard(require("./NumberInput.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,u,n=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(u in e)"default"!==u&&{}.hasOwnProperty.call(e,u)&&((t=n&&Object.getOwnPropertyDescriptor(e,u))&&(t.get||t.set)?n(c,u,t):c[u]=e[u]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_NUMBER_INPUT_LABELS",{enumerable:!0,get:function(){return _NumberInput.DEFAULT_NUMBER_INPUT_LABELS}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return _NumberInput.NumberInput}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _NumberInput.default}});var cache,_NumberInput=_interopRequireWildcard(require("./NumberInput.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,u,n=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(u in e)"default"!==u&&{}.hasOwnProperty.call(e,u)&&((t=n&&Object.getOwnPropertyDescriptor(e,u))&&(t.get||t.set)?n(c,u,t):c[u]=e[u]);return c}