@webority/mobile-ui 0.106.0 → 0.107.0

package/lib/commonjs/components/ScannerOverlay/ScannerOverlay.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ScannerOverlay=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Button/index.js"),_index4=require("../EmptyState/index.js"),_index5=require("../IconButton/index.js"),_index6=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const MIN_FRAME=240,DEFAULT_FRAME=260,MARK_LENGTH=32,MARK_THICKNESS=4,LIFT=.06,BREATHE_SCALE=1.03,SNAP_SCALE=1.08,T=4,CORNERS=[{key:"tl",style:{top:0,left:0,borderTopWidth:4,borderLeftWidth:4}},{key:"tr",style:{top:0,right:0,borderTopWidth:4,borderRightWidth:4}},{key:"bl",style:{bottom:0,left:0,borderBottomWidth:4,borderLeftWidth:4}},{key:"br",style:{bottom:0,right:0,borderBottomWidth:4,borderRightWidth:4}}],DEFAULT_LABELS={found:"Code found",invalid:"This code cannot be used. Try another.",torchOn:"Turn torch on",torchOff:"Turn torch off",manualEntry:"Enter code instead",gallery:"Upload from gallery",noPermissionTitle:"Camera access is off",noPermissionMessage:"Allow camera access to scan a code.",permissionAction:"Allow camera access",noCameraTitle:"No camera found",noCameraMessage:"This device has no camera available. You can still add the code another way."},ScannerOverlay=exports.ScannerOverlay=(0,_react.forwardRef)((e,t)=>{const{children:i,state:n="scanning",hint:a="Point the camera at the code",labels:r,torch:o=!1,onTorchChange:s,onManualEntry:c,onGallery:l,onPermissionAction:d,frameSize:u=DEFAULT_FRAME,haptic:m,style:h,testID:_}=e,x=(0,_index.useTheme)(),p=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),f=(0,_useReducedMotion.useReducedMotion)(),g=(0,_react.useMemo)(()=>buildStyles(x),[x]),v={...DEFAULT_LABELS,...r},[y,j]=(0,_react.useState)({width:0,height:0}),b="scanning"===n||"found"===n||"invalid"===n,R=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,N=x.motion.duration.slower,S=x.motion.duration.default;(0,_react.useEffect)(()=>{if(R.setValue(1),f)return;let e;return"scanning"===n&&N>0?e=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(R,{toValue:1.03,duration:2*N,useNativeDriver:!0}),_reactNative.Animated.timing(R,{toValue:1,duration:2*N,useNativeDriver:!0})])):"found"===n&&S>0&&(R.setValue(1.08),e=_reactNative.Animated.timing(R,{toValue:1,duration:S,useNativeDriver:!0})),e?.start(),()=>e?.stop()},[n,f,N,S,R]);const w=(0,_react.useRef)(n);(0,_react.useEffect)(()=>{w.current!==n&&(w.current=n,!1!==m&&("found"===n?(0,_hapticUtils.triggerHaptic)("notificationSuccess"):"invalid"===n&&(0,_hapticUtils.triggerHaptic)("notificationError")))},[n,m]);const{found:A,invalid:E}=v,{noPermissionTitle:C,noPermissionMessage:M}=v,{noCameraTitle:V,noCameraMessage:P}=v;(0,_react.useEffect)(()=>{switch(n){case"scanning":(0,_announce.announce)(a);break;case"found":(0,_announce.announce)(A);break;case"invalid":(0,_announce.announce)(E,{polite:!1});break;case"noPermission":(0,_announce.announce)(`${C}. ${M}`);break;case"noCamera":(0,_announce.announce)(`${V}. ${P}`)}},[n,a,A,E,C,M,V,P]);const k=Math.max(240,Math.min(u,y.width-2*x.space.xl)),L=(y.width-k)/2,q=Math.max(x.space.md,(y.height-k)/2-.06*y.height),I=y.width>0&&y.height>0,F={borderColor:"found"===n?x.colors.success:"invalid"===n?x.colors.danger:x.colors["on-scrim"],width:32,height:32},O="found"===n||"invalid"===n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.pill,{backgroundColor:"found"===n?x.colors.success:x.colors.danger}],children:(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",weight:"semibold",align:"center",color:"found"===n?x.colors["on-success"]:x.colors["on-danger"],children:"found"===n?A:E})}):(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",align:"center",color:x.colors["on-scrim"],children:a}),B=b&&null!=s,D=b?"glass":"outline";return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,testID:_,onLayout:e=>{const{width:t,height:i}=e.nativeEvent.layout;j(e=>e.width===t&&e.height===i?e:{width:t,height:i})},style:[g.root,!b&&{backgroundColor:x.colors.bg},h],children:[b?(0,_jsxRuntime.jsx)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,children:i}):null,b&&I?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:_reactNative.StyleSheet.absoluteFill,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants","aria-hidden":!0,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.scrim,{left:0,right:0,top:0,height:q}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.scrim,{left:0,right:0,top:q+k,bottom:0}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.scrim,{left:0,width:L,top:q,height:k}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.scrim,{left:L+k,right:0,top:q,height:k}]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{position:"absolute",left:L,top:q,width:k,height:k,transform:[{scale:R}]},children:CORNERS.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.mark,F,e.style]},e.key))})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[g.message,{top:q+k+x.space.md}],children:O})]}):null,b?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:g.panel,children:(0,_jsxRuntime.jsx)(_index4.EmptyState,{fill:!0,icon:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"noPermission"===n?"camera":"camera-slash",size:48,color:x.colors["text-subtle"]}),title:"noPermission"===n?C:V,description:"noPermission"===n?M:P,action:"noPermission"===n&&d?{label:v.permissionAction,onPress:d}:void 0})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"box-none",style:[g.bar,{paddingBottom:Math.max(p.bottom,x.space.md)}],children:[B?(0,_jsxRuntime.jsx)(_index5.IconButton,{icon:o?"flash":"flash-slash",variant:"glass",size:"lg",active:o,haptic:m,accessibilityLabel:o?v.torchOff:v.torchOn,onPress:()=>s?.(!o)}):null,l?(0,_jsxRuntime.jsx)(_index3.Button,{title:v.gallery,leftIcon:"gallery",variant:D,tone:"neutral",size:"lg",haptic:m,onPress:l}):null,c?(0,_jsxRuntime.jsx)(_index3.Button,{title:v.manualEntry,leftIcon:"keyboard",variant:D,tone:"neutral",size:"lg",haptic:m,onPress:c}):null]})]})});ScannerOverlay.displayName="ScannerOverlay";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1,overflow:"hidden"},scrim:{position:"absolute",backgroundColor:e.colors.scrim},mark:{position:"absolute"},message:{position:"absolute",left:0,right:0,alignItems:"center",paddingHorizontal:e.space.xl},pill:{paddingHorizontal:e.space.md,paddingVertical:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners},panel:{..._reactNative.StyleSheet.absoluteFill,justifyContent:"center"},bar:{position:"absolute",left:0,right:0,bottom:0,flexDirection:"row",flexWrap:"wrap",alignItems:"center",justifyContent:"center",gap:e.space.sm,paddingHorizontal:e.space.md}});var _default=exports.default=ScannerOverlay;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ScannerOverlay=exports.DEFAULT_SCANNER_OVERLAY_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Button/index.js"),_index4=require("../EmptyState/index.js"),_index5=require("../IconButton/index.js"),_index6=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const MIN_FRAME=240,DEFAULT_FRAME=260,MARK_LENGTH=32,MARK_THICKNESS=4,LIFT=.06,BREATHE_SCALE=1.03,SNAP_SCALE=1.08,T=4,CORNERS=[{key:"tl",style:{top:0,left:0,borderTopWidth:4,borderLeftWidth:4}},{key:"tr",style:{top:0,right:0,borderTopWidth:4,borderRightWidth:4}},{key:"bl",style:{bottom:0,left:0,borderBottomWidth:4,borderLeftWidth:4}},{key:"br",style:{bottom:0,right:0,borderBottomWidth:4,borderRightWidth:4}}],DEFAULT_SCANNER_OVERLAY_LABELS=exports.DEFAULT_SCANNER_OVERLAY_LABELS=Object.freeze({hint:"Point the camera at the code",found:"Code found",invalid:"This code cannot be used. Try another.",torchOn:"Turn torch on",torchOff:"Turn torch off",manualEntry:"Enter code instead",gallery:"Upload from gallery",noPermissionTitle:"Camera access is off",noPermissionMessage:"Allow camera access to scan a code.",permissionAction:"Allow camera access",noCameraTitle:"No camera found",noCameraMessage:"This device has no camera available. You can still add the code another way."}),ScannerOverlay=exports.ScannerOverlay=(0,_react.forwardRef)((e,t)=>{(0,_warnInvalidValue.warnInvalidValue)("ScannerOverlay","state",e.state,["scanning","found","invalid","noPermission","noCamera"]);const{children:i,state:n="scanning",helperText:a,labels:r,torch:s=!1,onTorchChange:o,onManualEntry:l,onGallery:c,onPermissionAction:d,frameSize:u=DEFAULT_FRAME,haptic:m,style:h,testID:_}=e,x=(0,_index.useTheme)(),p=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),f=(0,_useReducedMotion.useReducedMotion)(),v=(0,_react.useMemo)(()=>buildStyles(x),[x]),g=(0,_react.useMemo)(()=>({...DEFAULT_SCANNER_OVERLAY_LABELS,...r}),[r]),y=a??g.hint,[j,b]=(0,_react.useState)({width:0,height:0}),R="scanning"===n||"found"===n||"invalid"===n,A=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,E=x.motion.duration.slower,N=x.motion.duration.default;(0,_react.useEffect)(()=>{if(A.setValue(1),f)return;let e;return"scanning"===n&&E>0?e=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(A,{toValue:1.03,duration:2*E,useNativeDriver:!0}),_reactNative.Animated.timing(A,{toValue:1,duration:2*E,useNativeDriver:!0})])):"found"===n&&N>0&&(A.setValue(1.08),e=_reactNative.Animated.timing(A,{toValue:1,duration:N,useNativeDriver:!0})),e?.start(),()=>e?.stop()},[n,f,E,N,A]);const S=(0,_react.useRef)(n);(0,_react.useEffect)(()=>{S.current!==n&&(S.current=n,!1!==m&&("found"===n?(0,_hapticUtils.triggerHaptic)("notificationSuccess"):"invalid"===n&&(0,_hapticUtils.triggerHaptic)("notificationError")))},[n,m]);const{found:w,invalid:V}=g,{noPermissionTitle:C,noPermissionMessage:L}=g,{noCameraTitle:M,noCameraMessage:O}=g;(0,_react.useEffect)(()=>{switch(n){case"scanning":(0,_announce.announce)(y);break;case"found":(0,_announce.announce)(w);break;case"invalid":(0,_announce.announce)(V,{polite:!1});break;case"noPermission":(0,_announce.announce)(`${C}. ${L}`);break;case"noCamera":(0,_announce.announce)(`${M}. ${O}`)}},[n,y,w,V,C,L,M,O]);const I=Math.max(240,Math.min(u,j.width-2*x.space.xl)),P=(j.width-I)/2,k=Math.max(x.space.md,(j.height-I)/2-.06*j.height),q=j.width>0&&j.height>0,F={borderColor:"found"===n?x.colors.success:"invalid"===n?x.colors.danger:x.colors["on-scrim"],width:32,height:32},B="found"===n||"invalid"===n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.pill,{backgroundColor:"found"===n?x.colors.success:x.colors.danger}],children:(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",weight:"semibold",align:"center",style:{color:"found"===n?x.colors["on-success"]:x.colors["on-danger"]},children:"found"===n?w:V})}):(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",align:"center",style:{color:x.colors["on-scrim"]},children:y}),D=R&&null!=o,U=R?"glass":"outline";return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,testID:_,onLayout:e=>{const{width:t,height:i}=e.nativeEvent.layout;b(e=>e.width===t&&e.height===i?e:{width:t,height:i})},style:[v.root,!R&&{backgroundColor:x.colors.bg},h],children:[R?(0,_jsxRuntime.jsx)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,children:i}):null,R&&q?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:_reactNative.StyleSheet.absoluteFill,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants","aria-hidden":!0,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.scrim,{left:0,right:0,top:0,height:k}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.scrim,{left:0,right:0,top:k+I,bottom:0}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.scrim,{left:0,width:P,top:k,height:I}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.scrim,{left:P+I,right:0,top:k,height:I}]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{position:"absolute",left:P,top:k,width:I,height:I,transform:[{scale:A}]},children:CORNERS.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.mark,F,e.style]},e.key))})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[v.message,{top:k+I+x.space.md}],children:B})]}):null,R?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.panel,children:(0,_jsxRuntime.jsx)(_index4.EmptyState,{fill:!0,icon:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"noPermission"===n?"camera":"camera-slash",size:48,color:x.colors["text-subtle"]}),title:"noPermission"===n?C:M,description:"noPermission"===n?L:O,action:"noPermission"===n&&d?{label:g.permissionAction,onPress:d}:void 0})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"box-none",style:[v.bar,{paddingBottom:Math.max(p.bottom,x.space.md)}],children:[D?(0,_jsxRuntime.jsx)(_index5.IconButton,{icon:s?"flash":"flash-slash",variant:"glass",size:"lg",active:s,haptic:m,accessibilityLabel:s?g.torchOff:g.torchOn,onPress:()=>o?.(!s)}):null,c?(0,_jsxRuntime.jsx)(_index3.Button,{label:g.gallery,leftIcon:"gallery",variant:U,tone:"neutral",size:"lg",haptic:m,onPress:c}):null,l?(0,_jsxRuntime.jsx)(_index3.Button,{label:g.manualEntry,leftIcon:"keyboard",variant:U,tone:"neutral",size:"lg",haptic:m,onPress:l}):null]})]})});ScannerOverlay.displayName="ScannerOverlay";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1,overflow:"hidden"},scrim:{position:"absolute",backgroundColor:e.colors.scrim},mark:{position:"absolute"},message:{position:"absolute",left:0,right:0,alignItems:"center",paddingHorizontal:e.space.xl},pill:{paddingHorizontal:e.space.md,paddingVertical:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners},panel:{..._reactNative.StyleSheet.absoluteFill,justifyContent:"center"},bar:{position:"absolute",left:0,right:0,bottom:0,flexDirection:"row",flexWrap:"wrap",alignItems:"center",justifyContent:"center",gap:e.space.sm,paddingHorizontal:e.space.md}});var _default=exports.default=ScannerOverlay;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ScannerOverlay",{enumerable:!0,get:function(){return _ScannerOverlay.ScannerOverlay}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ScannerOverlay.default}});var cache,_ScannerOverlay=_interopRequireWildcard(require("./ScannerOverlay.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,a=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=a&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?a(c,n,t):c[n]=e[n]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SCANNER_OVERLAY_LABELS",{enumerable:!0,get:function(){return _ScannerOverlay.DEFAULT_SCANNER_OVERLAY_LABELS}}),Object.defineProperty(exports,"ScannerOverlay",{enumerable:!0,get:function(){return _ScannerOverlay.ScannerOverlay}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ScannerOverlay.default}});var cache,_ScannerOverlay=_interopRequireWildcard(require("./ScannerOverlay.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,a=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=a&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?a(c,n,t):c[n]=e[n]);return c}

