@fto-consult/expo-ui 6.81.3 → 6.83.0

package/bin/create-app/App.js

@@ -3,6 +3,8 @@ import screens from "$screens";
 import drawerItems from "$navigation/drawerItems";
 import Logo from "$components/Logo";
 import drawerSections from "$navigation/drawerSections";
+import TableDataListScreen from "$screens/TableDataListScreen";
+import TableDataScreen from "$screens/TableData/TableDataScreen";
 
 export default function AppMainEntry(){
     return <ExpoUIProvider    
@@ -32,6 +34,8 @@ export default function AppMainEntry(){
             profilePropsMutator : ({fields,...props})=>({fields,...props}),//la fonction permettant de muter les champs liés à l'écran de mise à jour d'un profil utilisateur
         }}
         components = {{
+            TableDataListScreen,
+            TableDataScreen,
             datagrid : {
                 ///les props par défaut à passer au composant SWRDatagrid
             },

package/bin/create-app/src/screens/TableData/TableDataScreen.js

@@ -0,0 +1,36 @@
+// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+import TableData from "$eScreen/TableData";
+
+
+export default class TableDataScreenItem extends TableData{
+    /**** cette méthode est très utile pour la vérification des id de type unique en base de données
+        par exemple, vous avez une table en base de données dont l'id est le code et en création de la nouvelle données, vous vérifiez si celle entrée par l'utilisateur existe déjà en base ou non
+        Cette fonction doit retourner une promise, qui lorsque la donnée existe, elle doit retourner l'objet correspondant à l'id recherché en bd ou généer une exception si elle n'existe pas
+           
+    */
+    fetchUniqueId ({value,field,fieldName,foreignKeyColumn,table:customT,foreignKeyTable}){
+        return Promise.resolve({});
+    }
+    /*** implémenter la routine beforeSave, avant l'enregistrement de la données liée à la table encours
+        -si cette fonction retourne une chaine de caractère, alors cette chaine est considérée comme une erreur et elle est affichée via une notification à l'utilisateur
+        -si cette fonction retourne false, alors la donnée en cours de modification ne peut être enregistrée
+    */
+    beforeSave({data,tableName,...rest}){
+        return data;
+    }
+    /*** implémenter la logique d'isertion ou de mise à jour de la données, en cours d'enregistrement en base de données distante
+        @return {Promise<object>} la données insérée ou mise à jour issue de la base de données
+    */
+    upsertToDB({data,tableName,...rest}){
+        return Promise.resolve({data});
+    }
+}
+
+TableDataScreenItem.Modal = true; //spécifiez si cet écran s'affiche en model ou non

package/bin/create-app/src/screens/TableData/index.js

@@ -0,0 +1 @@
+export default [];

package/bin/create-app/src/screens/TableDataListScreen.js

@@ -0,0 +1,10 @@
+import Screen from "$eScreen";
+import SWRDatagrid from "$ecomponents/Datagrid/SWRDatagrid";
+
+export default function TableDataListScreen (props){
+    return <Screen {...props}>
+        <SWRDatagrid {...props}/>
+    </Screen>
+}
+
+TableDataListScreen.withFab = false;//if you want to display main FAB layout on this screen toggle this value to true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.81.3",
+  "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"}};