@fto-consult/expo-ui 6.82.0 → 6.83.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.82.0",
+  "version": "6.83.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "main",
   "scripts": {
@@ -71,7 +71,7 @@
     "@expo/html-elements": "^0.5.1",
     "@expo/vector-icons": "^13.0.0",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^3.65.11",
+    "@fto-consult/common": "^3.65.12",
     "@pchmn/expo-material3-theme": "^1.3.1",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/datetimepicker": "7.2.0",

package/src/components/AppBar/utils.js

@@ -33,7 +33,7 @@ const renderAction = ({action,isAlert,actionProps,opts,isAppBarAction,isAppBarAc
     let {Component,isFormAction,...rest} = action;
     actionProps = defaultObj(actionProps);
     rest = Object.assign({},rest);
-    rest.accessibilityLabel = defaultStr(rest.accessibilityLabel,rest.title,rest.text,rest.label,rest.children);
+    rest["aria-label"] = defaultStr(rest["aria-label"],rest.title,rest.text,rest.label,rest.children);
     const {color} = getThemeColors();
     
     rest.style = {...defaultObj(StyleSheet.flatten(actionProps.style)),elevation:0,...defaultObj(StyleSheet.flatten(rest.style))};

package/src/components/Avatar/Text.js

@@ -46,7 +46,7 @@ const AvatarTextComponent = (props) => {
   const onPress = typeof customOnPress =='function' ? customOnPress : undefined;
   const C = onPress? Pressable : View;
   return (
-    <C testID={testID+"_Container"} pointerEvents={onPress?"auto":'none'} {...containerProps} style={[styles.container,style,containerProps.style,textContainerStyle,{borderRadius:size/2}]}>
+    <C testID={testID+"_Container"} {...containerProps} style={[{pointerEvents:onPress?"auto":'none'},styles.container,style,containerProps.style,textContainerStyle,{borderRadius:size/2}]}>
       { <Text
         testID={testID}
         style={[{

package/src/components/Avatar/index.js

@@ -40,7 +40,7 @@ const AvatarComponent = React.forwardRef((props,ref)=>{
         handleOnPress = true;
     } else if(label){
         cProps.label = label;
-        cProps.pointerEvents = "none";
+        cProps.style = [cProps.style,{pointerEvents:"none"}];
         cProps.labelStyle = StyleSheet.flatten(cProps.labelStyle) || {};
         Component = Text;
     }

package/src/components/BackToTop/index.js

@@ -58,7 +58,7 @@ const BackToTopComponent = React.forwardRef((props,ref)=>{
     },[])
     return !visible ? null :  <Fab
         {...rest}
-        accessibilityLabel = {defaultStr(rest.accessibilityLabel,'Retour en haut')}
+        aria-label = {defaultStr(rest["aria-label"],'Retour en haut')}
         onPress = {(e)=>{
             React.stopEventPropagation(e);
             if(onPress){

package/src/components/Button/index.js

@@ -31,7 +31,6 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
     isCancelButton,
     error,
     upperCase = true,
-    accessibilityLabel,
     onPress,
     iconPosition,
     iconBefore,
@@ -239,7 +238,6 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
                     onLongPress={onLongPress}
                     onPressIn={handlePressIn}
                     onPressOut={handlePressOut}
-                    accessibilityLabel={accessibilityLabel}
                     // @ts-expect-error We keep old a11y props for backwards compat with old RN versions
                     accessibilityTraits={disabled ? ['button', 'disabled'] : 'button'}
                     accessibilityComponentType="button"
@@ -289,7 +287,7 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
                         />
                       ) : null}
                       <Label
-                        selectable={false}
+                        userSelect={false}
                         numberOfLines={1}
                         testID = {testID+"_Label"}
                         {...labelProps}
@@ -420,10 +418,6 @@ ButtonComponent.propTypes = {
      * Make the label text upperCased. Note that this won't work if you pass React elements as children.
      */
     upperCase:PropTypes.bool,
-    /**
-     * Accessibility label for the button. This is read by the screen reader when the user taps the button.
-     */
-    accessibilityLabel:PropTypes.string,
     /**
      * Function to execute on press.
      */

package/src/components/Chip/index.js

@@ -21,7 +21,6 @@ const ChipComponent = React.forwardRef(({
   avatar,
   selected = false,
   disabled = false,
-  accessibilityLabel,
   closeIconAccessibilityLabel = 'Close',
   onPress,
   onLongPress,
@@ -127,7 +126,6 @@ const ChipComponent = React.forwardRef(({
         onPressOut={handlePressOut}
         underlayColor={underlayColor}
         disabled={disabled}
-        accessibilityLabel={accessibilityLabel}
         // @ts-expect-error We keep old a11y props for backwards compat with old RN versions
         accessibilityTraits={accessibilityTraits}
         accessibilityComponentType="button"
@@ -172,11 +170,11 @@ const ChipComponent = React.forwardRef(({
             </View>
           ) : null}
           <Text
-            selectable={false}
             numberOfLines={1}
             testID={testID+"_Text"}
             {...labelProps}
             style={StyleSheet.flatten([
+              {userSelect:"none"},
               styles.text,
               {
                 ...theme.fonts.regular,
@@ -201,7 +199,7 @@ const ChipComponent = React.forwardRef(({
             accessibilityTraits="button"
             accessibilityComponentType="button"
             //role="button"
-            accessibilityLabel={closeIconAccessibilityLabel}
+            aria-label={closeIconAccessibilityLabel}
             testID={testID+"_CloseButtonRipple"}
           >
             <View testID={testID+"_ContentContainer"} style={[styles.icon, styles.closeIcon]}>
@@ -313,10 +311,6 @@ ChipComponent.propTypes = {
      * Whether the chip is disabled. A disabled chip is greyed out and `onPress` is not called on touch.
      */
     disabled: PropTypes.bool,
-    /**
-     * Accessibility label for the chip. This is read by the screen reader when the user taps the chip.
-     */
-    accessibilityLabel: PropTypes.string,
     /**
      * Accessibility label for the close icon. This is read by the screen reader when the user taps the close icon.
      */

package/src/components/Color/index.js

@@ -72,7 +72,7 @@ const ColorPickerComponent = React.forwardRef ((props,ref)=>{
                 //role="button"
                 disabled = {!isEditable}
                 pointerEvents = {pointerEvents}
-                accessibilityLabel={defaultStr(label,text)}
+                aria-label={defaultStr(label,text)}
                 style = {[styles.container,containerProp]}
                 onPress={openPicker}
                 rippleColor={rippleColor}

package/src/components/Datagrid/Accordion/Row.js

@@ -146,7 +146,7 @@ const DatagridAccordionRow = React.forwardRef((props,ref)=>{
                 {title}
                 {description}
             </View>
-            {right && React.isValidElement(right,true) ? <Label testID={testID+"_Right"} primary selectable {...rightProps} style={[styles.right,styles.label,rStyles.lineHeight,rightProps.style]}>
+            {right && React.isValidElement(right,true) ? <Label testID={testID+"_Right"} primary  {...rightProps} style={[{userSelect:selectable?"all":"none"},styles.right,styles.label,rStyles.lineHeight,rightProps.style]}>
                 {right}
             </Label> : null}
         </View>

package/src/components/Datagrid/Accordion/index.js

@@ -364,12 +364,11 @@ const DatagridFactory = (Factory)=>{
             const labelStyle = Object.assign({},StyleSheet.flatten(titleProps.style));
             const titleColor = Colors.isValid(labelStyle.color)? labelStyle.color : Colors.isValid(titleProps.color)? titleProps.color : Colors.setAlpha(theme.colors.text,0.87);
             this.accordionTitleProps = {
-                selectable: true,
                 ellipsizeMode: EllipsizeMode.tail,
                 numberOfLines : 1,
                 ...titleProps,
                 color: titleColor,
-                style : [styles.title,rStyles.lineHeight,titleProps.style]
+                style : [styles.title,{userSelect:"all"},rStyles.lineHeight,titleProps.style]
             }
             filter = defaultFunc(filter,x=>true);
             const showFooters = this.canShowFooters();

package/src/components/Datagrid/Actions/Header.js

@@ -12,7 +12,7 @@ const selectedTitle ='#f50057';
 
 export const getSelectedBackgroundColor = x=> theme.isDark()?theme.colors.surface : selectedBackgroundColor;
 
-export default function DatagridActionsHeaderComponent({title,selected,testID,children,style,pointerEvents,...props}) {
+export default function DatagridActionsHeaderComponent({title,leftActions,selected,testID,children,style,pointerEvents,...props}) {
   title = React.isValidElement(title,true)? title : "";
   const bStyle = selected && theme.isDark()? {
     borderBottomColor : theme.colors.divider,
@@ -26,6 +26,7 @@ export default function DatagridActionsHeaderComponent({title,selected,testID,ch
       {title ? <Label testID={testID+"Label"} style={[styles.title,selected?[styles.selectedTitle,{color:!theme.isDark()?selectedTitle:theme.colors.primaryOnSurface}]:undefined]}>
         {title}
       </Label> : null}
+      {React.isValidElement(leftActions) ? leftActions : null}
       {React.isValidElement(children) && <View testID={testID+"_Content"} style={[styles.children,styles.row]}>
         {children}
       </View>}
@@ -38,6 +39,7 @@ const styles = StyleSheet.create({
     flexDirection : 'row',
     justifyContent:'space-between',
     alignItems : 'center',
+    flexWrap : "wrap",
   },
   container : {
      paddingVertical : 0,

package/src/components/Datagrid/Actions/index.js

@@ -13,8 +13,9 @@ import { useWindowDimensions } from "react-native";
 import {useDatagrid,useGetSelectedRowsCount} from "../hooks";
 export default function DatagridActions ({actions,title,actionProps,...props}){
   const {context} = useDatagrid();
-  const forceRender = React.useForceRender();
+  const actionsProps = defaultObj(context?.props?.actionsProps);
   const selectedRowsCount = useGetSelectedRowsCount();
+  const leftActions = context?.props?.leftActions;
   useWindowDimensions();
   const selected = selectedRowsCount>0;
   actions = selected ? context?.renderSelectedRowsActions.call(context,{}) : actions;
@@ -56,8 +57,11 @@ export default function DatagridActions ({actions,title,actionProps,...props}){
       }
   });
   return <Header
+        {...actionsProps}
         {...props}
+        style = {[actionsProps.style,props.style]}
         title = {contextualTitle}
+        leftActions = {leftActions}
         selected = {selected}
       >
         {children ||  <Label style={{padding:15}}>ACTIONS</Label>}

package/src/components/Datagrid/Common/Common.js

@@ -1,4 +1,4 @@
-import theme from "$theme";
+import theme,{ StyleProps} from '$theme';
 import APP from "$capp";
 import {isMobileOrTabletMedia} from "$cplatform/dimensions";
 import PropTypes from "prop-types";
@@ -4096,6 +4096,12 @@ CommonDatagridComponent.propTypes = {
     baseId : PropTypes.string,
     mobile: PropTypes.bool,
     tablet: PropTypes.bool,
+    /*** les props des actions du datagrid */
+    actionsProps : PropTypes.shape({
+        ///style : les styles
+        style : StyleProps,
+        testID : PropTypes.string,///le test id
+    }),
     ///pour l'affichage où non des filtres
     toggleFilters : PropTypes.bool,
     desktop: PropTypes.bool,

package/src/components/Datagrid/Common/utils.js

@@ -175,7 +175,7 @@ export const renderRowCell = (arg)=>{
         return React.getTextContent(_render);
     }
     if((typeof _render ==='string' || typeof _render =='number')){
-        _render = <Label selectable>{_render}</Label>
+        _render = <Label userSelect>{_render}</Label>
     }
     _render = React.isValidElement(_render)|| Array.isArray(_render)?_render:null;
     return {render:_render,style,extra,key};

package/src/components/Dialog/DropdownAlert/index.js

@@ -111,7 +111,6 @@ export default class DropdownAlert extends Component {
     renderTitle: PropTypes.func,
     renderMessage: PropTypes.func,
     testID: PropTypes.string,
-    accessibilityLabel: PropTypes.string,
     accessible: PropTypes.bool,
     titleTextProps: PropTypes.object,
     messageTextProps: PropTypes.object,
@@ -199,7 +198,6 @@ export default class DropdownAlert extends Component {
     renderTitle: undefined,
     renderMessage: undefined,
     testID: undefined,
-    accessibilityLabel: undefined,
     accessible: false,
     titleTextProps: undefined,
     messageTextProps: undefined,
@@ -607,7 +605,6 @@ export default class DropdownAlert extends Component {
       zIndex,
       wrapperStyle,
       tapToCloseEnabled,
-      accessibilityLabel,
       testID:customTestId,
       accessible,
       contentContainerStyle,
@@ -669,7 +666,6 @@ export default class DropdownAlert extends Component {
               disabled={!tapToCloseEnabled}
               onLayout={(event) => this._onLayoutEvent(event)}
               testID={testID}
-              accessibilityLabel={accessibilityLabel}
               accessible={accessible}>
             <View style={style} testID={testID+"_ContentContainer"}>
                   <View testID={testID+"_ContentWrapper"} style={[contentContainerStyle]}

package/src/components/Drawer/DrawerItems/_DrawerItem.js

@@ -14,7 +14,7 @@ import PropTypes from "prop-types";
  * update by @borisFouomene. for usage, @see : https://callstack.github.io/react-native-paper/drawer-item.html
  */
 const DrawerItem = ({icon,iconProps,borderRadius,color,minimized,contentContainerProps,labelProps,contentProps,label,text,
-    active,style,onPress,accessibilityLabel,isExpandable,right,divider, dividerProps,
+    active,style,onPress,isExpandable,right,divider, dividerProps,
     testID,
     left,
     title,
@@ -46,11 +46,10 @@ const DrawerItem = ({icon,iconProps,borderRadius,color,minimized,contentContaine
   left = React.isValidElement(left)? left : null;
   
   borderRadius = typeof borderRadius =='number'? borderRadius : 18;
-  accessibilityLabel = defaultStr(accessibilityLabel);
   const labelContent = React.useStableMemo(()=>{
     const lProps = {
       testID:testID+"_DrawerItemLabel",
-      selectable:false,
+      userSelect:false,
       numberOfLines:1,
       ...labelProps,
       style : [{
@@ -85,7 +84,6 @@ const DrawerItem = ({icon,iconProps,borderRadius,color,minimized,contentContaine
         accessibilityTraits={active ? ['button', 'selected'] : 'button'}
         //accessibilityComponentType="button"
         accessibilityState={{ selected: active }}
-        accessibilityLabel={accessibilityLabel}
       >
         <View  {...contentContainerProps} style={[styles.contentContainer,contentContainerProps.style]} testID={testID+"_DrawerItemContentContainer"}>
           <View {...contentProps} style={[styles.content,contentProps.style]} testID={testID+"_DrawerItemContent"}>
@@ -94,7 +92,7 @@ const DrawerItem = ({icon,iconProps,borderRadius,color,minimized,contentContaine
               <Icon testID={testID+"_DrawerItemIcon"} icon={icon} {...iconProps} 
               style={[iconProps.style,styles.icon,!minimized?{
                  alignItems : 'flex-start'
-              }:{alignItems:isExpandable?'flex-end':'center'}]} tooltip={minimized?defaultStr(title,label,accessibilityLabel):""} 
+              }:{alignItems:isExpandable?'flex-end':'center'}]} tooltip={minimized?defaultStr(title,label):""} 
               position={minimized?'top':"right"} 
               size={minimized ?MINIMIZED_ICON_SIZE : ICON_SIZE} onPress={minimized?onPress:undefined} color={contentColor} />
             ) : null}

package/src/components/Drawer/DrawerItems/index.js

@@ -122,8 +122,8 @@ DrawerItemsComponent.propTypes = {
 
 const getDefaultProps = function(item){
   if(!isObj(item)) return null;
-  item.label = defaultVal(item.label,item.text,item.accessibilityLabel);
-  item.accessibilityLabel = defaultVal(item.accessibilityLabel,item.tooltip,item.label);
+  item.label = defaultVal(item.label,item.text,item["aria-label"]);
+  item["aria-label"] = defaultVal(item["aria-label"],item.tooltip,item.label);
   item.title = defaultVal(item.title,item.label);
   return item;
 }

package/src/components/Dropdown/index.js

@@ -677,7 +677,6 @@ class DropdownComponent extends AppComponent {
             helperText,
             error,
             onChange,
-            accessibilityLabel,
             onMount,
             filter,
             onUnmount,
@@ -890,7 +889,7 @@ class DropdownComponent extends AppComponent {
                 disabled = {disabled}
                 onLayout={bindResizeEvents === false ? undefined : this.onLayout.bind(this)}
                 style = {{pointerEvents}}
-                accessibilityLabel={defaultStr(accessibilityLabel,label,text)}
+                aria-label={defaultStr(dropdownProps["aria-label"],label,text)}
                 testID = {testID}
             >
                 <View {...dropdownProps} {...contentContainerProps} style={[contentContainerProps.style,{pointerEvents},flattenStyle]}
@@ -1282,7 +1281,7 @@ DropdownComponent.propTypes = {
     placeholder : PropTypes.string,
     inputProps : PropTypes.object,
     selectedColor:PropTypes.string,
-    accessibilityLabel : PropTypes.string,
+    "aria-label" : PropTypes.string,
     compare : PropTypes.func,
     temProps : PropTypes.object,
     itemLabel : PropTypes.string,//le nom du champ à utiliser pour le rendu du libelé la méthode appelée pour retourne le libelé de l'item

package/src/components/ErrorBoundary/ErrorMessage.js

@@ -27,12 +27,12 @@ const ErrorMessage = React.forwardRef(function(props,ref){
     const pointerEvents = 'auto';
     const {width,height} = useWindowDimensions();
     return <Portal>
-          <View ref={ref} testID={`${testID}_ErrorMessageContainer`} pointerEvents={pointerEvents} style={[styles.container,isWeb()?{position:'fixed'}:null,{backgroundColor:theme.colors.surface,width,height}]}>
-            <View style={styles.content} testID={`${testID}_ErrorMessageContentContainer`} pointerEvents={pointerEvents}>
+          <View ref={ref} testID={`${testID}_ErrorMessageContainer`} style={[{pointerEvents},styles.container,isWeb()?{position:'fixed'}:null,{backgroundColor:theme.colors.surface,width,height}]}>
+            <View style={[styles.content,{pointerEvents}]} testID={`${testID}_ErrorMessageContentContainer`}>
               <Label style={styles.title}>Oops!</Label>
               <Label style={styles.subtitle}>{'Une erreur est survenue'}</Label>
               <Label style={styles.error}>{error.toString()}</Label>
-              <Button mode="contained" pointerEvents={pointerEvents} iconProps={{marginVertical:0,paddingVertical:0}} icon='home-variant' style={{backgroundColor:theme.colors.primary,marginHorizontal:10}} labelStyle={{color:theme.colors.primaryLabel}} onPress={goToHome}>
+              <Button mode="contained" iconProps={{marginVertical:0,pointerEvents,paddingVertical:0}} icon='home-variant' style={{backgroundColor:theme.colors.primary,marginHorizontal:10}} labelStyle={{color:theme.colors.primaryLabel}} onPress={goToHome}>
                   Retour à l'accueil
               </Button>
               <Expandable title="Plus de détail sur l'erreur">

package/src/components/Expandable/Item.js

@@ -37,14 +37,14 @@ const ExpandableItem = ({left,right,title,description,
   testID = defaultStr(testID,"RN_ExpandableItemComponent")
   const renderDescription = (descriptionColor,description) => {
     return typeof description === 'function' ? (description({
-        selectable: false,
+        userSelect: false,
         ellipsizeMode: descriptionEllipsizeMode,
         color: descriptionColor,
         fontSize: styles.description.fontSize,
       })
     ) : (
       <Label
-        selectable={false}
+        userSelect={false}
         numberOfLines={descriptionNumberOfLines}
         ellipsizeMode={descriptionEllipsizeMode}
         testID = {testID+"_Description"}
@@ -66,14 +66,14 @@ const ExpandableItem = ({left,right,title,description,
 
     return typeof title === 'function' ? (
       title({
-        selectable: false,
+        userSelect: false,
         ellipsizeMode: titleEllipsizeMode,
         color: titleColor,
         fontSize: styles.title.fontSize,
       })
     ) : (
       <Label
-        selectable={false}
+        userSelect={false}
         ellipsizeMode={titleEllipsizeMode}
         numberOfLines={titleNumberOfLines}
         testID = {testID+'_Title'}

package/src/components/Expandable/index.js

@@ -25,7 +25,6 @@ const ExpandableComponent = React.forwardRef(({
   onPress,
   onLongPress,
   expanded: expandedProp,
-  accessibilityLabel,
   expandedIcon,
   expandIconProps,
   unexpandedIcon,
@@ -115,7 +114,6 @@ const ExpandableComponent = React.forwardRef(({
             onPress={handlePressAction}
             onLongPress={onLongPress}
             accessibilityState={{ expanded: isExpanded }}
-            accessibilityLabel={accessibilityLabel}
             testID={testID+"_Container"}
           >
             <View testID={testID+'_ContentContainer'} {...contentContainerProps} style={[styles.row,theme.styles.cursorPointer,contentContainerProps.style]} pointerEvents1="none">
@@ -127,7 +125,7 @@ const ExpandableComponent = React.forwardRef(({
                 : null}
               <View testID={testID+'_Center'} {...centerProps} style={[styles.item, styles.content,styles.center,centerProps.style]}>
                 {isNonNullString(title)? <Label
-                  selectable={false}
+                  userSelect={false}
                   numberOfLines={titleNumberOfLines}
                   {...titleProps}
                 >
@@ -136,7 +134,7 @@ const ExpandableComponent = React.forwardRef(({
                 {isNonNullString(description) ? (
                   <Label
                     testID={testID+'_Description'}
-                    selectable={false}
+                    userSelect={false}
                     numberOfLines={descriptionNumberOfLines}
                     {...descriptionProps}
                     style={[

package/src/components/Fab/GroupComponent.js

@@ -21,7 +21,6 @@ const FABGroup = ({
   icon,
   open,
   onPress,
-  accessibilityLabel,
   label,
   style,
   screenName,
@@ -170,7 +169,6 @@ const FABGroup = ({
           label = {label}
           icon={icon}
           color={colorProp}
-          accessibilityLabel={accessibilityLabel}
           // @ts-expect-error We keep old a11y props for backwards compat with old RN versions
           accessibilityTraits="button"
           accessibilityComponentType="button"
@@ -202,7 +200,6 @@ FABGroup.propTypes = {
    * An action item should contain the following properties:
    * - `icon`: icon to display (required)
    * - `label`: optional label text
-   * - `accessibilityLabel`: accessibility label for the action, uses label by default if specified
    * - `color`: custom icon color of the action item
    * - `labelTextColor`: custom label text color of the action item
    * - `style`: pass additional styles for the fab item, for example, `backgroundColor`
@@ -215,7 +212,6 @@ FABGroup.propTypes = {
     label: PropTypes.string,
     color: PropTypes.string,
     labelTextColor: PropTypes.string,
-    accessibilityLabel: PropTypes.string,
     style: StylePropTypes,
     labelStyle: StylePropTypes,
     small: PropTypes.bool,
@@ -230,7 +226,7 @@ FABGroup.propTypes = {
   /**
    * Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB.
    */
-  accessibilityLabel: PropTypes.string,
+  "aria-label" : PropTypes.string,
   /**
    * Custom color for the `FAB`.
    */
@@ -272,7 +268,7 @@ FABGroup.propTypes = {
 }
 
 
-const _FabItem = function({children,label,disabled:customDisabled,pointerEvents,open,close,testID:customTestID,labelStyle,accessibilityLabel,icon,backgroundColor,scale,opacity,color,style,small,onPress}){
+const _FabItem = function({children,label,disabled:customDisabled,pointerEvents,open,close,testID:customTestID,labelStyle,icon,backgroundColor,scale,opacity,color,style,small,onPress,...rest}){
   const disabled = typeof customDisabled =='boolean'? customDisabled : false;
   const testID = defaultStr(customTestID,"RN_FabItemComponent")
   style = StyleSheet.flatten(style) || {};
@@ -303,9 +299,9 @@ const _FabItem = function({children,label,disabled:customDisabled,pointerEvents,
                    ] 
                  }
                  onPress={_onPress}
-                 accessibilityLabel={
-                   accessibilityLabel !== 'undefined'
-                     ? accessibilityLabel
+                 aria-label ={
+                   rest["aria-label"] !== 'undefined'
+                     ? rest["aria-label"]
                      : label
                  }
                  accessibilityTraits="button"
@@ -337,9 +333,9 @@ const _FabItem = function({children,label,disabled:customDisabled,pointerEvents,
                ] 
              }
              onPress={_onPress}
-             accessibilityLabel={
-               typeof accessibilityLabel !== 'undefined'
-                 ? accessibilityLabel
+             aria-label={
+               typeof rest["aria-label"] !== 'undefined'
+                 ? rest["aria-label"]
                  : label
              }
              // @ts-expect-error We keep old a11y props for backwards compat with old RN versions

package/src/components/Filter/BetweenComponent.js

@@ -7,7 +7,7 @@ import {defaultObj} from "$cutils";
 
 const FilterBetweenComponent = React.forwardRef(({inputProps,contentContainerProps,...props},ref)=>{
     contentContainerProps = defaultObj(contentContainerProps);
-    contentContainerProps.pointerEvents = "auto";
+    contentContainerProps.style = [{pointerEvents: "auto"},contentContainerProps.style];
     return <TextField
         ref = {ref}
         {...props}

package/src/components/Image/index.js

@@ -257,7 +257,7 @@ export default function ImageComponent(props){
                 {...menuProps}
                 disabled = {isDisabled}
                 anchor = {(props)=>{
-                    return <View accessibilityLabel = {_label} testID={testID+"_Container"} {...containerProps} style={[label?styles.align:null,containerProps.style,{pointerEvents:disabled|| readOnly? "none":"auto"},label?styles.container:null]}>
+                    return <View aria-label={_label} testID={testID+"_Container"} {...containerProps} style={[label?styles.align:null,containerProps.style,{pointerEvents:disabled|| readOnly? "none":"auto"},label?styles.container:null]}>
                         {<Label testID={testID+"_Label"} {...labelProps} disabled={disabled} style={[styles.label,labelProps.style]}>{label}</Label>}
                         {<Avatar
                             resizeMethod = {"auto"}

package/src/components/Label/index.js

@@ -10,7 +10,7 @@ const defaultSelectable = canTextBeSelectable();
 
 export const EllipsizeMode = {'head':'head','middle':'middle', 'tail':'tail' , 'clip':'clip'}
 
-const LabelComponent = React.forwardRef(({ children,selectable,role,color,upperCase,fontSize,testID,wrap,id,wrapText,error,underlined,splitText,secondary,primary,bold,textBold,disabled,text,style,...rest},ref)=> {
+const LabelComponent = React.forwardRef(({ children,userSelect,role,color,upperCase,fontSize,testID,wrap,id,wrapText,error,underlined,splitText,secondary,primary,bold,textBold,disabled,text,style,...rest},ref)=> {
     children = defaultVal(children,text);
     let isText = false;
     if(!React.isValidElement(children) && Array.isArray(children) && children.length){
@@ -58,8 +58,8 @@ const LabelComponent = React.forwardRef(({ children,selectable,role,color,upperC
     if(disabled){
         r1.pointerEvents = "none";
     }
-    selectable = selectable === false || defaultSelectable === false ? false : true;
-    r2.userSelect = !selectable?"none":"all";
+    userSelect = userSelect === false || defaultSelectable === false ? false : true;
+    r2.userSelect = !userSelect?"none":"all";
     if(isNonNullString(children) || isText || typeof children ==='number'){
         if(!isText){
             children +="";
@@ -70,7 +70,7 @@ const LabelComponent = React.forwardRef(({ children,selectable,role,color,upperC
         if(fontSize){
             r1.fontSize = fontSize;
         }
-        if(selectable){
+        if(userSelect){
             r2.userSelect = "text";
         }
         return (<Text  allowFontScaling = {true} ref = {ref} 
@@ -117,7 +117,7 @@ LabelComponentExported.propTypes = {
     error : PropTypes.bool,///si le label est liée à une text field sur laquelle il  y a erreur
     secondary : PropTypes.bool,
     color : PropTypes.string,
-    selectable : PropTypes.bool, //si le texte est sélectionnable
+    userSelect : PropTypes.bool, //si le texte est sélectionnable
     underlined : PropTypes.bool,//si le style underlined sera appliqué au label
     splitText : PropTypes.bool,///si le texte lorsqu'il est long sera splité,
     /*useSelect : PropTypes.oneOfType([

package/src/components/Menu/Item.js

@@ -34,7 +34,6 @@ const MenuItemComponent = React.forwardRef(({
   secondary,
   iconProps,
   isBottomSheetItem,
-  accessibilityLabel,
   right,
   labelProps,
   contentContainerProps,
@@ -79,14 +78,12 @@ const MenuItemComponent = React.forwardRef(({
       {...defaultObj(rest)}
       tooltip = {defaultVal(rest.tooltip,title,label,text)}
       Component = {TouchableRipple}
-      style={[styles.container, style,maxWidthStyle,disabledStyle]}
+      style={[styles.container,{pointerEvents}, style,maxWidthStyle,disabledStyle]}
       onPress={onPress}
       disabled={disabled}
       testID={testID}
-      accessibilityLabel={accessibilityLabel}
       role="menuitem"
       accessibilityState={{ disabled }}
-      pointerEvents = {pointerEvents}
     >
       <View style={[styles.row]} ref={ref} testID={testID+"_ContentContainer"}>
         {icon ? (
@@ -111,7 +108,7 @@ const MenuItemComponent = React.forwardRef(({
         >
           <Label
             testID={testID+"_Label"}
-            selectable={false}
+            userSelect={false}
             numberOfLines={1}
             splitText
             {...labelProps}
@@ -218,7 +215,7 @@ MenuItemComponent.propTypes = {
     /**
      * Accessibility label for the Touchable. This is read by the screen reader when the user taps the component.
      */
-    accessibilityLabel : PropTypes.string,
+    "aria-label" : PropTypes.string,
   };
 
 

package/src/components/Menu/Menu.js

@@ -473,7 +473,7 @@ class _Menu extends AppComponent {
           <Portal>
             {rendered ? <TouchableWithoutFeedback
               testID={testID+"_Menu_TouchableWithoutFeedBack"}
-              accessibilityLabel={overlayAccessibilityLabel}
+              aria-label={overlayAccessibilityLabel}
               //role="button"
               onPress={onDismiss}
               style = {[hiddenStyle]}
@@ -487,8 +487,7 @@ class _Menu extends AppComponent {
               }}
               collapsable={false}
               accessibilityViewIsModal={visible}
-              style={[styles.wrapper, positionStyle, style,hiddenStyle]}
-              pointerEvents={visible ? 'box-none' : 'none'}
+              style={[styles.wrapper, positionStyle, style,hiddenStyle,{pointerEvents:visible ? 'box-none' : 'none'}]}
               onAccessibilityEscape={onDismiss}
             >
               {rendered?<Animated.View style={{ transform: positionTransforms }} testID={testID+"_Animated"}>

package/src/components/Modal/index.js

@@ -120,7 +120,7 @@ const ModalComponent = React.forwardRef((props,ref)=>{
         animationPosition = {animationPosition}
       >
           <TouchableWithoutFeedback
-            accessibilityLabel={overlayAccessibilityLabel}
+            aria-label={overlayAccessibilityLabel}
             //role="button"
             disabled={!dismissable}
             onPress={dismissable ? hideModal : undefined}

package/src/components/Paragraph/index.js

@@ -15,7 +15,7 @@ function ParagraphComponent({splitText,...props}){
         restProps.ellipsizeMode = defaultStr(props.ellipsizeMode,'tail');
     }
     return <Paragraph
-        selectable = {defaultSelectable}
+        userSelect = {defaultSelectable}
         {...props}
         {...restProps}
     />

package/src/components/PhoneInput/index.js

@@ -157,7 +157,7 @@ export default function PhoneInputComponent(props){
                     helperText = {helperText}
                     contentContainerProps = {contentContainerProps}
                     label = {label}
-                    accessibilityLabel = {defaultStr(label,text)}
+                    aria-label = {defaultStr(label,text)}
                     formatValue = {false}
                     disabled = {props.disabled}
                     pointerEvents = {pointerEvents}

package/src/components/SimpleSelect/index.js

@@ -285,7 +285,7 @@ const  SimpleSelect = React.forwardRef((props,ref)=>{
         {...anchorContainerProps}
         onPress={show}
         disabled = {!isEditable}
-        accessibilityLabel={defaultStr(label,text)}
+        aria-label={defaultStr(label,text)}
         rippleColor={undefined}
         onLayout={onLayout}
         style = {[{pointerEvents},anchorContainerProps.style]}

package/src/components/Switch/index.js

@@ -115,7 +115,7 @@ const SwitchComponent = React.forwardRef((props,ref)=>{
    return <Tooltip 
                 {...p} 
                 tooltip={tooltip} 
-                accessibilityLabel={label}
+                aria-label={label}
                 role="switch"
                 disabled = {!isEditable}
                 pointerEvents = {pointerEvents}

package/src/components/TextField/index.js

@@ -464,7 +464,7 @@ const TextFieldComponent = React.forwardRef((componentProps,inputRef)=>{
             {...iconProps}
             disabled = {!isEditable}
             forceTextInputFocus={false}
-            accessibilityLabel ={!secureTextEntry?"Cliquez pour masquer le contenu":"Cliquez pour afficher le contenu"} 
+            aria-label ={!secureTextEntry?"Cliquez pour masquer le contenu":"Cliquez pour afficher le contenu"} 
             icon={secureTextEntry?'eye-off':'eye'}
             onPress={()=>{
                 setSecureTextEntry(!secureTextEntry);

package/src/screens/Help/openLibraries.js

@@ -1 +1 @@
-module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.81.2","repository":{"type":"git","url":"git+https://github.com/borispipo/expo-ui.git"},"homepage":"https://github.com/borispipo/expo-ui#readme"},"@babel/plugin-proposal-export-namespace-from":{"version":"7.18.9","url":"https://babel.dev/docs/en/next/babel-plugin-proposal-export-namespace-from","license":"MIT"},"@emotion/native":{"version":"11.11.0","url":"https://emotion.sh","license":"MIT"},"@emotion/react":{"version":"11.11.1","url":"https://github.com/emotion-js/emotion/tree/main/packages/react","license":"MIT"},"@expo/html-elements":{"version":"0.5.1","url":"https://github.com/expo/expo/tree/main/packages/html-elements","license":"MIT"},"@expo/metro-config":{"version":"0.10.7","url":"https://github.com/expo/expo.git","license":"MIT"},"@expo/vector-icons":{"version":"13.0.0","url":"https://expo.github.io/vector-icons","license":"MIT"},"@expo/webpack-config":{"version":"19.0.0","url":"https://github.com/expo/expo-cli.git","license":"MIT"},"@faker-js/faker":{"version":"8.0.2","url":"https://github.com/faker-js/faker.git","license":"MIT"},"@fto-consult/common":{"version":"3.65.10","url":"https://github.com/borispipo/common#readme","license":"ISC"},"@pchmn/expo-material3-theme":{"version":"1.3.1","url":"https://github.com/pchmn/expo-material3-theme#readme","license":"MIT"},"@react-native-async-storage/async-storage":{"version":"1.18.2","url":"https://github.com/react-native-async-storage/async-storage#readme","license":"MIT"},"@react-native-community/datetimepicker":{"version":"7.2.0","url":"https://github.com/react-native-community/datetimepicker#readme","license":"MIT"},"@react-native-community/netinfo":{"version":"9.3.10","url":"https://github.com/react-native-netinfo/react-native-netinfo#readme","license":"MIT"},"@react-native/assets-registry":{"version":"0.72.0","url":"git@github.com:facebook/react-native.git","license":"MIT"},"@react-navigation/native":{"version":"6.1.9","url":"https://reactnavigation.org","license":"MIT"},"@react-navigation/native-stack":{"version":"6.9.17","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"@react-navigation/stack":{"version":"6.3.20","url":"https://reactnavigation.org/docs/stack-navigator/","license":"MIT"},"@shopify/flash-list":{"version":"1.4.3","url":"https://shopify.github.io/flash-list/","license":"MIT"},"apexcharts":{"version":"3.44.0","url":"https://apexcharts.com","license":"MIT"},"babel-plugin-inline-dotenv":{"version":"1.7.0","url":"https://github.com/brysgo/babel-plugin-inline-dotenv#readme","license":"ISC"},"babel-plugin-module-resolver":{"version":"5.0.0","url":"https://github.com/tleunen/babel-plugin-module-resolver.git","license":"MIT"},"expo":{"version":"49.0.20","url":"https://github.com/expo/expo/tree/main/packages/expo","license":"MIT"},"expo-camera":{"version":"13.4.4","url":"https://docs.expo.dev/versions/latest/sdk/camera/","license":"MIT"},"expo-clipboard":{"version":"4.3.1","url":"https://docs.expo.dev/versions/latest/sdk/clipboard","license":"MIT"},"expo-font":{"version":"11.4.0","url":"https://docs.expo.dev/versions/latest/sdk/font/","license":"MIT"},"expo-image-picker":{"version":"14.3.2","url":"https://docs.expo.dev/versions/latest/sdk/imagepicker/","license":"MIT"},"expo-linking":{"version":"5.0.2","url":"https://docs.expo.dev/versions/latest/sdk/linking","license":"MIT"},"expo-sharing":{"version":"11.5.0","url":"https://docs.expo.dev/versions/latest/sdk/sharing/","license":"MIT"},"expo-sqlite":{"version":"11.3.3","url":"https://docs.expo.dev/versions/latest/sdk/sqlite/","license":"MIT"},"expo-status-bar":{"version":"1.6.0","url":"https://docs.expo.dev/versions/latest/sdk/status-bar/","license":"MIT"},"expo-system-ui":{"version":"2.4.0","url":"https://docs.expo.dev/versions/latest/sdk/system-ui","license":"MIT"},"expo-web-browser":{"version":"12.3.2","url":"https://docs.expo.dev/versions/latest/sdk/webbrowser/","license":"MIT"},"file-saver":{"version":"2.0.5","url":"https://github.com/eligrey/FileSaver.js#readme","license":"MIT"},"fs-extra":{"version":"11.1.1","url":"https://github.com/jprichardson/node-fs-extra","license":"MIT"},"google-libphonenumber":{"version":"3.2.33","url":"https://ruimarinho.github.io/google-libphonenumber/","license":"(MIT AND Apache-2.0)"},"htmlparser2-without-node-native":{"version":"3.9.2","url":"git://github.com/fb55/htmlparser2.git","license":"MIT"},"is-plain-obj":{"version":"4.1.0","license":"MIT"},"js-base64":{"version":"3.7.5","license":"BSD-3-Clause"},"pdfmake":{"version":"0.2.8","url":"http://pdfmake.org","license":"MIT"},"process":{"version":"0.11.10","url":"git://github.com/shtylman/node-process.git","license":"MIT"},"prop-types":{"version":"15.8.1","url":"https://facebook.github.io/react/","license":"MIT"},"react":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-content-loader":{"version":"6.2.1","url":"https://github.com/danilowoz/react-content-loader","license":"MIT"},"react-dom":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-native":{"version":"0.72.6","license":"MIT"},"react-native-big-list":{"version":"1.6.1","url":"https://marcocesarato.github.io/react-native-big-list-docs/","license":"GPL-3.0-or-later"},"react-native-blob-util":{"version":"0.18.6","url":"https://github.com/RonRadtke/react-native-blob-util","license":"MIT"},"react-native-get-random-values":{"version":"1.9.0","license":"MIT"},"react-native-iphone-x-helper":{"version":"1.3.1","url":"https://github.com/ptelad/react-native-iphone-x-helper#readme","license":"MIT"},"react-native-mime-types":{"version":"2.4.0","license":"MIT"},"react-native-paper":{"version":"5.11.1","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.20.4","url":"https://github.com/web-ridge/react-native-paper-dates#readme","license":"MIT"},"react-native-reanimated":{"version":"3.3.0","url":"https://github.com/software-mansion/react-native-reanimated#readme","license":"MIT"},"react-native-safe-area-context":{"version":"4.6.3","url":"https://github.com/th3rdwave/react-native-safe-area-context#readme","license":"MIT"},"react-native-screens":{"version":"3.22.1","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"react-native-svg":{"version":"13.9.0","url":"https://github.com/react-native-community/react-native-svg","license":"MIT"},"react-native-web":{"version":"0.19.9","url":"git://github.com/necolas/react-native-web.git","license":"MIT"},"react-native-webview":{"version":"13.2.2","url":"https://github.com/react-native-webview/react-native-webview#readme","license":"MIT"},"react-virtuoso":{"version":"4.6.2","url":"https://virtuoso.dev/","license":"MIT"},"sharp-cli":{"version":"2.1.0","url":"https://github.com/vseventer/sharp-cli","license":"MIT"},"tippy.js":{"version":"6.3.7","url":"https://atomiks.github.io/tippyjs/","license":"MIT"},"websql":{"version":"2.0.3","url":"git://github.com/nolanlawson/node-websql.git","license":"Apache-2.0"},"xlsx":{"version":"0.18.5","url":"https://sheetjs.com/","license":"Apache-2.0"}};
+module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.83.0","repository":{"type":"git","url":"git+https://github.com/borispipo/expo-ui.git"},"homepage":"https://github.com/borispipo/expo-ui#readme"},"@babel/plugin-proposal-export-namespace-from":{"version":"7.18.9","url":"https://babel.dev/docs/en/next/babel-plugin-proposal-export-namespace-from","license":"MIT"},"@emotion/native":{"version":"11.11.0","url":"https://emotion.sh","license":"MIT"},"@emotion/react":{"version":"11.11.1","url":"https://github.com/emotion-js/emotion/tree/main/packages/react","license":"MIT"},"@expo/html-elements":{"version":"0.5.1","url":"https://github.com/expo/expo/tree/main/packages/html-elements","license":"MIT"},"@expo/metro-config":{"version":"0.10.7","url":"https://github.com/expo/expo.git","license":"MIT"},"@expo/vector-icons":{"version":"13.0.0","url":"https://expo.github.io/vector-icons","license":"MIT"},"@expo/webpack-config":{"version":"19.0.0","url":"https://github.com/expo/expo-cli.git","license":"MIT"},"@faker-js/faker":{"version":"8.0.2","url":"https://github.com/faker-js/faker.git","license":"MIT"},"@fto-consult/common":{"version":"3.65.12","url":"https://github.com/borispipo/common#readme","license":"ISC"},"@pchmn/expo-material3-theme":{"version":"1.3.1","url":"https://github.com/pchmn/expo-material3-theme#readme","license":"MIT"},"@react-native-async-storage/async-storage":{"version":"1.18.2","url":"https://github.com/react-native-async-storage/async-storage#readme","license":"MIT"},"@react-native-community/datetimepicker":{"version":"7.2.0","url":"https://github.com/react-native-community/datetimepicker#readme","license":"MIT"},"@react-native-community/netinfo":{"version":"9.3.10","url":"https://github.com/react-native-netinfo/react-native-netinfo#readme","license":"MIT"},"@react-native/assets-registry":{"version":"0.72.0","url":"git@github.com:facebook/react-native.git","license":"MIT"},"@react-navigation/native":{"version":"6.1.9","url":"https://reactnavigation.org","license":"MIT"},"@react-navigation/native-stack":{"version":"6.9.17","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"@react-navigation/stack":{"version":"6.3.20","url":"https://reactnavigation.org/docs/stack-navigator/","license":"MIT"},"@shopify/flash-list":{"version":"1.4.3","url":"https://shopify.github.io/flash-list/","license":"MIT"},"apexcharts":{"version":"3.44.0","url":"https://apexcharts.com","license":"MIT"},"babel-plugin-inline-dotenv":{"version":"1.7.0","url":"https://github.com/brysgo/babel-plugin-inline-dotenv#readme","license":"ISC"},"babel-plugin-module-resolver":{"version":"5.0.0","url":"https://github.com/tleunen/babel-plugin-module-resolver.git","license":"MIT"},"expo":{"version":"49.0.20","url":"https://github.com/expo/expo/tree/main/packages/expo","license":"MIT"},"expo-camera":{"version":"13.4.4","url":"https://docs.expo.dev/versions/latest/sdk/camera/","license":"MIT"},"expo-clipboard":{"version":"4.3.1","url":"https://docs.expo.dev/versions/latest/sdk/clipboard","license":"MIT"},"expo-font":{"version":"11.4.0","url":"https://docs.expo.dev/versions/latest/sdk/font/","license":"MIT"},"expo-image-picker":{"version":"14.3.2","url":"https://docs.expo.dev/versions/latest/sdk/imagepicker/","license":"MIT"},"expo-linking":{"version":"5.0.2","url":"https://docs.expo.dev/versions/latest/sdk/linking","license":"MIT"},"expo-sharing":{"version":"11.5.0","url":"https://docs.expo.dev/versions/latest/sdk/sharing/","license":"MIT"},"expo-sqlite":{"version":"11.3.3","url":"https://docs.expo.dev/versions/latest/sdk/sqlite/","license":"MIT"},"expo-status-bar":{"version":"1.6.0","url":"https://docs.expo.dev/versions/latest/sdk/status-bar/","license":"MIT"},"expo-system-ui":{"version":"2.4.0","url":"https://docs.expo.dev/versions/latest/sdk/system-ui","license":"MIT"},"expo-web-browser":{"version":"12.3.2","url":"https://docs.expo.dev/versions/latest/sdk/webbrowser/","license":"MIT"},"file-saver":{"version":"2.0.5","url":"https://github.com/eligrey/FileSaver.js#readme","license":"MIT"},"fs-extra":{"version":"11.1.1","url":"https://github.com/jprichardson/node-fs-extra","license":"MIT"},"google-libphonenumber":{"version":"3.2.33","url":"https://ruimarinho.github.io/google-libphonenumber/","license":"(MIT AND Apache-2.0)"},"htmlparser2-without-node-native":{"version":"3.9.2","url":"git://github.com/fb55/htmlparser2.git","license":"MIT"},"is-plain-obj":{"version":"4.1.0","license":"MIT"},"js-base64":{"version":"3.7.5","license":"BSD-3-Clause"},"pdfmake":{"version":"0.2.8","url":"http://pdfmake.org","license":"MIT"},"process":{"version":"0.11.10","url":"git://github.com/shtylman/node-process.git","license":"MIT"},"prop-types":{"version":"15.8.1","url":"https://facebook.github.io/react/","license":"MIT"},"react":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-content-loader":{"version":"6.2.1","url":"https://github.com/danilowoz/react-content-loader","license":"MIT"},"react-dom":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-native":{"version":"0.72.6","license":"MIT"},"react-native-big-list":{"version":"1.6.1","url":"https://marcocesarato.github.io/react-native-big-list-docs/","license":"GPL-3.0-or-later"},"react-native-blob-util":{"version":"0.18.6","url":"https://github.com/RonRadtke/react-native-blob-util","license":"MIT"},"react-native-get-random-values":{"version":"1.9.0","license":"MIT"},"react-native-iphone-x-helper":{"version":"1.3.1","url":"https://github.com/ptelad/react-native-iphone-x-helper#readme","license":"MIT"},"react-native-mime-types":{"version":"2.4.0","license":"MIT"},"react-native-paper":{"version":"5.11.1","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.20.4","url":"https://github.com/web-ridge/react-native-paper-dates#readme","license":"MIT"},"react-native-reanimated":{"version":"3.3.0","url":"https://github.com/software-mansion/react-native-reanimated#readme","license":"MIT"},"react-native-safe-area-context":{"version":"4.6.3","url":"https://github.com/th3rdwave/react-native-safe-area-context#readme","license":"MIT"},"react-native-screens":{"version":"3.22.1","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"react-native-svg":{"version":"13.9.0","url":"https://github.com/react-native-community/react-native-svg","license":"MIT"},"react-native-web":{"version":"0.19.9","url":"git://github.com/necolas/react-native-web.git","license":"MIT"},"react-native-webview":{"version":"13.2.2","url":"https://github.com/react-native-webview/react-native-webview#readme","license":"MIT"},"react-virtuoso":{"version":"4.6.2","url":"https://virtuoso.dev/","license":"MIT"},"sharp-cli":{"version":"2.1.0","url":"https://github.com/vseventer/sharp-cli","license":"MIT"},"tippy.js":{"version":"6.3.7","url":"https://atomiks.github.io/tippyjs/","license":"MIT"},"websql":{"version":"2.0.3","url":"git://github.com/nolanlawson/node-websql.git","license":"Apache-2.0"},"xlsx":{"version":"0.18.5","url":"https://sheetjs.com/","license":"Apache-2.0"}};