package/lib/commonjs/components/Screen/Screen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Screen=Screen;var _react=require("react"),_reactNative=require("react-native"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useRefreshControl=require("../../hooks/useRefreshControl.js"),_index=require("../../theme/index.js"),_index2=require("../AppBar/index.js"),_index3=require("../KeyboardAwareScrollView/index.js"),_index4=require("../KeyboardToolbar/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_EDGES=["top","bottom"],SCROLL_EVENT_THROTTLE=16,noop=()=>{},buildStyles=e=>_reactNative.StyleSheet.create({flex:{flex:1},root:{flex:1,backgroundColor:e.colors.bg},overlay:{position:"absolute",top:0,left:0,right:0},footer:{backgroundColor:e.colors.bg,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:e.colors.border}});function Screen(e){const{title:t,subtitle:r,largeTitle:o=!0,onBack:n,rightActions:i,leading:a,children:l,onRefresh:s,refreshing:d=!1,footer:c,footerStyle:u,scroll:_=!0,list:f,edges:v=DEFAULT_EDGES,keyboardToolbar:x=!0,contentContainerStyle:h,style:g,testID:p}=e,y=(0,_index.useTheme)(),b=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),S=(0,_react.useMemo)(()=>buildStyles(y),[y]),[m]=(0,_react.useState)(()=>new _reactNative.Animated.Value(0)),[j,R]=(0,_react.useState)(0),T=void 0!==n,C=(0,_react.useRef)(n);C.current=n;const E=Boolean(t||r||n||a||i?.length),N=o&&void 0!==t,A=N&&(void 0!==f||_),L=A?j:0,k=void 0!==c,{refreshControl:w}=(0,_useRefreshControl.useRefreshControl)({onRefresh:s??noop,refreshing:d}),q=s?(0,_react.cloneElement)(w,{progressViewOffset:L}):void 0,B=(0,_react.useMemo)(()=>_reactNative.Animated.event([{nativeEvent:{contentOffset:{y:m}}}],{useNativeDriver:!1}),[m]),V=(0,_react.useCallback)(e=>{const{height:t}=e.nativeEvent.layout;R(e=>Math.max(e,t))},[]);(0,_react.useEffect)(()=>{if(!T)return;const e=_reactNative.BackHandler.addEventListener("hardwareBackPress",()=>(C.current?.(),!0));return()=>e.remove()},[T]);const D=v.includes("left")?b.left:0,K=v.includes("right")?b.right:0,O=v.includes("bottom")?b.bottom:0,M=v.includes("top")&&!E?b.top:0,F=v.filter(e=>"top"!==e&&!("bottom"===e&&k)),H=E?(0,_jsxRuntime.jsx)(_reactNative.View,{style:A?S.overlay:void 0,onLayout:A?V:void 0,children:(0,_jsxRuntime.jsx)(_index2.AppBar,{title:t,subtitle:r,variant:N?"large":"default",scrollY:A?m:void 0,onBack:n,rightActions:i,leading:a})}):null;let I;I=void 0!==f?(0,_jsxRuntime.jsx)(_reactNative.FlatList,{keyboardShouldPersistTaps:"handled",...f,refreshControl:q,onScroll:A?B:void 0,scrollEventThrottle:SCROLL_EVENT_THROTTLE,style:S.flex,contentContainerStyle:[{paddingTop:L,paddingLeft:D,paddingRight:K},{paddingBottom:k?0:O},f.contentContainerStyle,h]}):_?(0,_jsxRuntime.jsx)(_index3.KeyboardAwareScrollView,{refreshControl:q,onScroll:A?B:void 0,safeAreaEdges:F,style:S.flex,contentContainerStyle:[{paddingTop:L},h],children:l}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[S.flex,{paddingLeft:D,paddingRight:K,paddingBottom:k?0:O},h],children:l});const P=k?(0,_jsxRuntime.jsx)(_reactNativeKeyboardController.KeyboardStickyView,{style:[S.footer,{paddingLeft:D,paddingRight:K,paddingBottom:O},u],children:c}):null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:p,style:[S.root,{paddingTop:M},g],children:[A?null:H,I,P,A?H:null,x?(0,_jsxRuntime.jsx)(_index4.KeyboardToolbar,{}):null]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Screen=Screen;var _react=require("react"),_reactNative=require("react-native"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useRefreshControl=require("../../hooks/useRefreshControl.js"),_index=require("../../theme/index.js"),_index2=require("../AppBar/index.js"),_index3=require("../AsyncBlock/index.js"),_index4=require("../EmptyState/index.js"),_index5=require("../KeyboardAwareScrollView/index.js"),_index6=require("../KeyboardToolbar/index.js"),_index7=require("../PagedListFooter/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_EDGES=["top","bottom"],SCROLL_EVENT_THROTTLE=16,noop=()=>{};function renderFooter(e){return(0,_react.isValidElement)(e)?e:e?(0,_react.createElement)(e):null}const buildStyles=e=>_reactNative.StyleSheet.create({flex:{flex:1},root:{flex:1,backgroundColor:e.colors.bg},overlay:{position:"absolute",top:0,left:0,right:0},footer:{backgroundColor:e.colors.bg,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:e.colors.border}});function Screen(e){const{title:t,subtitle:r,largeTitle:o=!0,onBack:n,rightActions:i,leading:a,children:l,onRefresh:s,refreshing:d=!1,footer:c,scroll:u=!0,list:_,edges:x=DEFAULT_EDGES,keyboardToolbar:h=!0,bottomInset:f=0,scrollRef:g,onScroll:p,contentContainerStyle:v,testID:m}=e,y=(0,_index.useTheme)(),j=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),R=(0,_react.useMemo)(()=>buildStyles(y),[y]),[b]=(0,_react.useState)(()=>new _reactNative.Animated.Value(0)),[S,E]=(0,_react.useState)(0),T=void 0!==n,C=(0,_react.useRef)(n);C.current=n;const L=Boolean(t||r||n||a||i?.length),N=o&&void 0!==t,k=N&&(void 0!==_||u),A=k?S:0,q=void 0!==c,{refreshControl:w}=(0,_useRefreshControl.useRefreshControl)({onRefresh:s??noop,refreshing:d}),B=s?(0,_react.cloneElement)(w,{progressViewOffset:A}):void 0,V=(0,_react.useRef)(p);V.current=p;const F=(0,_react.useMemo)(()=>_reactNative.Animated.event([{nativeEvent:{contentOffset:{y:b}}}],{useNativeDriver:!1,listener:e=>V.current?.(e)}),[b]),M=(0,_react.useCallback)(e=>{const{height:t}=e.nativeEvent.layout;E(e=>Math.max(e,t))},[]);(0,_react.useEffect)(()=>{if(!T)return;const e=_reactNative.BackHandler.addEventListener("hardwareBackPress",()=>(C.current?.(),!0));return()=>e.remove()},[T]);const D=x.includes("left")?j.left:0,K=x.includes("right")?j.right:0,O=x.includes("bottom")?j.bottom:0,P=x.includes("top")&&!L?j.top:0,I=x.filter(e=>"top"!==e&&!("bottom"===e&&q)),H=L?(0,_jsxRuntime.jsx)(_reactNative.View,{style:k?R.overlay:void 0,onLayout:k?M:void 0,children:(0,_jsxRuntime.jsx)(_index2.AppBar,{title:t,subtitle:r,variant:N?"large":"default",scrollY:k?b:void 0,onBack:n,rightActions:i,leading:a})}):null,G=k||p?F:void 0;let U;if(void 0!==_){const{state:e,paging:t,...r}=_,handleEndReached=e=>{t?.hasMore&&!t.loadingMore&&null==t.errorMore&&t.loadMore(),r.onEndReached?.(e)},o=(0,_jsxRuntime.jsx)(_reactNative.FlatList,{keyboardShouldPersistTaps:"handled",onEndReachedThreshold:t?.5:void 0,...r,ref:g,refreshControl:B,onScroll:G,onEndReached:t?handleEndReached:r.onEndReached,ListEmptyComponent:e?.empty?(0,_jsxRuntime.jsx)(_index4.EmptyState,{...e.empty}):void 0,ListFooterComponent:t||r.ListFooterComponent?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[renderFooter(r.ListFooterComponent),t?(0,_jsxRuntime.jsx)(_index7.PagedListFooter,{paging:t}):null]}):void 0,scrollEventThrottle:SCROLL_EVENT_THROTTLE,style:R.flex,contentContainerStyle:[{paddingTop:A,paddingLeft:D,paddingRight:K},{paddingBottom:(q?0:O)+f},r.contentContainerStyle,v]});U=e?(0,_jsxRuntime.jsx)(_index3.AsyncBlock,{loading:e.loading,error:e.error,errorTitle:e.errorTitle,onRetry:e.onRetry,skeleton:e.skeleton,style:[R.flex,{paddingTop:A}],children:o}):o}else U=u?(0,_jsxRuntime.jsxs)(_index5.KeyboardAwareScrollView,{ref:g,refreshControl:B,onScroll:G,safeAreaEdges:I,style:R.flex,contentContainerStyle:[{paddingTop:A},v],children:[l,f>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{height:f}}):null]}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[R.flex,{paddingLeft:D,paddingRight:K,paddingBottom:(q?0:O)+f},v],children:l});const W=q?(0,_jsxRuntime.jsx)(_reactNativeKeyboardController.KeyboardStickyView,{style:[R.footer,{paddingLeft:D,paddingRight:K,paddingBottom:O+f}],children:c}):null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:m,style:[R.root,{paddingTop:P}],children:[k?null:H,U,W,void 0!==_?l:null,k?H:null,h?(0,_jsxRuntime.jsx)(_index6.KeyboardToolbar,{}):null]})}

package/lib/commonjs/components/SearchBar/SearchBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SearchBar=void 0;var _react=require("react"),_reactNative=require("react-native"),_useControllableState=require("../../hooks/useControllableState.js"),_useDebounce=require("../../hooks/useDebounce.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_useFloatingLabel=require("../FieldBase/useFloatingLabel.js"),_SearchPanel=require("./SearchPanel.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_PANEL_ROWS=8,HOLD_RELEASE_MS=50,SearchBar=exports.SearchBar=(0,_react.forwardRef)((e,t)=>{const{value:a,onChangeText:s,onSubmit:l,onFocus:n,onBlur:r,placeholder:c="Search…",autoFocus:i=!1,disabled:o=!1,onClear:u,leftIcon:d,debounceMs:_,size:b="md",variant:h,borderRadius:p,label:g,labelMode:S="top",labelStyle:f,scopes:x,scope:m,onScopeChange:v,recents:R,recentsTitle:j="Recent searches",maxRecents:C=DEFAULT_PANEL_ROWS,onSelectRecent:y,onRemoveRecent:F,onClearRecents:k,suggestions:B,maxSuggestions:L=DEFAULT_PANEL_ROWS,onSelectSuggestion:I,haptic:q,style:E,inputStyle:P,accessibilityLabel:T,testID:N,...D}=e,z=(0,_index.useTheme)(),w=h??z.settings.components["search-bar"]?.defaultVariant??z.settings.components.field?.defaultVariant??"filled",A="underline"===w,H=(0,_index.resolveFieldSize)(z,b),M=(0,_index.radiusOf)(z,z.components["search-bar"][b].radius),U=(0,_FieldBase.resolveFieldTextStyle)(z,{disabled:o}),O=(0,_react.useRef)(null),V=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(O,t),[t]),W=(0,_react.useCallback)(()=>{o||O.current?.focus()},[o]),$=(0,_react.useMemo)(()=>buildStyles(z),[z]),K="string"==typeof a?a:"",[G,J]=(0,_react.useState)(!1),Q=(0,_react.useCallback)(e=>{J(!0),n?.(e)},[n]),X=(0,_react.useCallback)(e=>{J(!1),r?.(e)},[r]),[Y,Z]=(0,_react.useState)(K),ee=(0,_useDebounce.useDebounce)(Y,_??0);(0,_react.useEffect)(()=>{void 0!==_&&K!==Y&&Z(K)},[K,_]);const te=(0,_react.useRef)(K);(0,_react.useEffect)(()=>{void 0!==_&&ee!==te.current&&(te.current=ee,s(ee))},[ee,_,s]);const ae=(0,_react.useCallback)(e=>{void 0===_?s(e):Z(e)},[_,s]),se=(0,_react.useCallback)(()=>{const e=(0,_hapticUtils.resolveHaptic)(q,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),void 0!==_&&(Z(""),te.current=""),s(""),u?.()},[q,_,s,u]),le=(0,_react.useCallback)(()=>{l?.(void 0!==_?Y:K)},[l,_,Y,K]),ne=void 0!==_?Y:K,re=ne.length>0,[ce,ie]=(0,_useControllableState.useControllableState)({value:m,defaultValue:x?.[0]?.value??"",onChange:v}),oe=(0,_react.useCallback)(e=>{ie(e);const t=x?.find(t=>t.value===e)?.label;t&&(0,_announce.announce)(`Searching ${t}`)},[x,ie]),[ue,de]=(0,_react.useState)(!1),be=(0,_react.useRef)(null),he=(0,_react.useCallback)(()=>{be.current&&(clearTimeout(be.current),be.current=null)},[]),pe=(0,_react.useCallback)(()=>{he(),de(!0)},[he]),ge=(0,_react.useCallback)(()=>{he(),be.current=setTimeout(()=>de(!1),50)},[he]);(0,_react.useEffect)(()=>he,[he]);const Se=!o&&(G||ue),fe=(0,_react.useMemo)(()=>(R??[]).slice(0,C),[R,C]),xe=(0,_react.useMemo)(()=>(B??[]).slice(0,L).map(_SearchPanel.normalizeSuggestion),[B,L]),me=Se&&!re&&fe.length>0,ve=Se&&re&&xe.length>0,Re=ve?xe.length:0;(0,_react.useEffect)(()=>{Re>0&&(0,_announce.announce)(1===Re?"1 suggestion":`${Re} suggestions`)},[Re]);const je=(0,_react.useCallback)(()=>{const e=(0,_hapticUtils.resolveHaptic)(q,"selection");e&&(0,_hapticUtils.triggerHaptic)(e)},[q]),Ce=(0,_react.useCallback)(e=>{je(),O.current?.blur(),de(!1),y?.(e)},[je,y]),ye=(0,_react.useCallback)(e=>{je(),O.current?.blur(),de(!1),I?.(e)},[je,I]),Fe=(0,_react.useCallback)(e=>{je(),F?.(e),(0,_announce.announce)(`Removed ${e}`),W()},[je,F,W]),ke=(0,_react.useCallback)(()=>{je(),k?.(),(0,_announce.announce)("Recent searches cleared"),W()},[je,k,W]),Be={size:H.icon,color:o?z.colors["text-disabled"]:z.colors["text-subtle"],disabled:o},Le=d?(0,_slotIcon.renderSlotIcon)(d,Be):(z.settings.icons.search??_defaultIcons.defaultIcons.search)(Be),Ie=Boolean(g)&&"float"===S,qe=(0,_useFloatingLabel.useFloatingLabel)({label:g,enabled:Ie,floated:G||re,variant:w,sizeTokens:H,leadingOffset:H.icon+z.space.md,trailingOffset:re?H.icon+z.space.md:0,paddingLeft:A?z.space.none:H["padding-x"],color:z.colors["field-label"],style:f}),Ee=re&&!o?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:se,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:"Clear search",children:(z.settings.icons.close??_defaultIcons.defaultIcons.close)({size:H.icon,color:z.colors["text-muted"]})}):null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:E,testID:N,children:[g&&!Ie?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:b,style:f,children:g}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.root,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$.fieldWrap,children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldBase,{size:b,variant:w,focused:G,disabled:o,filled:re,minHeight:H["min-height"],paddingHorizontal:A?z.space.none:H["padding-x"],borderRadius:p??M,leading:Le,trailing:Ee,topNotch:qe.topNotch,onPress:W,pressFeedback:!1,accessibilityRole:"search",accessibilityLabel:T??c,children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:V,style:[$.input,{fontSize:H.text,color:U.color,...U.weightStyle},P],value:ne,onChangeText:ae,onSubmitEditing:le,onFocus:Q,onBlur:X,placeholder:!Ie||G||re?c:void 0,placeholderTextColor:U.placeholderColor,autoFocus:i,editable:!o,returnKeyType:"search",selectionColor:(0,_FieldBase.resolveVariantColors)(z,w).borderFocusedRepresentative,accessibilityLabel:T??c,accessibilityState:{disabled:o},"aria-disabled":o,...D})}),qe.node]})}),x&&x.length>0?(0,_jsxRuntime.jsx)(_SearchPanel.SearchScopeBar,{scopes:x,scope:ce||(x[0]?.value??""),disabled:o,haptic:q,onChange:oe}):null,me?(0,_jsxRuntime.jsx)(_SearchPanel.SearchRecents,{recents:fe,title:j,onSelect:Ce,onRemove:F?Fe:void 0,onClear:k?ke:void 0,onHold:pe,onRelease:ge}):null,ve?(0,_jsxRuntime.jsx)(_SearchPanel.SearchSuggestions,{suggestions:xe,query:ne,onSelect:ye,onHold:pe,onRelease:ge}):null]})});SearchBar.displayName="SearchBar";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flexDirection:"row",alignItems:"center",width:"100%",position:"relative",overflow:"visible"},fieldWrap:{flex:1,position:"relative",overflow:"visible"},input:{flex:1,padding:e.space.none,margin:e.space.none,includeFontPadding:!1}});var _default=exports.default=SearchBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SearchBar=exports.DEFAULT_SEARCH_BAR_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_useControllableState=require("../../hooks/useControllableState.js"),_useDebounce=require("../../hooks/useDebounce.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_useFloatingLabel=require("../FieldBase/useFloatingLabel.js"),_SearchPanel=require("./SearchPanel.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SEARCH_BAR_LABELS=exports.DEFAULT_SEARCH_BAR_LABELS=Object.freeze({placeholder:"Search…",recents:"Recent searches",clearAll:"Clear all",clearAllRecents:"Clear all recent searches",searchAgain:"Searches again",removeRecent:e=>`Remove ${e} from recent searches`,scope:"Search scope",clearSearch:"Clear search",searching:e=>`Searching ${e}`,suggestionCount:e=>1===e?"1 suggestion":`${e} suggestions`,removed:e=>`Removed ${e}`,recentsCleared:"Recent searches cleared"}),DEFAULT_PANEL_ROWS=8,HOLD_RELEASE_MS=50,SearchBar=exports.SearchBar=(0,_react.forwardRef)((e,a)=>{const{value:l,onChangeText:t,onSubmit:s,onFocus:r,onBlur:n,placeholder:c,autoFocus:i=!1,disabled:o=!1,onClear:u,leftIcon:d,debounceMs:_,size:h="md",variant:b,borderRadius:p,label:S,labelMode:g="top",labelStyle:f,scopes:v,scope:m,onScopeChange:x,recents:R,maxRecents:C=DEFAULT_PANEL_ROWS,onSelectRecent:j,onRemove:B,onClearRecents:F,suggestions:L,maxSuggestions:A=DEFAULT_PANEL_ROWS,onSelect:y,haptic:E,labels:I,style:k,inputStyle:q,accessibilityLabel:w,testID:T,...D}=e;(0,_warnInvalidValue.warnInvalidValue)("SearchBar","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("SearchBar","variant",e.variant,["outline","filled","underline"]),(0,_warnInvalidValue.warnInvalidValue)("SearchBar","labelMode",e.labelMode,["top","float"]);const V=(0,_index.useTheme)(),P=(0,_react.useMemo)(()=>({...DEFAULT_SEARCH_BAR_LABELS,...I}),[I]),z=c??P.placeholder,H=b??V.settings.components["search-bar"]?.defaultVariant??V.settings.components.field?.defaultVariant??"filled",N="underline"===H,U=(0,_index.resolveFieldSize)(V,h),M=(0,_index.radiusOf)(V,V.components["search-bar"][h].radius),O=(0,_FieldBase.resolveFieldTextStyle)(V,{disabled:o}),W=(0,_react.useRef)(null),$=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(W,a),[a]),K=(0,_react.useCallback)(()=>{o||W.current?.focus()},[o]),G=(0,_react.useMemo)(()=>buildStyles(V),[V]),J="string"==typeof l?l:"",[Q,X]=(0,_react.useState)(!1),Y=(0,_react.useCallback)(e=>{X(!0),r?.(e)},[r]),Z=(0,_react.useCallback)(e=>{X(!1),n?.(e)},[n]),[ee,ae]=(0,_react.useState)(J),le=(0,_useDebounce.useDebounce)(ee,_??0);(0,_react.useEffect)(()=>{void 0!==_&&J!==ee&&ae(J)},[J,_]);const te=(0,_react.useRef)(J);(0,_react.useEffect)(()=>{void 0!==_&&le!==te.current&&(te.current=le,t(le))},[le,_,t]);const se=(0,_react.useCallback)(e=>{void 0===_?t(e):ae(e)},[_,t]),re=(0,_react.useCallback)(()=>{const e=(0,_hapticUtils.resolveHaptic)(E,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),void 0!==_&&(ae(""),te.current=""),t(""),u?.()},[E,_,t,u]),ne=(0,_react.useCallback)(()=>{s?.(void 0!==_?ee:J)},[s,_,ee,J]),ce=void 0!==_?ee:J,ie=ce.length>0,[oe,ue]=(0,_useControllableState.useControllableState)({value:m,defaultValue:v?.[0]?.value??"",onChange:x}),de=(0,_react.useCallback)(e=>{ue(e);const a=v?.find(a=>a.value===e)?.label;a&&(0,_announce.announce)(P.searching(a))},[v,ue,P]),[he,be]=(0,_react.useState)(!1),pe=(0,_react.useRef)(null),Se=(0,_react.useCallback)(()=>{pe.current&&(clearTimeout(pe.current),pe.current=null)},[]),ge=(0,_react.useCallback)(()=>{Se(),be(!0)},[Se]),fe=(0,_react.useCallback)(()=>{Se(),pe.current=setTimeout(()=>be(!1),50)},[Se]);(0,_react.useEffect)(()=>Se,[Se]);const ve=!o&&(Q||he),me=(0,_react.useMemo)(()=>(R??[]).slice(0,C),[R,C]),xe=(0,_react.useMemo)(()=>(L??[]).slice(0,A).map(_SearchPanel.normalizeSuggestion),[L,A]),Re=ve&&!ie&&me.length>0,Ce=ve&&ie&&xe.length>0,je=Ce?xe.length:0,Be=je>0?P.suggestionCount(je):"";(0,_react.useEffect)(()=>{Be&&(0,_announce.announce)(Be)},[Be]);const Fe=(0,_react.useCallback)(()=>{const e=(0,_hapticUtils.resolveHaptic)(E,"selection");e&&(0,_hapticUtils.triggerHaptic)(e)},[E]),Le=(0,_react.useCallback)(e=>{Fe(),W.current?.blur(),be(!1),j?.(e)},[Fe,j]),Ae=(0,_react.useCallback)(e=>{Fe(),W.current?.blur(),be(!1),y?.(e)},[Fe,y]),ye=(0,_react.useCallback)(e=>{Fe(),B?.(e),(0,_announce.announce)(P.removed(e)),K()},[Fe,B,K,P]),Ee=(0,_react.useCallback)(()=>{Fe(),F?.(),(0,_announce.announce)(P.recentsCleared),K()},[Fe,F,K,P]),Ie={size:U.icon,color:o?V.colors["text-disabled"]:V.colors["text-subtle"],disabled:o},ke=d?(0,_slotIcon.renderSlotIcon)(d,Ie):(V.settings.icons.search??_defaultIcons.defaultIcons.search)(Ie),qe=Boolean(S)&&"float"===g,we=(0,_useFloatingLabel.useFloatingLabel)({label:S,enabled:qe,floated:Q||ie,variant:H,sizeTokens:U,leadingOffset:U.icon+V.space.md,trailingOffset:ie?U.icon+V.space.md:0,paddingLeft:N?V.space.none:U["padding-x"],color:V.colors["field-label"],style:f}),Te=ie&&!o?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:re,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:P.clearSearch,children:(V.settings.icons.close??_defaultIcons.defaultIcons.close)({size:U.icon,color:V.colors["text-muted"]})}):null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:k,testID:T,children:[S&&!qe?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:h,style:f,children:S}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:G.root,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:G.fieldWrap,children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldBase,{size:h,variant:H,focused:Q,disabled:o,filled:ie,minHeight:U["min-height"],paddingHorizontal:N?V.space.none:U["padding-x"],borderRadius:p??M,leading:ke,trailing:Te,topNotch:we.topNotch,onPress:K,pressFeedback:!1,accessibilityRole:"search",accessibilityLabel:w??z,children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:$,style:[G.input,{fontSize:U.text,color:O.color,...O.weightStyle},q],value:ce,onChangeText:se,onSubmitEditing:ne,onFocus:Y,onBlur:Z,placeholder:!qe||Q||ie?z:void 0,placeholderTextColor:O.placeholderColor,autoFocus:i,editable:!o,returnKeyType:"search",selectionColor:(0,_FieldBase.resolveVariantColors)(V,H).borderFocusedRepresentative,accessibilityLabel:w??z,accessibilityState:{disabled:o},"aria-disabled":o,...D})}),we.node]})}),v&&v.length>0?(0,_jsxRuntime.jsx)(_SearchPanel.SearchScopeBar,{scopes:v,scope:oe||(v[0]?.value??""),disabled:o,haptic:E,labels:P,onChange:de}):null,Re?(0,_jsxRuntime.jsx)(_SearchPanel.SearchRecents,{recents:me,labels:P,onSelect:Le,onRemove:B?ye:void 0,onClear:F?Ee:void 0,onHold:ge,onRelease:fe}):null,Ce?(0,_jsxRuntime.jsx)(_SearchPanel.SearchSuggestions,{suggestions:xe,query:ce,onSelect:Ae,onHold:ge,onRelease:fe}):null]})});SearchBar.displayName="SearchBar";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flexDirection:"row",alignItems:"center",width:"100%",position:"relative",overflow:"visible"},fieldWrap:{flex:1,position:"relative",overflow:"visible"},input:{flex:1,padding:e.space.none,margin:e.space.none,includeFontPadding:!1}});var _default=exports.default=SearchBar;

package/lib/commonjs/components/SearchBar/SearchPanel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.normalizeSuggestion=exports.SearchSuggestions=exports.SearchScopeBar=exports.SearchRecents=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../AppIcon/index.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index3=require("../Chip/index.js"),_index4=require("../Text/index.js"),_highlight=require("./highlight.js"),_jsxRuntime=require("react/jsx-runtime");const TOUCH=44,ICON=18,normalizeSuggestion=e=>"string"==typeof e?{text:e}:e;exports.normalizeSuggestion=normalizeSuggestion;const SearchScopeBar=({scopes:e,scope:s,disabled:t,haptic:i,onChange:n})=>{const r=(0,_index.useTheme)(),o=(0,_react.useMemo)(()=>buildStyles(r),[r]);return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,keyboardShouldPersistTaps:"handled",contentContainerStyle:o.scopes,accessibilityLabel:"Search scope",children:e.map(e=>(0,_jsxRuntime.jsx)(_index3.Chip,{label:e.label,selected:e.value===s,disabled:t,haptic:i,onPress:()=>n(e.value),containerStyle:o.scopeChip},e.value))})};exports.SearchScopeBar=SearchScopeBar;const SearchRecents=({recents:e,title:s,onSelect:t,onRemove:i,onClear:n,onHold:r,onRelease:o})=>{const l=(0,_index.useTheme)(),a=(0,_react.useMemo)(()=>buildStyles(l),[l]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.list,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.header,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"label",accessibilityRole:"header",style:a.headerTitle,children:s}),n?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:n,onPressIn:r,onPressOut:o,accessibilityRole:"button",accessibilityLabel:"Clear all recent searches",style:a.clearAll,children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"label",color:"link",children:"Clear all"})}):null]}),e.map(e=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.row,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>t(e),onPressIn:r,onPressOut:o,accessibilityRole:"button",accessibilityLabel:e,accessibilityHint:"Searches again",android_ripple:{color:l.colors["surface-pressed"]},style:({pressed:e})=>[a.rowMain,e?{backgroundColor:l.colors["surface-pressed"]}:null],children:[(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"history",size:18,color:l.colors["text-subtle"]}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",numberOfLines:1,style:a.rowText,children:e})]}),i?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i(e),onPressIn:r,onPressOut:o,accessibilityRole:"button",accessibilityLabel:`Remove ${e} from recent searches`,style:a.remove,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"x",size:18,color:l.colors["text-muted"]})}):null]},e))]})};exports.SearchRecents=SearchRecents;const SuggestionRow=(0,_react.memo)(({item:e,query:s,onSelect:t,onHold:i,onRelease:n,theme:r,styles:o})=>{const l=(0,_highlight.splitHighlight)(e.text,s),a=e.icon?(0,_slotIcon.renderSlotIcon)(e.icon,{size:18,color:r.colors["text-subtle"],disabled:!1}):(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"search",size:18,color:r.colors["text-subtle"]});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>t(e),onPressIn:i,onPressOut:n,accessibilityRole:"button",accessibilityLabel:e.subtitle?`${e.text}, ${e.subtitle}`:e.text,android_ripple:{color:r.colors["surface-pressed"]},style:({pressed:e})=>[o.rowMain,o.suggestion,e?{backgroundColor:r.colors["surface-pressed"]}:null],children:[a,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.rowText,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:"secondary",numberOfLines:1,children:l.map(e=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:e.match?o.match:void 0,children:e.text},e.start))}),e.subtitle?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",numberOfLines:1,children:e.subtitle}):null]})]})});SuggestionRow.displayName="SuggestionRow";const SearchSuggestions=({suggestions:e,query:s,onSelect:t,onHold:i,onRelease:n})=>{const r=(0,_index.useTheme)(),o=(0,_react.useMemo)(()=>buildStyles(r),[r]);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:o.list,children:e.map(e=>(0,_jsxRuntime.jsx)(SuggestionRow,{item:e,query:s,onSelect:t,onHold:i,onRelease:n,theme:r,styles:o},e.id??e.text))})};exports.SearchSuggestions=SearchSuggestions;const buildStyles=e=>({..._reactNative.StyleSheet.create({scopes:{flexDirection:"row",alignItems:"center",gap:e.space.sm,paddingTop:e.space.sm},scopeChip:{minHeight:44},list:{width:"100%",paddingTop:e.space.xs},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",minHeight:44,paddingHorizontal:e.space.xs},headerTitle:{flex:1},clearAll:{minHeight:44,minWidth:44,justifyContent:"center",alignItems:"flex-end"},row:{flexDirection:"row",alignItems:"center"},rowMain:{flex:1,flexDirection:"row",alignItems:"center",gap:e.space.md,minHeight:44,paddingHorizontal:e.space.xs},suggestion:{paddingVertical:e.space.xs},rowText:{flex:1},remove:{width:44,height:44,alignItems:"center",justifyContent:"center"}}),match:{...(0,_index.fontFor)(e,"bold"),color:e.colors["text-body"]}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.normalizeSuggestion=exports.SearchSuggestions=exports.SearchScopeBar=exports.SearchRecents=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../AppIcon/index.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index3=require("../Chip/index.js"),_index4=require("../Text/index.js"),_highlight=require("./highlight.js"),_jsxRuntime=require("react/jsx-runtime");const TOUCH=44,ICON=18,normalizeSuggestion=e=>"string"==typeof e?{text:e}:e;exports.normalizeSuggestion=normalizeSuggestion;const SearchScopeBar=({scopes:e,scope:s,disabled:t,haptic:i,labels:n,onChange:r})=>{const o=(0,_index.useTheme)(),l=(0,_react.useMemo)(()=>buildStyles(o),[o]);return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,keyboardShouldPersistTaps:"handled",contentContainerStyle:l.scopes,accessibilityLabel:n.scope,children:e.map(e=>(0,_jsxRuntime.jsx)(_index3.Chip,{label:e.label,selected:e.value===s,disabled:t,haptic:i,onPress:()=>r(e.value),containerStyle:l.scopeChip},e.value))})};exports.SearchScopeBar=SearchScopeBar;const SearchRecents=({recents:e,labels:s,onSelect:t,onRemove:i,onClear:n,onHold:r,onRelease:o})=>{const l=(0,_index.useTheme)(),c=(0,_react.useMemo)(()=>buildStyles(l),[l]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:c.list,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:c.header,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"label",accessibilityRole:"header",style:c.headerTitle,children:s.recents}),n?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:n,onPressIn:r,onPressOut:o,accessibilityRole:"button",accessibilityLabel:s.clearAllRecents,style:c.clearAll,children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"label",color:"link",children:s.clearAll})}):null]}),e.map(e=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:c.row,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>t(e),onPressIn:r,onPressOut:o,accessibilityRole:"button",accessibilityLabel:e,accessibilityHint:s.searchAgain,android_ripple:{color:l.colors["surface-pressed"]},style:({pressed:e})=>[c.rowMain,e?{backgroundColor:l.colors["surface-pressed"]}:null],children:[(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"history",size:18,color:l.colors["text-subtle"]}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",numberOfLines:1,style:c.rowText,children:e})]}),i?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i(e),onPressIn:r,onPressOut:o,accessibilityRole:"button",accessibilityLabel:s.removeRecent(e),style:c.remove,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"x",size:18,color:l.colors["text-muted"]})}):null]},e))]})};exports.SearchRecents=SearchRecents;const SuggestionRow=(0,_react.memo)(({item:e,query:s,onSelect:t,onHold:i,onRelease:n,theme:r,styles:o})=>{const l=(0,_highlight.splitHighlight)(e.text,s),c=e.icon?(0,_slotIcon.renderSlotIcon)(e.icon,{size:18,color:r.colors["text-subtle"],disabled:!1}):(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"search",size:18,color:r.colors["text-subtle"]});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>t(e),onPressIn:i,onPressOut:n,accessibilityRole:"button",accessibilityLabel:e.subtitle?`${e.text}, ${e.subtitle}`:e.text,android_ripple:{color:r.colors["surface-pressed"]},style:({pressed:e})=>[o.rowMain,o.suggestion,e?{backgroundColor:r.colors["surface-pressed"]}:null],children:[c,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.rowText,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:"secondary",numberOfLines:1,children:l.map(e=>(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:"secondary",style:e.match?o.match:void 0,children:e.text},e.start))}),e.subtitle?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",numberOfLines:1,children:e.subtitle}):null]})]})});SuggestionRow.displayName="SuggestionRow";const SearchSuggestions=({suggestions:e,query:s,onSelect:t,onHold:i,onRelease:n})=>{const r=(0,_index.useTheme)(),o=(0,_react.useMemo)(()=>buildStyles(r),[r]);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:o.list,children:e.map(e=>(0,_jsxRuntime.jsx)(SuggestionRow,{item:e,query:s,onSelect:t,onHold:i,onRelease:n,theme:r,styles:o},e.id??e.text))})};exports.SearchSuggestions=SearchSuggestions;const buildStyles=e=>({..._reactNative.StyleSheet.create({scopes:{flexDirection:"row",alignItems:"center",gap:e.space.sm,paddingTop:e.space.sm},scopeChip:{minHeight:44},list:{width:"100%",paddingTop:e.space.xs},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",minHeight:44,paddingHorizontal:e.space.xs},headerTitle:{flex:1},clearAll:{minHeight:44,minWidth:44,justifyContent:"center",alignItems:"flex-end"},row:{flexDirection:"row",alignItems:"center"},rowMain:{flex:1,flexDirection:"row",alignItems:"center",gap:e.space.md,minHeight:44,paddingHorizontal:e.space.xs},suggestion:{paddingVertical:e.space.xs},rowText:{flex:1},remove:{width:44,height:44,alignItems:"center",justifyContent:"center"}}),match:{...(0,_index.fontFor)(e,"bold"),color:e.colors["text-body"]}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SearchBar",{enumerable:!0,get:function(){return _SearchBar.SearchBar}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SearchBar.default}}),Object.defineProperty(exports,"useRecentSearches",{enumerable:!0,get:function(){return _useRecentSearches.useRecentSearches}});var cache,_SearchBar=_interopRequireWildcard(require("./SearchBar.js")),_useRecentSearches=require("./useRecentSearches.js");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=a&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?a(n,c,t):n[c]=e[c]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SEARCH_BAR_LABELS",{enumerable:!0,get:function(){return _SearchBar.DEFAULT_SEARCH_BAR_LABELS}}),Object.defineProperty(exports,"SearchBar",{enumerable:!0,get:function(){return _SearchBar.SearchBar}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SearchBar.default}}),Object.defineProperty(exports,"useRecentSearches",{enumerable:!0,get:function(){return _useRecentSearches.useRecentSearches}});var cache,_SearchBar=_interopRequireWildcard(require("./SearchBar.js")),_useRecentSearches=require("./useRecentSearches.js");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=a&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?a(n,c,t):n[c]=e[c]);return n}

package/lib/commonjs/components/SectionHeader/SectionHeader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SectionHeader=void 0;var _react=require("react"),_index=require("../../theme/index.js"),_index2=require("../FieldBase/index.js"),_Text=require("../Text/Text.js"),_jsxRuntime=require("react/jsx-runtime");const SectionHeader=({children:e,variant:t="title",flush:r=!1,required:i=!1,style:a,testID:s})=>{const o=(0,_index.useTheme)(),n=(0,_react.useMemo)(()=>({marginTop:r?0:o.space.lg,marginBottom:o.space.sm}),[o,r]),d="caps"===t?{variant:"overline",color:"tertiary",weight:void 0}:"sub"===t?{variant:"label",color:"primary",weight:"semibold"}:{variant:"title",color:void 0,weight:void 0};return(0,_jsxRuntime.jsxs)(_Text.Text,{variant:d.variant,color:d.color,weight:d.weight,accessibilityRole:"header",accessibilityLabel:i&&"string"==typeof e?`${e}, required`:void 0,style:[n,a],testID:s,children:[e,i?(0,_jsxRuntime.jsx)(_index2.RequiredMark,{}):null]})};exports.SectionHeader=SectionHeader;var _default=exports.default=SectionHeader;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SectionHeader=exports.DEFAULT_SECTION_HEADER_LABELS=void 0;var _react=require("react"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../FieldBase/index.js"),_Text=require("../Text/Text.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SECTION_HEADER_LABELS=exports.DEFAULT_SECTION_HEADER_LABELS=Object.freeze({required:e=>`${e}, required`}),SectionHeader=e=>{const{children:r,variant:t="title",flush:i=!1,required:a=!1,labels:s,style:n,testID:o}=e;(0,_warnInvalidValue.warnInvalidValue)("SectionHeader","variant",e.variant,["title","caps","sub"]);const l=(0,_index.useTheme)(),d=(0,_react.useMemo)(()=>({...DEFAULT_SECTION_HEADER_LABELS,...s}),[s]),u=(0,_react.useMemo)(()=>({marginTop:i?0:l.space.lg,marginBottom:l.space.sm}),[l,i]),c="caps"===t?{variant:"overline",color:"tertiary",weight:void 0}:"sub"===t?{variant:"label",color:"primary",weight:"semibold"}:{variant:"title",color:void 0,weight:void 0};return(0,_jsxRuntime.jsxs)(_Text.Text,{variant:c.variant,color:c.color,weight:c.weight,accessibilityRole:"header",accessibilityLabel:a&&"string"==typeof r?d.required(r):void 0,style:[u,n],testID:o,children:[r,a?(0,_jsxRuntime.jsx)(_index2.RequiredMark,{}):null]})};exports.SectionHeader=SectionHeader;var _default=exports.default=SectionHeader;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SectionHeader",{enumerable:!0,get:function(){return _SectionHeader.SectionHeader}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SectionHeader.default}});var cache,_SectionHeader=_interopRequireWildcard(require("./SectionHeader.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,n=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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=n&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?n(a,c,t):a[c]=e[c]);return a}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SECTION_HEADER_LABELS",{enumerable:!0,get:function(){return _SectionHeader.DEFAULT_SECTION_HEADER_LABELS}}),Object.defineProperty(exports,"SectionHeader",{enumerable:!0,get:function(){return _SectionHeader.SectionHeader}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SectionHeader.default}});var cache,_SectionHeader=_interopRequireWildcard(require("./SectionHeader.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,c=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=c&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?c(a,n,t):a[n]=e[n]);return a}

package/lib/commonjs/components/SegmentedControl/SegmentedControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SegmentedControl=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"),_corners=require("../../utils/corners.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index4=require("../FieldBase/index.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");const LABEL_LINE_HEIGHT_RATIO=1.25,SegmentedControl=exports.SegmentedControl=(0,_react.forwardRef)((e,t)=>{const{segments:i,label:r,helperText:s,error:l,value:n,defaultValue:a,onChange:o,size:c="md",fullWidth:d=!0,disabled:u=!1,tone:m="primary",variant:x="segmented",radius:h,labelLines:g=1,haptic:_,accessibilityLabel:b,style:p,containerStyle:f,segmentStyle:v,selectedIndicatorStyle:y,textStyle:S,labelStyle:j,testID:C}=e,[R,w]=(0,_index.useControllableState)({value:n,defaultValue:a??i[0]?.value,onChange:o}),q=(0,_index2.useTheme)(),I=q.components["segmented-control"],N=(0,_react.useMemo)(()=>buildStyles(q),[q]),L=(0,_react.useMemo)(()=>(0,_index2.resolveSegmentedControlSize)(q,c),[q,c]),k=g>=2?2:1,F=k>1,M="segmented"===x,V="underline"===x,z="pills"===x,T=M?q.space[I["track-padding"]]:0,A=Math.ceil(1.25*L.text)*(k-1),E=I["underline-height"],D=q.space[I["pill-inset"]],H="number"==typeof h?h:h?q.radius[h]:void 0,W=H??q.radius.md,B=void 0===H?q.radius.sm:Math.max(H-T,0),P=H??q.radius.pill,O=H??q.radius.none,[G,X]=(0,_react.useState)(0),J=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,K=Math.max(0,i.findIndex(e=>e.value===R)),Q=G>0?(G-2*T)/Math.max(i.length,1):0,U=(0,_react.useCallback)((e,t)=>{if(t<=0)return;const i=t*e,r=q.motion.spring.snappy,s=_reactNative.Animated.spring(J,{toValue:i,damping:r.damping,stiffness:r.stiffness,mass:r.mass,overshootClamping:!0,useNativeDriver:!0});return s.start(),s},[q.motion.spring.snappy,J]),Y=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(Q<=0)return;const e=null!==Y.current&&Y.current!==K;if(Y.current=K,!e)return void J.setValue(Q*K);const t=U(K,Q);return()=>t?.stop()},[K,Q,U,J]);const Z=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.width;t!==G&&X(t)},[G]),$=(0,_react.useCallback)(e=>{if(u)return;if(e.value===R)return;const t=(0,_index3.resolveHaptic)(_,"selection");t&&(0,_index3.triggerHaptic)(t),w(e.value)},[u,w,R,_]),ee=M?q.colors.surface:z?q.colors["primary-soft"]:q.colors.primary,te=M?B:z?P:O,ie="neutral"===m?q.colors["text-body"]:q.colors.primary,re=q.colors["bg-muted"],se=(0,_SquircleFill.useSquircle)(M,W,Z),le=!0===l||(0,_index4.hasFieldText)(l),ne=le&&!u,ae=q.colors["field-border-error"],oe=q.size.border,ce=(0,_index4.hasFieldText)(r),de=le?l:s,ue=(0,_index4.hasFieldText)(de),me=b??("string"==typeof r?r:void 0),xe=(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessibilityRole:"radiogroup",accessibilityLabel:me,testID:C,style:[N.track,{...F?{minHeight:L.height+A}:{height:L.height},opacity:u?.55:1,alignSelf:d?"stretch":"flex-start"},M?{borderRadius:W,..._corners.smoothCorners,backgroundColor:se.active?"transparent":re,padding:T}:V?{borderBottomColor:ne?ae:q.colors["border-subtle"],borderBottomWidth:_reactNative.StyleSheet.hairlineWidth}:null,f,p],onLayout:se.onLayout,children:[se.active&&se.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:se.size.width,height:se.size.height,radius:W,fill:re,stroke:ne?ae:void 0,strokeWidth:oe}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:N.row,children:[Q>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[N.thumb,M?F?{top:0,bottom:0}:{top:0,height:L.height-2*T}:z?{top:D,bottom:D}:{bottom:0,height:E},{width:Q,borderRadius:te,..._corners.smoothCorners,backgroundColor:ee,transform:[{translateX:J}]},y]}):null,i.map(e=>{const t=e.value===R,i=t?ie:q.colors["text-subtle"],r=(0,_slotIcon.renderSlotIcon)(e.icon,{color:i,size:L.icon,selected:t,disabled:u});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>$(e),disabled:u,accessibilityRole:"radio",accessibilityLabel:e.label,accessibilityState:{checked:t,selected:t,disabled:u},"aria-checked":t,"aria-disabled":u,style:({pressed:e})=>[N.segment,F?N.segmentMultiline:null,{paddingHorizontal:L["padding-x"],opacity:e&&!t?.7:1},v],children:[r?(0,_jsxRuntime.jsx)(_reactNative.View,{style:N.segmentIcon,children:r}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[N.segmentLabel,F?N.segmentLabelMultiline:null,{color:i,fontSize:L.text,fontWeight:t?q.weight.semibold:q.weight.medium},S,j],numberOfLines:k,children:e.label})]},String(e.value))})]}),!ne||V||se.active?null:(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{borderWidth:oe,borderColor:ae,borderRadius:M?W:P,..._corners.smoothCorners}]})]});return ce||ue?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{alignSelf:d?"stretch":"flex-start"},children:[ce?(0,_jsxRuntime.jsx)(_index4.FieldLabel,{size:c,children:r}):null,xe,ue?(0,_jsxRuntime.jsx)(_index4.FieldMessage,{size:c,text:de,error:le}):null]}):xe});SegmentedControl.displayName="SegmentedControl";const buildStyles=e=>_reactNative.StyleSheet.create({track:{flexDirection:"row",alignItems:"stretch",position:"relative"},row:{flex:1,flexDirection:"row",alignItems:"stretch",position:"relative",overflow:"hidden"},thumb:{position:"absolute",left:0},segment:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},segmentIcon:{marginRight:e.space.xs},segmentMultiline:{paddingVertical:e.space.xs},segmentLabel:{includeFontPadding:!1},segmentLabelMultiline:{flexShrink:1,textAlign:"center"}});var _default=exports.default=SegmentedControl;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SegmentedControl=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"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index4=require("../FieldBase/index.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const LABEL_LINE_HEIGHT_RATIO=1.25,activeInkFor=(e,t)=>{switch(t){case"primary":return e.colors.primary;case"neutral":return e.colors["text-body"];case"success":return e.colors["success-text"];case"warning":return e.colors["warning-text"];case"danger":return e.colors["danger-text"];default:return e.colors["info-text"]}},SegmentedControl=exports.SegmentedControl=(0,_react.forwardRef)((e,t)=>{const{segments:r,label:i,helperText:n,error:l,value:s,defaultValue:a,onChange:o,size:d="md",fullWidth:c=!0,disabled:u=!1,tone:m="primary",variant:x="segmented",radius:g,labelLines:h=1,haptic:_,accessibilityLabel:p,style:b,containerStyle:v,segmentStyle:f,selectedIndicatorStyle:y,textStyle:S,labelStyle:j,testID:w}=e;(0,_warnInvalidValue.warnInvalidValue)("SegmentedControl","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("SegmentedControl","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("SegmentedControl","variant",e.variant,["underline","pills","segmented"]);const[I,C]=(0,_index.useControllableState)({value:s,defaultValue:a??r[0]?.value,onChange:o}),R=(0,_index2.useTheme)(),V=R.components["segmented-control"],q=(0,_react.useMemo)(()=>buildStyles(R),[R]),k=(0,_react.useMemo)(()=>(0,_index2.resolveSegmentedControlSize)(R,d),[R,d]),F=h>=2?2:1,L=F>1,N="segmented"===x,z="underline"===x,M="pills"===x,T=N?R.space[V["track-padding"]]:0,A=Math.ceil(1.25*k.text)*(F-1),E=V["underline-height"],D=R.space[V["pill-inset"]],H="number"==typeof g?g:g?R.radius[g]:void 0,W=H??R.radius.md,B=void 0===H?R.radius.sm:Math.max(H-T,0),P=H??R.radius.pill,O=H??R.radius.none,[G,X]=(0,_react.useState)(0),J=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,K=Math.max(0,r.findIndex(e=>e.value===I)),Q=G>0?(G-2*T)/Math.max(r.length,1):0,U=(0,_react.useCallback)((e,t)=>{if(t<=0)return;const r=t*e,i=R.motion.spring.snappy,n=_reactNative.Animated.spring(J,{toValue:r,damping:i.damping,stiffness:i.stiffness,mass:i.mass,overshootClamping:!0,useNativeDriver:!0});return n.start(),n},[R.motion.spring.snappy,J]),Y=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(Q<=0)return;const e=null!==Y.current&&Y.current!==K;if(Y.current=K,!e)return void J.setValue(Q*K);const t=U(K,Q);return()=>t?.stop()},[K,Q,U,J]);const Z=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.width;t!==G&&X(t)},[G]),$=(0,_react.useCallback)(e=>{if(u)return;if(e.value===I)return;const t=(0,_index3.resolveHaptic)(_,"selection");t&&(0,_index3.triggerHaptic)(t),C(e.value)},[u,C,I,_]),ee=N?R.colors.surface:M?R.colors["primary-soft"]:R.colors.primary,te=N?B:M?P:O,re=activeInkFor(R,m),ie=R.colors["bg-muted"],ne=(0,_SquircleFill.useSquircle)(N,W,Z),le=!0===l||(0,_index4.hasFieldText)(l),se=le&&!u,ae=R.colors["field-border-error"],oe=R.size.border,de=(0,_index4.hasFieldText)(i),ce=le?l:n,ue=(0,_index4.hasFieldText)(ce),me=p??("string"==typeof i?i:void 0),xe=(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessibilityRole:"radiogroup",accessibilityLabel:me,testID:w,style:[q.track,{...L?{minHeight:k.height+A}:{height:k.height},opacity:u?.55:1,alignSelf:c?"stretch":"flex-start"},N?{borderRadius:W,..._corners.smoothCorners,backgroundColor:ne.active?"transparent":ie,padding:T}:z?{borderBottomColor:se?ae:R.colors["border-subtle"],borderBottomWidth:_reactNative.StyleSheet.hairlineWidth}:null,v,b],onLayout:ne.onLayout,children:[ne.active&&ne.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:ne.size.width,height:ne.size.height,radius:W,fill:ie,stroke:se?ae:void 0,strokeWidth:oe}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:q.row,children:[Q>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[q.thumb,N?L?{top:0,bottom:0}:{top:0,height:k.height-2*T}:M?{top:D,bottom:D}:{bottom:0,height:E},{width:Q,borderRadius:te,..._corners.smoothCorners,backgroundColor:ee,transform:[{translateX:J}]},y]}):null,r.map(e=>{const t=e.value===I,r=t?re:R.colors["text-subtle"],i=(0,_slotIcon.renderSlotIcon)(e.icon,{color:r,size:k.icon,selected:t,disabled:u});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>$(e),disabled:u,accessibilityRole:"radio",accessibilityLabel:e.label,accessibilityState:{checked:t,selected:t,disabled:u},"aria-checked":t,"aria-disabled":u,style:({pressed:e})=>[q.segment,L?q.segmentMultiline:null,{paddingHorizontal:k["padding-x"],opacity:e&&!t?.7:1},f],children:[i?(0,_jsxRuntime.jsx)(_reactNative.View,{style:q.segmentIcon,children:i}):null,(0,_jsxRuntime.jsx)(_index5.Text,{variant:"label",weight:t?"semibold":"medium",style:[q.segmentLabel,L?q.segmentLabelMultiline:null,{color:r,fontSize:k.text},S,j],numberOfLines:F,children:e.label})]},String(e.value))})]}),!se||z||ne.active?null:(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{borderWidth:oe,borderColor:ae,borderRadius:N?W:P,..._corners.smoothCorners}]})]});return de||ue?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{alignSelf:c?"stretch":"flex-start"},children:[de?(0,_jsxRuntime.jsx)(_index4.FieldLabel,{size:d,children:i}):null,xe,ue?(0,_jsxRuntime.jsx)(_index4.FieldMessage,{size:d,text:ce,error:le}):null]}):xe});SegmentedControl.displayName="SegmentedControl";const buildStyles=e=>_reactNative.StyleSheet.create({track:{flexDirection:"row",alignItems:"stretch",position:"relative"},row:{flex:1,flexDirection:"row",alignItems:"stretch",position:"relative",overflow:"hidden"},thumb:{position:"absolute",left:0},segment:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},segmentIcon:{marginRight:e.space.xs},segmentMultiline:{paddingVertical:e.space.xs},segmentLabel:{includeFontPadding:!1},segmentLabelMultiline:{flexShrink:1,textAlign:"center"}});var _default=exports.default=SegmentedControl;

package/lib/commonjs/components/Select/Select.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Select=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_Chevron=require("../FieldBase/Chevron.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_Notation=require("../Notation/Notation.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_jsxRuntime=require("react/jsx-runtime");const sameSelectValue=(e,t)=>String(e)===String(t),containsValue=(e,t)=>e.some(e=>sameSelectValue(e,t)),Select=exports.Select=(0,_react.forwardRef)((e,t)=>{const{options:i,getOptionLabel:l,getOptionValue:n,getOptionDisabled:r,getOptionDescription:o,getOptionIcon:a,placeholder:s,onOpenChange:c,searchable:d=!1,haptic:u,label:x,help:p,title:_,required:h=!1,error:S,helperText:g,prefix:f,numberOfLines:v=1,disabled:b=!1,size:m="md",variant:j,leftIcon:y,rightIcon:C,chevronColor:F,chevronSize:O,borderRadius:R,accessibilityLabel:N,labelStyle:V,style:T,triggerStyle:B,textStyle:k,optionStyle:q,selectedOptionStyle:z,optionTextStyle:I,selectedOptionTextStyle:H,testID:L}=e,w=!0===e.multi,M=(0,_react.useCallback)(e=>l?l(e):e.label??"",[l]),P=(0,_react.useCallback)(e=>n?n(e):e.value,[n]),D=(0,_react.useCallback)(e=>r?r(e):!0===e.disabled,[r]),A=(0,_react.useCallback)(e=>o?o(e):e.description,[o]),$=(0,_react.useCallback)(e=>a?a(e):e.icon,[a]),E=(0,_index.useTheme)(),G=(0,_react.useMemo)(()=>buildStyles(E),[E]),J=(0,_index.resolveFieldSize)(E,m),K=(0,_FieldBase.resolveFieldTextStyle)(E,{disabled:b}),Q=j??E.settings.components.select?.defaultVariant??E.settings.components.field?.defaultVariant??"outlined",U=R??J.radius,[W,X]=(0,_react.useState)(!1),Y=(0,_react.useCallback)(t=>{if(w){const i=e.value??[];return containsValue(i,t)}return null!=e.value&&sameSelectValue(e.value,t)},[w,e.value]),Z=(0,_react.useMemo)(()=>{if(w){const t=e.value??[];return i.filter(e=>containsValue(t,P(e)))}const t=e.value;if(null==t)return[];const l=i.find(e=>sameSelectValue(P(e),t));return l?[l]:[]},[w,i,e.value,P]),ee=(0,_react.useCallback)(()=>{if(b)return;const e=(0,_index2.resolveHaptic)(u,"selection");e&&(0,_index2.triggerHaptic)(e),X(!0)},[b,u]),te=(0,_react.useCallback)(()=>{X(!1)},[]),ie=(0,_react.useCallback)(t=>{if(D(t))return;const i=P(t),l=(0,_index2.resolveHaptic)(u,"selection");if(l&&(0,_index2.triggerHaptic)(l),w){const t=e.value??[],l=containsValue(t,i)?t.filter(e=>!sameSelectValue(e,i)):[...t,i];return void e.onChange(l)}e.onChange(i),te()},[w,e,te,D,P,u]),le=0===Z.length?s??"Select…":Z.map(e=>M(e)).join(", "),ne=0===Z.length,re=!0===S||(0,_FieldBase.hasFieldText)(S),oe=(0,_FieldBase.hasFieldText)(x),ae=(0,_FieldBase.fieldTextAsString)(x),se=Math.round(1.4*J.text),ce=(0,_react.useMemo)(()=>({fontSize:J.text,color:K.placeholderColor}),[J.text,K.placeholderColor]),de={color:b?E.colors["field-icon-disabled"]:W?E.colors["field-icon-focus"]:E.colors["field-icon"],size:J.icon,disabled:b,focused:W,error:re},ue=0===Z.length?s??"No selection":`Selected: ${Z.map(e=>M(e)).join(", ")}`,xe=N??`${ae??"Select"}. ${ue}`;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[G.container,T],testID:L,children:[oe?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:m,required:h,help:p,style:V,children:x}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,collapsable:!1,children:(0,_jsxRuntime.jsxs)(_FieldBase.FieldBase,{size:m,variant:Q,disabled:b,error:re,filled:Z.length>0,onPress:ee,borderRadius:U,paddingHorizontal:"underline"===Q?E.space.none:void 0,accessibilityRole:"button",accessibilityLabel:xe,accessibilityState:{disabled:b,expanded:W},"aria-disabled":b,"aria-expanded":W,style:B,slotAlign:1===v?"center":"top",slotLineHeight:1===v?void 0:se,leading:y?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_slotIcon.renderSlotIcon)(y,de)}):null,trailing:C?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_slotIcon.renderSlotIcon)(C,de)}):(0,_jsxRuntime.jsx)(_Chevron.Chevron,{color:F??(b?E.colors["text-disabled"]:E.colors["text-subtle"]),size:O??J.icon,open:W,style:G.chevron}),children:[(0,_FieldBase.hasFieldText)(f)?"string"==typeof f||"number"==typeof f?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[G.prefix,{color:K.placeholderColor,fontSize:J.text,lineHeight:1===v?void 0:se,marginRight:E.space.xs}],children:f}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[G.prefixNode,{minHeight:1===v?void 0:se,justifyContent:"center",marginRight:E.space.xs}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[G.prefix,{color:K.placeholderColor,fontSize:J.text,lineHeight:1===v?void 0:se}],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:ce,children:f})})}):null,(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[G.triggerText,{color:ne?K.placeholderColor:K.color,fontSize:J.text,lineHeight:1===v?void 0:se,...K.weightStyle},k],numberOfLines:v,children:[le,ne&&h&&!oe?(0,_jsxRuntime.jsx)(_FieldBase.RequiredMark,{}):null]})]})}),(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{size:m,error:re,text:re?S:g}),(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{open:W,onClose:te,onOpenChange:c,title:_??ae,accessibilityLabel:ae??(oe?_:void 0)??s??"Options",options:i,labelOf:M,getValue:P,disabledOf:D,descriptionOf:A,iconOf:$,isSelected:Y,onSelect:ie,multi:w,searchable:d,optionStyle:q,selectedOptionStyle:z,optionTextStyle:I,selectedOptionTextStyle:H,searchSelectionColor:(0,_FieldBase.resolveVariantColors)(E,Q).borderFocusedRepresentative})]})});Select.displayName="Select";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},label:{includeFontPadding:!1},triggerText:{flex:1,includeFontPadding:!1},errorText:{includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},chevron:{marginLeft:e.space.sm}});var _default=exports.default=Select;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Select=exports.DEFAULT_SELECT_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_Chevron=require("../FieldBase/Chevron.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_Notation=require("../Notation/Notation.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SELECT_LABELS=exports.DEFAULT_SELECT_LABELS={placeholder:"Select…",noSelection:"No selection",selected:e=>`Selected: ${e}`,fallbackName:"Select",sheetName:"Options"},sameSelectValue=(e,t)=>String(e)===String(t),containsValue=(e,t)=>e.some(e=>sameSelectValue(e,t)),Select=exports.Select=(0,_react.forwardRef)((e,t)=>{(0,_warnInvalidValue.warnInvalidValue)("Select","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Select","variant",e.variant,["outline","filled","underline"]);const{options:i,getOptionLabel:l,getOptionValue:n,isOptionDisabled:a,getOptionDescription:r,getOptionIcon:o,placeholder:s,onVisibleChange:c,searchable:d=!1,haptic:u,labels:x,label:_,help:p,title:h,required:S=!1,error:b,helperText:v,prefix:g,numberOfLines:m=1,disabled:f=!1,size:j="md",variant:y,leftIcon:C,rightIcon:F,chevronColor:L,chevronSize:T,borderRadius:V,accessibilityLabel:R,labelStyle:O,style:B,triggerStyle:E,textStyle:I,optionStyle:N,selectedOptionStyle:q,optionTextStyle:z,selectedOptionTextStyle:k,testID:w}=e,A=!0===e.multi,D=x?{...DEFAULT_SELECT_LABELS,...x}:DEFAULT_SELECT_LABELS,H=(0,_react.useCallback)(e=>l?l(e):e.label??"",[l]),M=(0,_react.useCallback)(e=>n?n(e):e.value,[n]),P=(0,_react.useCallback)(e=>a?a(e):!0===e.disabled,[a]),U=(0,_react.useCallback)(e=>r?r(e):e.description,[r]),$=(0,_react.useCallback)(e=>o?o(e):e.icon,[o]),G=(0,_index.useTheme)(),J=(0,_react.useMemo)(()=>buildStyles(G),[G]),K=(0,_index.resolveFieldSize)(G,j),Q=(0,_FieldBase.resolveFieldTextStyle)(G,{disabled:f}),W=y??G.settings.components.select?.defaultVariant??G.settings.components.field?.defaultVariant??"outline",X=V??K.radius,[Y,Z]=(0,_react.useState)(!1),ee=(0,_react.useMemo)(()=>{if(A){const t=e.value??[];return i.filter(e=>containsValue(t,M(e)))}const t=e.value;if(null==t)return[];const l=i.find(e=>sameSelectValue(M(e),t));return l?[l]:[]},[A,i,e.value,M]),te=(0,_react.useCallback)(()=>{if(f)return;const e=(0,_index2.resolveHaptic)(u,"selection");e&&(0,_index2.triggerHaptic)(e),Z(!0)},[f,u]),ie=(0,_react.useCallback)(()=>{Z(!1)},[]),le=(0,_react.useCallback)(t=>{if(P(t))return;const i=M(t),l=(0,_index2.resolveHaptic)(u,"selection");if(l&&(0,_index2.triggerHaptic)(l),A){const t=e.value??[],l=containsValue(t,i)?t.filter(e=>!sameSelectValue(e,i)):[...t,i];return void e.onChange(l)}e.onChange(i),ie()},[A,e,ie,P,M,u]),ne=0===ee.length?s??D.placeholder:ee.map(e=>H(e)).join(", "),ae=0===ee.length,re=!0===b||(0,_FieldBase.hasFieldText)(b),oe=(0,_FieldBase.hasFieldText)(_),se=(0,_FieldBase.fieldTextAsString)(_),ce=Math.round(1.4*K.text),de=(0,_react.useMemo)(()=>({fontSize:K.text,color:Q.placeholderColor}),[K.text,Q.placeholderColor]),ue={color:f?G.colors["field-icon-disabled"]:Y?G.colors["field-icon-focus"]:G.colors["field-icon"],size:K.icon,disabled:f,focused:Y,error:re},xe=0===ee.length?s??D.noSelection:D.selected(ee.map(e=>H(e)).join(", ")),pe=R??`${se??D.fallbackName}. ${xe}`;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[J.container,B],testID:w,children:[oe?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:j,required:S,help:p,style:O,children:_}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,collapsable:!1,children:(0,_jsxRuntime.jsxs)(_FieldBase.FieldBase,{size:j,variant:W,disabled:f,error:re,filled:ee.length>0,onPress:te,borderRadius:X,paddingHorizontal:"underline"===W?G.space.none:void 0,accessibilityRole:"button",accessibilityLabel:pe,accessibilityState:{disabled:f,expanded:Y},"aria-disabled":f,"aria-expanded":Y,style:E,slotAlign:1===m?"center":"top",slotLineHeight:1===m?void 0:ce,leading:C?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_slotIcon.renderSlotIcon)(C,ue)}):null,trailing:F?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_slotIcon.renderSlotIcon)(F,ue)}):(0,_jsxRuntime.jsx)(_Chevron.Chevron,{color:L??(f?G.colors["text-disabled"]:G.colors["text-subtle"]),size:T??K.icon,open:Y,style:J.chevron}),children:[(0,_FieldBase.hasFieldText)(g)?"string"==typeof g||"number"==typeof g?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",style:[J.prefix,{color:Q.placeholderColor,fontSize:K.text,lineHeight:1===m?void 0:ce,marginRight:G.space.xs}],children:g}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[J.prefixNode,{minHeight:1===m?void 0:ce,justifyContent:"center",marginRight:G.space.xs}],children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",style:[J.prefix,{color:Q.placeholderColor,fontSize:K.text,lineHeight:1===m?void 0:ce}],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:de,children:g})})}):null,(0,_jsxRuntime.jsxs)(_index3.Text,{variant:"body",style:[J.triggerText,{color:ae?Q.placeholderColor:Q.color,fontSize:K.text,lineHeight:1===m?void 0:ce,...Q.weightStyle},I],numberOfLines:m,children:[ne,ae&&S&&!oe?(0,_jsxRuntime.jsx)(_FieldBase.RequiredMark,{}):null]})]})}),(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{size:j,error:re,text:re?b:v}),(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{visible:Y,onClose:ie,onVisibleChange:c,haptic:u,title:h??se,accessibilityLabel:se??(oe?h:void 0)??s??D.sheetName,options:i,getOptionLabel:H,getOptionValue:M,isOptionDisabled:P,getOptionDescription:U,getOptionIcon:$,value:e.value,onChange:(e,t)=>le(t),multi:A,searchable:d,optionStyle:N,selectedOptionStyle:q,optionTextStyle:z,selectedOptionTextStyle:k,searchSelectionColor:(0,_FieldBase.resolveVariantColors)(G,W).borderFocusedRepresentative})]})});Select.displayName="Select";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},label:{includeFontPadding:!1},triggerText:{flex:1,includeFontPadding:!1},errorText:{includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},chevron:{marginLeft:e.space.sm}});var _default=exports.default=Select;

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

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

package/lib/commonjs/components/SignaturePad/SignaturePad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SignaturePad=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Input/index.js"),_index4=require("../Text/index.js"),_signatureGeometry=require("./signatureGeometry.js"),_writePng=require("./writePng"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var n,a,r=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(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((n=r&&Object.getOwnPropertyDescriptor(e,a))&&(n.get||n.set)?r(i,a,n):i[a]=e[a]);return i}const DEFAULT_LABELS={pad:"Signature pad",padHint:"Draw with one finger. To sign without drawing, use the type your name action.",caption:"Sign above the line. To start with an up or down stroke, rest your finger a moment first.",typedCaption:"Your typed name is used as your signature.",undo:"Undo",clear:"Clear",typeInstead:"Type your name instead",drawInstead:"Draw instead",typedLabel:"Type your name",typedPlaceholder:"Your full name",empty:"Not signed",signed:"Signed",typingAnnouncement:"Signing by typing your name. Your typed name is used as your signature. Choose Draw instead to sign with your finger.",drawingAnnouncement:"Signing by drawing. Use one finger on the pad.",clearedAnnouncement:"Signature cleared",undoneAnnouncement:"Last stroke removed",emptyError:"Add a signature first.",expand:"Expand",done:"Done",close:"Close"},STROKE_WIDTH=2.5,SIDEWAYS_TO_DRAW=6,UPRIGHT_TO_SCROLL=8,REST_TO_DRAW_MS=200,MIN_POINT_GAP=.8,DEFAULT_HEIGHT=180,EXPANDED_CHROME=200,DEFAULT_NAME_LENGTH=100,MAX_EXPORT_SCALE=3,MIN_TARGET=44,BASELINE_OPACITY=.3,DISABLED_OPACITY=.5,TARGET_STYLE={minHeight:44},defaultScriptFont=()=>_reactNative.Platform.select({ios:"Snell Roundhand",default:"cursive"}),cssFontStack=e=>"cursive"===e?"cursive":`'${e}', cursive`,useScreenReader=()=>{const[e,t]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{let e=!0;_reactNative.AccessibilityInfo.isScreenReaderEnabled().then(n=>{e&&t(n)});const n=_reactNative.AccessibilityInfo.addEventListener("screenReaderChanged",t);return()=>{e=!1,n.remove()}},[]),e},StrokePath=(0,_react.memo)(({points:e,color:t})=>(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:(0,_signatureGeometry.strokePath)(e),stroke:t,strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}));StrokePath.displayName="SignaturePadStroke";const Marks=({mode:e,strokes:t,name:n,color:a,fontFamily:r,width:i,height:s})=>"draw"===e?(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:t.map(e=>(0,_jsxRuntime.jsx)(StrokePath,{points:e.points,color:a},e.id))}):n?(0,_jsxRuntime.jsx)(_reactNativeSvg.Text,{x:i/2,y:s*_signatureGeometry.BASELINE_RATIO,fontSize:(0,_signatureGeometry.typedFontSize)(i,n),fontFamily:r,textAnchor:"middle",fill:a,children:n}):null,SignaturePadSurface=(0,_react.forwardRef)((e,t)=>{const{expandable:n,initialStrokes:a,onChange:r,initialTypedName:i="",onTypedNameChange:s,defaultMode:o="draw",onModeChange:c,onEmptyChange:d,allowTyped:u=!0,signedBy:l,signedAt:_,height:m=DEFAULT_HEIGHT,maxNameLength:p=DEFAULT_NAME_LENGTH,inkColor:g,paperColor:h,scriptFontFamily:y,labels:x,haptic:f="selection",disabled:v=!1,style:S,testID:R}=e,j=(0,_index.useTheme)(),w=void 0===g&&void 0===h,T=w?j.colors["text-body"]:g??_index.lightTheme.colors["text-body"],b=w?j.colors.surface:h??_index.lightTheme.colors.surface,E=w?_index.lightTheme.colors["text-body"]:T,C=w?_index.lightTheme.colors.surface:b,A=E!==T||C!==b,N=y??defaultScriptFont(),P=(0,_react.useMemo)(()=>({...DEFAULT_LABELS,...x}),[x]),I=useScreenReader(),k=(0,_react.useRef)(null),L=(0,_react.useRef)(null),[D,G]=(0,_react.useState)(0),[M,F]=(0,_react.useState)(()=>(a??[]).map((e,t)=>({id:t+1,points:[...e]}))),O=(0,_react.useRef)(M),H=(0,_react.useRef)(M.length),B=(0,_react.useRef)(null),q=(0,_react.useRef)(null),[W,Y]=(0,_react.useState)(u?o:"draw"),[$,z]=(0,_react.useState)(i),[U,V]=(0,_react.useState)(null),X=(0,_react.useRef)(!1),{height:K}=(0,_reactNative.useWindowDimensions)(),[J,Q]=(0,_react.useState)(!1),[Z,ee]=(0,_react.useState)([]),te=(0,_react.useRef)({onChange:r,onTypedNameChange:s,onModeChange:c,onEmptyChange:d});(0,_react.useEffect)(()=>{te.current={onChange:r,onTypedNameChange:s,onModeChange:c,onEmptyChange:d}});const ne="draw"===W&&!v,ae="draw"===W?0===M.length:0===$.trim().length,re=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{re.current!==ae&&(re.current=ae,te.current.onEmptyChange?.(ae))},[ae]);const ie=(0,_react.useCallback)(e=>{O.current=e,F(e)},[]),se=(0,_react.useCallback)(()=>{V(Date.now()),te.current.onChange?.(O.current.map(e=>e.points))},[]),oe=(0,_react.useMemo)(()=>{const pan=e=>_reactNativeGestureHandler.Gesture.Pan().enabled(ne).runOnJS(!0).onBegin(e=>{B.current=(0,_signatureGeometry.pointOf)(e.x,e.y)}).onStart(t=>{q.current=e,H.current+=1;const n=(0,_signatureGeometry.pointOf)(t.x,t.y);ie([...O.current,{id:H.current,points:[B.current??n,n]}])}).onUpdate(t=>{if(q.current!==e)return;const n=O.current[O.current.length-1],a=(0,_signatureGeometry.pointOf)(t.x,t.y);(0,_signatureGeometry.distanceBetween)(n.points[n.points.length-1],a)<.8||ie([...O.current.slice(0,-1),{...n,points:[...n.points,a]}])}).onFinalize(()=>{q.current===e&&(q.current=null,se())}),e=pan("sideways").activeOffsetX([-6,6]).failOffsetY([-8,8]),t=pan("rested").activateAfterLongPress(200);return _reactNativeGestureHandler.Gesture.Race(e,t)},[ne,ie,se]),ce=(0,_react.useCallback)(e=>{Y(e),te.current.onModeChange?.(e),(0,_announce.announce)("type"===e?P.typingAnnouncement:P.drawingAnnouncement)},[P.typingAnnouncement,P.drawingAnnouncement]);(0,_react.useEffect)(()=>{I&&u&&!X.current&&"draw"===W&&0===O.current.length&&ce("type")},[I,u,W,ce]);const de=(0,_react.useCallback)(()=>{X.current=!0,ce("draw"===W?"type":"draw")},[W,ce]),ue=(0,_react.useCallback)(e=>{z(e),V(Date.now()),te.current.onTypedNameChange?.(e)},[]),le=(0,_react.useCallback)(()=>{"type"===W?ue(""):(ie([]),se()),(0,_announce.announce)(P.clearedAnnouncement)},[W,ue,ie,se,P.clearedAnnouncement]),me=(0,_react.useCallback)(()=>{"draw"===W&&0!==O.current.length&&(ie(O.current.slice(0,-1)),se(),(0,_announce.announce)(P.undoneAnnouncement))},[W,ie,se,P.undoneAnnouncement]),pe=(0,_react.useCallback)(()=>{ee(O.current.map(e=>e.points)),Q(!0)},[]),ge=(0,_react.useCallback)(()=>{Q(!1)},[]),he=(0,_react.useCallback)(()=>{ie(Z.map(e=>(H.current+=1,{id:H.current,points:[...e]}))),se(),Q(!1)},[Z,ie,se]),ye=D||_signatureGeometry.FALLBACK_WIDTH;(0,_react.useImperativeHandle)(t,()=>({toFile:()=>new Promise((e,t)=>{if(ae)return void t(new Error(P.emptyError));const n=A?L.current:k.current;if(!n)return void t(new Error("The signature pad is not on screen."));const a=Math.min(3,Math.max(1,_reactNative.PixelRatio.get()));n.toDataURL(n=>{try{e((0,_writePng.writePng)(n))}catch(e){t(e)}},{width:ye*a,height:m*a})}),toSvg:()=>(0,_signatureGeometry.buildSignatureSvg)({width:ye,height:m,mode:W,strokes:M.map(e=>e.points),typedName:$,ink:E,paper:C,strokeWidth:2.5,fontFamily:cssFontStack(N)}),clear:le,undo:me,isEmpty:()=>ae}),[ae,P.emptyError,ye,m,W,M,$,A,E,C,N,le,me]);const xe=(0,_react.useMemo)(()=>[{name:"undo",label:P.undo},{name:"clear",label:P.clear},...u?[{name:"toggleMode",label:"draw"===W?P.typeInstead:P.drawInstead}]:[]],[P.undo,P.clear,P.typeInstead,P.drawInstead,u,W]),fe=(0,_react.useCallback)(e=>{if(v)return;const{actionName:t}=e.nativeEvent;"undo"===t?me():"clear"===t?le():"toggleMode"===t&&u&&de()},[v,me,le,de,u]),ve=(0,_react.useCallback)(e=>{G(e.nativeEvent.layout.width)},[]),Se=(0,_react.useMemo)(()=>_reactNative.StyleSheet.create({root:{gap:j.space.sm},pad:{height:m,borderWidth:j.size.border,borderColor:j.colors.border,borderRadius:j.radius.md,..._corners.smoothCorners,overflow:"hidden",backgroundColor:b,opacity:v?.5:1},baseline:{position:"absolute",left:j.space.md,right:j.space.md,top:m*_signatureGeometry.BASELINE_RATIO,height:_reactNative.StyleSheet.hairlineWidth,backgroundColor:T,opacity:.3},actions:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:j.space.xs},trailing:{flexDirection:"row",alignItems:"center",gap:j.space.xs},expandedRoot:{flex:1,padding:j.space.md,gap:j.space.sm,backgroundColor:j.colors.bg},expandedBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}),[j,m,b,T,v]),Re=$.trim(),je=_??U,we=l&&!ae?`Signed by ${l}${je?`, ${(0,_mobileCore.formatDateTime)(je)}`:""}`:null,Te="type"===W&&Re?`${P.pad}. ${Re}`:P.pad;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[Se.root,S],testID:R,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:oe,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:Se.pad,onLayout:ve,accessible:!0,accessibilityRole:"image",accessibilityLabel:Te,accessibilityHint:"draw"===W?P.padHint:void 0,accessibilityValue:{text:ae?P.empty:P.signed},accessibilityState:{disabled:v},"aria-disabled":v,accessibilityActions:xe,onAccessibilityAction:fe,children:[A?(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{ref:L,style:_reactNative.StyleSheet.absoluteFill,width:"100%",height:m,children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:C}),(0,_jsxRuntime.jsx)(Marks,{mode:W,strokes:M,name:Re,color:E,fontFamily:N,width:ye,height:m})]}):null,(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{ref:k,width:"100%",height:m,children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:b}),(0,_jsxRuntime.jsx)(Marks,{mode:W,strokes:M,name:Re,color:T,fontFamily:N,width:ye,height:m})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:Se.baseline})]})}),"type"===W?(0,_jsxRuntime.jsx)(_index3.Input,{label:P.typedLabel,placeholder:P.typedPlaceholder,value:$,onChangeText:ue,maxLength:p,disabled:v,autoComplete:"name",textContentType:"name",autoCapitalize:"words",autoCorrect:!1,returnKeyType:"done",testID:R?`${R}-name`:void 0}):null,(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"tertiary",children:"draw"===W?P.caption:P.typedCaption}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:Se.actions,children:[u?(0,_jsxRuntime.jsx)(_index2.Button,{title:"draw"===W?P.typeInstead:P.drawInstead,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:v,onPress:de,testID:R?`${R}-mode`:void 0}):(0,_jsxRuntime.jsx)(_reactNative.View,{}),"draw"===W?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:Se.trailing,children:[M.length>0?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index2.Button,{title:P.undo,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:v,onPress:me,testID:R?`${R}-undo`:void 0}),(0,_jsxRuntime.jsx)(_index2.Button,{title:P.clear,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:v,onPress:le,testID:R?`${R}-clear`:void 0})]}):null,n?(0,_jsxRuntime.jsx)(_index2.Button,{title:P.expand,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:v,onPress:pe,testID:R?`${R}-expand`:void 0}):null]}):null,"type"===W&&Re?(0,_jsxRuntime.jsx)(_index2.Button,{title:P.clear,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:v,onPress:le,testID:R?`${R}-clear`:void 0}):null]}),we?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",children:we}):null,n?(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:J,animationType:"slide",presentationStyle:"fullScreen",onRequestClose:ge,children:(0,_jsxRuntime.jsxs)(ExpandedRoot,{style:Se.expandedRoot,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:Se.expandedBar,children:[(0,_jsxRuntime.jsx)(_index2.Button,{title:P.close,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,onPress:ge,testID:R?`${R}-close`:void 0}),(0,_jsxRuntime.jsx)(_index2.Button,{title:P.done,variant:"solid",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,onPress:he,testID:R?`${R}-done`:void 0})]}),J?(0,_jsxRuntime.jsx)(SignaturePadSurface,{expandable:!1,defaultMode:"draw",allowTyped:!1,initialStrokes:Z,onChange:ee,height:Math.max(DEFAULT_HEIGHT,K-200),inkColor:g,paperColor:h,scriptFontFamily:y,labels:x,haptic:f,testID:R?`${R}-expanded`:void 0}):null]})}):null]})});SignaturePadSurface.displayName="SignaturePadSurface";const ExpandedRoot="android"===_reactNative.Platform.OS?_reactNativeGestureHandler.GestureHandlerRootView:_reactNative.View,SignaturePad=exports.SignaturePad=(0,_react.forwardRef)((e,t)=>(0,_jsxRuntime.jsx)(SignaturePadSurface,{...e,expandable:!0,ref:t}));SignaturePad.displayName="SignaturePad";var _default=exports.default=SignaturePad;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SignaturePad=exports.DEFAULT_SIGNATURE_PAD_LABELS=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Button/index.js"),_index3=require("../Input/index.js"),_index4=require("../Text/index.js"),_signatureGeometry=require("./signatureGeometry.js"),_writePng=require("./writePng"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var n,a,r=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(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((n=r&&Object.getOwnPropertyDescriptor(e,a))&&(n.get||n.set)?r(i,a,n):i[a]=e[a]);return i}const DEFAULT_SIGNATURE_PAD_LABELS=exports.DEFAULT_SIGNATURE_PAD_LABELS=Object.freeze({pad:"Signature pad",padHint:"Draw with one finger. To sign without drawing, use the type your name action.",caption:"Sign above the line. To start with an up or down stroke, rest your finger a moment first.",typedCaption:"Your typed name is used as your signature.",undo:"Undo",clear:"Clear",typeInstead:"Type your name instead",drawInstead:"Draw instead",typedLabel:"Type your name",typedPlaceholder:"Your full name",empty:"Not signed",signed:"Signed",typingAnnouncement:"Signing by typing your name. Your typed name is used as your signature. Choose Draw instead to sign with your finger.",drawingAnnouncement:"Signing by drawing. Use one finger on the pad.",clearedAnnouncement:"Signature cleared",undoneAnnouncement:"Last stroke removed",emptyError:"Add a signature first.",expand:"Expand",done:"Done",close:"Close"}),STROKE_WIDTH=2.5,SIDEWAYS_TO_DRAW=6,UPRIGHT_TO_SCROLL=8,REST_TO_DRAW_MS=200,MIN_POINT_GAP=.8,DEFAULT_HEIGHT=180,EXPANDED_CHROME=200,DEFAULT_NAME_LENGTH=100,MAX_EXPORT_SCALE=3,MIN_TARGET=44,BASELINE_OPACITY=.3,DISABLED_OPACITY=.5,TARGET_STYLE={minHeight:44},defaultScriptFont=()=>_reactNative.Platform.select({ios:"Snell Roundhand",default:"cursive"}),cssFontStack=e=>"cursive"===e?"cursive":`'${e}', cursive`,useScreenReader=()=>{const[e,t]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{let e=!0;_reactNative.AccessibilityInfo.isScreenReaderEnabled().then(n=>{e&&t(n)});const n=_reactNative.AccessibilityInfo.addEventListener("screenReaderChanged",t);return()=>{e=!1,n.remove()}},[]),e},StrokePath=(0,_react.memo)(({points:e,color:t})=>(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:(0,_signatureGeometry.strokePath)(e),stroke:t,strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}));StrokePath.displayName="SignaturePadStroke";const Marks=({mode:e,strokes:t,name:n,color:a,fontFamily:r,width:i,height:s})=>"draw"===e?(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:t.map(e=>(0,_jsxRuntime.jsx)(StrokePath,{points:e.points,color:a},e.id))}):n?(0,_jsxRuntime.jsx)(_reactNativeSvg.Text,{x:i/2,y:s*_signatureGeometry.BASELINE_RATIO,fontSize:(0,_signatureGeometry.typedFontSize)(i,n),fontFamily:r,textAnchor:"middle",fill:a,children:n}):null,SignaturePadSurface=(0,_react.forwardRef)((e,t)=>{const{expandable:n,initialStrokes:a,onChange:r,initialTypedName:i="",onTypedNameChange:s,defaultMode:o="draw",onModeChange:c,onEmptyChange:d,allowTyped:l=!0,signedBy:u,signedAt:_,height:m=DEFAULT_HEIGHT,maxNameLength:p=DEFAULT_NAME_LENGTH,inkColor:g,paperColor:h,scriptFontFamily:y,labels:x,haptic:f="selection",disabled:S=!1,style:v,testID:R}=e;(0,_warnInvalidValue.warnInvalidValue)("SignaturePad","defaultMode",e.defaultMode,["draw","type"]);const j=(0,_index.useTheme)(),b=void 0===g&&void 0===h,w=b?j.colors["text-body"]:g??_index.lightTheme.colors["text-body"],T=b?j.colors.surface:h??_index.lightTheme.colors.surface,E=b?_index.lightTheme.colors["text-body"]:w,A=b?_index.lightTheme.colors.surface:T,C=E!==w||A!==T,N=y??defaultScriptFont(),I=(0,_react.useMemo)(()=>({...DEFAULT_SIGNATURE_PAD_LABELS,...x}),[x]),P=useScreenReader(),L=(0,_react.useRef)(null),D=(0,_react.useRef)(null),[k,G]=(0,_react.useState)(0),[M,F]=(0,_react.useState)(()=>(a??[]).map((e,t)=>({id:t+1,points:[...e]}))),O=(0,_react.useRef)(M),H=(0,_react.useRef)(M.length),B=(0,_react.useRef)(null),q=(0,_react.useRef)(null),[U,W]=(0,_react.useState)(l?o:"draw"),[Y,$]=(0,_react.useState)(i),[V,z]=(0,_react.useState)(null),X=(0,_react.useRef)(!1),{height:K}=(0,_reactNative.useWindowDimensions)(),[J,Q]=(0,_react.useState)(!1),[Z,ee]=(0,_react.useState)([]),te=(0,_react.useRef)({onChange:r,onTypedNameChange:s,onModeChange:c,onEmptyChange:d});(0,_react.useEffect)(()=>{te.current={onChange:r,onTypedNameChange:s,onModeChange:c,onEmptyChange:d}});const ne="draw"===U&&!S,ae="draw"===U?0===M.length:0===Y.trim().length,re=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{re.current!==ae&&(re.current=ae,te.current.onEmptyChange?.(ae))},[ae]);const ie=(0,_react.useCallback)(e=>{O.current=e,F(e)},[]),se=(0,_react.useCallback)(()=>{z(Date.now()),te.current.onChange?.(O.current.map(e=>e.points))},[]),oe=(0,_react.useMemo)(()=>{const pan=e=>_reactNativeGestureHandler.Gesture.Pan().enabled(ne).runOnJS(!0).onBegin(e=>{B.current=(0,_signatureGeometry.pointOf)(e.x,e.y)}).onStart(t=>{q.current=e,H.current+=1;const n=(0,_signatureGeometry.pointOf)(t.x,t.y);ie([...O.current,{id:H.current,points:[B.current??n,n]}])}).onUpdate(t=>{if(q.current!==e)return;const n=O.current[O.current.length-1],a=(0,_signatureGeometry.pointOf)(t.x,t.y);(0,_signatureGeometry.distanceBetween)(n.points[n.points.length-1],a)<.8||ie([...O.current.slice(0,-1),{...n,points:[...n.points,a]}])}).onFinalize(()=>{q.current===e&&(q.current=null,se())}),e=pan("sideways").activeOffsetX([-6,6]).failOffsetY([-8,8]),t=pan("rested").activateAfterLongPress(200);return _reactNativeGestureHandler.Gesture.Race(e,t)},[ne,ie,se]),ce=(0,_react.useCallback)(e=>{W(e),te.current.onModeChange?.(e),(0,_announce.announce)("type"===e?I.typingAnnouncement:I.drawingAnnouncement)},[I.typingAnnouncement,I.drawingAnnouncement]);(0,_react.useEffect)(()=>{P&&l&&!X.current&&"draw"===U&&0===O.current.length&&ce("type")},[P,l,U,ce]);const de=(0,_react.useCallback)(()=>{X.current=!0,ce("draw"===U?"type":"draw")},[U,ce]),le=(0,_react.useCallback)(e=>{$(e),z(Date.now()),te.current.onTypedNameChange?.(e)},[]),ue=(0,_react.useCallback)(()=>{"type"===U?le(""):(ie([]),se()),(0,_announce.announce)(I.clearedAnnouncement)},[U,le,ie,se,I.clearedAnnouncement]),me=(0,_react.useCallback)(()=>{"draw"===U&&0!==O.current.length&&(ie(O.current.slice(0,-1)),se(),(0,_announce.announce)(I.undoneAnnouncement))},[U,ie,se,I.undoneAnnouncement]),pe=(0,_react.useCallback)(()=>{ee(O.current.map(e=>e.points)),Q(!0)},[]),ge=(0,_react.useCallback)(()=>{Q(!1)},[]),he=(0,_react.useCallback)(()=>{ie(Z.map(e=>(H.current+=1,{id:H.current,points:[...e]}))),se(),Q(!1)},[Z,ie,se]),ye=k||_signatureGeometry.FALLBACK_WIDTH;(0,_react.useImperativeHandle)(t,()=>({toFile:()=>new Promise((e,t)=>{if(ae)return void t(new Error(I.emptyError));const n=C?D.current:L.current;if(!n)return void t(new Error("The signature pad is not on screen."));const a=Math.min(3,Math.max(1,_reactNative.PixelRatio.get()));n.toDataURL(n=>{try{e((0,_writePng.writePng)(n))}catch(e){t(e)}},{width:ye*a,height:m*a})}),toSvg:()=>(0,_signatureGeometry.buildSignatureSvg)({width:ye,height:m,mode:U,strokes:M.map(e=>e.points),typedName:Y,ink:E,paper:A,strokeWidth:2.5,fontFamily:cssFontStack(N)}),clear:ue,undo:me,isEmpty:()=>ae}),[ae,I.emptyError,ye,m,U,M,Y,C,E,A,N,ue,me]);const xe=(0,_react.useMemo)(()=>[{name:"undo",label:I.undo},{name:"clear",label:I.clear},...l?[{name:"toggleMode",label:"draw"===U?I.typeInstead:I.drawInstead}]:[]],[I.undo,I.clear,I.typeInstead,I.drawInstead,l,U]),fe=(0,_react.useCallback)(e=>{if(S)return;const{actionName:t}=e.nativeEvent;"undo"===t?me():"clear"===t?ue():"toggleMode"===t&&l&&de()},[S,me,ue,de,l]),Se=(0,_react.useCallback)(e=>{G(e.nativeEvent.layout.width)},[]),ve=(0,_react.useMemo)(()=>_reactNative.StyleSheet.create({root:{gap:j.space.sm},pad:{height:m,borderWidth:j.size.border,borderColor:j.colors.border,borderRadius:j.radius.md,..._corners.smoothCorners,overflow:"hidden",backgroundColor:T,opacity:S?.5:1},baseline:{position:"absolute",left:j.space.md,right:j.space.md,top:m*_signatureGeometry.BASELINE_RATIO,height:_reactNative.StyleSheet.hairlineWidth,backgroundColor:w,opacity:.3},actions:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:j.space.xs},trailing:{flexDirection:"row",alignItems:"center",gap:j.space.xs},expandedRoot:{flex:1,padding:j.space.md,gap:j.space.sm,backgroundColor:j.colors.bg},expandedBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}),[j,m,T,w,S]),Re=Y.trim(),je=_??V,be=u&&!ae?`Signed by ${u}${je?`, ${(0,_mobileCore.formatDateTime)(je)}`:""}`:null,we="type"===U&&Re?`${I.pad}. ${Re}`:I.pad;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[ve.root,v],testID:R,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:oe,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:ve.pad,onLayout:Se,accessible:!0,accessibilityRole:"image",accessibilityLabel:we,accessibilityHint:"draw"===U?I.padHint:void 0,accessibilityValue:{text:ae?I.empty:I.signed},accessibilityState:{disabled:S},"aria-disabled":S,accessibilityActions:xe,onAccessibilityAction:fe,children:[C?(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{ref:D,style:_reactNative.StyleSheet.absoluteFill,width:"100%",height:m,children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:A}),(0,_jsxRuntime.jsx)(Marks,{mode:U,strokes:M,name:Re,color:E,fontFamily:N,width:ye,height:m})]}):null,(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{ref:L,width:"100%",height:m,children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:T}),(0,_jsxRuntime.jsx)(Marks,{mode:U,strokes:M,name:Re,color:w,fontFamily:N,width:ye,height:m})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:ve.baseline})]})}),"type"===U?(0,_jsxRuntime.jsx)(_index3.Input,{label:I.typedLabel,placeholder:I.typedPlaceholder,value:Y,onChangeText:le,maxLength:p,disabled:S,autoComplete:"name",textContentType:"name",autoCapitalize:"words",autoCorrect:!1,returnKeyType:"done",testID:R?`${R}-name`:void 0}):null,(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"tertiary",children:"draw"===U?I.caption:I.typedCaption}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:ve.actions,children:[l?(0,_jsxRuntime.jsx)(_index2.Button,{label:"draw"===U?I.typeInstead:I.drawInstead,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:S,onPress:de,testID:R?`${R}-mode`:void 0}):(0,_jsxRuntime.jsx)(_reactNative.View,{}),"draw"===U?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:ve.trailing,children:[M.length>0?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index2.Button,{label:I.undo,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:S,onPress:me,testID:R?`${R}-undo`:void 0}),(0,_jsxRuntime.jsx)(_index2.Button,{label:I.clear,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:S,onPress:ue,testID:R?`${R}-clear`:void 0})]}):null,n?(0,_jsxRuntime.jsx)(_index2.Button,{label:I.expand,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:S,onPress:pe,testID:R?`${R}-expand`:void 0}):null]}):null,"type"===U&&Re?(0,_jsxRuntime.jsx)(_index2.Button,{label:I.clear,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,disabled:S,onPress:ue,testID:R?`${R}-clear`:void 0}):null]}),be?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",children:be}):null,n?(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:J,animationType:"slide",presentationStyle:"fullScreen",onRequestClose:ge,children:(0,_jsxRuntime.jsxs)(ExpandedRoot,{style:ve.expandedRoot,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:ve.expandedBar,children:[(0,_jsxRuntime.jsx)(_index2.Button,{label:I.close,variant:"ghost",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,onPress:ge,testID:R?`${R}-close`:void 0}),(0,_jsxRuntime.jsx)(_index2.Button,{label:I.done,variant:"solid",tone:"primary",size:"md",style:TARGET_STYLE,haptic:f,onPress:he,testID:R?`${R}-done`:void 0})]}),J?(0,_jsxRuntime.jsx)(SignaturePadSurface,{expandable:!1,defaultMode:"draw",allowTyped:!1,initialStrokes:Z,onChange:ee,height:Math.max(DEFAULT_HEIGHT,K-200),inkColor:g,paperColor:h,scriptFontFamily:y,labels:x,haptic:f,testID:R?`${R}-expanded`:void 0}):null]})}):null]})});SignaturePadSurface.displayName="SignaturePadSurface";const ExpandedRoot="android"===_reactNative.Platform.OS?_reactNativeGestureHandler.GestureHandlerRootView:_reactNative.View,SignaturePad=exports.SignaturePad=(0,_react.forwardRef)((e,t)=>(0,_jsxRuntime.jsx)(SignaturePadSurface,{...e,expandable:!0,ref:t}));SignaturePad.displayName="SignaturePad";var _default=exports.default=SignaturePad;

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

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

package/lib/commonjs/components/Skeleton/Skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SkeletonText=exports.SkeletonCircle=exports.Skeleton=void 0;var _react=require("react"),_reactNative=require("react-native"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_Gradient=require("../../theme/Gradient.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_SkeletonClock=require("./SkeletonClock.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_jsxRuntime=require("react/jsx-runtime");const resolveRadius=(e,t)=>"number"==typeof t?t:e.radius[t],resolveWidth=e=>void 0===e?"100%":e,radiusForShape=(e,t,s,i,r)=>{if(void 0!==r)return resolveRadius(e,r);switch(t){case"circle":return"number"==typeof s?Math.min(s,i)/2:i/2;case"rounded":return e.radius.md;default:return e.radius.sm}},Skeleton=({shape:e="rect",width:t="100%",height:s=16,radius:i,variant:r,speed:o,colors:n,style:a,testID:l})=>{const u=(0,_index.useTheme)(),c=(0,_SkeletonProvider.useSkeletonDefaults)(),d=(0,_SkeletonClock.useSkeletonClock)(),m=(0,_useReducedMotion.useReducedMotion)(),h=r??c.variant??"shimmer",p=m&&"auto"===(c.animation??"auto");let x=h;d.enabled?p&&"shimmer"===h&&(x="pulse"):x="none";const k=n?.background??c.colors?.background??u.colors.skeleton,S=n?.highlight??c.colors?.highlight??u.colors["skeleton-highlight"],{responsive:_}=(0,_index2.useScreenDimensions)(),v=(0,_react.useMemo)(()=>buildStyles(),[]),y=resolveWidth(t),g=_.size(s),b=radiusForShape(u,e,y,g,i),[j,R]=(0,_react.useState)(0),f=(0,_react.useMemo)(()=>j<=0?0:Math.max(48,.7*j),[j]),w=(0,_react.useMemo)(()=>j<=0?0:d.shimmer.interpolate({inputRange:[0,1],outputRange:[-f,j]}),[d.shimmer,f,j]),C=(0,_react.useMemo)(()=>"none"===x?null:"pulse"===x?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{backgroundColor:S,opacity:d.pulse.interpolate({inputRange:[0,1],outputRange:[0,.55]})}]}):j<=0?null:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[v.shimmerBand,{width:f,transform:[{translateX:w}],experimental_backgroundImage:[(0,_Gradient.toBackgroundImage)({colors:["transparent",S,"transparent"],locations:[0,.5,1],start:{x:0,y:.5},end:{x:1,y:.5}})]}]}),[x,S,d.pulse,j,v.shimmerBand,f,w]);return(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:e=>{const t=e.nativeEvent.layout.width;t!==j&&R(t)},accessible:!0,accessibilityLabel:"Loading",accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,accessibilityLiveRegion:"polite",testID:l,style:[v.base,{width:y,height:g,borderRadius:b,..._corners.smoothCorners,backgroundColor:k},a],children:C})};exports.Skeleton=Skeleton,Skeleton.displayName="Skeleton";const SkeletonCircle=({size:e,style:t,...s})=>{const{responsive:i}=(0,_index2.useScreenDimensions)(),r=i.size(e);return(0,_jsxRuntime.jsx)(Skeleton,{...s,shape:"circle",width:r,height:e,style:t})};exports.SkeletonCircle=SkeletonCircle,SkeletonCircle.displayName="SkeletonCircle";const SkeletonText=({lines:e=3,lastLineWidth:t="60%",spacing:s,fontSize:i,variant:r,speed:o,radius:n="sm",width:a="100%",style:l,testID:u})=>{const c=(0,_index.useTheme)(),d=s??c.space.xs,m=Math.max(1,e);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:l,testID:u,children:Array.from({length:m}).map((e,s)=>{const l=s===m-1&&m>1?t:a;return(0,_jsxRuntime.jsx)(Skeleton,{shape:"text",width:l,height:i??c.text.base.size,radius:n,variant:r,speed:o,style:s<m-1?{marginBottom:d}:void 0},s)})})};exports.SkeletonText=SkeletonText,SkeletonText.displayName="SkeletonText";const buildStyles=()=>_reactNative.StyleSheet.create({base:{overflow:"hidden"},shimmerBand:{position:"absolute",top:0,bottom:0,left:0}});var _default=exports.default=Skeleton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SkeletonText=exports.SkeletonCircle=exports.Skeleton=exports.DEFAULT_SKELETON_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_Gradient=require("../../theme/Gradient.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_SkeletonClock=require("./SkeletonClock.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SKELETON_LABELS=exports.DEFAULT_SKELETON_LABELS=Object.freeze({loading:"Loading"}),resolveRadius=(e,t)=>"number"==typeof t?t:e.radius[t],resolveWidth=e=>void 0===e?"100%":e,radiusForShape=(e,t,s,r,i)=>{if(void 0!==i)return resolveRadius(e,i);switch(t){case"circle":return"number"==typeof s?Math.min(s,r)/2:r/2;case"rounded":return e.radius.md;default:return e.radius.sm}},Skeleton=e=>{const{shape:t="rect",width:s="100%",height:r=16,radius:i,variant:n,speed:a,colors:o,labels:l,style:u,testID:d}=e;(0,_warnInvalidValue.warnInvalidValue)("Skeleton","shape",e.shape,["rect","rounded","circle","text"]),(0,_warnInvalidValue.warnInvalidValue)("Skeleton","variant",e.variant,["shimmer","pulse","none"]),(0,_warnInvalidValue.warnInvalidValue)("Skeleton","speed",e.speed,["slow","normal","fast"]);const c=(0,_index.useTheme)(),m=(0,_SkeletonProvider.useSkeletonDefaults)(),h=(0,_SkeletonClock.useSkeletonClock)(),p=(0,_useReducedMotion.useReducedMotion)(),S=n??m.variant??"shimmer",_=p&&"auto"===(m.animation??"auto");let x=S;h.enabled?_&&"shimmer"===S&&(x="pulse"):x="none";const k=o?.background??m.colors?.background??c.colors.skeleton,v=o?.highlight??m.colors?.highlight??c.colors["skeleton-highlight"],{responsive:b}=(0,_index2.useScreenDimensions)(),y=(0,_react.useMemo)(()=>buildStyles(),[]),g=(0,_react.useMemo)(()=>({...DEFAULT_SKELETON_LABELS,...l}),[l]),j=resolveWidth(s),w=b.size(r),L=radiusForShape(c,t,j,w,i),[R,E]=(0,_react.useState)(0),f=(0,_react.useMemo)(()=>R<=0?0:Math.max(48,.7*R),[R]),T=(0,_react.useMemo)(()=>R<=0?0:h.shimmer.interpolate({inputRange:[0,1],outputRange:[-f,R]}),[h.shimmer,f,R]),I=(0,_react.useMemo)(()=>"none"===x?null:"pulse"===x?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{backgroundColor:v,opacity:h.pulse.interpolate({inputRange:[0,1],outputRange:[0,.55]})}]}):R<=0?null:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[y.shimmerBand,{width:f,transform:[{translateX:T}],experimental_backgroundImage:[(0,_Gradient.toBackgroundImage)({colors:["transparent",v,"transparent"],locations:[0,.5,1],start:{x:0,y:.5},end:{x:1,y:.5}})]}]}),[x,v,h.pulse,R,y.shimmerBand,f,T]);return(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:e=>{const t=e.nativeEvent.layout.width;t!==R&&E(t)},accessible:!0,accessibilityLabel:g.loading,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,accessibilityLiveRegion:"polite",testID:d,style:[y.base,{width:j,height:w,borderRadius:L,..._corners.smoothCorners,backgroundColor:k},u],children:I})};exports.Skeleton=Skeleton,Skeleton.displayName="Skeleton";const SkeletonCircle=({size:e,style:t,...s})=>{const{responsive:r}=(0,_index2.useScreenDimensions)(),i=r.size(e);return(0,_jsxRuntime.jsx)(Skeleton,{...s,shape:"circle",width:i,height:e,style:t})};exports.SkeletonCircle=SkeletonCircle,SkeletonCircle.displayName="SkeletonCircle";const SkeletonText=({lines:e=3,lastLineWidth:t="60%",spacing:s,fontSize:r,variant:i,speed:n,radius:a="sm",width:o="100%",labels:l,style:u,testID:d})=>{const c=(0,_index.useTheme)(),m=s??c.space.xs,h=Math.max(1,e);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:u,testID:d,children:Array.from({length:h}).map((e,s)=>{const u=s===h-1&&h>1?t:o;return(0,_jsxRuntime.jsx)(Skeleton,{shape:"text",width:u,height:r??c.text.base.size,radius:a,variant:i,speed:n,labels:l,style:s<h-1?{marginBottom:m}:void 0},s)})})};exports.SkeletonText=SkeletonText,SkeletonText.displayName="SkeletonText";const buildStyles=()=>_reactNative.StyleSheet.create({base:{overflow:"hidden"},shimmerBand:{position:"absolute",top:0,bottom:0,left:0}});var _default=exports.default=Skeleton;

package/lib/commonjs/components/Skeleton/SkeletonContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SkeletonContent=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_Skeleton=require("./Skeleton.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_SkeletonSkip=require("./SkeletonSkip.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,i,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(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=n&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(s,i,r):s[i]=e[i]);return s}const DEFAULT_REVEAL_FADE_MS=300,flattenStyle=e=>{if(!e)return{};return _reactNative.StyleSheet.flatten(e)??{}},resolveWidth=(e,t)=>"number"==typeof e?e:"string"!=typeof e||"auto"!==e&&"100%"!==e&&!/^\d+(\.\d+)?%$/.test(e)?t:e,resolveRadius=(e,t)=>"number"==typeof e?e:t,skeletonizeNode=(e,t,r,i,n,s="r")=>{if(null==t||"boolean"==typeof t)return null;if("string"==typeof t||"number"==typeof t)return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{shape:"text",width:"60%",height:14,variant:r,speed:i,colors:n},`${s}-text`);if(Array.isArray(t))return _react.Children.map(t,(t,o)=>skeletonizeNode(e,t,r,i,n,`${s}-${o}`));if(!(0,_react.isValidElement)(t))return null;const o=t,a=o.props??{},l=o.type;if(l===_SkeletonSkip.SkeletonSkip)return(0,_react.cloneElement)(o,{key:`${s}-skip`});if("function"==typeof l||"object"==typeof l){const e=l.Skeleton;if(e){const t=e;return(0,_jsxRuntime.jsx)(t,{...a},`${s}-self`)}}if(l===_reactNative.Image){const e=flattenStyle(a.style),t=resolveWidth(e.width,"100%"),o="number"==typeof e.height?e.height:120,l=resolveRadius(e.borderRadius,"sm");return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{width:t,height:o,radius:l,variant:r,speed:i,colors:n,style:{margin:"number"==typeof e.margin?e.margin:void 0}},`${s}-img`)}if(l===_reactNative.Text){const t=flattenStyle(a.style),o="number"==typeof t.fontSize?t.fontSize:e.text.base.size,l=resolveWidth(t.width,"85%");return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{shape:"text",width:l,height:Math.round(1.15*o),variant:r,speed:i,colors:n,style:{marginVertical:e.space.xxs}},`${s}-txt`)}if(null!=a.children)return(0,_react.cloneElement)(o,{key:`${s}-w`},skeletonizeNode(e,a.children,r,i,n,`${s}-c`));if(l===_reactNative.View){const e=flattenStyle(a.style);if(null!=e.width||null!=e.height){const t=resolveWidth(e.width,"100%"),o="number"==typeof e.height?e.height:20,a=resolveRadius(e.borderRadius,"sm");return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{width:t,height:o,radius:a,variant:r,speed:i,colors:n},`${s}-vw`)}}return(0,_react.cloneElement)(o,{key:`${s}-leaf`})},SkeletonContent=({loading:e,children:t,placeholder:r,variant:i,speed:n,count:s=1,colors:o,fadeDuration:a,style:l,testID:c})=>{const u=(0,_index.useTheme)(),d=(0,_SkeletonProvider.useSkeletonDefaults)(),f=(0,_usePresenceMotion.usePresenceMotion)(),_=a??d.fadeDuration??(f.reduced?f.duration("default"):300),h=(0,_react.useRef)(e),p=(0,_react.useRef)((0,_index.createAnimatedValue)(e?0:1)).current;if((0,_react.useEffect)(()=>{let t;return h.current&&!e?(p.setValue(0),t=_reactNative.Animated.timing(p,{toValue:1,duration:_,useNativeDriver:!0}),t.start()):!h.current&&e&&p.setValue(1),h.current=e,()=>t?.stop()},[e,p,_]),!e)return _<=0?(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:t}):(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[l,{opacity:p}],testID:c,children:t});if(void 0!==r){const e=s>1?Array.from({length:s},(e,t)=>(0,_jsxRuntime.jsx)(_react.default.Fragment,{children:r},`sk-ph-${t}`)):r;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:l,testID:c,accessible:!0,accessibilityLabel:"Loading",accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,accessibilityLiveRegion:"polite",children:e})}const y=s>1?Array.from({length:s},(e,r)=>(0,_jsxRuntime.jsx)(_react.default.Fragment,{children:t},`sk-rep-${r}`)):t;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:l,testID:c,accessible:!0,accessibilityLabel:"Loading",accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,accessibilityLiveRegion:"polite",children:skeletonizeNode(u,y,i,n,o)})};exports.SkeletonContent=SkeletonContent,SkeletonContent.displayName="SkeletonContent";var _default=exports.default=SkeletonContent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SkeletonContent=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Text/index.js"),_Skeleton=require("./Skeleton.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_SkeletonSkip=require("./SkeletonSkip.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,i=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)&&((r=i&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?i(a,n,r):a[n]=e[n]);return a}const DEFAULT_REVEAL_FADE_MS=300,flattenStyle=e=>{if(!e)return{};return _reactNative.StyleSheet.flatten(e)??{}},resolveWidth=(e,t)=>"number"==typeof e?e:"string"!=typeof e||"auto"!==e&&"100%"!==e&&!/^\d+(\.\d+)?%$/.test(e)?t:e,resolveRadius=(e,t)=>"number"==typeof e?e:t,skeletonizeNode=(e,t,r,n,i,a="r")=>{if(null==t||"boolean"==typeof t)return null;if("string"==typeof t||"number"==typeof t)return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{shape:"text",width:"60%",height:14,variant:r,speed:n,colors:i},`${a}-text`);if(Array.isArray(t))return _react.Children.map(t,(t,s)=>skeletonizeNode(e,t,r,n,i,`${a}-${s}`));if(!(0,_react.isValidElement)(t))return null;const s=t,l=s.props??{},o=s.type;if(o===_SkeletonSkip.SkeletonSkip)return(0,_react.cloneElement)(s,{key:`${a}-skip`});if("function"==typeof o||"object"==typeof o){const e=o.Skeleton;if(e){const t=e;return(0,_jsxRuntime.jsx)(t,{...l},`${a}-self`)}}if(o===_reactNative.Image){const e=flattenStyle(l.style),t=resolveWidth(e.width,"100%"),s="number"==typeof e.height?e.height:120,o=resolveRadius(e.borderRadius,"sm");return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{width:t,height:s,radius:o,variant:r,speed:n,colors:i,style:{margin:"number"==typeof e.margin?e.margin:void 0}},`${a}-img`)}if(o===_reactNative.Text||o===_index2.Text){const t=flattenStyle(l.style),s="number"==typeof t.fontSize?t.fontSize:e.text.base.size,o=resolveWidth(t.width,"85%");return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{shape:"text",width:o,height:Math.round(1.15*s),variant:r,speed:n,colors:i,style:{marginVertical:e.space.xxs}},`${a}-txt`)}if(null!=l.children)return(0,_react.cloneElement)(s,{key:`${a}-w`},skeletonizeNode(e,l.children,r,n,i,`${a}-c`));if(o===_reactNative.View){const e=flattenStyle(l.style);if(null!=e.width||null!=e.height){const t=resolveWidth(e.width,"100%"),s="number"==typeof e.height?e.height:20,l=resolveRadius(e.borderRadius,"sm");return(0,_jsxRuntime.jsx)(_Skeleton.Skeleton,{width:t,height:s,radius:l,variant:r,speed:n,colors:i},`${a}-vw`)}}return(0,_react.cloneElement)(s,{key:`${a}-leaf`})},SkeletonContent=e=>{const{loading:t,children:r,placeholder:n,variant:i,speed:a,count:s=1,colors:l,labels:o,fadeDuration:u,style:c,testID:d}=e;(0,_warnInvalidValue.warnInvalidValue)("SkeletonContent","variant",e.variant,["shimmer","pulse","none"]),(0,_warnInvalidValue.warnInvalidValue)("SkeletonContent","speed",e.speed,["slow","normal","fast"]);const _=(0,_index.useTheme)(),f=(0,_react.useMemo)(()=>({..._Skeleton.DEFAULT_SKELETON_LABELS,...o}),[o]),h=(0,_SkeletonProvider.useSkeletonDefaults)(),p=(0,_usePresenceMotion.usePresenceMotion)(),y=u??h.fadeDuration??(p.reduced?p.duration("default"):300),m=(0,_react.useRef)(t),x=(0,_react.useRef)((0,_index.createAnimatedValue)(t?0:1)).current;if((0,_react.useEffect)(()=>{let e;return m.current&&!t?(x.setValue(0),e=_reactNative.Animated.timing(x,{toValue:1,duration:y,useNativeDriver:!0}),e.start()):!m.current&&t&&x.setValue(1),m.current=t,()=>e?.stop()},[t,x,y]),!t)return y<=0?(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:r}):(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[c,{opacity:x}],testID:d,children:r});if(void 0!==n){const e=s>1?Array.from({length:s},(e,t)=>(0,_jsxRuntime.jsx)(_react.default.Fragment,{children:n},`sk-ph-${t}`)):n;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:c,testID:d,accessible:!0,accessibilityLabel:f.loading,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,accessibilityLiveRegion:"polite",children:e})}const k=s>1?Array.from({length:s},(e,t)=>(0,_jsxRuntime.jsx)(_react.default.Fragment,{children:r},`sk-rep-${t}`)):r;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:c,testID:d,accessible:!0,accessibilityLabel:f.loading,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,accessibilityLiveRegion:"polite",children:skeletonizeNode(_,k,i,a,l)})};exports.SkeletonContent=SkeletonContent,SkeletonContent.displayName="SkeletonContent";var _default=exports.default=SkeletonContent;

package/lib/commonjs/components/Skeleton/SkeletonList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonList=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_SkeletonContent=require("./SkeletonContent.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function SkeletonListInner(e){const{loading:t,data:n,renderItem:r,renderPlaceholder:o,placeholderCount:l,variant:i,speed:s,colors:a,placeholderContainerStyle:u,horizontal:c,contentContainerStyle:d,style:_,testID:x,...S}=e,k=(0,_SkeletonProvider.useSkeletonDefaults)(),m=l??k.placeholderCount??3;if(t){const e=Array.from({length:Math.max(0,m)},(e,t)=>(0,_jsxRuntime.jsx)(_react.default.Fragment,{children:o?o(t):null},`sk-list-${t}`));return(0,_jsxRuntime.jsx)(_SkeletonContent.SkeletonContent,{loading:!0,variant:i,speed:s,colors:a,style:_,testID:x,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[c?styles.row:styles.column,u],children:e})})}return(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:n??[],renderItem:r,horizontal:c,contentContainerStyle:d,style:_,testID:x,...S})}const styles={row:{flexDirection:"row"},column:{flexDirection:"column"}},SkeletonList=exports.SkeletonList=SkeletonListInner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonList=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_SkeletonContent=require("./SkeletonContent.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function SkeletonListInner(e){const{loading:t,data:n,renderItem:r,renderPlaceholder:o,placeholderCount:l,variant:i,speed:s,colors:a,labels:u,placeholderContainerStyle:c,horizontal:d,contentContainerStyle:_,style:x,testID:S,...k}=e,m=(0,_SkeletonProvider.useSkeletonDefaults)(),j=l??m.placeholderCount??3;if(t){const e=Array.from({length:Math.max(0,j)},(e,t)=>(0,_jsxRuntime.jsx)(_react.default.Fragment,{children:o?o(t):null},`sk-list-${t}`));return(0,_jsxRuntime.jsx)(_SkeletonContent.SkeletonContent,{loading:!0,variant:i,speed:s,colors:a,labels:u,style:x,testID:S,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[d?styles.row:styles.column,c],children:e})})}return(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:n??[],renderItem:r,horizontal:d,contentContainerStyle:_,style:x,testID:S,...k})}const styles={row:{flexDirection:"row"},column:{flexDirection:"column"}},SkeletonList=exports.SkeletonList=SkeletonListInner;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return _Skeleton.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return _Skeleton.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonClockProvider",{enumerable:!0,get:function(){return _SkeletonClock.SkeletonClockProvider}}),Object.defineProperty(exports,"SkeletonContent",{enumerable:!0,get:function(){return _SkeletonContent.SkeletonContent}}),Object.defineProperty(exports,"SkeletonList",{enumerable:!0,get:function(){return _SkeletonList.SkeletonList}}),Object.defineProperty(exports,"SkeletonProvider",{enumerable:!0,get:function(){return _SkeletonProvider.SkeletonProvider}}),Object.defineProperty(exports,"SkeletonSkip",{enumerable:!0,get:function(){return _SkeletonSkip.SkeletonSkip}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return _Skeleton.SkeletonText}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Skeleton.default}}),Object.defineProperty(exports,"useSkeletonClock",{enumerable:!0,get:function(){return _SkeletonClock.useSkeletonClock}}),Object.defineProperty(exports,"useSkeletonDefaults",{enumerable:!0,get:function(){return _SkeletonProvider.useSkeletonDefaults}});var cache,_Skeleton=_interopRequireWildcard(require("./Skeleton.js")),_SkeletonClock=require("./SkeletonClock.js"),_SkeletonContent=require("./SkeletonContent.js"),_SkeletonList=require("./SkeletonList.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_SkeletonSkip=require("./SkeletonSkip.js");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,o=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(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((r=o&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?o(l,n,r):l[n]=e[n]);return l}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SKELETON_LABELS",{enumerable:!0,get:function(){return _Skeleton.DEFAULT_SKELETON_LABELS}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return _Skeleton.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return _Skeleton.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonClockProvider",{enumerable:!0,get:function(){return _SkeletonClock.SkeletonClockProvider}}),Object.defineProperty(exports,"SkeletonContent",{enumerable:!0,get:function(){return _SkeletonContent.SkeletonContent}}),Object.defineProperty(exports,"SkeletonList",{enumerable:!0,get:function(){return _SkeletonList.SkeletonList}}),Object.defineProperty(exports,"SkeletonProvider",{enumerable:!0,get:function(){return _SkeletonProvider.SkeletonProvider}}),Object.defineProperty(exports,"SkeletonSkip",{enumerable:!0,get:function(){return _SkeletonSkip.SkeletonSkip}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return _Skeleton.SkeletonText}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Skeleton.default}}),Object.defineProperty(exports,"useSkeletonClock",{enumerable:!0,get:function(){return _SkeletonClock.useSkeletonClock}}),Object.defineProperty(exports,"useSkeletonDefaults",{enumerable:!0,get:function(){return _SkeletonProvider.useSkeletonDefaults}});var cache,_Skeleton=_interopRequireWildcard(require("./Skeleton.js")),_SkeletonClock=require("./SkeletonClock.js"),_SkeletonContent=require("./SkeletonContent.js"),_SkeletonList=require("./SkeletonList.js"),_SkeletonProvider=require("./SkeletonProvider.js"),_SkeletonSkip=require("./SkeletonSkip.js");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,o=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(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((r=o&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?o(l,n,r):l[n]=e[n]);return l}

package/lib/commonjs/components/SlideToConfirm/SlideToConfirm.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SlideToConfirm=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"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,i=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)&&((a=i&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?i(n,r,a):n[r]=e[r]);return n}const SIZE_MAP={sm:{height:44,pad:"xxs"},md:{height:56,pad:"xs"},lg:{height:64,pad:"sm"}},Chevron=({color:e,size:t})=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:0,height:0,borderTopWidth:.4*t,borderBottomWidth:.4*t,borderLeftWidth:.55*t,borderTopColor:"transparent",borderBottomColor:"transparent",borderLeftColor:e,marginLeft:.2*t}}),ACCESSIBILITY_ACTIONS=[{name:"activate",label:"Confirm"},{name:"increment",label:"Confirm"}],SlideToConfirm=exports.SlideToConfirm=(0,_react.forwardRef)((e,t)=>{const{onConfirm:a,label:r="Slide to confirm",confirmedLabel:i="Confirmed",tone:n="primary",size:o="md",disabled:s=!1,threshold:l=.9,resetAfter:c=!1,haptic:d,icon:u,style:m,trackStyle:_,handleStyle:h,labelStyle:v,testID:f}=e,p=(0,_index.useTheme)(),b=SIZE_MAP[o],x=p.space[b.pad],g=b.height-2*x,S=(0,_react.useMemo)(()=>buildStyles(p,b),[p,b]),y=p.colors[n],[R,C]=(0,_react.useState)(!1),N=(0,_reactNativeReanimated.useSharedValue)(0),j=(0,_reactNativeReanimated.useSharedValue)(0),w=(0,_reactNativeReanimated.useSharedValue)(0),T=(0,_react.useRef)(null),k=(0,_react.useCallback)(()=>{const e=(0,_index2.resolveHaptic)(d,"notificationSuccess");e&&(0,_index2.triggerHaptic)(e)},[d]),A=(0,_react.useCallback)(()=>{C(!1),N.value=(0,_reactNativeReanimated.withSpring)(0,{damping:18,stiffness:160,mass:1})},[N]),I=(0,_react.useCallback)(()=>{C(!0),k(),a(),!1!==c&&(T.current&&clearTimeout(T.current),T.current=setTimeout(A,c))},[k,a,c,A]),E=(0,_react.useCallback)(e=>{if(s||R)return;const{actionName:t}=e.nativeEvent;"activate"!==t&&"increment"!==t||I()},[s,R,I]);_react.default.useEffect(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(N),T.current&&clearTimeout(T.current)},[N]);const M=(0,_react.useCallback)(e=>{j.value=Math.max(0,e.nativeEvent.layout.width-g-2*x)},[j,g,x]),q=(0,_react.useMemo)(()=>{const e=l,t={damping:18,stiffness:160,mass:1},a={duration:p.motion.duration.fast,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)};return _reactNativeGestureHandler.Gesture.Pan().enabled(!s&&!R).minDistance(0).onStart(()=>{"worklet";w.value=N.value}).onUpdate(e=>{"worklet";N.value=Math.min(Math.max(w.value+e.translationX,0),j.value)}).onEnd(()=>{"worklet";j.value>0&&N.value>=j.value*e?(N.value=(0,_reactNativeReanimated.withTiming)(j.value,a),(0,_reactNativeReanimated.runOnJS)(I)()):N.value=(0,_reactNativeReanimated.withSpring)(0,t)})},[s,R,l,N,j,w,I,p.motion.duration.fast]),O=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:N.value}]})),W=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({width:N.value+g+x})),L=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=j.value>0?j.value:1;return{opacity:Math.max(0,1-N.value/(.6*e))}});return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[S.track,{backgroundColor:p.colors["bg-subtle"]},_,m],onLayout:M,testID:f,accessibilityRole:"adjustable",accessibilityLabel:R?i:r,accessibilityState:{disabled:s},"aria-disabled":s,accessibilityActions:ACCESSIBILITY_ACTIONS,onAccessibilityAction:E,children:[(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[S.fill,{backgroundColor:y,opacity:s?.5:1},W],pointerEvents:"none"}),(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[S.labelWrap,L],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[S.label,{color:p.colors["text-muted"],fontSize:p.text.base.size},v],numberOfLines:1,children:R?i:r})}),(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:q,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[S.handle,{width:g,height:g,borderRadius:p.radius.pill,..._corners.smoothCorners,backgroundColor:p.colors.surface,opacity:s?.5:1,...p.shadow.card},h,O],children:u??(0,_jsxRuntime.jsx)(Chevron,{color:y,size:.5*g})})})]})});SlideToConfirm.displayName="SlideToConfirm";const buildStyles=(e,t)=>_reactNative.StyleSheet.create({track:{height:t.height,borderRadius:e.radius.pill,..._corners.smoothCorners,justifyContent:"center",overflow:"hidden",padding:e.space[t.pad]},fill:{position:"absolute",left:0,top:0,bottom:0,borderRadius:e.radius.pill,..._corners.smoothCorners},labelWrap:{position:"absolute",left:t.height,right:t.height},label:{textAlign:"center",includeFontPadding:!1},handle:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=SlideToConfirm;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SlideToConfirm=exports.DEFAULT_SLIDE_TO_CONFIRM_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"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,i=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)&&((a=i&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?i(n,r,a):n[r]=e[r]);return n}const DEFAULT_SLIDE_TO_CONFIRM_LABELS=exports.DEFAULT_SLIDE_TO_CONFIRM_LABELS=Object.freeze({slide:"Slide to confirm",confirmed:"Confirmed",confirmAction:"Confirm"}),SIZE_MAP={sm:{height:44,pad:"xxs"},md:{height:56,pad:"xs"},lg:{height:64,pad:"sm"}},Chevron=({color:e,size:t})=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:0,height:0,borderTopWidth:.4*t,borderBottomWidth:.4*t,borderLeftWidth:.55*t,borderTopColor:"transparent",borderBottomColor:"transparent",borderLeftColor:e,marginLeft:.2*t}}),SlideToConfirm=exports.SlideToConfirm=(0,_react.forwardRef)((e,t)=>{const{onConfirm:a,label:r,tone:i="primary",size:n="md",disabled:o=!1,threshold:l=.9,resetAfter:s=!1,haptic:c,icon:d,labels:u,style:m,trackStyle:_,handleStyle:h,labelStyle:v,testID:f}=e;(0,_warnInvalidValue.warnInvalidValue)("SlideToConfirm","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("SlideToConfirm","size",e.size,["sm","md","lg"]);const p=(0,_react.useMemo)(()=>({...DEFAULT_SLIDE_TO_CONFIRM_LABELS,...u}),[u]),b=(0,_react.useMemo)(()=>[{name:"activate",label:p.confirmAction},{name:"increment",label:p.confirmAction}],[p.confirmAction]),x=(0,_index.useTheme)(),g=SIZE_MAP[n],R=x.space[g.pad],S=g.height-2*R,y=(0,_react.useMemo)(()=>buildStyles(x,g),[x,g]),C=x.colors[i],[j,N]=(0,_react.useState)(!1),w=(0,_reactNativeReanimated.useSharedValue)(0),T=(0,_reactNativeReanimated.useSharedValue)(0),A=(0,_reactNativeReanimated.useSharedValue)(0),E=(0,_react.useRef)(null),L=(0,_react.useCallback)(()=>{const e=(0,_index2.resolveHaptic)(c,"notificationSuccess");e&&(0,_index2.triggerHaptic)(e)},[c]),I=(0,_react.useCallback)(()=>{N(!1),w.value=(0,_reactNativeReanimated.withSpring)(0,{damping:18,stiffness:160,mass:1})},[w]),M=(0,_react.useCallback)(()=>{N(!0),L(),a(),!1!==s&&(E.current&&clearTimeout(E.current),E.current=setTimeout(I,s))},[L,a,s,I]),O=(0,_react.useCallback)(e=>{if(o||j)return;const{actionName:t}=e.nativeEvent;"activate"!==t&&"increment"!==t||M()},[o,j,M]);_react.default.useEffect(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(w),E.current&&clearTimeout(E.current)},[w]);const k=(0,_react.useCallback)(e=>{T.value=Math.max(0,e.nativeEvent.layout.width-S-2*R)},[T,S,R]),V=(0,_react.useMemo)(()=>{const e=l,t={damping:18,stiffness:160,mass:1},a={duration:x.motion.duration.fast,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)};return _reactNativeGestureHandler.Gesture.Pan().enabled(!o&&!j).minDistance(0).onStart(()=>{"worklet";A.value=w.value}).onUpdate(e=>{"worklet";w.value=Math.min(Math.max(A.value+e.translationX,0),T.value)}).onEnd(()=>{"worklet";T.value>0&&w.value>=T.value*e?(w.value=(0,_reactNativeReanimated.withTiming)(T.value,a),(0,_reactNativeReanimated.runOnJS)(M)()):w.value=(0,_reactNativeReanimated.withSpring)(0,t)})},[o,j,l,w,T,A,M,x.motion.duration.fast]),q=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:w.value}]})),D=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({width:w.value+S+R})),W=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=T.value>0?T.value:1;return{opacity:Math.max(0,1-w.value/(.6*e))}});return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[y.track,{backgroundColor:x.colors["bg-subtle"]},_,m],onLayout:k,testID:f,accessibilityRole:"adjustable",accessibilityLabel:j?p.confirmed:r??p.slide,accessibilityState:{disabled:o},"aria-disabled":o,accessibilityActions:b,onAccessibilityAction:O,children:[(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[y.fill,{backgroundColor:C,opacity:o?.5:1},D],pointerEvents:"none"}),(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[y.labelWrap,W],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",style:[y.label,{color:x.colors["text-muted"]},v],numberOfLines:1,children:j?p.confirmed:r??p.slide})}),(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:V,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[y.handle,{width:S,height:S,borderRadius:x.radius.pill,..._corners.smoothCorners,backgroundColor:x.colors.surface,opacity:o?.5:1,...x.shadow.card},h,q],children:d??(0,_jsxRuntime.jsx)(Chevron,{color:C,size:.5*S})})})]})});SlideToConfirm.displayName="SlideToConfirm";const buildStyles=(e,t)=>_reactNative.StyleSheet.create({track:{height:t.height,borderRadius:e.radius.pill,..._corners.smoothCorners,justifyContent:"center",overflow:"hidden",padding:e.space[t.pad]},fill:{position:"absolute",left:0,top:0,bottom:0,borderRadius:e.radius.pill,..._corners.smoothCorners},labelWrap:{position:"absolute",left:t.height,right:t.height},label:{textAlign:"center",includeFontPadding:!1},handle:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=SlideToConfirm;

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

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